@plaidev/karte-action-sdk 1.1.265 → 1.1.266-29059851.1bdc68e9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hydrate/index.es.d.ts +29 -3
- package/dist/hydrate/index.es.js +799 -302
- package/dist/index.es.d.ts +29 -3
- package/dist/index.es.js +773 -310
- package/dist/svelte5/hydrate/index.es.d.ts +30 -4
- package/dist/svelte5/hydrate/index.es.js +707 -375
- package/dist/svelte5/index.es.d.ts +30 -4
- package/dist/svelte5/index.es.js +587 -389
- package/dist/svelte5/index.front2.es.js +591 -389
- package/package.json +1 -1
package/dist/hydrate/index.es.js
CHANGED
|
@@ -17,6 +17,11 @@ const ALL_ACTION_ID = 'KARTE_ALL_ACTION_ID';
|
|
|
17
17
|
const ALL_ACTION_SHORTEN_ID = 'KARTE_ALL_ACTION_SHORTEN_ID';
|
|
18
18
|
/** @internal */
|
|
19
19
|
const DEVICE_IDS = ['PC', 'SP'];
|
|
20
|
+
/** @internal */
|
|
21
|
+
const DEVICE_QUERIES = {
|
|
22
|
+
PC: 'screen and (min-width: 641px)',
|
|
23
|
+
SP: 'screen and (max-width: 640px)',
|
|
24
|
+
};
|
|
20
25
|
// -------- The following codes are deprecated --------
|
|
21
26
|
/**
|
|
22
27
|
* 非推奨
|
|
@@ -1617,7 +1622,7 @@ const handleState = (event) => {
|
|
|
1617
1622
|
*
|
|
1618
1623
|
* @public
|
|
1619
1624
|
*/
|
|
1620
|
-
function onShow(fn) {
|
|
1625
|
+
function onShow$1(fn) {
|
|
1621
1626
|
let { onShowHandlers } = getInternalHandlers();
|
|
1622
1627
|
if (!onShowHandlers) {
|
|
1623
1628
|
onShowHandlers = [];
|
|
@@ -1632,7 +1637,7 @@ function onShow(fn) {
|
|
|
1632
1637
|
*
|
|
1633
1638
|
* @public
|
|
1634
1639
|
*/
|
|
1635
|
-
function onClose(fn) {
|
|
1640
|
+
function onClose$1(fn) {
|
|
1636
1641
|
let { onCloseHandlers } = getInternalHandlers();
|
|
1637
1642
|
if (!onCloseHandlers) {
|
|
1638
1643
|
onCloseHandlers = [];
|
|
@@ -1647,7 +1652,7 @@ function onClose(fn) {
|
|
|
1647
1652
|
*
|
|
1648
1653
|
* @public
|
|
1649
1654
|
*/
|
|
1650
|
-
function onChangeState(fn) {
|
|
1655
|
+
function onChangeState$1(fn) {
|
|
1651
1656
|
let { onChangeStateHandlers } = getInternalHandlers();
|
|
1652
1657
|
if (!onChangeStateHandlers) {
|
|
1653
1658
|
onChangeStateHandlers = [];
|
|
@@ -1660,7 +1665,7 @@ function onChangeState(fn) {
|
|
|
1660
1665
|
*
|
|
1661
1666
|
* @public
|
|
1662
1667
|
*/
|
|
1663
|
-
function showAction() {
|
|
1668
|
+
function showAction$1() {
|
|
1664
1669
|
const event = new CustomEvent(ACTION_SHOW_EVENT, { detail: { trigger: 'custom' } });
|
|
1665
1670
|
window.dispatchEvent(event);
|
|
1666
1671
|
}
|
|
@@ -1671,7 +1676,7 @@ function showAction() {
|
|
|
1671
1676
|
*
|
|
1672
1677
|
* @public
|
|
1673
1678
|
*/
|
|
1674
|
-
function closeAction(trigger = 'none') {
|
|
1679
|
+
function closeAction$1(trigger = 'none') {
|
|
1675
1680
|
const event = new CustomEvent(ACTION_CLOSE_EVENT, { detail: { trigger } });
|
|
1676
1681
|
window.dispatchEvent(event);
|
|
1677
1682
|
}
|
|
@@ -1684,11 +1689,11 @@ function closeAction(trigger = 'none') {
|
|
|
1684
1689
|
*
|
|
1685
1690
|
* @public
|
|
1686
1691
|
*/
|
|
1687
|
-
async function applyCss(css) {
|
|
1692
|
+
async function applyCss$1(css) {
|
|
1688
1693
|
return new Promise((resolve, reject) => {
|
|
1689
1694
|
const style = document.createElement('style');
|
|
1690
1695
|
style.textContent = css;
|
|
1691
|
-
const shadowRoot = getActionRoot();
|
|
1696
|
+
const shadowRoot = getActionRoot$1();
|
|
1692
1697
|
if (!shadowRoot)
|
|
1693
1698
|
return;
|
|
1694
1699
|
shadowRoot.append(style);
|
|
@@ -1696,7 +1701,7 @@ async function applyCss(css) {
|
|
|
1696
1701
|
style.addEventListener('error', () => reject(style));
|
|
1697
1702
|
});
|
|
1698
1703
|
}
|
|
1699
|
-
async function fixFontFaceIssue(href, cssRules) {
|
|
1704
|
+
async function fixFontFaceIssue$1(href, cssRules) {
|
|
1700
1705
|
const css = new CSSStyleSheet();
|
|
1701
1706
|
// @ts-ignore
|
|
1702
1707
|
await css.replace(cssRules);
|
|
@@ -1726,8 +1731,8 @@ async function fixFontFaceIssue(href, cssRules) {
|
|
|
1726
1731
|
*
|
|
1727
1732
|
* @public
|
|
1728
1733
|
*/
|
|
1729
|
-
async function loadStyle(href) {
|
|
1730
|
-
const sr = getActionRoot();
|
|
1734
|
+
async function loadStyle$1(href) {
|
|
1735
|
+
const sr = getActionRoot$1();
|
|
1731
1736
|
if (!sr)
|
|
1732
1737
|
return;
|
|
1733
1738
|
let cssRules = '';
|
|
@@ -1742,7 +1747,7 @@ async function loadStyle(href) {
|
|
|
1742
1747
|
return;
|
|
1743
1748
|
// Chromeのバグで、Shadow Rootの@font-faceを絶対パスで指定する必要がある
|
|
1744
1749
|
// @see https://stackoverflow.com/a/63717709
|
|
1745
|
-
const [rules, fontFaceRules] = await fixFontFaceIssue(href, cssRules);
|
|
1750
|
+
const [rules, fontFaceRules] = await fixFontFaceIssue$1(href, cssRules);
|
|
1746
1751
|
const css = new CSSStyleSheet();
|
|
1747
1752
|
// @ts-ignore
|
|
1748
1753
|
await css.replace(rules);
|
|
@@ -1757,7 +1762,7 @@ async function loadStyle(href) {
|
|
|
1757
1762
|
document.adoptedStyleSheets = [...document.adoptedStyleSheets, css, fontFaceCss];
|
|
1758
1763
|
}
|
|
1759
1764
|
// @internal
|
|
1760
|
-
function getCssVariables(data) {
|
|
1765
|
+
function getCssVariables$1(data) {
|
|
1761
1766
|
return Object.entries(data)
|
|
1762
1767
|
.filter(([key, value]) => {
|
|
1763
1768
|
return ['string', 'number'].includes(typeof value) && key.startsWith('--');
|
|
@@ -1772,7 +1777,7 @@ function getCssVariables(data) {
|
|
|
1772
1777
|
*
|
|
1773
1778
|
* @public
|
|
1774
1779
|
*/
|
|
1775
|
-
function getActionRoot() {
|
|
1780
|
+
function getActionRoot$1() {
|
|
1776
1781
|
const root = document.querySelector(`.${KARTE_ACTION_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
|
|
1777
1782
|
if (!root?.shadowRoot) {
|
|
1778
1783
|
return null;
|
|
@@ -1874,7 +1879,7 @@ function createModal(App, options = {
|
|
|
1874
1879
|
return;
|
|
1875
1880
|
}
|
|
1876
1881
|
const props = {
|
|
1877
|
-
target: ensureActionRoot(!true),
|
|
1882
|
+
target: ensureActionRoot$1(!true),
|
|
1878
1883
|
hydrate: true,
|
|
1879
1884
|
props: {
|
|
1880
1885
|
send: options.send,
|
|
@@ -1965,7 +1970,7 @@ function createModal(App, options = {
|
|
|
1965
1970
|
return appCleanup;
|
|
1966
1971
|
}
|
|
1967
1972
|
/** @internal */
|
|
1968
|
-
function ensureActionRoot(useShadow = true) {
|
|
1973
|
+
function ensureActionRoot$1(useShadow = true) {
|
|
1969
1974
|
const systemConfig = getSystem();
|
|
1970
1975
|
const rootAttrs = {
|
|
1971
1976
|
class: `${KARTE_ACTION_ROOT} ${KARTE_MODAL_ROOT}`,
|
|
@@ -1995,7 +2000,7 @@ function ensureActionRoot(useShadow = true) {
|
|
|
1995
2000
|
*
|
|
1996
2001
|
* @internal
|
|
1997
2002
|
*/
|
|
1998
|
-
const show = showAction;
|
|
2003
|
+
const show$1 = showAction$1;
|
|
1999
2004
|
/**
|
|
2000
2005
|
* 非推奨
|
|
2001
2006
|
*
|
|
@@ -2003,7 +2008,7 @@ const show = showAction;
|
|
|
2003
2008
|
*
|
|
2004
2009
|
* @internal
|
|
2005
2010
|
*/
|
|
2006
|
-
const close = closeAction;
|
|
2011
|
+
const close$1 = closeAction$1;
|
|
2007
2012
|
/**
|
|
2008
2013
|
* 非推奨
|
|
2009
2014
|
*
|
|
@@ -2011,7 +2016,7 @@ const close = closeAction;
|
|
|
2011
2016
|
*
|
|
2012
2017
|
* @internal
|
|
2013
2018
|
*/
|
|
2014
|
-
const ensureModalRoot = ensureActionRoot;
|
|
2019
|
+
const ensureModalRoot$1 = ensureActionRoot$1;
|
|
2015
2020
|
/**
|
|
2016
2021
|
* 非推奨
|
|
2017
2022
|
*
|
|
@@ -2019,7 +2024,7 @@ const ensureModalRoot = ensureActionRoot;
|
|
|
2019
2024
|
*
|
|
2020
2025
|
* @internal
|
|
2021
2026
|
*/
|
|
2022
|
-
function createApp(App, options = {
|
|
2027
|
+
function createApp$1(App, options = {
|
|
2023
2028
|
send: () => { },
|
|
2024
2029
|
publish: () => { },
|
|
2025
2030
|
props: {},
|
|
@@ -2050,7 +2055,7 @@ function createApp(App, options = {
|
|
|
2050
2055
|
},
|
|
2051
2056
|
};
|
|
2052
2057
|
{
|
|
2053
|
-
const win = ensureModalRoot(false);
|
|
2058
|
+
const win = ensureModalRoot$1(false);
|
|
2054
2059
|
appArgs.target = win;
|
|
2055
2060
|
appArgs.hydrate = true;
|
|
2056
2061
|
}
|
|
@@ -2073,8 +2078,8 @@ function createApp(App, options = {
|
|
|
2073
2078
|
*
|
|
2074
2079
|
* @internal
|
|
2075
2080
|
*/
|
|
2076
|
-
function createFog({ color = '#000', opacity = '50%', zIndex = 999, onclick, }) {
|
|
2077
|
-
const root = ensureModalRoot(false);
|
|
2081
|
+
function createFog$1({ color = '#000', opacity = '50%', zIndex = 999, onclick, }) {
|
|
2082
|
+
const root = ensureModalRoot$1(false);
|
|
2078
2083
|
if (root.querySelector('.__krt-fog')) {
|
|
2079
2084
|
return { fog: null, close: () => { } };
|
|
2080
2085
|
}
|
|
@@ -2820,13 +2825,13 @@ var widget = /*#__PURE__*/Object.freeze({
|
|
|
2820
2825
|
collection: collection,
|
|
2821
2826
|
getState: getState,
|
|
2822
2827
|
getVal: getVal,
|
|
2823
|
-
hide: closeAction,
|
|
2828
|
+
hide: closeAction$1,
|
|
2824
2829
|
method: method,
|
|
2825
2830
|
on: on,
|
|
2826
2831
|
onChangeVal: onChangeVal,
|
|
2827
2832
|
setState: setState,
|
|
2828
2833
|
setVal: setVal,
|
|
2829
|
-
show: showAction,
|
|
2834
|
+
show: showAction$1,
|
|
2830
2835
|
storage: storage
|
|
2831
2836
|
});
|
|
2832
2837
|
|
|
@@ -3101,7 +3106,7 @@ let State$1 = class State extends SvelteComponent {
|
|
|
3101
3106
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
|
3102
3107
|
|
|
3103
3108
|
function add_css$T(target) {
|
|
3104
|
-
append_styles(target, "svelte-
|
|
3109
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
|
3105
3110
|
}
|
|
3106
3111
|
|
|
3107
3112
|
// (22:0) {#if $state === path}
|
|
@@ -3128,7 +3133,7 @@ function create_if_block$i(ctx) {
|
|
|
3128
3133
|
},
|
|
3129
3134
|
h() {
|
|
3130
3135
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
|
3131
|
-
attr(div, "class", "state-item svelte-
|
|
3136
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
|
3132
3137
|
},
|
|
3133
3138
|
m(target, anchor) {
|
|
3134
3139
|
insert_hydration(target, div, anchor);
|
|
@@ -3395,7 +3400,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
|
3395
3400
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
3396
3401
|
|
|
3397
3402
|
function add_css$S(target) {
|
|
3398
|
-
append_styles(target, "svelte-
|
|
3403
|
+
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}");
|
|
3399
3404
|
}
|
|
3400
3405
|
|
|
3401
3406
|
// (14:0) {#if backgroundOverlay}
|
|
@@ -3416,7 +3421,7 @@ function create_if_block$h(ctx) {
|
|
|
3416
3421
|
this.h();
|
|
3417
3422
|
},
|
|
3418
3423
|
h() {
|
|
3419
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
3424
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
|
|
3420
3425
|
},
|
|
3421
3426
|
m(target, anchor) {
|
|
3422
3427
|
insert_hydration(target, div, anchor);
|
|
@@ -3427,7 +3432,7 @@ function create_if_block$h(ctx) {
|
|
|
3427
3432
|
}
|
|
3428
3433
|
},
|
|
3429
3434
|
p(ctx, dirty) {
|
|
3430
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
3435
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
|
|
3431
3436
|
attr(div, "class", div_class_value);
|
|
3432
3437
|
}
|
|
3433
3438
|
},
|
|
@@ -3537,7 +3542,7 @@ function checkStopPropagation(eventName, handler) {
|
|
|
3537
3542
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
|
3538
3543
|
|
|
3539
3544
|
function add_css$R(target) {
|
|
3540
|
-
append_styles(target, "svelte-
|
|
3545
|
+
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}");
|
|
3541
3546
|
}
|
|
3542
3547
|
|
|
3543
3548
|
// (53:0) {:else}
|
|
@@ -3576,7 +3581,7 @@ function create_else_block$5(ctx) {
|
|
|
3576
3581
|
},
|
|
3577
3582
|
h() {
|
|
3578
3583
|
set_attributes(button, button_data);
|
|
3579
|
-
toggle_class(button, "svelte-
|
|
3584
|
+
toggle_class(button, "svelte-15k4deh", true);
|
|
3580
3585
|
},
|
|
3581
3586
|
m(target, anchor) {
|
|
3582
3587
|
insert_hydration(target, button, anchor);
|
|
@@ -3615,7 +3620,7 @@ function create_else_block$5(ctx) {
|
|
|
3615
3620
|
dataAttrStopPropagation('click')
|
|
3616
3621
|
]));
|
|
3617
3622
|
|
|
3618
|
-
toggle_class(button, "svelte-
|
|
3623
|
+
toggle_class(button, "svelte-15k4deh", true);
|
|
3619
3624
|
},
|
|
3620
3625
|
i(local) {
|
|
3621
3626
|
if (current) return;
|
|
@@ -3656,7 +3661,7 @@ function create_if_block_2$2(ctx) {
|
|
|
3656
3661
|
this.h();
|
|
3657
3662
|
},
|
|
3658
3663
|
h() {
|
|
3659
|
-
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-
|
|
3664
|
+
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
|
|
3660
3665
|
attr(div, "style", /*style*/ ctx[1]);
|
|
3661
3666
|
},
|
|
3662
3667
|
m(target, anchor) {
|
|
@@ -3756,7 +3761,7 @@ function create_if_block_1$4(ctx) {
|
|
|
3756
3761
|
},
|
|
3757
3762
|
h() {
|
|
3758
3763
|
set_attributes(a, a_data);
|
|
3759
|
-
toggle_class(a, "svelte-
|
|
3764
|
+
toggle_class(a, "svelte-15k4deh", true);
|
|
3760
3765
|
},
|
|
3761
3766
|
m(target, anchor) {
|
|
3762
3767
|
insert_hydration(target, a, anchor);
|
|
@@ -3798,7 +3803,7 @@ function create_if_block_1$4(ctx) {
|
|
|
3798
3803
|
dataAttrStopPropagation('click')
|
|
3799
3804
|
]));
|
|
3800
3805
|
|
|
3801
|
-
toggle_class(a, "svelte-
|
|
3806
|
+
toggle_class(a, "svelte-15k4deh", true);
|
|
3802
3807
|
},
|
|
3803
3808
|
i(local) {
|
|
3804
3809
|
if (current) return;
|
|
@@ -3839,7 +3844,7 @@ function create_if_block$g(ctx) {
|
|
|
3839
3844
|
this.h();
|
|
3840
3845
|
},
|
|
3841
3846
|
h() {
|
|
3842
|
-
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-
|
|
3847
|
+
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
|
|
3843
3848
|
attr(div, "style", /*style*/ ctx[1]);
|
|
3844
3849
|
},
|
|
3845
3850
|
m(target, anchor) {
|
|
@@ -4052,7 +4057,7 @@ let Button$1 = class Button extends SvelteComponent {
|
|
|
4052
4057
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
|
4053
4058
|
|
|
4054
4059
|
function add_css$Q(target) {
|
|
4055
|
-
append_styles(target, "svelte-
|
|
4060
|
+
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}}");
|
|
4056
4061
|
}
|
|
4057
4062
|
|
|
4058
4063
|
// (278:0) {:else}
|
|
@@ -4227,7 +4232,7 @@ function create_if_block$f(ctx) {
|
|
|
4227
4232
|
this.h();
|
|
4228
4233
|
},
|
|
4229
4234
|
h() {
|
|
4230
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
4235
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
|
|
4231
4236
|
attr(div, "role", "dialog");
|
|
4232
4237
|
attr(div, "aria-modal", "true");
|
|
4233
4238
|
attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
|
|
@@ -4251,7 +4256,7 @@ function create_if_block$f(ctx) {
|
|
|
4251
4256
|
|
|
4252
4257
|
button.$set(button_changes);
|
|
4253
4258
|
|
|
4254
|
-
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
4259
|
+
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
|
|
4255
4260
|
attr(div, "class", div_class_value);
|
|
4256
4261
|
}
|
|
4257
4262
|
},
|
|
@@ -4316,7 +4321,7 @@ function create_if_block_1$3(ctx) {
|
|
|
4316
4321
|
this.h();
|
|
4317
4322
|
},
|
|
4318
4323
|
h() {
|
|
4319
|
-
attr(div, "class", "close svelte-
|
|
4324
|
+
attr(div, "class", "close svelte-1ijkyzl");
|
|
4320
4325
|
set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
|
|
4321
4326
|
},
|
|
4322
4327
|
m(target, anchor) {
|
|
@@ -4441,7 +4446,7 @@ function create_default_slot$7(ctx) {
|
|
|
4441
4446
|
this.h();
|
|
4442
4447
|
},
|
|
4443
4448
|
h() {
|
|
4444
|
-
attr(div, "class", "modal-content svelte-
|
|
4449
|
+
attr(div, "class", "modal-content svelte-1ijkyzl");
|
|
4445
4450
|
attr(div, "style", /*_style*/ ctx[5]);
|
|
4446
4451
|
},
|
|
4447
4452
|
m(target, anchor) {
|
|
@@ -5079,7 +5084,7 @@ class Grid extends SvelteComponent {
|
|
|
5079
5084
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
|
5080
5085
|
|
|
5081
5086
|
function add_css$P(target) {
|
|
5082
|
-
append_styles(target, "svelte-
|
|
5087
|
+
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
|
5083
5088
|
}
|
|
5084
5089
|
|
|
5085
5090
|
function create_fragment$1o(ctx) {
|
|
@@ -5113,8 +5118,8 @@ function create_fragment$1o(ctx) {
|
|
|
5113
5118
|
this.h();
|
|
5114
5119
|
},
|
|
5115
5120
|
h() {
|
|
5116
|
-
attr(div0, "class", "grid-item-inner svelte-
|
|
5117
|
-
attr(div1, "class", "grid-item svelte-
|
|
5121
|
+
attr(div0, "class", "grid-item-inner svelte-n7kdl3");
|
|
5122
|
+
attr(div1, "class", "grid-item svelte-n7kdl3");
|
|
5118
5123
|
attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
|
|
5119
5124
|
attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
|
|
5120
5125
|
attr(div1, "style", /*_style*/ ctx[1]);
|
|
@@ -5436,7 +5441,7 @@ class RenderText extends SvelteComponent {
|
|
|
5436
5441
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
|
5437
5442
|
|
|
5438
5443
|
function add_css$O(target) {
|
|
5439
|
-
append_styles(target, "svelte-
|
|
5444
|
+
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}");
|
|
5440
5445
|
}
|
|
5441
5446
|
|
|
5442
5447
|
// (92:2) {:else}
|
|
@@ -5466,8 +5471,8 @@ function create_else_block$2(ctx) {
|
|
|
5466
5471
|
this.h();
|
|
5467
5472
|
},
|
|
5468
5473
|
h() {
|
|
5469
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
5470
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5474
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
|
5475
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
|
5471
5476
|
attr(div1, "style", /*style*/ ctx[5]);
|
|
5472
5477
|
},
|
|
5473
5478
|
m(target, anchor) {
|
|
@@ -5481,7 +5486,7 @@ function create_else_block$2(ctx) {
|
|
|
5481
5486
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
5482
5487
|
rendertext.$set(rendertext_changes);
|
|
5483
5488
|
|
|
5484
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5489
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
|
|
5485
5490
|
attr(div1, "class", div1_class_value);
|
|
5486
5491
|
}
|
|
5487
5492
|
|
|
@@ -5556,12 +5561,12 @@ function create_if_block$d(ctx) {
|
|
|
5556
5561
|
this.h();
|
|
5557
5562
|
},
|
|
5558
5563
|
h() {
|
|
5559
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
5564
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
|
5560
5565
|
attr(a, "href", '');
|
|
5561
|
-
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5566
|
+
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
|
5562
5567
|
attr(a, "style", /*style*/ ctx[5]);
|
|
5563
|
-
attr(div1, "class", "tooltip svelte-
|
|
5564
|
-
attr(div2, "class", "tooltip tooltip-error svelte-
|
|
5568
|
+
attr(div1, "class", "tooltip svelte-9ixs0b");
|
|
5569
|
+
attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
|
|
5565
5570
|
},
|
|
5566
5571
|
m(target, anchor) {
|
|
5567
5572
|
insert_hydration(target, a, anchor);
|
|
@@ -5587,7 +5592,7 @@ function create_if_block$d(ctx) {
|
|
|
5587
5592
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
5588
5593
|
rendertext.$set(rendertext_changes);
|
|
5589
5594
|
|
|
5590
|
-
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-
|
|
5595
|
+
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"))) {
|
|
5591
5596
|
attr(a, "class", a_class_value);
|
|
5592
5597
|
}
|
|
5593
5598
|
|
|
@@ -5649,7 +5654,7 @@ function create_fragment$1m(ctx) {
|
|
|
5649
5654
|
this.h();
|
|
5650
5655
|
},
|
|
5651
5656
|
h() {
|
|
5652
|
-
attr(div, "class", "text-element-wrapper svelte-
|
|
5657
|
+
attr(div, "class", "text-element-wrapper svelte-9ixs0b");
|
|
5653
5658
|
},
|
|
5654
5659
|
m(target, anchor) {
|
|
5655
5660
|
insert_hydration(target, div, anchor);
|
|
@@ -5815,7 +5820,7 @@ class TextElement extends SvelteComponent {
|
|
|
5815
5820
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
|
5816
5821
|
|
|
5817
5822
|
function add_css$N(target) {
|
|
5818
|
-
append_styles(target, "svelte-
|
|
5823
|
+
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)}");
|
|
5819
5824
|
}
|
|
5820
5825
|
|
|
5821
5826
|
// (48:2) <Button {onClick} {style} {eventName}>
|
|
@@ -5884,7 +5889,7 @@ function create_fragment$1l(ctx) {
|
|
|
5884
5889
|
this.h();
|
|
5885
5890
|
},
|
|
5886
5891
|
h() {
|
|
5887
|
-
attr(div, "class", "text-button-element svelte-
|
|
5892
|
+
attr(div, "class", "text-button-element svelte-1vg84sc");
|
|
5888
5893
|
},
|
|
5889
5894
|
m(target, anchor) {
|
|
5890
5895
|
insert_hydration(target, div, anchor);
|
|
@@ -5976,7 +5981,7 @@ class TextButtonElement extends SvelteComponent {
|
|
|
5976
5981
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
|
5977
5982
|
|
|
5978
5983
|
function add_css$M(target) {
|
|
5979
|
-
append_styles(target, "svelte-
|
|
5984
|
+
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%}");
|
|
5980
5985
|
}
|
|
5981
5986
|
|
|
5982
5987
|
// (44:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -6004,7 +6009,7 @@ function create_default_slot$5(ctx) {
|
|
|
6004
6009
|
this.h();
|
|
6005
6010
|
},
|
|
6006
6011
|
h() {
|
|
6007
|
-
attr(img, "class", "image svelte-
|
|
6012
|
+
attr(img, "class", "image svelte-t6tu0e");
|
|
6008
6013
|
attr(img, "loading", "lazy");
|
|
6009
6014
|
attr(img, "width", "auto");
|
|
6010
6015
|
attr(img, "height", "auto");
|
|
@@ -6076,7 +6081,7 @@ function create_fragment$1k(ctx) {
|
|
|
6076
6081
|
this.h();
|
|
6077
6082
|
},
|
|
6078
6083
|
h() {
|
|
6079
|
-
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
|
6084
|
+
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
|
|
6080
6085
|
},
|
|
6081
6086
|
m(target, anchor) {
|
|
6082
6087
|
insert_hydration(target, div, anchor);
|
|
@@ -6095,7 +6100,7 @@ function create_fragment$1k(ctx) {
|
|
|
6095
6100
|
|
|
6096
6101
|
button.$set(button_changes);
|
|
6097
6102
|
|
|
6098
|
-
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
|
6103
|
+
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
|
|
6099
6104
|
attr(div, "class", div_class_value);
|
|
6100
6105
|
}
|
|
6101
6106
|
},
|
|
@@ -6167,7 +6172,7 @@ class ImageElement extends SvelteComponent {
|
|
|
6167
6172
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
|
6168
6173
|
|
|
6169
6174
|
function add_css$L(target) {
|
|
6170
|
-
append_styles(target, "svelte-
|
|
6175
|
+
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}");
|
|
6171
6176
|
}
|
|
6172
6177
|
|
|
6173
6178
|
function create_fragment$1j(ctx) {
|
|
@@ -6190,7 +6195,7 @@ function create_fragment$1j(ctx) {
|
|
|
6190
6195
|
this.h();
|
|
6191
6196
|
},
|
|
6192
6197
|
h() {
|
|
6193
|
-
attr(div, "class", "list svelte-
|
|
6198
|
+
attr(div, "class", "list svelte-aquv6z");
|
|
6194
6199
|
attr(div, "style", /*style*/ ctx[0]);
|
|
6195
6200
|
},
|
|
6196
6201
|
m(target, anchor) {
|
|
@@ -6324,7 +6329,7 @@ let List$1 = class List extends SvelteComponent {
|
|
|
6324
6329
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
|
6325
6330
|
|
|
6326
6331
|
function add_css$K(target) {
|
|
6327
|
-
append_styles(target, "svelte-
|
|
6332
|
+
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}");
|
|
6328
6333
|
}
|
|
6329
6334
|
|
|
6330
6335
|
// (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
|
|
@@ -6407,7 +6412,7 @@ function create_fragment$1i(ctx) {
|
|
|
6407
6412
|
this.h();
|
|
6408
6413
|
},
|
|
6409
6414
|
h() {
|
|
6410
|
-
attr(div, "class", "list-item svelte-
|
|
6415
|
+
attr(div, "class", "list-item svelte-9n97pe");
|
|
6411
6416
|
attr(div, "style", /*listItemStyle*/ ctx[3]);
|
|
6412
6417
|
},
|
|
6413
6418
|
m(target, anchor) {
|
|
@@ -6533,7 +6538,7 @@ let ListItem$1 = class ListItem extends SvelteComponent {
|
|
|
6533
6538
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
|
6534
6539
|
|
|
6535
6540
|
function add_css$J(target) {
|
|
6536
|
-
append_styles(target, "svelte-
|
|
6541
|
+
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}");
|
|
6537
6542
|
}
|
|
6538
6543
|
|
|
6539
6544
|
function create_fragment$1h(ctx) {
|
|
@@ -6551,7 +6556,7 @@ function create_fragment$1h(ctx) {
|
|
|
6551
6556
|
this.h();
|
|
6552
6557
|
},
|
|
6553
6558
|
h() {
|
|
6554
|
-
attr(div, "class", "embed svelte-
|
|
6559
|
+
attr(div, "class", "embed svelte-wocq4p");
|
|
6555
6560
|
attr(div, "style", /*_style*/ ctx[1]);
|
|
6556
6561
|
},
|
|
6557
6562
|
m(target, anchor) {
|
|
@@ -6594,7 +6599,7 @@ class EmbedElement extends SvelteComponent {
|
|
|
6594
6599
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
|
6595
6600
|
|
|
6596
6601
|
function add_css$I(target) {
|
|
6597
|
-
append_styles(target, "svelte-
|
|
6602
|
+
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%}");
|
|
6598
6603
|
}
|
|
6599
6604
|
|
|
6600
6605
|
function create_fragment$1g(ctx) {
|
|
@@ -6617,7 +6622,7 @@ function create_fragment$1g(ctx) {
|
|
|
6617
6622
|
},
|
|
6618
6623
|
h() {
|
|
6619
6624
|
attr(div0, "class", "karte-player");
|
|
6620
|
-
attr(div1, "class", "embed svelte-
|
|
6625
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
6621
6626
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
6622
6627
|
},
|
|
6623
6628
|
m(target, anchor) {
|
|
@@ -6959,7 +6964,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6959
6964
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
|
6960
6965
|
|
|
6961
6966
|
function add_css$H(target) {
|
|
6962
|
-
append_styles(target, "svelte-
|
|
6967
|
+
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%}");
|
|
6963
6968
|
}
|
|
6964
6969
|
|
|
6965
6970
|
function create_fragment$1f(ctx) {
|
|
@@ -6982,7 +6987,7 @@ function create_fragment$1f(ctx) {
|
|
|
6982
6987
|
},
|
|
6983
6988
|
h() {
|
|
6984
6989
|
attr(div0, "class", "karte-player");
|
|
6985
|
-
attr(div1, "class", "embed svelte-
|
|
6990
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
6986
6991
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
6987
6992
|
},
|
|
6988
6993
|
m(target, anchor) {
|
|
@@ -7166,7 +7171,7 @@ class MovieVimeoElement extends SvelteComponent {
|
|
|
7166
7171
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
|
7167
7172
|
|
|
7168
7173
|
function add_css$G(target) {
|
|
7169
|
-
append_styles(target, "svelte-
|
|
7174
|
+
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}");
|
|
7170
7175
|
}
|
|
7171
7176
|
|
|
7172
7177
|
function create_fragment$1e(ctx) {
|
|
@@ -7196,12 +7201,12 @@ function create_fragment$1e(ctx) {
|
|
|
7196
7201
|
this.h();
|
|
7197
7202
|
},
|
|
7198
7203
|
h() {
|
|
7199
|
-
attr(textarea, "class", "textarea svelte-
|
|
7204
|
+
attr(textarea, "class", "textarea svelte-zxvkkc");
|
|
7200
7205
|
textarea.value = /*$value*/ ctx[4];
|
|
7201
7206
|
textarea.required = /*required*/ ctx[1];
|
|
7202
7207
|
attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
|
|
7203
7208
|
attr(textarea, "style", /*style*/ ctx[3]);
|
|
7204
|
-
attr(div, "class", "textarea-wrapper svelte-
|
|
7209
|
+
attr(div, "class", "textarea-wrapper svelte-zxvkkc");
|
|
7205
7210
|
attr(div, "style", /*styleVariables*/ ctx[2]);
|
|
7206
7211
|
},
|
|
7207
7212
|
m(target, anchor) {
|
|
@@ -7353,7 +7358,7 @@ class FormTextarea extends SvelteComponent {
|
|
|
7353
7358
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
|
7354
7359
|
|
|
7355
7360
|
function add_css$F(target) {
|
|
7356
|
-
append_styles(target, "svelte-
|
|
7361
|
+
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}");
|
|
7357
7362
|
}
|
|
7358
7363
|
|
|
7359
7364
|
function get_each_context$7(ctx, list, i) {
|
|
@@ -7410,14 +7415,14 @@ function create_each_block$7(ctx) {
|
|
|
7410
7415
|
},
|
|
7411
7416
|
h() {
|
|
7412
7417
|
attr(input, "type", "radio");
|
|
7413
|
-
attr(input, "class", "radio-button-input svelte-
|
|
7418
|
+
attr(input, "class", "radio-button-input svelte-17s08g");
|
|
7414
7419
|
attr(input, "style", /*buttonStyle*/ ctx[5]);
|
|
7415
7420
|
attr(input, "name", /*name*/ ctx[0]);
|
|
7416
7421
|
input.value = input_value_value = /*option*/ ctx[17];
|
|
7417
7422
|
input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
|
|
7418
|
-
attr(span, "class", "radio-button-text svelte-
|
|
7423
|
+
attr(span, "class", "radio-button-text svelte-17s08g");
|
|
7419
7424
|
attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
7420
|
-
attr(label, "class", "radio-button svelte-
|
|
7425
|
+
attr(label, "class", "radio-button svelte-17s08g");
|
|
7421
7426
|
},
|
|
7422
7427
|
m(target, anchor) {
|
|
7423
7428
|
insert_hydration(target, label, anchor);
|
|
@@ -7496,7 +7501,7 @@ function create_fragment$1d(ctx) {
|
|
|
7496
7501
|
this.h();
|
|
7497
7502
|
},
|
|
7498
7503
|
h() {
|
|
7499
|
-
attr(div, "class", "radio-buttons svelte-
|
|
7504
|
+
attr(div, "class", "radio-buttons svelte-17s08g");
|
|
7500
7505
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
7501
7506
|
},
|
|
7502
7507
|
m(target, anchor) {
|
|
@@ -7665,7 +7670,7 @@ class FormRadioButtons extends SvelteComponent {
|
|
|
7665
7670
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
|
7666
7671
|
|
|
7667
7672
|
function add_css$E(target) {
|
|
7668
|
-
append_styles(target, "svelte-
|
|
7673
|
+
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}");
|
|
7669
7674
|
}
|
|
7670
7675
|
|
|
7671
7676
|
function get_each_context$6(ctx, list, i) {
|
|
@@ -7836,10 +7841,10 @@ function create_fragment$1c(ctx) {
|
|
|
7836
7841
|
this.h();
|
|
7837
7842
|
},
|
|
7838
7843
|
h() {
|
|
7839
|
-
attr(select, "class", "select-select svelte-
|
|
7844
|
+
attr(select, "class", "select-select svelte-t9ynyj");
|
|
7840
7845
|
attr(select, "style", /*style*/ ctx[3]);
|
|
7841
|
-
attr(div0, "class", "select-icon svelte-
|
|
7842
|
-
attr(div1, "class", "select svelte-
|
|
7846
|
+
attr(div0, "class", "select-icon svelte-t9ynyj");
|
|
7847
|
+
attr(div1, "class", "select svelte-t9ynyj");
|
|
7843
7848
|
attr(div1, "style", /*styleVariables*/ ctx[2]);
|
|
7844
7849
|
},
|
|
7845
7850
|
m(target, anchor) {
|
|
@@ -8041,7 +8046,7 @@ class FormSelect extends SvelteComponent {
|
|
|
8041
8046
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
|
8042
8047
|
|
|
8043
8048
|
function add_css$D(target) {
|
|
8044
|
-
append_styles(target, "svelte-
|
|
8049
|
+
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}");
|
|
8045
8050
|
}
|
|
8046
8051
|
|
|
8047
8052
|
function get_each_context$5(ctx, list, i) {
|
|
@@ -8103,19 +8108,19 @@ function create_each_block$5(ctx) {
|
|
|
8103
8108
|
this.h();
|
|
8104
8109
|
},
|
|
8105
8110
|
h() {
|
|
8106
|
-
attr(input, "class", "check-box-input svelte-
|
|
8111
|
+
attr(input, "class", "check-box-input svelte-1p65cg8");
|
|
8107
8112
|
attr(input, "type", "checkbox");
|
|
8108
8113
|
attr(input, "name", /*name*/ ctx[0]);
|
|
8109
8114
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
|
8110
|
-
attr(span0, "class", "check-box-icon svelte-
|
|
8115
|
+
attr(span0, "class", "check-box-icon svelte-1p65cg8");
|
|
8111
8116
|
|
|
8112
8117
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
8113
8118
|
? ' _checked'
|
|
8114
|
-
: ''}`) + " svelte-
|
|
8119
|
+
: ''}`) + " svelte-1p65cg8"));
|
|
8115
8120
|
|
|
8116
|
-
attr(span2, "class", "check-box-text svelte-
|
|
8121
|
+
attr(span2, "class", "check-box-text svelte-1p65cg8");
|
|
8117
8122
|
attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
8118
|
-
attr(label, "class", "check-box svelte-
|
|
8123
|
+
attr(label, "class", "check-box svelte-1p65cg8");
|
|
8119
8124
|
attr(label, "style", /*styleVariables*/ ctx[5]);
|
|
8120
8125
|
},
|
|
8121
8126
|
m(target, anchor) {
|
|
@@ -8147,7 +8152,7 @@ function create_each_block$5(ctx) {
|
|
|
8147
8152
|
|
|
8148
8153
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
8149
8154
|
? ' _checked'
|
|
8150
|
-
: ''}`) + " svelte-
|
|
8155
|
+
: ''}`) + " svelte-1p65cg8"))) {
|
|
8151
8156
|
attr(span1, "class", span1_class_value);
|
|
8152
8157
|
}
|
|
8153
8158
|
|
|
@@ -8200,7 +8205,7 @@ function create_fragment$1b(ctx) {
|
|
|
8200
8205
|
this.h();
|
|
8201
8206
|
},
|
|
8202
8207
|
h() {
|
|
8203
|
-
attr(div, "class", "check-boxes svelte-
|
|
8208
|
+
attr(div, "class", "check-boxes svelte-1p65cg8");
|
|
8204
8209
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
8205
8210
|
},
|
|
8206
8211
|
m(target, anchor) {
|
|
@@ -8375,7 +8380,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
|
8375
8380
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
|
8376
8381
|
|
|
8377
8382
|
function add_css$C(target) {
|
|
8378
|
-
append_styles(target, "svelte-
|
|
8383
|
+
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}");
|
|
8379
8384
|
}
|
|
8380
8385
|
|
|
8381
8386
|
function get_each_context$4(ctx, list, i) {
|
|
@@ -8410,7 +8415,7 @@ function create_each_block$4(ctx) {
|
|
|
8410
8415
|
this.h();
|
|
8411
8416
|
},
|
|
8412
8417
|
h() {
|
|
8413
|
-
attr(button, "class", "rating-button svelte-
|
|
8418
|
+
attr(button, "class", "rating-button svelte-1iqf36p");
|
|
8414
8419
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
|
|
8415
8420
|
},
|
|
8416
8421
|
m(target, anchor) {
|
|
@@ -8473,7 +8478,7 @@ function create_fragment$1a(ctx) {
|
|
|
8473
8478
|
this.h();
|
|
8474
8479
|
},
|
|
8475
8480
|
h() {
|
|
8476
|
-
attr(div, "class", "rating-buttons svelte-
|
|
8481
|
+
attr(div, "class", "rating-buttons svelte-1iqf36p");
|
|
8477
8482
|
},
|
|
8478
8483
|
m(target, anchor) {
|
|
8479
8484
|
insert_hydration(target, div, anchor);
|
|
@@ -8617,7 +8622,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
|
8617
8622
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
|
8618
8623
|
|
|
8619
8624
|
function add_css$B(target) {
|
|
8620
|
-
append_styles(target, "svelte-
|
|
8625
|
+
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%)}");
|
|
8621
8626
|
}
|
|
8622
8627
|
|
|
8623
8628
|
function get_each_context$3(ctx, list, i) {
|
|
@@ -8653,9 +8658,9 @@ function create_each_block$3(ctx) {
|
|
|
8653
8658
|
},
|
|
8654
8659
|
h() {
|
|
8655
8660
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
|
8656
|
-
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
|
8661
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
|
8657
8662
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
|
8658
|
-
attr(button, "class", "rating-button svelte-
|
|
8663
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
|
8659
8664
|
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
|
8660
8665
|
},
|
|
8661
8666
|
m(target, anchor) {
|
|
@@ -8671,7 +8676,7 @@ function create_each_block$3(ctx) {
|
|
|
8671
8676
|
p(new_ctx, dirty) {
|
|
8672
8677
|
ctx = new_ctx;
|
|
8673
8678
|
|
|
8674
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
|
8679
|
+
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"))) {
|
|
8675
8680
|
attr(img, "class", img_class_value);
|
|
8676
8681
|
}
|
|
8677
8682
|
|
|
@@ -8718,7 +8723,7 @@ function create_fragment$19(ctx) {
|
|
|
8718
8723
|
this.h();
|
|
8719
8724
|
},
|
|
8720
8725
|
h() {
|
|
8721
|
-
attr(div, "class", "rating-buttons svelte-
|
|
8726
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
|
8722
8727
|
},
|
|
8723
8728
|
m(target, anchor) {
|
|
8724
8729
|
insert_hydration(target, div, anchor);
|
|
@@ -8826,7 +8831,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
|
8826
8831
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
|
8827
8832
|
|
|
8828
8833
|
function add_css$A(target) {
|
|
8829
|
-
append_styles(target, "svelte-
|
|
8834
|
+
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}");
|
|
8830
8835
|
}
|
|
8831
8836
|
|
|
8832
8837
|
function create_fragment$18(ctx) {
|
|
@@ -8857,13 +8862,13 @@ function create_fragment$18(ctx) {
|
|
|
8857
8862
|
this.h();
|
|
8858
8863
|
},
|
|
8859
8864
|
h() {
|
|
8860
|
-
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
|
8865
|
+
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
|
|
8861
8866
|
attr(input, "type", "text");
|
|
8862
8867
|
input.value = /*$value*/ ctx[2];
|
|
8863
8868
|
input.required = /*required*/ ctx[0];
|
|
8864
8869
|
attr(input, "placeholder", /*placeholder*/ ctx[1]);
|
|
8865
8870
|
attr(input, "style", /*style*/ ctx[5]);
|
|
8866
|
-
attr(div, "class", "input-wrapper svelte-
|
|
8871
|
+
attr(div, "class", "input-wrapper svelte-h8fqwx");
|
|
8867
8872
|
attr(div, "style", /*styleVariables*/ ctx[4]);
|
|
8868
8873
|
},
|
|
8869
8874
|
m(target, anchor) {
|
|
@@ -8876,7 +8881,7 @@ function create_fragment$18(ctx) {
|
|
|
8876
8881
|
}
|
|
8877
8882
|
},
|
|
8878
8883
|
p(ctx, [dirty]) {
|
|
8879
|
-
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
|
8884
|
+
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
|
|
8880
8885
|
attr(input, "class", input_class_value);
|
|
8881
8886
|
}
|
|
8882
8887
|
|
|
@@ -9064,7 +9069,7 @@ class FormIdentifyInput extends SvelteComponent {
|
|
|
9064
9069
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
|
9065
9070
|
|
|
9066
9071
|
function add_css$z(target) {
|
|
9067
|
-
append_styles(target, "svelte-
|
|
9072
|
+
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}");
|
|
9068
9073
|
}
|
|
9069
9074
|
|
|
9070
9075
|
function create_fragment$17(ctx) {
|
|
@@ -9130,20 +9135,20 @@ function create_fragment$17(ctx) {
|
|
|
9130
9135
|
},
|
|
9131
9136
|
h() {
|
|
9132
9137
|
attr(input0, "type", "radio");
|
|
9133
|
-
attr(input0, "class", "radio-button-input svelte-
|
|
9138
|
+
attr(input0, "class", "radio-button-input svelte-8zbmyo");
|
|
9134
9139
|
attr(input0, "style", /*buttonStyle*/ ctx[2]);
|
|
9135
9140
|
input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
|
|
9136
|
-
attr(span0, "class", "radio-button-text svelte-
|
|
9141
|
+
attr(span0, "class", "radio-button-text svelte-8zbmyo");
|
|
9137
9142
|
attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
|
9138
|
-
attr(label0, "class", "radio-button svelte-
|
|
9143
|
+
attr(label0, "class", "radio-button svelte-8zbmyo");
|
|
9139
9144
|
attr(input1, "type", "radio");
|
|
9140
|
-
attr(input1, "class", "radio-button-input svelte-
|
|
9145
|
+
attr(input1, "class", "radio-button-input svelte-8zbmyo");
|
|
9141
9146
|
attr(input1, "style", /*buttonStyle*/ ctx[2]);
|
|
9142
9147
|
input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
|
|
9143
|
-
attr(span1, "class", "radio-button-text svelte-
|
|
9148
|
+
attr(span1, "class", "radio-button-text svelte-8zbmyo");
|
|
9144
9149
|
attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
|
9145
|
-
attr(label1, "class", "radio-button svelte-
|
|
9146
|
-
attr(div, "class", "radio-buttons svelte-
|
|
9150
|
+
attr(label1, "class", "radio-button svelte-8zbmyo");
|
|
9151
|
+
attr(div, "class", "radio-buttons svelte-8zbmyo");
|
|
9147
9152
|
attr(div, "style", /*_layoutStyle*/ ctx[0]);
|
|
9148
9153
|
},
|
|
9149
9154
|
m(target, anchor) {
|
|
@@ -9311,7 +9316,7 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
|
9311
9316
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
|
9312
9317
|
|
|
9313
9318
|
function add_css$y(target) {
|
|
9314
|
-
append_styles(target, "svelte-
|
|
9319
|
+
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%}");
|
|
9315
9320
|
}
|
|
9316
9321
|
|
|
9317
9322
|
function get_each_context$2(ctx, list, i) {
|
|
@@ -9357,9 +9362,9 @@ function create_if_block_1$2(ctx) {
|
|
|
9357
9362
|
attr(svg, "viewBox", "0 0 10 16");
|
|
9358
9363
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
9359
9364
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
|
9360
|
-
attr(button, "class", "move-button svelte-
|
|
9365
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
9361
9366
|
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
|
9362
|
-
attr(div, "class", "prev-button-container svelte-
|
|
9367
|
+
attr(div, "class", "prev-button-container svelte-ji1fh");
|
|
9363
9368
|
},
|
|
9364
9369
|
m(target, anchor) {
|
|
9365
9370
|
insert_hydration(target, div, anchor);
|
|
@@ -9425,9 +9430,9 @@ function create_if_block$b(ctx) {
|
|
|
9425
9430
|
attr(svg, "viewBox", "0 0 10 16");
|
|
9426
9431
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
9427
9432
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
|
9428
|
-
attr(button, "class", "move-button svelte-
|
|
9433
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
9429
9434
|
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
|
9430
|
-
attr(div, "class", "next-button-container svelte-
|
|
9435
|
+
attr(div, "class", "next-button-container svelte-ji1fh");
|
|
9431
9436
|
},
|
|
9432
9437
|
m(target, anchor) {
|
|
9433
9438
|
insert_hydration(target, div, anchor);
|
|
@@ -9487,9 +9492,9 @@ function create_each_block$2(ctx) {
|
|
|
9487
9492
|
this.h();
|
|
9488
9493
|
},
|
|
9489
9494
|
h() {
|
|
9490
|
-
attr(div, "class", "navigation-item-inner circle svelte-
|
|
9495
|
+
attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
|
|
9491
9496
|
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
|
9492
|
-
attr(button, "class", "navigation-item svelte-
|
|
9497
|
+
attr(button, "class", "navigation-item svelte-ji1fh");
|
|
9493
9498
|
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
|
9494
9499
|
},
|
|
9495
9500
|
m(target, anchor) {
|
|
@@ -9595,14 +9600,14 @@ function create_fragment$16(ctx) {
|
|
|
9595
9600
|
this.h();
|
|
9596
9601
|
},
|
|
9597
9602
|
h() {
|
|
9598
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
|
9603
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
|
|
9599
9604
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
|
9600
|
-
attr(div1, "class", "container svelte-
|
|
9605
|
+
attr(div1, "class", "container svelte-ji1fh");
|
|
9601
9606
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
9602
|
-
attr(div2, "class", "navigation svelte-
|
|
9607
|
+
attr(div2, "class", "navigation svelte-ji1fh");
|
|
9603
9608
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
|
9604
9609
|
set_attributes(div3, div3_data);
|
|
9605
|
-
toggle_class(div3, "svelte-
|
|
9610
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
9606
9611
|
},
|
|
9607
9612
|
m(target, anchor) {
|
|
9608
9613
|
insert_hydration(target, div3, anchor);
|
|
@@ -9644,7 +9649,7 @@ function create_fragment$16(ctx) {
|
|
|
9644
9649
|
}
|
|
9645
9650
|
}
|
|
9646
9651
|
|
|
9647
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
|
9652
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
|
|
9648
9653
|
attr(div0, "class", div0_class_value);
|
|
9649
9654
|
}
|
|
9650
9655
|
|
|
@@ -9710,7 +9715,7 @@ function create_fragment$16(ctx) {
|
|
|
9710
9715
|
}
|
|
9711
9716
|
|
|
9712
9717
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
|
9713
|
-
toggle_class(div3, "svelte-
|
|
9718
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
9714
9719
|
},
|
|
9715
9720
|
i(local) {
|
|
9716
9721
|
if (current) return;
|
|
@@ -10222,7 +10227,7 @@ class Slide extends SvelteComponent {
|
|
|
10222
10227
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
|
10223
10228
|
|
|
10224
10229
|
function add_css$x(target) {
|
|
10225
|
-
append_styles(target, "svelte-
|
|
10230
|
+
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}");
|
|
10226
10231
|
}
|
|
10227
10232
|
|
|
10228
10233
|
function create_fragment$15(ctx) {
|
|
@@ -10250,9 +10255,9 @@ function create_fragment$15(ctx) {
|
|
|
10250
10255
|
this.h();
|
|
10251
10256
|
},
|
|
10252
10257
|
h() {
|
|
10253
|
-
attr(div0, "class", "item-inner svelte-
|
|
10258
|
+
attr(div0, "class", "item-inner svelte-9ygf1w");
|
|
10254
10259
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
10255
|
-
attr(div1, "class", "item svelte-
|
|
10260
|
+
attr(div1, "class", "item svelte-9ygf1w");
|
|
10256
10261
|
attr(div1, "style", /*itemStyle*/ ctx[1]);
|
|
10257
10262
|
},
|
|
10258
10263
|
m(target, anchor) {
|
|
@@ -10378,7 +10383,7 @@ class SlideItem extends SvelteComponent {
|
|
|
10378
10383
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
|
10379
10384
|
|
|
10380
10385
|
function add_css$w(target) {
|
|
10381
|
-
append_styles(target, "svelte-
|
|
10386
|
+
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}");
|
|
10382
10387
|
}
|
|
10383
10388
|
|
|
10384
10389
|
const get_default_slot_changes$1 = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
|
@@ -10409,9 +10414,9 @@ function create_fragment$14(ctx) {
|
|
|
10409
10414
|
this.h();
|
|
10410
10415
|
},
|
|
10411
10416
|
h() {
|
|
10412
|
-
attr(div0, "class", "countdown-inner svelte-
|
|
10417
|
+
attr(div0, "class", "countdown-inner svelte-rroxiz");
|
|
10413
10418
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
10414
|
-
attr(div1, "class", "countdown svelte-
|
|
10419
|
+
attr(div1, "class", "countdown svelte-rroxiz");
|
|
10415
10420
|
},
|
|
10416
10421
|
m(target, anchor) {
|
|
10417
10422
|
insert_hydration(target, div1, anchor);
|
|
@@ -10541,7 +10546,7 @@ class Countdown extends SvelteComponent {
|
|
|
10541
10546
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
|
10542
10547
|
|
|
10543
10548
|
function add_css$v(target) {
|
|
10544
|
-
append_styles(target, "svelte-
|
|
10549
|
+
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}");
|
|
10545
10550
|
}
|
|
10546
10551
|
|
|
10547
10552
|
// (24:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -10624,7 +10629,7 @@ function create_fragment$13(ctx) {
|
|
|
10624
10629
|
this.h();
|
|
10625
10630
|
},
|
|
10626
10631
|
h() {
|
|
10627
|
-
attr(div, "class", "box svelte-
|
|
10632
|
+
attr(div, "class", "box svelte-1ccydfy");
|
|
10628
10633
|
},
|
|
10629
10634
|
m(target, anchor) {
|
|
10630
10635
|
insert_hydration(target, div, anchor);
|
|
@@ -10685,7 +10690,7 @@ class Box extends SvelteComponent {
|
|
|
10685
10690
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
|
10686
10691
|
|
|
10687
10692
|
function add_css$u(target) {
|
|
10688
|
-
append_styles(target, "svelte-
|
|
10693
|
+
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)}");
|
|
10689
10694
|
}
|
|
10690
10695
|
|
|
10691
10696
|
// (56:4) {#if svg}
|
|
@@ -10789,7 +10794,7 @@ function create_fragment$12(ctx) {
|
|
|
10789
10794
|
this.h();
|
|
10790
10795
|
},
|
|
10791
10796
|
h() {
|
|
10792
|
-
attr(div, "class", "icon svelte-
|
|
10797
|
+
attr(div, "class", "icon svelte-1mkvcuo");
|
|
10793
10798
|
},
|
|
10794
10799
|
m(target, anchor) {
|
|
10795
10800
|
insert_hydration(target, div, anchor);
|
|
@@ -10898,7 +10903,7 @@ class IconElement extends SvelteComponent {
|
|
|
10898
10903
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
|
10899
10904
|
|
|
10900
10905
|
function add_css$t(target) {
|
|
10901
|
-
append_styles(target, "svelte-
|
|
10906
|
+
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
|
10902
10907
|
}
|
|
10903
10908
|
|
|
10904
10909
|
function create_fragment$11(ctx) {
|
|
@@ -10934,7 +10939,7 @@ function create_fragment$11(ctx) {
|
|
|
10934
10939
|
this.h();
|
|
10935
10940
|
},
|
|
10936
10941
|
h() {
|
|
10937
|
-
attr(div, "class", "codeElement svelte-
|
|
10942
|
+
attr(div, "class", "codeElement svelte-ymsb9l");
|
|
10938
10943
|
attr(div, "style", /*style*/ ctx[3]);
|
|
10939
10944
|
},
|
|
10940
10945
|
m(target, anchor) {
|
|
@@ -11023,7 +11028,7 @@ class CodeElement extends SvelteComponent {
|
|
|
11023
11028
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
|
11024
11029
|
|
|
11025
11030
|
function add_css$s(target) {
|
|
11026
|
-
append_styles(target, "svelte-
|
|
11031
|
+
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
|
11027
11032
|
}
|
|
11028
11033
|
|
|
11029
11034
|
function create_fragment$10(ctx) {
|
|
@@ -11047,7 +11052,7 @@ function create_fragment$10(ctx) {
|
|
|
11047
11052
|
this.h();
|
|
11048
11053
|
},
|
|
11049
11054
|
h() {
|
|
11050
|
-
attr(div, "class", "flex svelte-
|
|
11055
|
+
attr(div, "class", "flex svelte-1e71ejc");
|
|
11051
11056
|
attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
|
|
11052
11057
|
},
|
|
11053
11058
|
m(target, anchor) {
|
|
@@ -11144,7 +11149,7 @@ class Flex extends SvelteComponent {
|
|
|
11144
11149
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
|
11145
11150
|
|
|
11146
11151
|
function add_css$r(target) {
|
|
11147
|
-
append_styles(target, "svelte-
|
|
11152
|
+
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
|
11148
11153
|
}
|
|
11149
11154
|
|
|
11150
11155
|
function create_fragment$$(ctx) {
|
|
@@ -11167,7 +11172,7 @@ function create_fragment$$(ctx) {
|
|
|
11167
11172
|
this.h();
|
|
11168
11173
|
},
|
|
11169
11174
|
h() {
|
|
11170
|
-
attr(div, "class", "flex-item svelte-
|
|
11175
|
+
attr(div, "class", "flex-item svelte-1p0bk1x");
|
|
11171
11176
|
attr(div, "style", /*style*/ ctx[0]);
|
|
11172
11177
|
},
|
|
11173
11178
|
m(target, anchor) {
|
|
@@ -11587,7 +11592,7 @@ class GridModalState extends SvelteComponent {
|
|
|
11587
11592
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
|
11588
11593
|
|
|
11589
11594
|
function add_css$q(target) {
|
|
11590
|
-
append_styles(target, "svelte-
|
|
11595
|
+
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%}");
|
|
11591
11596
|
}
|
|
11592
11597
|
|
|
11593
11598
|
function create_fragment$Z(ctx) {
|
|
@@ -11616,8 +11621,8 @@ function create_fragment$Z(ctx) {
|
|
|
11616
11621
|
this.h();
|
|
11617
11622
|
},
|
|
11618
11623
|
h() {
|
|
11619
|
-
attr(div0, "class", "text-block-inner svelte-
|
|
11620
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
11624
|
+
attr(div0, "class", "text-block-inner svelte-15pej1m");
|
|
11625
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
|
|
11621
11626
|
attr(div1, "style", /*style*/ ctx[2]);
|
|
11622
11627
|
},
|
|
11623
11628
|
m(target, anchor) {
|
|
@@ -11631,7 +11636,7 @@ function create_fragment$Z(ctx) {
|
|
|
11631
11636
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
11632
11637
|
rendertext.$set(rendertext_changes);
|
|
11633
11638
|
|
|
11634
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
11639
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
|
|
11635
11640
|
attr(div1, "class", div1_class_value);
|
|
11636
11641
|
}
|
|
11637
11642
|
|
|
@@ -11709,7 +11714,7 @@ class TextBlock extends SvelteComponent {
|
|
|
11709
11714
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
|
11710
11715
|
|
|
11711
11716
|
function add_css$p(target) {
|
|
11712
|
-
append_styles(target, "svelte-
|
|
11717
|
+
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)}");
|
|
11713
11718
|
}
|
|
11714
11719
|
|
|
11715
11720
|
function create_fragment$Y(ctx) {
|
|
@@ -11739,9 +11744,9 @@ function create_fragment$Y(ctx) {
|
|
|
11739
11744
|
this.h();
|
|
11740
11745
|
},
|
|
11741
11746
|
h() {
|
|
11742
|
-
attr(button, "class", "text-button svelte-
|
|
11747
|
+
attr(button, "class", "text-button svelte-ff0k6r");
|
|
11743
11748
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
|
11744
|
-
attr(div, "class", "text-button-block svelte-
|
|
11749
|
+
attr(div, "class", "text-button-block svelte-ff0k6r");
|
|
11745
11750
|
attr(div, "style", /*_style*/ ctx[2]);
|
|
11746
11751
|
},
|
|
11747
11752
|
m(target, anchor) {
|
|
@@ -11847,7 +11852,7 @@ class TextButtonBlock extends SvelteComponent {
|
|
|
11847
11852
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
|
11848
11853
|
|
|
11849
11854
|
function add_css$o(target) {
|
|
11850
|
-
append_styles(target, "svelte-
|
|
11855
|
+
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)}");
|
|
11851
11856
|
}
|
|
11852
11857
|
|
|
11853
11858
|
function create_fragment$X(ctx) {
|
|
@@ -11883,14 +11888,14 @@ function create_fragment$X(ctx) {
|
|
|
11883
11888
|
this.h();
|
|
11884
11889
|
},
|
|
11885
11890
|
h() {
|
|
11886
|
-
attr(img, "class", "image svelte-
|
|
11891
|
+
attr(img, "class", "image svelte-1pdw891");
|
|
11887
11892
|
attr(img, "loading", "lazy");
|
|
11888
11893
|
attr(img, "width", "auto");
|
|
11889
11894
|
attr(img, "height", "auto");
|
|
11890
11895
|
attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
|
|
11891
11896
|
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
|
|
11892
11897
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
11893
|
-
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
|
11898
|
+
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
|
|
11894
11899
|
attr(div, "style", /*_style*/ ctx[5]);
|
|
11895
11900
|
},
|
|
11896
11901
|
m(target, anchor) {
|
|
@@ -11915,7 +11920,7 @@ function create_fragment$X(ctx) {
|
|
|
11915
11920
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
11916
11921
|
}
|
|
11917
11922
|
|
|
11918
|
-
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
|
11923
|
+
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
|
|
11919
11924
|
attr(div, "class", div_class_value);
|
|
11920
11925
|
}
|
|
11921
11926
|
|
|
@@ -12367,7 +12372,7 @@ const AVATAR_SIZE_STYLES = {
|
|
|
12367
12372
|
/* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
|
12368
12373
|
|
|
12369
12374
|
function add_css$n(target) {
|
|
12370
|
-
append_styles(target, "svelte-
|
|
12375
|
+
append_styles(target, "svelte-1krsdyx", ".avatar.svelte-1krsdyx{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
|
|
12371
12376
|
}
|
|
12372
12377
|
|
|
12373
12378
|
// (42:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
@@ -12419,7 +12424,7 @@ function create_dynamic_element$b(ctx) {
|
|
|
12419
12424
|
},
|
|
12420
12425
|
h() {
|
|
12421
12426
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
12422
|
-
attr(img, "class", "avatar-image svelte-
|
|
12427
|
+
attr(img, "class", "avatar-image svelte-1krsdyx");
|
|
12423
12428
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
12424
12429
|
attr(img, "style", /*imgStyle*/ ctx[2]);
|
|
12425
12430
|
|
|
@@ -12429,7 +12434,7 @@ function create_dynamic_element$b(ctx) {
|
|
|
12429
12434
|
set_attributes(svelte_element, svelte_element_data);
|
|
12430
12435
|
}
|
|
12431
12436
|
|
|
12432
|
-
toggle_class(svelte_element, "svelte-
|
|
12437
|
+
toggle_class(svelte_element, "svelte-1krsdyx", true);
|
|
12433
12438
|
},
|
|
12434
12439
|
m(target, anchor) {
|
|
12435
12440
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -12466,7 +12471,7 @@ function create_dynamic_element$b(ctx) {
|
|
|
12466
12471
|
set_attributes(svelte_element, svelte_element_data);
|
|
12467
12472
|
}
|
|
12468
12473
|
|
|
12469
|
-
toggle_class(svelte_element, "svelte-
|
|
12474
|
+
toggle_class(svelte_element, "svelte-1krsdyx", true);
|
|
12470
12475
|
},
|
|
12471
12476
|
d(detaching) {
|
|
12472
12477
|
if (detaching) detach(svelte_element);
|
|
@@ -14634,7 +14639,7 @@ const ICON_VARIANTS = {
|
|
|
14634
14639
|
/* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
|
|
14635
14640
|
|
|
14636
14641
|
function add_css$m(target) {
|
|
14637
|
-
append_styles(target, "svelte-
|
|
14642
|
+
append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
|
|
14638
14643
|
}
|
|
14639
14644
|
|
|
14640
14645
|
// (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
@@ -14696,7 +14701,7 @@ function create_dynamic_element$a(ctx) {
|
|
|
14696
14701
|
set_attributes(svelte_element, svelte_element_data);
|
|
14697
14702
|
}
|
|
14698
14703
|
|
|
14699
|
-
toggle_class(svelte_element, "svelte-
|
|
14704
|
+
toggle_class(svelte_element, "svelte-19rssou", true);
|
|
14700
14705
|
},
|
|
14701
14706
|
m(target, anchor) {
|
|
14702
14707
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -14749,7 +14754,7 @@ function create_dynamic_element$a(ctx) {
|
|
|
14749
14754
|
set_attributes(svelte_element, svelte_element_data);
|
|
14750
14755
|
}
|
|
14751
14756
|
|
|
14752
|
-
toggle_class(svelte_element, "svelte-
|
|
14757
|
+
toggle_class(svelte_element, "svelte-19rssou", true);
|
|
14753
14758
|
},
|
|
14754
14759
|
i(local) {
|
|
14755
14760
|
if (current) return;
|
|
@@ -15051,7 +15056,7 @@ function darkenColor(color, percent) {
|
|
|
15051
15056
|
/* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
|
|
15052
15057
|
|
|
15053
15058
|
function add_css$l(target) {
|
|
15054
|
-
append_styles(target, "svelte-
|
|
15059
|
+
append_styles(target, "svelte-o2gomt", ".button.svelte-o2gomt{display:inline-flex;gap:0.8em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-o2gomt:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-o2gomt{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
|
15055
15060
|
}
|
|
15056
15061
|
|
|
15057
15062
|
// (91:2) {#if props.isIcon && props.iconVariant}
|
|
@@ -15085,7 +15090,7 @@ function create_if_block$9(ctx) {
|
|
|
15085
15090
|
this.h();
|
|
15086
15091
|
},
|
|
15087
15092
|
h() {
|
|
15088
|
-
attr(div, "class", "button-icon svelte-
|
|
15093
|
+
attr(div, "class", "button-icon svelte-o2gomt");
|
|
15089
15094
|
},
|
|
15090
15095
|
m(target, anchor) {
|
|
15091
15096
|
insert_hydration(target, div, anchor);
|
|
@@ -15182,7 +15187,7 @@ function create_dynamic_element$9(ctx) {
|
|
|
15182
15187
|
set_attributes(svelte_element, svelte_element_data);
|
|
15183
15188
|
}
|
|
15184
15189
|
|
|
15185
|
-
toggle_class(svelte_element, "svelte-
|
|
15190
|
+
toggle_class(svelte_element, "svelte-o2gomt", true);
|
|
15186
15191
|
},
|
|
15187
15192
|
m(target, anchor) {
|
|
15188
15193
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -15237,7 +15242,7 @@ function create_dynamic_element$9(ctx) {
|
|
|
15237
15242
|
set_attributes(svelte_element, svelte_element_data);
|
|
15238
15243
|
}
|
|
15239
15244
|
|
|
15240
|
-
toggle_class(svelte_element, "svelte-
|
|
15245
|
+
toggle_class(svelte_element, "svelte-o2gomt", true);
|
|
15241
15246
|
},
|
|
15242
15247
|
i(local) {
|
|
15243
15248
|
if (current) return;
|
|
@@ -15516,7 +15521,7 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
|
|
|
15516
15521
|
/* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
|
|
15517
15522
|
|
|
15518
15523
|
function add_css$k(target) {
|
|
15519
|
-
append_styles(target, "svelte-
|
|
15524
|
+
append_styles(target, "svelte-38fju1", ".button-outlined.svelte-38fju1{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-38fju1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-38fju1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
|
|
15520
15525
|
}
|
|
15521
15526
|
|
|
15522
15527
|
// (53:2) {#if props.isIcon && props.iconVariant}
|
|
@@ -15550,7 +15555,7 @@ function create_if_block$8(ctx) {
|
|
|
15550
15555
|
this.h();
|
|
15551
15556
|
},
|
|
15552
15557
|
h() {
|
|
15553
|
-
attr(div, "class", "button-outlined-icon svelte-
|
|
15558
|
+
attr(div, "class", "button-outlined-icon svelte-38fju1");
|
|
15554
15559
|
},
|
|
15555
15560
|
m(target, anchor) {
|
|
15556
15561
|
insert_hydration(target, div, anchor);
|
|
@@ -15637,7 +15642,7 @@ function create_dynamic_element$8(ctx) {
|
|
|
15637
15642
|
this.h();
|
|
15638
15643
|
},
|
|
15639
15644
|
h() {
|
|
15640
|
-
attr(span, "class", "button-outlined-label svelte-
|
|
15645
|
+
attr(span, "class", "button-outlined-label svelte-38fju1");
|
|
15641
15646
|
|
|
15642
15647
|
if ((/-/).test(/*element*/ ctx[4])) {
|
|
15643
15648
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
|
@@ -15645,7 +15650,7 @@ function create_dynamic_element$8(ctx) {
|
|
|
15645
15650
|
set_attributes(svelte_element, svelte_element_data);
|
|
15646
15651
|
}
|
|
15647
15652
|
|
|
15648
|
-
toggle_class(svelte_element, "svelte-
|
|
15653
|
+
toggle_class(svelte_element, "svelte-38fju1", true);
|
|
15649
15654
|
},
|
|
15650
15655
|
m(target, anchor) {
|
|
15651
15656
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -15699,7 +15704,7 @@ function create_dynamic_element$8(ctx) {
|
|
|
15699
15704
|
set_attributes(svelte_element, svelte_element_data);
|
|
15700
15705
|
}
|
|
15701
15706
|
|
|
15702
|
-
toggle_class(svelte_element, "svelte-
|
|
15707
|
+
toggle_class(svelte_element, "svelte-38fju1", true);
|
|
15703
15708
|
},
|
|
15704
15709
|
i(local) {
|
|
15705
15710
|
if (current) return;
|
|
@@ -15895,7 +15900,7 @@ const getButtonTextThemeStyles = getPropStyles(callback$2);
|
|
|
15895
15900
|
/* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
|
|
15896
15901
|
|
|
15897
15902
|
function add_css$j(target) {
|
|
15898
|
-
append_styles(target, "svelte-
|
|
15903
|
+
append_styles(target, "svelte-1xgvp8r", ".button-text.svelte-1xgvp8r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-1xgvp8r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-1xgvp8r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
|
15899
15904
|
}
|
|
15900
15905
|
|
|
15901
15906
|
// (49:2) {#if props.isIcon && props.iconVariant}
|
|
@@ -15929,7 +15934,7 @@ function create_if_block$7(ctx) {
|
|
|
15929
15934
|
this.h();
|
|
15930
15935
|
},
|
|
15931
15936
|
h() {
|
|
15932
|
-
attr(div, "class", "button-text-icon svelte-
|
|
15937
|
+
attr(div, "class", "button-text-icon svelte-1xgvp8r");
|
|
15933
15938
|
},
|
|
15934
15939
|
m(target, anchor) {
|
|
15935
15940
|
insert_hydration(target, div, anchor);
|
|
@@ -16016,7 +16021,7 @@ function create_dynamic_element$7(ctx) {
|
|
|
16016
16021
|
this.h();
|
|
16017
16022
|
},
|
|
16018
16023
|
h() {
|
|
16019
|
-
attr(span, "class", "button-text-label svelte-
|
|
16024
|
+
attr(span, "class", "button-text-label svelte-1xgvp8r");
|
|
16020
16025
|
|
|
16021
16026
|
if ((/-/).test(/*element*/ ctx[4])) {
|
|
16022
16027
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
|
@@ -16024,7 +16029,7 @@ function create_dynamic_element$7(ctx) {
|
|
|
16024
16029
|
set_attributes(svelte_element, svelte_element_data);
|
|
16025
16030
|
}
|
|
16026
16031
|
|
|
16027
|
-
toggle_class(svelte_element, "svelte-
|
|
16032
|
+
toggle_class(svelte_element, "svelte-1xgvp8r", true);
|
|
16028
16033
|
},
|
|
16029
16034
|
m(target, anchor) {
|
|
16030
16035
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -16078,7 +16083,7 @@ function create_dynamic_element$7(ctx) {
|
|
|
16078
16083
|
set_attributes(svelte_element, svelte_element_data);
|
|
16079
16084
|
}
|
|
16080
16085
|
|
|
16081
|
-
toggle_class(svelte_element, "svelte-
|
|
16086
|
+
toggle_class(svelte_element, "svelte-1xgvp8r", true);
|
|
16082
16087
|
},
|
|
16083
16088
|
i(local) {
|
|
16084
16089
|
if (current) return;
|
|
@@ -16230,7 +16235,7 @@ const BUTTON_TEXT_THEME = {
|
|
|
16230
16235
|
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
|
16231
16236
|
|
|
16232
16237
|
function add_css$i(target) {
|
|
16233
|
-
append_styles(target, "svelte-
|
|
16238
|
+
append_styles(target, "svelte-3mvsv6", ".close-button.svelte-3mvsv6.svelte-3mvsv6{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3mvsv6 svg.svelte-3mvsv6{transition:transform 0.12s}.close-button.svelte-3mvsv6:hover svg.svelte-3mvsv6{transform:rotate(90deg)}.close-button-order-one.svelte-3mvsv6.svelte-3mvsv6{order:1}.close-button-order-two.svelte-3mvsv6.svelte-3mvsv6{order:2}");
|
|
16234
16239
|
}
|
|
16235
16240
|
|
|
16236
16241
|
// (90:2) {#if hasLabel}
|
|
@@ -16256,7 +16261,7 @@ function create_if_block$6(ctx) {
|
|
|
16256
16261
|
|
|
16257
16262
|
attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[10]
|
|
16258
16263
|
? 'close-button-order-one'
|
|
16259
|
-
: '') + " svelte-
|
|
16264
|
+
: '') + " svelte-3mvsv6");
|
|
16260
16265
|
},
|
|
16261
16266
|
m(target, anchor) {
|
|
16262
16267
|
insert_hydration(target, span, anchor);
|
|
@@ -16348,7 +16353,7 @@ function create_dynamic_element$6(ctx) {
|
|
|
16348
16353
|
set_style(svg, "width", "100%");
|
|
16349
16354
|
set_style(svg, "height", "100%");
|
|
16350
16355
|
attr(svg, "fill", /*color*/ ctx[8]);
|
|
16351
|
-
attr(svg, "class", "svelte-
|
|
16356
|
+
attr(svg, "class", "svelte-3mvsv6");
|
|
16352
16357
|
attr(span, "style", /*iconStyle*/ ctx[1]);
|
|
16353
16358
|
|
|
16354
16359
|
if ((/-/).test(/*element*/ ctx[6])) {
|
|
@@ -16357,7 +16362,7 @@ function create_dynamic_element$6(ctx) {
|
|
|
16357
16362
|
set_attributes(svelte_element, svelte_element_data);
|
|
16358
16363
|
}
|
|
16359
16364
|
|
|
16360
|
-
toggle_class(svelte_element, "svelte-
|
|
16365
|
+
toggle_class(svelte_element, "svelte-3mvsv6", true);
|
|
16361
16366
|
},
|
|
16362
16367
|
m(target, anchor) {
|
|
16363
16368
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -16403,7 +16408,7 @@ function create_dynamic_element$6(ctx) {
|
|
|
16403
16408
|
set_attributes(svelte_element, svelte_element_data);
|
|
16404
16409
|
}
|
|
16405
16410
|
|
|
16406
|
-
toggle_class(svelte_element, "svelte-
|
|
16411
|
+
toggle_class(svelte_element, "svelte-3mvsv6", true);
|
|
16407
16412
|
},
|
|
16408
16413
|
d(detaching) {
|
|
16409
16414
|
if (detaching) detach(svelte_element);
|
|
@@ -16644,7 +16649,7 @@ const IMAGE_ROUND_STYLES = {
|
|
|
16644
16649
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
|
16645
16650
|
|
|
16646
16651
|
function add_css$h(target) {
|
|
16647
|
-
append_styles(target, "svelte-
|
|
16652
|
+
append_styles(target, "svelte-gzaieg", ".image.svelte-gzaieg{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-img.svelte-gzaieg{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
|
|
16648
16653
|
}
|
|
16649
16654
|
|
|
16650
16655
|
// (24:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
|
|
@@ -16690,7 +16695,7 @@ function create_dynamic_element$5(ctx) {
|
|
|
16690
16695
|
h() {
|
|
16691
16696
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
16692
16697
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
16693
|
-
attr(img, "class", "image-img svelte-
|
|
16698
|
+
attr(img, "class", "image-img svelte-gzaieg");
|
|
16694
16699
|
|
|
16695
16700
|
if ((/-/).test(/*element*/ ctx[4])) {
|
|
16696
16701
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
|
@@ -16698,7 +16703,7 @@ function create_dynamic_element$5(ctx) {
|
|
|
16698
16703
|
set_attributes(svelte_element, svelte_element_data);
|
|
16699
16704
|
}
|
|
16700
16705
|
|
|
16701
|
-
toggle_class(svelte_element, "svelte-
|
|
16706
|
+
toggle_class(svelte_element, "svelte-gzaieg", true);
|
|
16702
16707
|
},
|
|
16703
16708
|
m(target, anchor) {
|
|
16704
16709
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -16731,7 +16736,7 @@ function create_dynamic_element$5(ctx) {
|
|
|
16731
16736
|
set_attributes(svelte_element, svelte_element_data);
|
|
16732
16737
|
}
|
|
16733
16738
|
|
|
16734
|
-
toggle_class(svelte_element, "svelte-
|
|
16739
|
+
toggle_class(svelte_element, "svelte-gzaieg", true);
|
|
16735
16740
|
},
|
|
16736
16741
|
d(detaching) {
|
|
16737
16742
|
if (detaching) detach(svelte_element);
|
|
@@ -16848,7 +16853,7 @@ const IMAGE_ASPECT_VARIANTS = {
|
|
|
16848
16853
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
|
16849
16854
|
|
|
16850
16855
|
function add_css$g(target) {
|
|
16851
|
-
append_styles(target, "svelte-
|
|
16856
|
+
append_styles(target, "svelte-139vx15", ".layout.svelte-139vx15{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-139vx15{cursor:pointer}.layout[data-clickable=true].svelte-139vx15:hover{opacity:0.8}");
|
|
16852
16857
|
}
|
|
16853
16858
|
|
|
16854
16859
|
// (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
@@ -16898,7 +16903,7 @@ function create_dynamic_element$4(ctx) {
|
|
|
16898
16903
|
set_attributes(svelte_element, svelte_element_data);
|
|
16899
16904
|
}
|
|
16900
16905
|
|
|
16901
|
-
toggle_class(svelte_element, "svelte-
|
|
16906
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
|
16902
16907
|
},
|
|
16903
16908
|
m(target, anchor) {
|
|
16904
16909
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -16943,7 +16948,7 @@ function create_dynamic_element$4(ctx) {
|
|
|
16943
16948
|
set_attributes(svelte_element, svelte_element_data);
|
|
16944
16949
|
}
|
|
16945
16950
|
|
|
16946
|
-
toggle_class(svelte_element, "svelte-
|
|
16951
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
|
16947
16952
|
},
|
|
16948
16953
|
i(local) {
|
|
16949
16954
|
if (current) return;
|
|
@@ -17038,8 +17043,8 @@ function instance$k($$self, $$props, $$invalidate) {
|
|
|
17038
17043
|
flexDirection: props.direction,
|
|
17039
17044
|
alignItems: props.align,
|
|
17040
17045
|
justifyContent: props.justify,
|
|
17041
|
-
rowGap: props.rowGap,
|
|
17042
|
-
columnGap: props.columnGap,
|
|
17046
|
+
rowGap: props.rowGap ?? props.gap,
|
|
17047
|
+
columnGap: props.columnGap ?? props.gap,
|
|
17043
17048
|
width: props.width,
|
|
17044
17049
|
...toCssOverflow(props),
|
|
17045
17050
|
...toCssShadow(props),
|
|
@@ -17071,7 +17076,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
|
|
17071
17076
|
/* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
|
|
17072
17077
|
|
|
17073
17078
|
function add_css$f(target) {
|
|
17074
|
-
append_styles(target, "svelte-
|
|
17079
|
+
append_styles(target, "svelte-1slel1d", ".slider-list.svelte-1slel1d{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
|
|
17075
17080
|
}
|
|
17076
17081
|
|
|
17077
17082
|
function get_each_context$1(ctx, list, i) {
|
|
@@ -17211,12 +17216,12 @@ function create_fragment$j(ctx) {
|
|
|
17211
17216
|
this.h();
|
|
17212
17217
|
},
|
|
17213
17218
|
h() {
|
|
17214
|
-
attr(ul, "class", "slider-list svelte-
|
|
17219
|
+
attr(ul, "class", "slider-list svelte-1slel1d");
|
|
17215
17220
|
attr(ul, "style", ul_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
|
|
17216
17221
|
attr(div0, "style", /*indicatorListStyle*/ ctx[4]);
|
|
17217
17222
|
attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
|
|
17218
17223
|
attr(div1, "style", /*style*/ ctx[6]);
|
|
17219
|
-
attr(div1, "class", "slider svelte-
|
|
17224
|
+
attr(div1, "class", "slider svelte-1slel1d");
|
|
17220
17225
|
},
|
|
17221
17226
|
m(target, anchor) {
|
|
17222
17227
|
insert_hydration(target, div1, anchor);
|
|
@@ -17565,7 +17570,7 @@ class Slider extends SvelteComponent {
|
|
|
17565
17570
|
/* src/components-flex/slider/SliderItem.svelte generated by Svelte v3.53.1 */
|
|
17566
17571
|
|
|
17567
17572
|
function add_css$e(target) {
|
|
17568
|
-
append_styles(target, "svelte-
|
|
17573
|
+
append_styles(target, "svelte-1amglxo", ".slider-item.svelte-1amglxo{overflow:hidden}.slider-item-inner.svelte-1amglxo{text-decoration:none;background:none;border:0;margin:0;padding:0;color:inherit;-webkit-user-drag:none;user-select:none}");
|
|
17569
17574
|
}
|
|
17570
17575
|
|
|
17571
17576
|
// (10:2) <svelte:element {...attributes} this={element} class="slider-item-inner" on:click={handleClick} >
|
|
@@ -17603,7 +17608,7 @@ function create_dynamic_element$3(ctx) {
|
|
|
17603
17608
|
set_attributes(svelte_element, svelte_element_data);
|
|
17604
17609
|
}
|
|
17605
17610
|
|
|
17606
|
-
toggle_class(svelte_element, "svelte-
|
|
17611
|
+
toggle_class(svelte_element, "svelte-1amglxo", true);
|
|
17607
17612
|
},
|
|
17608
17613
|
m(target, anchor) {
|
|
17609
17614
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -17643,7 +17648,7 @@ function create_dynamic_element$3(ctx) {
|
|
|
17643
17648
|
set_attributes(svelte_element, svelte_element_data);
|
|
17644
17649
|
}
|
|
17645
17650
|
|
|
17646
|
-
toggle_class(svelte_element, "svelte-
|
|
17651
|
+
toggle_class(svelte_element, "svelte-1amglxo", true);
|
|
17647
17652
|
},
|
|
17648
17653
|
i(local) {
|
|
17649
17654
|
if (current) return;
|
|
@@ -17684,7 +17689,7 @@ function create_fragment$i(ctx) {
|
|
|
17684
17689
|
},
|
|
17685
17690
|
h() {
|
|
17686
17691
|
attr(li, "data-layer-id", /*layerId*/ ctx[0]);
|
|
17687
|
-
attr(li, "class", "slider-item svelte-
|
|
17692
|
+
attr(li, "class", "slider-item svelte-1amglxo");
|
|
17688
17693
|
},
|
|
17689
17694
|
m(target, anchor) {
|
|
17690
17695
|
insert_hydration(target, li, anchor);
|
|
@@ -17841,7 +17846,7 @@ const TEXT_VARIANTS = {
|
|
|
17841
17846
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
|
17842
17847
|
|
|
17843
17848
|
function add_css$d(target) {
|
|
17844
|
-
append_styles(target, "svelte-
|
|
17849
|
+
append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
|
|
17845
17850
|
}
|
|
17846
17851
|
|
|
17847
17852
|
function create_fragment$h(ctx) {
|
|
@@ -17864,7 +17869,7 @@ function create_fragment$h(ctx) {
|
|
|
17864
17869
|
this.h();
|
|
17865
17870
|
},
|
|
17866
17871
|
h() {
|
|
17867
|
-
attr(p, "class", "text svelte-
|
|
17872
|
+
attr(p, "class", "text svelte-vifn7y");
|
|
17868
17873
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
|
17869
17874
|
attr(p, "style", /*style*/ ctx[1]);
|
|
17870
17875
|
},
|
|
@@ -17982,7 +17987,7 @@ class Text extends SvelteComponent {
|
|
|
17982
17987
|
/* src/components-flex/rich-text/RichText.svelte generated by Svelte v3.53.1 */
|
|
17983
17988
|
|
|
17984
17989
|
function add_css$c(target) {
|
|
17985
|
-
append_styles(target, "svelte-
|
|
17990
|
+
append_styles(target, "svelte-dxr423", ".rich-text.svelte-dxr423 p{margin:0;word-break:break-all;text-decoration:none}.rich-text.svelte-dxr423 p + p{margin-top:0.75em}");
|
|
17986
17991
|
}
|
|
17987
17992
|
|
|
17988
17993
|
function create_fragment$g(ctx) {
|
|
@@ -18006,7 +18011,7 @@ function create_fragment$g(ctx) {
|
|
|
18006
18011
|
this.h();
|
|
18007
18012
|
},
|
|
18008
18013
|
h() {
|
|
18009
|
-
attr(div, "class", "rich-text svelte-
|
|
18014
|
+
attr(div, "class", "rich-text svelte-dxr423");
|
|
18010
18015
|
attr(div, "style", /*style*/ ctx[2]);
|
|
18011
18016
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
18012
18017
|
},
|
|
@@ -18179,7 +18184,7 @@ const getTextLinkThemeStyles = getPropStyles(callback);
|
|
|
18179
18184
|
/* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
|
|
18180
18185
|
|
|
18181
18186
|
function add_css$b(target) {
|
|
18182
|
-
append_styles(target, "svelte-
|
|
18187
|
+
append_styles(target, "svelte-dc9m5n", ".link.svelte-dc9m5n{-webkit-appearance:none;border:0;background:none;padding:0;display:inline-flex}.link.svelte-dc9m5n,.link.svelte-dc9m5n:visited,.link.svelte-dc9m5n:link{color:var(--color)}.link.svelte-dc9m5n:hover{color:var(--hover-color)}.link.svelte-dc9m5n:active{color:var(--active-color)}.link.underline-hover-on.svelte-dc9m5n{text-decoration:none}.link.underline-hover-on.svelte-dc9m5n:hover{text-decoration:underline}.link.underline-hover-off.svelte-dc9m5n{text-decoration:underline}.link.underline-hover-off.svelte-dc9m5n:hover{text-decoration:none}.link.underline-on.svelte-dc9m5n{text-decoration:underline}.link.underline-off.svelte-dc9m5n{text-decoration:none}");
|
|
18183
18188
|
}
|
|
18184
18189
|
|
|
18185
18190
|
// (81:2) {#if props.isIcon && props.iconVariant}
|
|
@@ -18293,7 +18298,7 @@ function create_dynamic_element$2(ctx) {
|
|
|
18293
18298
|
set_attributes(svelte_element, svelte_element_data);
|
|
18294
18299
|
}
|
|
18295
18300
|
|
|
18296
|
-
toggle_class(svelte_element, "svelte-
|
|
18301
|
+
toggle_class(svelte_element, "svelte-dc9m5n", true);
|
|
18297
18302
|
},
|
|
18298
18303
|
m(target, anchor) {
|
|
18299
18304
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -18346,7 +18351,7 @@ function create_dynamic_element$2(ctx) {
|
|
|
18346
18351
|
set_attributes(svelte_element, svelte_element_data);
|
|
18347
18352
|
}
|
|
18348
18353
|
|
|
18349
|
-
toggle_class(svelte_element, "svelte-
|
|
18354
|
+
toggle_class(svelte_element, "svelte-dc9m5n", true);
|
|
18350
18355
|
},
|
|
18351
18356
|
i(local) {
|
|
18352
18357
|
if (current) return;
|
|
@@ -18533,7 +18538,7 @@ const TEXT_LINK_UNDERLINE = {
|
|
|
18533
18538
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
18534
18539
|
|
|
18535
18540
|
function add_css$a(target) {
|
|
18536
|
-
append_styles(target, "svelte-
|
|
18541
|
+
append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
|
|
18537
18542
|
}
|
|
18538
18543
|
|
|
18539
18544
|
// (14:0) {#if backgroundOverlay}
|
|
@@ -18554,7 +18559,7 @@ function create_if_block$4(ctx) {
|
|
|
18554
18559
|
this.h();
|
|
18555
18560
|
},
|
|
18556
18561
|
h() {
|
|
18557
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
18562
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
|
|
18558
18563
|
},
|
|
18559
18564
|
m(target, anchor) {
|
|
18560
18565
|
insert_hydration(target, div, anchor);
|
|
@@ -18565,7 +18570,7 @@ function create_if_block$4(ctx) {
|
|
|
18565
18570
|
}
|
|
18566
18571
|
},
|
|
18567
18572
|
p(ctx, dirty) {
|
|
18568
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
18573
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
|
|
18569
18574
|
attr(div, "class", div_class_value);
|
|
18570
18575
|
}
|
|
18571
18576
|
},
|
|
@@ -18641,10 +18646,10 @@ class BackgroundOverlay extends SvelteComponent {
|
|
|
18641
18646
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
|
18642
18647
|
|
|
18643
18648
|
function add_css$9(target) {
|
|
18644
|
-
append_styles(target, "svelte-
|
|
18649
|
+
append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{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-45ue06{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}}");
|
|
18645
18650
|
}
|
|
18646
18651
|
|
|
18647
|
-
// (
|
|
18652
|
+
// (220:0) {:else}
|
|
18648
18653
|
function create_else_block(ctx) {
|
|
18649
18654
|
let backgroundoverlay;
|
|
18650
18655
|
let current;
|
|
@@ -18691,7 +18696,7 @@ function create_else_block(ctx) {
|
|
|
18691
18696
|
};
|
|
18692
18697
|
}
|
|
18693
18698
|
|
|
18694
|
-
// (
|
|
18699
|
+
// (209:24)
|
|
18695
18700
|
function create_if_block_2(ctx) {
|
|
18696
18701
|
let backgroundoverlay0;
|
|
18697
18702
|
let t;
|
|
@@ -18765,7 +18770,7 @@ function create_if_block_2(ctx) {
|
|
|
18765
18770
|
};
|
|
18766
18771
|
}
|
|
18767
18772
|
|
|
18768
|
-
// (
|
|
18773
|
+
// (207:0) {#if !isOnSite}
|
|
18769
18774
|
function create_if_block_1$1(ctx) {
|
|
18770
18775
|
return {
|
|
18771
18776
|
c: noop,
|
|
@@ -18778,15 +18783,15 @@ function create_if_block_1$1(ctx) {
|
|
|
18778
18783
|
};
|
|
18779
18784
|
}
|
|
18780
18785
|
|
|
18781
|
-
// (
|
|
18786
|
+
// (223:0) {#if visible}
|
|
18782
18787
|
function create_if_block$3(ctx) {
|
|
18783
18788
|
let div;
|
|
18784
18789
|
let div_class_value;
|
|
18785
18790
|
let div_style_value;
|
|
18786
18791
|
let div_intro;
|
|
18787
18792
|
let current;
|
|
18788
|
-
const default_slot_template = /*#slots*/ ctx[
|
|
18789
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
|
18793
|
+
const default_slot_template = /*#slots*/ ctx[27].default;
|
|
18794
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[26], null);
|
|
18790
18795
|
|
|
18791
18796
|
return {
|
|
18792
18797
|
c() {
|
|
@@ -18809,11 +18814,11 @@ function create_if_block$3(ctx) {
|
|
|
18809
18814
|
this.h();
|
|
18810
18815
|
},
|
|
18811
18816
|
h() {
|
|
18812
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
18817
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
|
|
18813
18818
|
attr(div, "role", "dialog");
|
|
18814
18819
|
attr(div, "aria-modal", "true");
|
|
18815
18820
|
attr(div, "data-layer-id", /*layerId*/ ctx[2]);
|
|
18816
|
-
attr(div, "style", div_style_value = [Array.from(/*modalStyles*/ ctx[
|
|
18821
|
+
attr(div, "style", div_style_value = [Array.from(/*modalStyles*/ ctx[15]).join(';'), /*style*/ ctx[9]].join(' '));
|
|
18817
18822
|
},
|
|
18818
18823
|
m(target, anchor) {
|
|
18819
18824
|
insert_hydration(target, div, anchor);
|
|
@@ -18822,28 +18827,28 @@ function create_if_block$3(ctx) {
|
|
|
18822
18827
|
default_slot.m(div, null);
|
|
18823
18828
|
}
|
|
18824
18829
|
|
|
18825
|
-
/*div_binding*/ ctx[
|
|
18830
|
+
/*div_binding*/ ctx[28](div);
|
|
18826
18831
|
current = true;
|
|
18827
18832
|
},
|
|
18828
18833
|
p(new_ctx, dirty) {
|
|
18829
18834
|
ctx = new_ctx;
|
|
18830
18835
|
|
|
18831
18836
|
if (default_slot) {
|
|
18832
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
|
18837
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 67108864)) {
|
|
18833
18838
|
update_slot_base(
|
|
18834
18839
|
default_slot,
|
|
18835
18840
|
default_slot_template,
|
|
18836
18841
|
ctx,
|
|
18837
|
-
/*$$scope*/ ctx[
|
|
18842
|
+
/*$$scope*/ ctx[26],
|
|
18838
18843
|
!current
|
|
18839
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
|
18840
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
|
18844
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[26])
|
|
18845
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[26], dirty, null),
|
|
18841
18846
|
null
|
|
18842
18847
|
);
|
|
18843
18848
|
}
|
|
18844
18849
|
}
|
|
18845
18850
|
|
|
18846
|
-
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
18851
|
+
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
|
|
18847
18852
|
attr(div, "class", div_class_value);
|
|
18848
18853
|
}
|
|
18849
18854
|
|
|
@@ -18851,7 +18856,7 @@ function create_if_block$3(ctx) {
|
|
|
18851
18856
|
attr(div, "data-layer-id", /*layerId*/ ctx[2]);
|
|
18852
18857
|
}
|
|
18853
18858
|
|
|
18854
|
-
if (!current || dirty & /*style*/ 512 && div_style_value !== (div_style_value = [Array.from(/*modalStyles*/ ctx[
|
|
18859
|
+
if (!current || dirty & /*style*/ 512 && div_style_value !== (div_style_value = [Array.from(/*modalStyles*/ ctx[15]).join(';'), /*style*/ ctx[9]].join(' '))) {
|
|
18855
18860
|
attr(div, "style", div_style_value);
|
|
18856
18861
|
}
|
|
18857
18862
|
},
|
|
@@ -18879,13 +18884,12 @@ function create_if_block$3(ctx) {
|
|
|
18879
18884
|
d(detaching) {
|
|
18880
18885
|
if (detaching) detach(div);
|
|
18881
18886
|
if (default_slot) default_slot.d(detaching);
|
|
18882
|
-
/*div_binding*/ ctx[
|
|
18887
|
+
/*div_binding*/ ctx[28](null);
|
|
18883
18888
|
}
|
|
18884
18889
|
};
|
|
18885
18890
|
}
|
|
18886
18891
|
|
|
18887
18892
|
function create_fragment$d(ctx) {
|
|
18888
|
-
let show_if;
|
|
18889
18893
|
let current_block_type_index;
|
|
18890
18894
|
let if_block0;
|
|
18891
18895
|
let t;
|
|
@@ -18897,8 +18901,7 @@ function create_fragment$d(ctx) {
|
|
|
18897
18901
|
const if_blocks = [];
|
|
18898
18902
|
|
|
18899
18903
|
function select_block_type(ctx, dirty) {
|
|
18900
|
-
if (
|
|
18901
|
-
if (show_if) return 0;
|
|
18904
|
+
if (!/*isOnSite*/ ctx[14]) return 0;
|
|
18902
18905
|
if (/*useBreakPoint*/ ctx[0]) return 1;
|
|
18903
18906
|
return 2;
|
|
18904
18907
|
}
|
|
@@ -19028,8 +19031,11 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19028
19031
|
let { layerId = '' } = $$props;
|
|
19029
19032
|
const { brandKit } = useBrandKit();
|
|
19030
19033
|
|
|
19034
|
+
// falseが明示的に指定されている場合以外はtrueにする
|
|
19035
|
+
const isOnSite = (document.querySelector('#preview')?.getAttribute('data-on-site') ?? 'true') !== 'false';
|
|
19036
|
+
|
|
19031
19037
|
// モーダル背景の設定
|
|
19032
|
-
placement && placement.backgroundOverlay !== undefined;
|
|
19038
|
+
const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== undefined;
|
|
19033
19039
|
|
|
19034
19040
|
let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
|
|
19035
19041
|
let backgroundOverlayPC = DefaultModalPlacement.backgroundOverlay;
|
|
@@ -19059,20 +19065,20 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19059
19065
|
|
|
19060
19066
|
$$self.$$set = $$props => {
|
|
19061
19067
|
if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
|
|
19062
|
-
if ('placement' in $$props) $$invalidate(
|
|
19063
|
-
if ('breakPoint' in $$props) $$invalidate(
|
|
19064
|
-
if ('elasticity' in $$props) $$invalidate(
|
|
19068
|
+
if ('placement' in $$props) $$invalidate(16, placement = $$props.placement);
|
|
19069
|
+
if ('breakPoint' in $$props) $$invalidate(17, breakPoint = $$props.breakPoint);
|
|
19070
|
+
if ('elasticity' in $$props) $$invalidate(18, elasticity = $$props.elasticity);
|
|
19065
19071
|
if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
|
|
19066
|
-
if ('props' in $$props) $$invalidate(
|
|
19067
|
-
if ('closeEventName' in $$props) $$invalidate(
|
|
19068
|
-
if ('closeEventValue' in $$props) $$invalidate(
|
|
19072
|
+
if ('props' in $$props) $$invalidate(19, props = $$props.props);
|
|
19073
|
+
if ('closeEventName' in $$props) $$invalidate(20, closeEventName = $$props.closeEventName);
|
|
19074
|
+
if ('closeEventValue' in $$props) $$invalidate(21, closeEventValue = $$props.closeEventValue);
|
|
19069
19075
|
if ('layerId' in $$props) $$invalidate(2, layerId = $$props.layerId);
|
|
19070
|
-
if ('$$scope' in $$props) $$invalidate(
|
|
19076
|
+
if ('$$scope' in $$props) $$invalidate(26, $$scope = $$props.$$scope);
|
|
19071
19077
|
};
|
|
19072
19078
|
|
|
19073
19079
|
$$self.$$.update = () => {
|
|
19074
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue*/
|
|
19075
|
-
$$invalidate(
|
|
19080
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 3145728) {
|
|
19081
|
+
$$invalidate(25, close = () => {
|
|
19076
19082
|
const onClose = { operation: 'closeApp', args: ['button'] };
|
|
19077
19083
|
|
|
19078
19084
|
if (closeEventName) {
|
|
@@ -19083,8 +19089,11 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19083
19089
|
});
|
|
19084
19090
|
}
|
|
19085
19091
|
|
|
19086
|
-
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/
|
|
19092
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
|
|
19087
19093
|
{
|
|
19094
|
+
if (isOnSite && isExistBackgroundOverlayValue) {
|
|
19095
|
+
$$invalidate(4, backgroundOverlay = placement.backgroundOverlay);
|
|
19096
|
+
}
|
|
19088
19097
|
|
|
19089
19098
|
if (useBreakPoint) {
|
|
19090
19099
|
const pc = breakPoint?.PC?.placement?.backgroundOverlay;
|
|
@@ -19095,29 +19104,29 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19095
19104
|
}
|
|
19096
19105
|
}
|
|
19097
19106
|
|
|
19098
|
-
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/
|
|
19107
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
|
|
19099
19108
|
{
|
|
19100
19109
|
if (placement && placement.backgroundClick) {
|
|
19101
|
-
$$invalidate(
|
|
19110
|
+
$$invalidate(22, backgroundClickFunction = placement.backgroundClick);
|
|
19102
19111
|
}
|
|
19103
19112
|
|
|
19104
19113
|
if (useBreakPoint) {
|
|
19105
19114
|
const pc = breakPoint?.PC?.placement?.backgroundClick;
|
|
19106
19115
|
|
|
19107
19116
|
if (pc) {
|
|
19108
|
-
$$invalidate(
|
|
19117
|
+
$$invalidate(23, backgroundClickFunctionPC = pc);
|
|
19109
19118
|
}
|
|
19110
19119
|
|
|
19111
19120
|
const sp = breakPoint?.SP?.placement?.backgroundClick;
|
|
19112
19121
|
|
|
19113
19122
|
if (sp) {
|
|
19114
|
-
$$invalidate(
|
|
19123
|
+
$$invalidate(24, backgroundClickFunctionSP = sp);
|
|
19115
19124
|
}
|
|
19116
19125
|
}
|
|
19117
19126
|
}
|
|
19118
19127
|
}
|
|
19119
19128
|
|
|
19120
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/
|
|
19129
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 7340032) {
|
|
19121
19130
|
$$invalidate(13, backgroundClick = () => {
|
|
19122
19131
|
if (closeEventName) {
|
|
19123
19132
|
send_event(closeEventName, closeEventValue);
|
|
@@ -19127,7 +19136,7 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19127
19136
|
});
|
|
19128
19137
|
}
|
|
19129
19138
|
|
|
19130
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/
|
|
19139
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 11534336) {
|
|
19131
19140
|
$$invalidate(12, backgroundClickPC = () => {
|
|
19132
19141
|
if (closeEventName) {
|
|
19133
19142
|
send_event(closeEventName, closeEventValue);
|
|
@@ -19137,7 +19146,7 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19137
19146
|
});
|
|
19138
19147
|
}
|
|
19139
19148
|
|
|
19140
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/
|
|
19149
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 19922944) {
|
|
19141
19150
|
$$invalidate(11, backgroundClickSP = () => {
|
|
19142
19151
|
if (closeEventName) {
|
|
19143
19152
|
send_event(closeEventName, closeEventValue);
|
|
@@ -19147,12 +19156,16 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19147
19156
|
});
|
|
19148
19157
|
}
|
|
19149
19158
|
|
|
19150
|
-
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/
|
|
19159
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 196617) {
|
|
19151
19160
|
// 表示位置のスタイルとアニメーションの動きを設定
|
|
19152
19161
|
{
|
|
19153
19162
|
// 表示位置のスタイルの設定
|
|
19154
19163
|
let position = DefaultModalPlacement.position;
|
|
19155
19164
|
|
|
19165
|
+
if (isOnSite && placement && placement.position !== null) {
|
|
19166
|
+
position = placement.position;
|
|
19167
|
+
}
|
|
19168
|
+
|
|
19156
19169
|
let positionStyle = getPositionStyle(position);
|
|
19157
19170
|
|
|
19158
19171
|
if (!useBreakPoint) {
|
|
@@ -19166,6 +19179,16 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19166
19179
|
$$invalidate(3, transforms = []);
|
|
19167
19180
|
|
|
19168
19181
|
DEVICE_IDS.forEach(deviceId => {
|
|
19182
|
+
if (isOnSite && useBreakPoint) {
|
|
19183
|
+
const positionWithBp = breakPoint[deviceId]?.placement?.position;
|
|
19184
|
+
|
|
19185
|
+
transforms.push({
|
|
19186
|
+
query: DEVICE_QUERIES[deviceId],
|
|
19187
|
+
...getTransform(positionWithBp)
|
|
19188
|
+
});
|
|
19189
|
+
|
|
19190
|
+
positionStyle = getPositionStyle(positionWithBp);
|
|
19191
|
+
}
|
|
19169
19192
|
|
|
19170
19193
|
const positionVariables = stringifyStyleObj(formatObjectKey({
|
|
19171
19194
|
obj: parseStyle(positionStyle),
|
|
@@ -19181,11 +19204,15 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19181
19204
|
}
|
|
19182
19205
|
}
|
|
19183
19206
|
|
|
19184
|
-
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/
|
|
19207
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
|
|
19185
19208
|
// 表示位置の調整のスタイルを設定
|
|
19186
19209
|
{
|
|
19187
19210
|
let margin = DefaultModalPlacement.margin;
|
|
19188
19211
|
|
|
19212
|
+
if (isOnSite && placement && placement.margin !== null) {
|
|
19213
|
+
margin = placement.margin;
|
|
19214
|
+
}
|
|
19215
|
+
|
|
19189
19216
|
let marginStyle = getMarginStyle(margin);
|
|
19190
19217
|
|
|
19191
19218
|
if (!useBreakPoint) {
|
|
@@ -19193,6 +19220,10 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19193
19220
|
}
|
|
19194
19221
|
|
|
19195
19222
|
DEVICE_IDS.forEach(deviceId => {
|
|
19223
|
+
if (isOnSite && useBreakPoint) {
|
|
19224
|
+
const marginWithBp = breakPoint[deviceId]?.placement?.margin;
|
|
19225
|
+
marginStyle = getMarginStyle(marginWithBp);
|
|
19226
|
+
}
|
|
19196
19227
|
|
|
19197
19228
|
const marginVariables = stringifyStyleObj(formatObjectKey({
|
|
19198
19229
|
obj: parseStyle(marginStyle),
|
|
@@ -19205,33 +19236,11 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19205
19236
|
}
|
|
19206
19237
|
}
|
|
19207
19238
|
|
|
19208
|
-
if ($$self.$$.dirty & /*
|
|
19209
|
-
// 拡大方法のスタイルを設定
|
|
19210
|
-
{
|
|
19211
|
-
let elasticStyle = ElasticityStyle['none' ];
|
|
19212
|
-
|
|
19213
|
-
if (!useBreakPoint) {
|
|
19214
|
-
modalStyles.add(elasticStyle);
|
|
19215
|
-
}
|
|
19216
|
-
|
|
19217
|
-
DEVICE_IDS.forEach(deviceId => {
|
|
19218
|
-
|
|
19219
|
-
const elasticityVariables = stringifyStyleObj(formatObjectKey({
|
|
19220
|
-
obj: parseStyle(elasticStyle),
|
|
19221
|
-
prefix: '--modal-bp-',
|
|
19222
|
-
suffix: `-${deviceId.toLowerCase()}`
|
|
19223
|
-
}));
|
|
19224
|
-
|
|
19225
|
-
modalStyles.add(elasticityVariables);
|
|
19226
|
-
});
|
|
19227
|
-
}
|
|
19228
|
-
}
|
|
19229
|
-
|
|
19230
|
-
if ($$self.$$.dirty & /*close*/ 16777216) {
|
|
19239
|
+
if ($$self.$$.dirty & /*close*/ 33554432) {
|
|
19231
19240
|
$$invalidate(10, handle_keydown = handleKeydown({ Escape: close }));
|
|
19232
19241
|
}
|
|
19233
19242
|
|
|
19234
|
-
if ($$self.$$.dirty & /*props*/
|
|
19243
|
+
if ($$self.$$.dirty & /*props*/ 524288) {
|
|
19235
19244
|
$$invalidate(9, style = objToStyle({
|
|
19236
19245
|
width: props.width,
|
|
19237
19246
|
...toCssOverflow(props),
|
|
@@ -19264,6 +19273,7 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19264
19273
|
backgroundClickSP,
|
|
19265
19274
|
backgroundClickPC,
|
|
19266
19275
|
backgroundClick,
|
|
19276
|
+
isOnSite,
|
|
19267
19277
|
modalStyles,
|
|
19268
19278
|
placement,
|
|
19269
19279
|
breakPoint,
|
|
@@ -19293,13 +19303,13 @@ class Modal extends SvelteComponent {
|
|
|
19293
19303
|
safe_not_equal,
|
|
19294
19304
|
{
|
|
19295
19305
|
useBreakPoint: 0,
|
|
19296
|
-
placement:
|
|
19297
|
-
breakPoint:
|
|
19298
|
-
elasticity:
|
|
19306
|
+
placement: 16,
|
|
19307
|
+
breakPoint: 17,
|
|
19308
|
+
elasticity: 18,
|
|
19299
19309
|
animation: 1,
|
|
19300
|
-
props:
|
|
19301
|
-
closeEventName:
|
|
19302
|
-
closeEventValue:
|
|
19310
|
+
props: 19,
|
|
19311
|
+
closeEventName: 20,
|
|
19312
|
+
closeEventValue: 21,
|
|
19303
19313
|
layerId: 2
|
|
19304
19314
|
},
|
|
19305
19315
|
add_css$9
|
|
@@ -19310,7 +19320,7 @@ class Modal extends SvelteComponent {
|
|
|
19310
19320
|
/* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
|
|
19311
19321
|
|
|
19312
19322
|
function add_css$8(target) {
|
|
19313
|
-
append_styles(target, "svelte-
|
|
19323
|
+
append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
|
|
19314
19324
|
}
|
|
19315
19325
|
|
|
19316
19326
|
function create_fragment$c(ctx) {
|
|
@@ -19329,7 +19339,7 @@ function create_fragment$c(ctx) {
|
|
|
19329
19339
|
this.h();
|
|
19330
19340
|
},
|
|
19331
19341
|
h() {
|
|
19332
|
-
attr(div, "class", "code svelte-
|
|
19342
|
+
attr(div, "class", "code svelte-igivoz");
|
|
19333
19343
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
19334
19344
|
},
|
|
19335
19345
|
m(target, anchor) {
|
|
@@ -19411,7 +19421,7 @@ const LIST_ITEM_CONTEXT_KEY = 'ListItemContext';
|
|
|
19411
19421
|
/* src/components-flex/list/List.svelte generated by Svelte v3.53.1 */
|
|
19412
19422
|
|
|
19413
19423
|
function add_css$7(target) {
|
|
19414
|
-
append_styles(target, "svelte-
|
|
19424
|
+
append_styles(target, "svelte-v2vy6p", ".list.svelte-v2vy6p{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;--border-width:0;--border-style:solit;--border-color:rgba(255, 255, 255, 0);border-top-width:var(--border-width);border-top-style:var(--border-style);border-top-color:var(--border-color);border-bottom-width:var(--border-width);border-bottom-style:var(--border-style);border-bottom-color:var(--border-color)}");
|
|
19415
19425
|
}
|
|
19416
19426
|
|
|
19417
19427
|
function create_fragment$b(ctx) {
|
|
@@ -19440,7 +19450,7 @@ function create_fragment$b(ctx) {
|
|
|
19440
19450
|
},
|
|
19441
19451
|
h() {
|
|
19442
19452
|
attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
|
|
19443
|
-
attr(ul, "class", "list svelte-
|
|
19453
|
+
attr(ul, "class", "list svelte-v2vy6p");
|
|
19444
19454
|
attr(ul, "style", /*style*/ ctx[1]);
|
|
19445
19455
|
},
|
|
19446
19456
|
m(target, anchor) {
|
|
@@ -19563,7 +19573,7 @@ class List extends SvelteComponent {
|
|
|
19563
19573
|
/* src/components-flex/list/ListItem.svelte generated by Svelte v3.53.1 */
|
|
19564
19574
|
|
|
19565
19575
|
function add_css$6(target) {
|
|
19566
|
-
append_styles(target, "svelte-
|
|
19576
|
+
append_styles(target, "svelte-1223veg", ".list-item.svelte-1223veg{margin:0;padding:0}.list-item-inner.svelte-1223veg{display:flex;align-items:center;width:100%;text-decoration:none;color:inherit}.list-item-inner.svelte-1223veg:hover{opacity:0.8}.list-item.svelte-1223veg:not(:first-child){border-top-width:var(--list-item-border-width);border-top-style:var(--list-item-border-style);border-top-color:var(--list-item-border-color)}");
|
|
19567
19577
|
}
|
|
19568
19578
|
|
|
19569
19579
|
// (30:2) <svelte:element {...attributes} this={element} class="list-item-inner" style={innerStyle} on:click={handleClick} >
|
|
@@ -19607,7 +19617,7 @@ function create_dynamic_element$1(ctx) {
|
|
|
19607
19617
|
set_attributes(svelte_element, svelte_element_data);
|
|
19608
19618
|
}
|
|
19609
19619
|
|
|
19610
|
-
toggle_class(svelte_element, "svelte-
|
|
19620
|
+
toggle_class(svelte_element, "svelte-1223veg", true);
|
|
19611
19621
|
},
|
|
19612
19622
|
m(target, anchor) {
|
|
19613
19623
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -19651,7 +19661,7 @@ function create_dynamic_element$1(ctx) {
|
|
|
19651
19661
|
set_attributes(svelte_element, svelte_element_data);
|
|
19652
19662
|
}
|
|
19653
19663
|
|
|
19654
|
-
toggle_class(svelte_element, "svelte-
|
|
19664
|
+
toggle_class(svelte_element, "svelte-1223veg", true);
|
|
19655
19665
|
},
|
|
19656
19666
|
i(local) {
|
|
19657
19667
|
if (current) return;
|
|
@@ -19696,7 +19706,7 @@ function create_fragment$a(ctx) {
|
|
|
19696
19706
|
this.h();
|
|
19697
19707
|
},
|
|
19698
19708
|
h() {
|
|
19699
|
-
attr(li, "class", "list-item svelte-
|
|
19709
|
+
attr(li, "class", "list-item svelte-1223veg");
|
|
19700
19710
|
attr(li, "data-layer-id", /*layerId*/ ctx[0]);
|
|
19701
19711
|
attr(li, "style", /*style*/ ctx[2]);
|
|
19702
19712
|
},
|
|
@@ -19842,7 +19852,7 @@ function splitNumberAndUnit(value) {
|
|
|
19842
19852
|
/* src/components-flex/multi-column/MultiColumn.svelte generated by Svelte v3.53.1 */
|
|
19843
19853
|
|
|
19844
19854
|
function add_css$5(target) {
|
|
19845
|
-
append_styles(target, "svelte-
|
|
19855
|
+
append_styles(target, "svelte-aoppwp", ".list.svelte-aoppwp{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
|
|
19846
19856
|
}
|
|
19847
19857
|
|
|
19848
19858
|
function create_fragment$9(ctx) {
|
|
@@ -19871,7 +19881,7 @@ function create_fragment$9(ctx) {
|
|
|
19871
19881
|
},
|
|
19872
19882
|
h() {
|
|
19873
19883
|
attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
|
|
19874
|
-
attr(ul, "class", "list svelte-
|
|
19884
|
+
attr(ul, "class", "list svelte-aoppwp");
|
|
19875
19885
|
attr(ul, "style", /*style*/ ctx[1]);
|
|
19876
19886
|
},
|
|
19877
19887
|
m(target, anchor) {
|
|
@@ -19983,7 +19993,7 @@ class MultiColumn extends SvelteComponent {
|
|
|
19983
19993
|
/* src/components-flex/multi-column/MultiColumnItem.svelte generated by Svelte v3.53.1 */
|
|
19984
19994
|
|
|
19985
19995
|
function add_css$4(target) {
|
|
19986
|
-
append_styles(target, "svelte-
|
|
19996
|
+
append_styles(target, "svelte-1blzs1a", ".multi-column-item.svelte-1blzs1a{margin:0;width:100%;padding-top:0;padding-bottom:0;padding-left:var(--multi-column-item-padding);padding-right:var(--multi-column-item-padding)}.multi-column-item-inner.svelte-1blzs1a{display:flex;flex-direction:column;align-items:center;gap:var(--multi-column-item-gap);width:100%;text-decoration:none;color:inherit;padding-top:var(--multi-column-item-padding-top);padding-left:var(--multi-column-item-padding-left);padding-right:var(--multi-column-item-padding-right);padding-bottom:var(--multi-column-item-padding-bottom)}.multi-column-item-inner.svelte-1blzs1a:hover{opacity:0.8}.multi-column-item.svelte-1blzs1a:not(:first-child){border-left-width:var(--multi-column-item-border-width);border-left-style:var(--multi-column-item-border-style);border-left-color:var(--multi-column-item-border-color)}");
|
|
19987
19997
|
}
|
|
19988
19998
|
|
|
19989
19999
|
// (28:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
|
|
@@ -20021,7 +20031,7 @@ function create_dynamic_element(ctx) {
|
|
|
20021
20031
|
set_attributes(svelte_element, svelte_element_data);
|
|
20022
20032
|
}
|
|
20023
20033
|
|
|
20024
|
-
toggle_class(svelte_element, "svelte-
|
|
20034
|
+
toggle_class(svelte_element, "svelte-1blzs1a", true);
|
|
20025
20035
|
},
|
|
20026
20036
|
m(target, anchor) {
|
|
20027
20037
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -20061,7 +20071,7 @@ function create_dynamic_element(ctx) {
|
|
|
20061
20071
|
set_attributes(svelte_element, svelte_element_data);
|
|
20062
20072
|
}
|
|
20063
20073
|
|
|
20064
|
-
toggle_class(svelte_element, "svelte-
|
|
20074
|
+
toggle_class(svelte_element, "svelte-1blzs1a", true);
|
|
20065
20075
|
},
|
|
20066
20076
|
i(local) {
|
|
20067
20077
|
if (current) return;
|
|
@@ -20106,7 +20116,7 @@ function create_fragment$8(ctx) {
|
|
|
20106
20116
|
this.h();
|
|
20107
20117
|
},
|
|
20108
20118
|
h() {
|
|
20109
|
-
attr(li, "class", "multi-column-item svelte-
|
|
20119
|
+
attr(li, "class", "multi-column-item svelte-1blzs1a");
|
|
20110
20120
|
attr(li, "data-layer-id", /*layerId*/ ctx[0]);
|
|
20111
20121
|
attr(li, "style", /*style*/ ctx[1]);
|
|
20112
20122
|
},
|
|
@@ -20221,7 +20231,7 @@ class MultiColumnItem extends SvelteComponent {
|
|
|
20221
20231
|
/* src/components-flex/youtube/Youtube.svelte generated by Svelte v3.53.1 */
|
|
20222
20232
|
|
|
20223
20233
|
function add_css$3(target) {
|
|
20224
|
-
append_styles(target, "svelte-
|
|
20234
|
+
append_styles(target, "svelte-odfkc2", ".youtube.svelte-odfkc2{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:3px}.youtube.svelte-odfkc2 iframe{position:absolute;width:100%;height:100%;object-fit:cover}");
|
|
20225
20235
|
}
|
|
20226
20236
|
|
|
20227
20237
|
function create_fragment$7(ctx) {
|
|
@@ -20249,7 +20259,7 @@ function create_fragment$7(ctx) {
|
|
|
20249
20259
|
},
|
|
20250
20260
|
h() {
|
|
20251
20261
|
attr(div0, "class", "youtube-player");
|
|
20252
|
-
attr(div1, "class", "youtube svelte-
|
|
20262
|
+
attr(div1, "class", "youtube svelte-odfkc2");
|
|
20253
20263
|
attr(div1, "style", /*style*/ ctx[2]);
|
|
20254
20264
|
attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
|
|
20255
20265
|
},
|
|
@@ -20396,7 +20406,7 @@ class Youtube extends SvelteComponent {
|
|
|
20396
20406
|
/* src/components-flex/count-down/CountDown.svelte generated by Svelte v3.53.1 */
|
|
20397
20407
|
|
|
20398
20408
|
function add_css$2(target) {
|
|
20399
|
-
append_styles(target, "svelte-
|
|
20409
|
+
append_styles(target, "svelte-1n395il", ".countdown.svelte-1n395il{display:flex;align-items:center;gap:4px}");
|
|
20400
20410
|
}
|
|
20401
20411
|
|
|
20402
20412
|
const get_default_slot_changes = dirty => ({
|
|
@@ -20433,7 +20443,7 @@ function create_fragment$6(ctx) {
|
|
|
20433
20443
|
this.h();
|
|
20434
20444
|
},
|
|
20435
20445
|
h() {
|
|
20436
|
-
attr(div, "class", "countdown svelte-
|
|
20446
|
+
attr(div, "class", "countdown svelte-1n395il");
|
|
20437
20447
|
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
20438
20448
|
},
|
|
20439
20449
|
m(target, anchor) {
|
|
@@ -20743,7 +20753,7 @@ class CountDownValue extends SvelteComponent {
|
|
|
20743
20753
|
/* src/components-flex/clip-copy/ClipCopy.svelte generated by Svelte v3.53.1 */
|
|
20744
20754
|
|
|
20745
20755
|
function add_css$1(target) {
|
|
20746
|
-
append_styles(target, "svelte-
|
|
20756
|
+
append_styles(target, "svelte-30zd8m", ".clipboard.svelte-30zd8m{position:relative;display:inline-flex}.clipboard-button.svelte-30zd8m{position:relative;display:inline-flex;align-items:center;white-space:nowrap;gap:12px;background:none;border:0;transition:0.12s;cursor:pointer}.clipboard-button.svelte-30zd8m:hover{opacity:0.8}.clipboard-button.svelte-30zd8m:active{opacity:0.6}.clipboard-tooltip.svelte-30zd8m{position:absolute;top:-8px;left:50%;display:block;transform:translate(-50%, -100%);padding:4px 10px;background-color:#333333;color:#ffffff;font-size:11px;font-weight:bold;border-radius:4px;transition:transform 0.2s ease-out;white-space:nowrap;pointer-events:none}.clipboard-tooltip.svelte-30zd8m:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:8px;height:8px;background-color:#333333;border-radius:1px;transform:translate(-50%, 40%) rotate(45deg)}.clipboard-tooltip[aria-hidden=\"true\"].svelte-30zd8m{opacity:0;transform:translate(-50%, -80%)}");
|
|
20747
20757
|
}
|
|
20748
20758
|
|
|
20749
20759
|
function create_fragment$4(ctx) {
|
|
@@ -20785,10 +20795,10 @@ function create_fragment$4(ctx) {
|
|
|
20785
20795
|
this.h();
|
|
20786
20796
|
},
|
|
20787
20797
|
h() {
|
|
20788
|
-
attr(button, "class", "clipboard-button svelte-
|
|
20798
|
+
attr(button, "class", "clipboard-button svelte-30zd8m");
|
|
20789
20799
|
attr(span, "aria-hidden", span_aria_hidden_value = !/*showTooltip*/ ctx[2]);
|
|
20790
|
-
attr(span, "class", "clipboard-tooltip svelte-
|
|
20791
|
-
attr(div, "class", "clipboard svelte-
|
|
20800
|
+
attr(span, "class", "clipboard-tooltip svelte-30zd8m");
|
|
20801
|
+
attr(div, "class", "clipboard svelte-30zd8m");
|
|
20792
20802
|
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
20793
20803
|
},
|
|
20794
20804
|
m(target, anchor) {
|
|
@@ -20913,6 +20923,312 @@ class ClipCopy extends SvelteComponent {
|
|
|
20913
20923
|
}
|
|
20914
20924
|
}
|
|
20915
20925
|
|
|
20926
|
+
/**
|
|
20927
|
+
* モーダル(ポップアップ)に関連するコードの管理
|
|
20928
|
+
*
|
|
20929
|
+
* アクションのShow, Close, ChangeStateの状態はここで管理する。
|
|
20930
|
+
*/
|
|
20931
|
+
/**
|
|
20932
|
+
* アクションが表示 (show) された後にフックする関数
|
|
20933
|
+
*
|
|
20934
|
+
* @param fn - 呼び出されるフック関数
|
|
20935
|
+
*
|
|
20936
|
+
* @public
|
|
20937
|
+
*/
|
|
20938
|
+
function onShow(fn) {
|
|
20939
|
+
let { onShowHandlers } = getInternalHandlers();
|
|
20940
|
+
if (!onShowHandlers) {
|
|
20941
|
+
onShowHandlers = [];
|
|
20942
|
+
}
|
|
20943
|
+
onShowHandlers.push(fn);
|
|
20944
|
+
setInternalHandlers({ onShowHandlers });
|
|
20945
|
+
}
|
|
20946
|
+
/**
|
|
20947
|
+
* アクションがクローズ (close) される前にフックする関数
|
|
20948
|
+
*
|
|
20949
|
+
* @param fn - 呼び出されるフック関数
|
|
20950
|
+
*
|
|
20951
|
+
* @public
|
|
20952
|
+
*/
|
|
20953
|
+
function onClose(fn) {
|
|
20954
|
+
let { onCloseHandlers } = getInternalHandlers();
|
|
20955
|
+
if (!onCloseHandlers) {
|
|
20956
|
+
onCloseHandlers = [];
|
|
20957
|
+
}
|
|
20958
|
+
onCloseHandlers.push(fn);
|
|
20959
|
+
setInternalHandlers({ onCloseHandlers });
|
|
20960
|
+
}
|
|
20961
|
+
/**
|
|
20962
|
+
* アクションのステートが変更された (changeState) 後にフックする関数
|
|
20963
|
+
*
|
|
20964
|
+
* @param fn - 呼び出されるフック関数
|
|
20965
|
+
*
|
|
20966
|
+
* @public
|
|
20967
|
+
*/
|
|
20968
|
+
function onChangeState(fn) {
|
|
20969
|
+
let { onChangeStateHandlers } = getInternalHandlers();
|
|
20970
|
+
if (!onChangeStateHandlers) {
|
|
20971
|
+
onChangeStateHandlers = [];
|
|
20972
|
+
}
|
|
20973
|
+
onChangeStateHandlers.push(fn);
|
|
20974
|
+
setInternalHandlers({ onChangeStateHandlers });
|
|
20975
|
+
}
|
|
20976
|
+
/**
|
|
20977
|
+
* アクションを表示する
|
|
20978
|
+
*
|
|
20979
|
+
* @public
|
|
20980
|
+
*/
|
|
20981
|
+
function showAction() {
|
|
20982
|
+
const event = new CustomEvent(ACTION_SHOW_EVENT, { detail: { trigger: 'custom' } });
|
|
20983
|
+
window.dispatchEvent(event);
|
|
20984
|
+
}
|
|
20985
|
+
/**
|
|
20986
|
+
* アクションを閉じる
|
|
20987
|
+
*
|
|
20988
|
+
* @param trigger - 閉じた時のトリガー。デフォルト `'none'`
|
|
20989
|
+
*
|
|
20990
|
+
* @public
|
|
20991
|
+
*/
|
|
20992
|
+
function closeAction(trigger = 'none') {
|
|
20993
|
+
const event = new CustomEvent(ACTION_CLOSE_EVENT, { detail: { trigger } });
|
|
20994
|
+
window.dispatchEvent(event);
|
|
20995
|
+
}
|
|
20996
|
+
/**
|
|
20997
|
+
* アクションに CSS を適用する
|
|
20998
|
+
*
|
|
20999
|
+
* @param css - 適用する CSS
|
|
21000
|
+
*
|
|
21001
|
+
* @returns 適用された style 要素を返す Promise
|
|
21002
|
+
*
|
|
21003
|
+
* @public
|
|
21004
|
+
*/
|
|
21005
|
+
async function applyCss(css) {
|
|
21006
|
+
return new Promise((resolve, reject) => {
|
|
21007
|
+
const style = document.createElement('style');
|
|
21008
|
+
style.textContent = css;
|
|
21009
|
+
const shadowRoot = getActionRoot();
|
|
21010
|
+
if (!shadowRoot)
|
|
21011
|
+
return;
|
|
21012
|
+
shadowRoot.append(style);
|
|
21013
|
+
style.addEventListener('load', () => resolve(style));
|
|
21014
|
+
style.addEventListener('error', () => reject(style));
|
|
21015
|
+
});
|
|
21016
|
+
}
|
|
21017
|
+
async function fixFontFaceIssue(href, cssRules) {
|
|
21018
|
+
const css = new CSSStyleSheet();
|
|
21019
|
+
// @ts-ignore
|
|
21020
|
+
await css.replace(cssRules);
|
|
21021
|
+
const rules = [];
|
|
21022
|
+
const fixedRules = [];
|
|
21023
|
+
Array.from(css.cssRules).forEach(cssRule => {
|
|
21024
|
+
if (cssRule.type !== 5) {
|
|
21025
|
+
rules.push(cssRule.cssText);
|
|
21026
|
+
}
|
|
21027
|
+
// type 5 is @font-face
|
|
21028
|
+
const split = href.split('/');
|
|
21029
|
+
const stylePath = split.slice(0, split.length - 1).join('/');
|
|
21030
|
+
const cssText = cssRule.cssText;
|
|
21031
|
+
const newCssText = cssText.replace(
|
|
21032
|
+
// relative paths
|
|
21033
|
+
/url\s*\(\s*['"]?(?!((\/)|((?:https?:)?\/\/)|(?:data:?:)))([^'")]+)['"]?\s*\)/g, `url("${stylePath}/$4")`);
|
|
21034
|
+
if (cssText === newCssText)
|
|
21035
|
+
return;
|
|
21036
|
+
fixedRules.push(newCssText);
|
|
21037
|
+
});
|
|
21038
|
+
return [rules.join('\n'), fixedRules.join('\n')];
|
|
21039
|
+
}
|
|
21040
|
+
/**
|
|
21041
|
+
* アクションにグローバルなスタイルを読み込む
|
|
21042
|
+
*
|
|
21043
|
+
* @param href - style ファイルのリンク URL
|
|
21044
|
+
*
|
|
21045
|
+
* @public
|
|
21046
|
+
*/
|
|
21047
|
+
async function loadStyle(href) {
|
|
21048
|
+
const sr = getActionRoot();
|
|
21049
|
+
if (!sr)
|
|
21050
|
+
return;
|
|
21051
|
+
let cssRules = '';
|
|
21052
|
+
try {
|
|
21053
|
+
const res = await fetch(href);
|
|
21054
|
+
cssRules = await res.text();
|
|
21055
|
+
}
|
|
21056
|
+
catch (_) {
|
|
21057
|
+
// pass
|
|
21058
|
+
}
|
|
21059
|
+
if (!cssRules)
|
|
21060
|
+
return;
|
|
21061
|
+
// Chromeのバグで、Shadow Rootの@font-faceを絶対パスで指定する必要がある
|
|
21062
|
+
// @see https://stackoverflow.com/a/63717709
|
|
21063
|
+
const [rules, fontFaceRules] = await fixFontFaceIssue(href, cssRules);
|
|
21064
|
+
const css = new CSSStyleSheet();
|
|
21065
|
+
// @ts-ignore
|
|
21066
|
+
await css.replace(rules);
|
|
21067
|
+
const fontFaceCss = new CSSStyleSheet();
|
|
21068
|
+
// @ts-ignore
|
|
21069
|
+
await fontFaceCss.replace(fontFaceRules);
|
|
21070
|
+
// @ts-ignore
|
|
21071
|
+
sr.adoptedStyleSheets = [...sr.adoptedStyleSheets, css, fontFaceCss];
|
|
21072
|
+
// Chromeのバグで、ページとShadow Rootの両方に、@font-faceを設定する必要がある
|
|
21073
|
+
// @see https://stackoverflow.com/a/63717709
|
|
21074
|
+
// @ts-ignore
|
|
21075
|
+
document.adoptedStyleSheets = [...document.adoptedStyleSheets, css, fontFaceCss];
|
|
21076
|
+
}
|
|
21077
|
+
// @internal
|
|
21078
|
+
function getCssVariables(data) {
|
|
21079
|
+
return Object.entries(data)
|
|
21080
|
+
.filter(([key, value]) => {
|
|
21081
|
+
return ['string', 'number'].includes(typeof value) && key.startsWith('--');
|
|
21082
|
+
})
|
|
21083
|
+
.map(([key, value]) => `${key}:${value}`)
|
|
21084
|
+
.join(';');
|
|
21085
|
+
}
|
|
21086
|
+
/**
|
|
21087
|
+
* アクションのルートの DOM 要素を取得する
|
|
21088
|
+
*
|
|
21089
|
+
* @returns アクションがルートの DOM 要素 を持つ場合は DOM 要素を返します。ない場合は `null` を返します
|
|
21090
|
+
*
|
|
21091
|
+
* @public
|
|
21092
|
+
*/
|
|
21093
|
+
function getActionRoot() {
|
|
21094
|
+
const root = document.querySelector(`.${KARTE_ACTION_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
|
|
21095
|
+
if (!root?.shadowRoot) {
|
|
21096
|
+
return null;
|
|
21097
|
+
}
|
|
21098
|
+
return root.shadowRoot;
|
|
21099
|
+
}
|
|
21100
|
+
/** @internal */
|
|
21101
|
+
function ensureActionRoot() {
|
|
21102
|
+
const systemConfig = getSystem();
|
|
21103
|
+
const rootAttrs = {
|
|
21104
|
+
class: `${KARTE_ACTION_ROOT} ${KARTE_MODAL_ROOT}`,
|
|
21105
|
+
[`data-${KARTE_ACTION_RID}`]: actionId,
|
|
21106
|
+
[`data-${KARTE_ACTION_SHORTEN_ID}`]: systemConfig.shortenId
|
|
21107
|
+
? systemConfig.shortenId
|
|
21108
|
+
: ALL_ACTION_SHORTEN_ID,
|
|
21109
|
+
style: { display: 'block' },
|
|
21110
|
+
};
|
|
21111
|
+
let el = document.querySelector(`.${KARTE_MODAL_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
|
|
21112
|
+
if (el == null) {
|
|
21113
|
+
el = h('div', rootAttrs);
|
|
21114
|
+
document.body.appendChild(el);
|
|
21115
|
+
}
|
|
21116
|
+
const isShadow = !!document.body.attachShadow;
|
|
21117
|
+
if (isShadow) {
|
|
21118
|
+
return el.shadowRoot ?? el.attachShadow({ mode: 'open' });
|
|
21119
|
+
}
|
|
21120
|
+
else {
|
|
21121
|
+
return el;
|
|
21122
|
+
}
|
|
21123
|
+
}
|
|
21124
|
+
/**
|
|
21125
|
+
* 非推奨
|
|
21126
|
+
*
|
|
21127
|
+
* @deprecated 非推奨
|
|
21128
|
+
*
|
|
21129
|
+
* @internal
|
|
21130
|
+
*/
|
|
21131
|
+
const show = showAction;
|
|
21132
|
+
/**
|
|
21133
|
+
* 非推奨
|
|
21134
|
+
*
|
|
21135
|
+
* @deprecated 非推奨
|
|
21136
|
+
*
|
|
21137
|
+
* @internal
|
|
21138
|
+
*/
|
|
21139
|
+
const close = closeAction;
|
|
21140
|
+
/**
|
|
21141
|
+
* 非推奨
|
|
21142
|
+
*
|
|
21143
|
+
* @deprecated 非推奨
|
|
21144
|
+
*
|
|
21145
|
+
* @internal
|
|
21146
|
+
*/
|
|
21147
|
+
const ensureModalRoot = ensureActionRoot;
|
|
21148
|
+
/**
|
|
21149
|
+
* 非推奨
|
|
21150
|
+
*
|
|
21151
|
+
* @deprecated 非推奨
|
|
21152
|
+
*
|
|
21153
|
+
* @internal
|
|
21154
|
+
*/
|
|
21155
|
+
function createApp(App, options = {
|
|
21156
|
+
send: () => { },
|
|
21157
|
+
publish: () => { },
|
|
21158
|
+
props: {},
|
|
21159
|
+
variables: {},
|
|
21160
|
+
localVariablesQuery: undefined,
|
|
21161
|
+
context: { api_key: '' },
|
|
21162
|
+
}) {
|
|
21163
|
+
let app = null;
|
|
21164
|
+
const close = () => {
|
|
21165
|
+
if (app) {
|
|
21166
|
+
{
|
|
21167
|
+
// @ts-ignore -- Svelte5 では $destroy は存在しない
|
|
21168
|
+
app.$destroy();
|
|
21169
|
+
}
|
|
21170
|
+
app = null;
|
|
21171
|
+
}
|
|
21172
|
+
};
|
|
21173
|
+
const appArgs = {
|
|
21174
|
+
target: null,
|
|
21175
|
+
props: {
|
|
21176
|
+
send: options.send,
|
|
21177
|
+
publish: options.publish,
|
|
21178
|
+
close,
|
|
21179
|
+
data: {
|
|
21180
|
+
...options.props,
|
|
21181
|
+
...options.variables,
|
|
21182
|
+
},
|
|
21183
|
+
},
|
|
21184
|
+
};
|
|
21185
|
+
const win = ensureModalRoot();
|
|
21186
|
+
appArgs.target = win;
|
|
21187
|
+
return {
|
|
21188
|
+
close,
|
|
21189
|
+
show: () => {
|
|
21190
|
+
if (app) {
|
|
21191
|
+
return;
|
|
21192
|
+
}
|
|
21193
|
+
options.send('message_open');
|
|
21194
|
+
app = // @ts-ignore -- Svelte5 では `App` はクラスではない
|
|
21195
|
+
new App(appArgs);
|
|
21196
|
+
},
|
|
21197
|
+
};
|
|
21198
|
+
}
|
|
21199
|
+
/**
|
|
21200
|
+
* 非推奨
|
|
21201
|
+
*
|
|
21202
|
+
* @deprecated 非推奨
|
|
21203
|
+
*
|
|
21204
|
+
* @internal
|
|
21205
|
+
*/
|
|
21206
|
+
function createFog({ color = '#000', opacity = '50%', zIndex = 999, onclick, }) {
|
|
21207
|
+
const root = ensureModalRoot();
|
|
21208
|
+
if (root.querySelector('.__krt-fog')) {
|
|
21209
|
+
return { fog: null, close: () => { } };
|
|
21210
|
+
}
|
|
21211
|
+
const fog = document.createElement('div');
|
|
21212
|
+
fog.className = '__krt-fog';
|
|
21213
|
+
Object.assign(fog.style, {
|
|
21214
|
+
position: 'fixed',
|
|
21215
|
+
left: 0,
|
|
21216
|
+
top: 0,
|
|
21217
|
+
width: '100%',
|
|
21218
|
+
height: '100%',
|
|
21219
|
+
'z-index': zIndex,
|
|
21220
|
+
'background-color': color,
|
|
21221
|
+
opacity,
|
|
21222
|
+
});
|
|
21223
|
+
const close = () => {
|
|
21224
|
+
onclick();
|
|
21225
|
+
fog.remove();
|
|
21226
|
+
};
|
|
21227
|
+
fog.onclick = close;
|
|
21228
|
+
root.appendChild(fog);
|
|
21229
|
+
return { fog, close };
|
|
21230
|
+
}
|
|
21231
|
+
|
|
20916
21232
|
/* src/components-flex/state/Header.svelte generated by Svelte v3.53.1 */
|
|
20917
21233
|
|
|
20918
21234
|
function create_if_block$2(ctx) {
|
|
@@ -21111,7 +21427,7 @@ class State extends SvelteComponent {
|
|
|
21111
21427
|
/* src/components-flex/state/StateItem.svelte generated by Svelte v3.53.1 */
|
|
21112
21428
|
|
|
21113
21429
|
function add_css(target) {
|
|
21114
|
-
append_styles(target, "svelte-
|
|
21430
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
|
21115
21431
|
}
|
|
21116
21432
|
|
|
21117
21433
|
// (22:0) {#if $state === path}
|
|
@@ -21138,7 +21454,7 @@ function create_if_block$1(ctx) {
|
|
|
21138
21454
|
},
|
|
21139
21455
|
h() {
|
|
21140
21456
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
|
21141
|
-
attr(div, "class", "state-item svelte-
|
|
21457
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
|
21142
21458
|
},
|
|
21143
21459
|
m(target, anchor) {
|
|
21144
21460
|
insert_hydration(target, div, anchor);
|
|
@@ -21317,6 +21633,184 @@ const ROUND_STYLES = {
|
|
|
21317
21633
|
},
|
|
21318
21634
|
};
|
|
21319
21635
|
|
|
21636
|
+
const createProp = (key, type, suggestions = [], priority = 0, defaultValue = undefined) => {
|
|
21637
|
+
return {
|
|
21638
|
+
key,
|
|
21639
|
+
type,
|
|
21640
|
+
priority,
|
|
21641
|
+
suggestions: suggestions,
|
|
21642
|
+
default: defaultValue,
|
|
21643
|
+
};
|
|
21644
|
+
};
|
|
21645
|
+
const byObj = (obj) => {
|
|
21646
|
+
return Object.keys(obj);
|
|
21647
|
+
};
|
|
21648
|
+
const overflowProps = [
|
|
21649
|
+
createProp('overflow', 'string', ['hidden', 'visible', 'scroll', 'auto']),
|
|
21650
|
+
];
|
|
21651
|
+
const borderProps = [
|
|
21652
|
+
createProp('borderTopWidth', 'string'),
|
|
21653
|
+
createProp('borderLeftWidth', 'string'),
|
|
21654
|
+
createProp('borderRightWidth', 'string'),
|
|
21655
|
+
createProp('borderBottomWidth', 'string'),
|
|
21656
|
+
createProp('borderColor', 'color'),
|
|
21657
|
+
];
|
|
21658
|
+
const radiusProps = [
|
|
21659
|
+
createProp('borderTopLeftRadius', 'string'),
|
|
21660
|
+
createProp('borderTopRightRadius', 'string'),
|
|
21661
|
+
createProp('borderBottomLeftRadius', 'string'),
|
|
21662
|
+
createProp('borderBottomRightRadius', 'string'),
|
|
21663
|
+
];
|
|
21664
|
+
const paddingProps = [
|
|
21665
|
+
createProp('paddingTop', 'string'),
|
|
21666
|
+
createProp('paddingLeft', 'string'),
|
|
21667
|
+
createProp('paddingRight', 'string'),
|
|
21668
|
+
createProp('paddingBottom', 'string'),
|
|
21669
|
+
];
|
|
21670
|
+
const backgroundColorProps = [
|
|
21671
|
+
createProp('backgroundColor', 'string'),
|
|
21672
|
+
];
|
|
21673
|
+
const backgroundImageProps = [
|
|
21674
|
+
createProp('backgroundImageUrl', 'url'),
|
|
21675
|
+
];
|
|
21676
|
+
const flexComponentSchemes = {
|
|
21677
|
+
FlexAvatar: {
|
|
21678
|
+
props: [
|
|
21679
|
+
createProp('size', 'string', byObj(AVATAR_SIZE), 10),
|
|
21680
|
+
createProp('width', 'string', [], 5),
|
|
21681
|
+
createProp('height', 'string', [], 5),
|
|
21682
|
+
createProp('shape', 'string', byObj(AVATAR_SHAPE), 10),
|
|
21683
|
+
createProp('image', 'url', [], 99),
|
|
21684
|
+
// createProp('caption', 'string'),
|
|
21685
|
+
createProp('alt', 'string', [], 50),
|
|
21686
|
+
// TODO: clickable
|
|
21687
|
+
...borderProps,
|
|
21688
|
+
],
|
|
21689
|
+
},
|
|
21690
|
+
FlexButton: {
|
|
21691
|
+
props: [
|
|
21692
|
+
createProp('size', 'string', byObj(BUTTON_SIZE), 50),
|
|
21693
|
+
createProp('label', 'string', [], 99),
|
|
21694
|
+
createProp('paddingLeft', 'string'),
|
|
21695
|
+
createProp('paddingRight', 'string'),
|
|
21696
|
+
createProp('fontSize', 'string'),
|
|
21697
|
+
createProp('theme', 'string', byObj(BUTTON_THEME), 50),
|
|
21698
|
+
createProp('variant', 'string', byObj(BUTTON_VARIANT)),
|
|
21699
|
+
createProp('color', 'color', [], 5),
|
|
21700
|
+
createProp('backgroundColor', 'string', [], 5),
|
|
21701
|
+
createProp('borderColor', 'string', [], 5),
|
|
21702
|
+
createProp('fontWeight', 'string', ['normal', 'bold']),
|
|
21703
|
+
createProp('round', 'string', byObj(BUTTON_ROUND)),
|
|
21704
|
+
createProp('width', 'string', [], 10),
|
|
21705
|
+
createProp('wrap', 'string', ['wrap', 'nowrap']),
|
|
21706
|
+
// TODO: clickable
|
|
21707
|
+
...radiusProps,
|
|
21708
|
+
],
|
|
21709
|
+
},
|
|
21710
|
+
FlexClipCopy: {
|
|
21711
|
+
props: [
|
|
21712
|
+
createProp('content', 'string'),
|
|
21713
|
+
createProp('copiedEventName', 'string'),
|
|
21714
|
+
createProp('noneTooltip', 'boolean'),
|
|
21715
|
+
],
|
|
21716
|
+
},
|
|
21717
|
+
FlexCloseButton: {
|
|
21718
|
+
props: [
|
|
21719
|
+
createProp('size', 'number'),
|
|
21720
|
+
createProp('placement', 'string', byObj(CLOSE_BUTTON_PLACEMENT), 99),
|
|
21721
|
+
createProp('round', 'string', byObj(CLOSE_BUTTON_ROUND)),
|
|
21722
|
+
createProp('bordered', 'boolean'),
|
|
21723
|
+
createProp('color', 'color'),
|
|
21724
|
+
createProp('backgroundColor', 'color'),
|
|
21725
|
+
createProp('label', 'string'),
|
|
21726
|
+
createProp('labelColor', 'color'),
|
|
21727
|
+
createProp('labelPlacement', 'string', byObj(CLOSE_BUTTON_LABEL_PLACEMENT)),
|
|
21728
|
+
createProp('top', 'string'),
|
|
21729
|
+
createProp('left', 'string'),
|
|
21730
|
+
createProp('right', 'string'),
|
|
21731
|
+
createProp('bottom', 'string'),
|
|
21732
|
+
],
|
|
21733
|
+
},
|
|
21734
|
+
FlexCountDown: {
|
|
21735
|
+
props: [
|
|
21736
|
+
createProp('timeLimit', 'date_string', [], 99),
|
|
21737
|
+
// createProp('timeLimit', 'date_string'),
|
|
21738
|
+
],
|
|
21739
|
+
},
|
|
21740
|
+
FlexIcon: {
|
|
21741
|
+
props: [
|
|
21742
|
+
createProp('variant', 'string', byObj(ICON_VARIANTS), 99),
|
|
21743
|
+
createProp('size', 'string', byObj(ICON_SIZE), 50),
|
|
21744
|
+
createProp('color', 'color', [], 5),
|
|
21745
|
+
createProp('width', 'string', [], 10),
|
|
21746
|
+
createProp('height', 'string', [], 10),
|
|
21747
|
+
],
|
|
21748
|
+
},
|
|
21749
|
+
FlexImage: {
|
|
21750
|
+
props: [
|
|
21751
|
+
createProp('image', 'url', [], 99),
|
|
21752
|
+
createProp('aspect', 'string', Object.keys(ASPECT_VARIANT).map(key => ASPECT_VARIANT[key].getProps().aspect), 98),
|
|
21753
|
+
createProp('width', 'string', [], 5),
|
|
21754
|
+
createProp('height', 'string', [], 5),
|
|
21755
|
+
createProp('shape', 'string', byObj(IMAGE_ROUND_SHAPE), 10),
|
|
21756
|
+
],
|
|
21757
|
+
},
|
|
21758
|
+
FlexLayout: {
|
|
21759
|
+
props: [
|
|
21760
|
+
createProp('display', 'string', ['flex', 'inline-flex', 'block']),
|
|
21761
|
+
createProp('direction', 'string', ['row', 'column', 'row-reverse', 'column-reverse'], 10),
|
|
21762
|
+
createProp('align', 'string', ['center', 'stretch', 'flex-start', 'flex-end'], 10),
|
|
21763
|
+
createProp('justify', 'string', ['center', 'flex-start', 'flex-end', 'space-between'], 10),
|
|
21764
|
+
createProp('gap', 'string', [], 10),
|
|
21765
|
+
createProp('rowGap', 'string', [], 10),
|
|
21766
|
+
createProp('columnGap', 'string', [], 10),
|
|
21767
|
+
createProp('width', 'string', [], 5),
|
|
21768
|
+
...overflowProps,
|
|
21769
|
+
...borderProps,
|
|
21770
|
+
...radiusProps,
|
|
21771
|
+
...backgroundColorProps,
|
|
21772
|
+
...backgroundImageProps,
|
|
21773
|
+
...paddingProps,
|
|
21774
|
+
],
|
|
21775
|
+
},
|
|
21776
|
+
FlexList: {
|
|
21777
|
+
props: [
|
|
21778
|
+
createProp('gap', 'string', [], 10),
|
|
21779
|
+
createProp('borderWidth', 'string', [], 10),
|
|
21780
|
+
createProp('borderStyle', 'string', [], 10),
|
|
21781
|
+
createProp('borderColor', 'string', [], 10),
|
|
21782
|
+
createProp('itemPaddingTop', 'string', [], 5),
|
|
21783
|
+
createProp('itemPaddingLeft', 'string', [], 5),
|
|
21784
|
+
createProp('itemPaddingRight', 'string', [], 5),
|
|
21785
|
+
createProp('itemPaddingBottom', 'string', [], 5),
|
|
21786
|
+
createProp('itemGap', 'string', [], 5),
|
|
21787
|
+
],
|
|
21788
|
+
},
|
|
21789
|
+
FlexListItem: {
|
|
21790
|
+
props: [
|
|
21791
|
+
createProp('gap', 'number', [], 10),
|
|
21792
|
+
// TODO: clickable
|
|
21793
|
+
],
|
|
21794
|
+
},
|
|
21795
|
+
FlexText: {
|
|
21796
|
+
props: [
|
|
21797
|
+
createProp('content', 'string', [], 99),
|
|
21798
|
+
createProp('theme', 'string', byObj(TEXT_THEME), 50),
|
|
21799
|
+
createProp('size', 'string', byObj(LAYER_TEXT_SIZE), 50),
|
|
21800
|
+
createProp('align', 'string', [], 5),
|
|
21801
|
+
createProp('fontStyle', 'string', [], 5),
|
|
21802
|
+
createProp('fontSize', 'string', [], 5),
|
|
21803
|
+
createProp('fontWeight', 'string', [], 5),
|
|
21804
|
+
createProp('lineHeight', 'string', [], 5),
|
|
21805
|
+
createProp('color', 'string', [], 5),
|
|
21806
|
+
createProp('width', 'string', [], 10),
|
|
21807
|
+
createProp('fontFamilyVariant', 'string', byObj(FONT_FAMILY_VARIANT), 10),
|
|
21808
|
+
createProp('fontFamily', 'string', []),
|
|
21809
|
+
// TODO: clickable
|
|
21810
|
+
],
|
|
21811
|
+
},
|
|
21812
|
+
};
|
|
21813
|
+
|
|
21320
21814
|
var sdk = /*#__PURE__*/Object.freeze({
|
|
21321
21815
|
__proto__: null,
|
|
21322
21816
|
ACTION_HOOK_LABEL: ACTION_HOOK_LABEL,
|
|
@@ -21457,11 +21951,13 @@ var sdk = /*#__PURE__*/Object.freeze({
|
|
|
21457
21951
|
create: create,
|
|
21458
21952
|
createApp: createApp,
|
|
21459
21953
|
createFog: createFog,
|
|
21954
|
+
createProp: createProp,
|
|
21460
21955
|
destroy: destroy,
|
|
21461
21956
|
destroyAction: destroyAction,
|
|
21462
21957
|
ensureModalRoot: ensureModalRoot,
|
|
21463
21958
|
eventHandlers: eventHandlers,
|
|
21464
21959
|
finalize: finalize,
|
|
21960
|
+
flexComponentSchemes: flexComponentSchemes,
|
|
21465
21961
|
formData: formData,
|
|
21466
21962
|
getActionRoot: getActionRoot,
|
|
21467
21963
|
getAnsweredQuestion: getAnsweredQuestion,
|
|
@@ -21531,7 +22027,7 @@ function get_each_context(ctx, list, i) {
|
|
|
21531
22027
|
return child_ctx;
|
|
21532
22028
|
}
|
|
21533
22029
|
|
|
21534
|
-
// (
|
|
22030
|
+
// (13:0) {#if component}
|
|
21535
22031
|
function create_if_block(ctx) {
|
|
21536
22032
|
let switch_instance;
|
|
21537
22033
|
let switch_instance_anchor;
|
|
@@ -21619,7 +22115,7 @@ function create_if_block(ctx) {
|
|
|
21619
22115
|
};
|
|
21620
22116
|
}
|
|
21621
22117
|
|
|
21622
|
-
// (
|
|
22118
|
+
// (20:4) {#if option.children}
|
|
21623
22119
|
function create_if_block_1(ctx) {
|
|
21624
22120
|
let each_1_anchor;
|
|
21625
22121
|
let current;
|
|
@@ -21710,7 +22206,7 @@ function create_if_block_1(ctx) {
|
|
|
21710
22206
|
};
|
|
21711
22207
|
}
|
|
21712
22208
|
|
|
21713
|
-
// (
|
|
22209
|
+
// (21:6) {#each option.children as child}
|
|
21714
22210
|
function create_each_block(ctx) {
|
|
21715
22211
|
let thumbnailpreview;
|
|
21716
22212
|
let current;
|
|
@@ -21747,7 +22243,7 @@ function create_each_block(ctx) {
|
|
|
21747
22243
|
};
|
|
21748
22244
|
}
|
|
21749
22245
|
|
|
21750
|
-
// (
|
|
22246
|
+
// (14:2) <svelte:component this={component} props={'previewProps' in option && typeof option.previewProps !== 'undefined' ? option.previewProps : option.props} >
|
|
21751
22247
|
function create_default_slot(ctx) {
|
|
21752
22248
|
let if_block_anchor;
|
|
21753
22249
|
let current;
|
|
@@ -21868,8 +22364,9 @@ function create_fragment(ctx) {
|
|
|
21868
22364
|
|
|
21869
22365
|
function instance($$self, $$props, $$invalidate) {
|
|
21870
22366
|
let component;
|
|
21871
|
-
let { option } = $$props;
|
|
22367
|
+
let { option = {} } = $$props;
|
|
21872
22368
|
let { customBrandKit = undefined } = $$props;
|
|
22369
|
+
console.log('option', option);
|
|
21873
22370
|
|
|
21874
22371
|
const getComponent = key => {
|
|
21875
22372
|
return key in sdk ? sdk[key] : null;
|
|
@@ -21898,4 +22395,4 @@ class ThumbnailPreview extends SvelteComponent {
|
|
|
21898
22395
|
}
|
|
21899
22396
|
}
|
|
21900
22397
|
|
|
21901
|
-
export { ACTION_HOOK_LABEL, ASPECT_VARIANT, ASPECT_VARIANTS, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME, BUTTON_VARIANT, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, FONT_FAMILY_VARIANT, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, Flex, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, ClipCopy as FlexClipCopy, CloseButton as FlexCloseButton, Code as FlexCode, CountDown as FlexCountDown, CountDownValue as FlexCountDownValue, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, List as FlexList, ListItem as FlexListItem, Modal as FlexModal, MultiColumn as FlexMultiColumn, MultiColumnItem as FlexMultiColumnItem, RichText as FlexRichText, Slider as FlexSlider, SliderItem as FlexSliderItem, Text as FlexText, TextLink as FlexTextLink, Youtube as FlexYoutube, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IMAGE_ASPECT_VARIANTS, IMAGE_ROUND_SHAPE, IMAGE_ROUND_STYLES, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LIST_ITEM_CONTEXT_KEY, LengthUnits, List$1 as List, ListBackgroundTypes, ListDirections, ListItem$1 as ListItem, ListSeparatorTypes, MULTI_COLUMN_ITEM_CONTEXT_KEY, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_VARIANT, SHADOW_VARIANTS, SYSTEM_FONT, Slide, SlideItem, State$1 as State, StateItem$1 as StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, ThumbnailPreview, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, avatarPropsDefault, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getBrandKit, getButtonOutlinedThemeStyles, getButtonTextThemeStyles, getButtonThemeStyles, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getTextLinkThemeStyles, getTextThemeStyles, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, useBrandKit, variables, widget };
|
|
22398
|
+
export { ACTION_HOOK_LABEL, ASPECT_VARIANT, ASPECT_VARIANTS, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME, BUTTON_VARIANT, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, FONT_FAMILY_VARIANT, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, Flex, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, ClipCopy as FlexClipCopy, CloseButton as FlexCloseButton, Code as FlexCode, CountDown as FlexCountDown, CountDownValue as FlexCountDownValue, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, List as FlexList, ListItem as FlexListItem, Modal as FlexModal, MultiColumn as FlexMultiColumn, MultiColumnItem as FlexMultiColumnItem, RichText as FlexRichText, Slider as FlexSlider, SliderItem as FlexSliderItem, Text as FlexText, TextLink as FlexTextLink, Youtube as FlexYoutube, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IMAGE_ASPECT_VARIANTS, IMAGE_ROUND_SHAPE, IMAGE_ROUND_STYLES, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LIST_ITEM_CONTEXT_KEY, LengthUnits, List$1 as List, ListBackgroundTypes, ListDirections, ListItem$1 as ListItem, ListSeparatorTypes, MULTI_COLUMN_ITEM_CONTEXT_KEY, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_VARIANT, SHADOW_VARIANTS, SYSTEM_FONT, Slide, SlideItem, State$1 as State, StateItem$1 as StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, ThumbnailPreview, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss$1 as applyCss, applyGlobalCss, avatarPropsDefault, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close$1 as close, closeAction$1 as closeAction, collection$1 as collection, create, createApp$1 as createApp, createFog$1 as createFog, createProp, destroy, destroyAction, ensureModalRoot$1 as ensureModalRoot, eventHandlers, finalize, flexComponentSchemes, formData, getActionRoot$1 as getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getBrandKit, getButtonOutlinedThemeStyles, getButtonTextThemeStyles, getButtonThemeStyles, getCssVariables$1 as getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getTextLinkThemeStyles, getTextThemeStyles, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle$1 as loadStyle, logger, onChangeState$1 as onChangeState, onClose$1 as onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow$1 as onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show$1 as show, showAction$1 as showAction, showModal, showOnScroll, showOnTime, state, tick, useBrandKit, variables, widget };
|