@plaidev/karte-action-sdk 1.1.265 → 1.1.266-29065938.e3ec46c6
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 +779 -290
- package/dist/index.es.d.ts +29 -3
- package/dist/index.es.js +753 -298
- package/dist/svelte5/hydrate/index.es.d.ts +30 -4
- package/dist/svelte5/hydrate/index.es.js +754 -430
- package/dist/svelte5/index.es.d.ts +30 -4
- package/dist/svelte5/index.es.js +576 -386
- package/dist/svelte5/index.front2.es.js +578 -386
- 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,10 +16649,10 @@ 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-rewdem", ".image.svelte-rewdem{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-img.svelte-rewdem{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
|
|
16648
16653
|
}
|
|
16649
16654
|
|
|
16650
|
-
// (
|
|
16655
|
+
// (26:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
|
|
16651
16656
|
function create_dynamic_element$5(ctx) {
|
|
16652
16657
|
let svelte_element;
|
|
16653
16658
|
let img;
|
|
@@ -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-rewdem");
|
|
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-rewdem", 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-rewdem", true);
|
|
16735
16740
|
},
|
|
16736
16741
|
d(detaching) {
|
|
16737
16742
|
if (detaching) detach(svelte_element);
|
|
@@ -16796,6 +16801,7 @@ function instance$l($$self, $$props, $$invalidate) {
|
|
|
16796
16801
|
useInjectCustomizeCss(props);
|
|
16797
16802
|
const { attributes, element, handleClick } = useClickable(props);
|
|
16798
16803
|
const aspectVariantStyles = ASPECT_VARIANT[props.aspectVariant]?.getProps();
|
|
16804
|
+
const width = props.width ?? '100%';
|
|
16799
16805
|
|
|
16800
16806
|
$$self.$$set = $$props => {
|
|
16801
16807
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
|
@@ -16808,7 +16814,8 @@ function instance$l($$self, $$props, $$invalidate) {
|
|
|
16808
16814
|
...props.borderTopLeftRadius
|
|
16809
16815
|
? toCssRadius(props)
|
|
16810
16816
|
: IMAGE_ROUND_STYLES[props.shape ?? 'square'],
|
|
16811
|
-
width
|
|
16817
|
+
width,
|
|
16818
|
+
flexShrink: String(width).indexOf('px') !== -1 ? 0 : 1,
|
|
16812
16819
|
height: props.height ?? 'auto',
|
|
16813
16820
|
aspectRatio: props.aspect ?? aspectVariantStyles?.aspect,
|
|
16814
16821
|
...toCssCommon(props),
|
|
@@ -16848,7 +16855,7 @@ const IMAGE_ASPECT_VARIANTS = {
|
|
|
16848
16855
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
|
16849
16856
|
|
|
16850
16857
|
function add_css$g(target) {
|
|
16851
|
-
append_styles(target, "svelte-
|
|
16858
|
+
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
16859
|
}
|
|
16853
16860
|
|
|
16854
16861
|
// (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
@@ -16898,7 +16905,7 @@ function create_dynamic_element$4(ctx) {
|
|
|
16898
16905
|
set_attributes(svelte_element, svelte_element_data);
|
|
16899
16906
|
}
|
|
16900
16907
|
|
|
16901
|
-
toggle_class(svelte_element, "svelte-
|
|
16908
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
|
16902
16909
|
},
|
|
16903
16910
|
m(target, anchor) {
|
|
16904
16911
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -16943,7 +16950,7 @@ function create_dynamic_element$4(ctx) {
|
|
|
16943
16950
|
set_attributes(svelte_element, svelte_element_data);
|
|
16944
16951
|
}
|
|
16945
16952
|
|
|
16946
|
-
toggle_class(svelte_element, "svelte-
|
|
16953
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
|
16947
16954
|
},
|
|
16948
16955
|
i(local) {
|
|
16949
16956
|
if (current) return;
|
|
@@ -17038,8 +17045,8 @@ function instance$k($$self, $$props, $$invalidate) {
|
|
|
17038
17045
|
flexDirection: props.direction,
|
|
17039
17046
|
alignItems: props.align,
|
|
17040
17047
|
justifyContent: props.justify,
|
|
17041
|
-
rowGap: props.rowGap,
|
|
17042
|
-
columnGap: props.columnGap,
|
|
17048
|
+
rowGap: props.rowGap ?? props.gap,
|
|
17049
|
+
columnGap: props.columnGap ?? props.gap,
|
|
17043
17050
|
width: props.width,
|
|
17044
17051
|
...toCssOverflow(props),
|
|
17045
17052
|
...toCssShadow(props),
|
|
@@ -17071,7 +17078,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
|
|
17071
17078
|
/* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
|
|
17072
17079
|
|
|
17073
17080
|
function add_css$f(target) {
|
|
17074
|
-
append_styles(target, "svelte-
|
|
17081
|
+
append_styles(target, "svelte-1slel1d", ".slider-list.svelte-1slel1d{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
|
|
17075
17082
|
}
|
|
17076
17083
|
|
|
17077
17084
|
function get_each_context$1(ctx, list, i) {
|
|
@@ -17211,12 +17218,12 @@ function create_fragment$j(ctx) {
|
|
|
17211
17218
|
this.h();
|
|
17212
17219
|
},
|
|
17213
17220
|
h() {
|
|
17214
|
-
attr(ul, "class", "slider-list svelte-
|
|
17221
|
+
attr(ul, "class", "slider-list svelte-1slel1d");
|
|
17215
17222
|
attr(ul, "style", ul_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
|
|
17216
17223
|
attr(div0, "style", /*indicatorListStyle*/ ctx[4]);
|
|
17217
17224
|
attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
|
|
17218
17225
|
attr(div1, "style", /*style*/ ctx[6]);
|
|
17219
|
-
attr(div1, "class", "slider svelte-
|
|
17226
|
+
attr(div1, "class", "slider svelte-1slel1d");
|
|
17220
17227
|
},
|
|
17221
17228
|
m(target, anchor) {
|
|
17222
17229
|
insert_hydration(target, div1, anchor);
|
|
@@ -17565,7 +17572,7 @@ class Slider extends SvelteComponent {
|
|
|
17565
17572
|
/* src/components-flex/slider/SliderItem.svelte generated by Svelte v3.53.1 */
|
|
17566
17573
|
|
|
17567
17574
|
function add_css$e(target) {
|
|
17568
|
-
append_styles(target, "svelte-
|
|
17575
|
+
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
17576
|
}
|
|
17570
17577
|
|
|
17571
17578
|
// (10:2) <svelte:element {...attributes} this={element} class="slider-item-inner" on:click={handleClick} >
|
|
@@ -17603,7 +17610,7 @@ function create_dynamic_element$3(ctx) {
|
|
|
17603
17610
|
set_attributes(svelte_element, svelte_element_data);
|
|
17604
17611
|
}
|
|
17605
17612
|
|
|
17606
|
-
toggle_class(svelte_element, "svelte-
|
|
17613
|
+
toggle_class(svelte_element, "svelte-1amglxo", true);
|
|
17607
17614
|
},
|
|
17608
17615
|
m(target, anchor) {
|
|
17609
17616
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -17643,7 +17650,7 @@ function create_dynamic_element$3(ctx) {
|
|
|
17643
17650
|
set_attributes(svelte_element, svelte_element_data);
|
|
17644
17651
|
}
|
|
17645
17652
|
|
|
17646
|
-
toggle_class(svelte_element, "svelte-
|
|
17653
|
+
toggle_class(svelte_element, "svelte-1amglxo", true);
|
|
17647
17654
|
},
|
|
17648
17655
|
i(local) {
|
|
17649
17656
|
if (current) return;
|
|
@@ -17684,7 +17691,7 @@ function create_fragment$i(ctx) {
|
|
|
17684
17691
|
},
|
|
17685
17692
|
h() {
|
|
17686
17693
|
attr(li, "data-layer-id", /*layerId*/ ctx[0]);
|
|
17687
|
-
attr(li, "class", "slider-item svelte-
|
|
17694
|
+
attr(li, "class", "slider-item svelte-1amglxo");
|
|
17688
17695
|
},
|
|
17689
17696
|
m(target, anchor) {
|
|
17690
17697
|
insert_hydration(target, li, anchor);
|
|
@@ -17841,7 +17848,7 @@ const TEXT_VARIANTS = {
|
|
|
17841
17848
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
|
17842
17849
|
|
|
17843
17850
|
function add_css$d(target) {
|
|
17844
|
-
append_styles(target, "svelte-
|
|
17851
|
+
append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
|
|
17845
17852
|
}
|
|
17846
17853
|
|
|
17847
17854
|
function create_fragment$h(ctx) {
|
|
@@ -17864,7 +17871,7 @@ function create_fragment$h(ctx) {
|
|
|
17864
17871
|
this.h();
|
|
17865
17872
|
},
|
|
17866
17873
|
h() {
|
|
17867
|
-
attr(p, "class", "text svelte-
|
|
17874
|
+
attr(p, "class", "text svelte-vifn7y");
|
|
17868
17875
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
|
17869
17876
|
attr(p, "style", /*style*/ ctx[1]);
|
|
17870
17877
|
},
|
|
@@ -17982,7 +17989,7 @@ class Text extends SvelteComponent {
|
|
|
17982
17989
|
/* src/components-flex/rich-text/RichText.svelte generated by Svelte v3.53.1 */
|
|
17983
17990
|
|
|
17984
17991
|
function add_css$c(target) {
|
|
17985
|
-
append_styles(target, "svelte-
|
|
17992
|
+
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
17993
|
}
|
|
17987
17994
|
|
|
17988
17995
|
function create_fragment$g(ctx) {
|
|
@@ -18006,7 +18013,7 @@ function create_fragment$g(ctx) {
|
|
|
18006
18013
|
this.h();
|
|
18007
18014
|
},
|
|
18008
18015
|
h() {
|
|
18009
|
-
attr(div, "class", "rich-text svelte-
|
|
18016
|
+
attr(div, "class", "rich-text svelte-dxr423");
|
|
18010
18017
|
attr(div, "style", /*style*/ ctx[2]);
|
|
18011
18018
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
18012
18019
|
},
|
|
@@ -18179,7 +18186,7 @@ const getTextLinkThemeStyles = getPropStyles(callback);
|
|
|
18179
18186
|
/* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
|
|
18180
18187
|
|
|
18181
18188
|
function add_css$b(target) {
|
|
18182
|
-
append_styles(target, "svelte-
|
|
18189
|
+
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
18190
|
}
|
|
18184
18191
|
|
|
18185
18192
|
// (81:2) {#if props.isIcon && props.iconVariant}
|
|
@@ -18293,7 +18300,7 @@ function create_dynamic_element$2(ctx) {
|
|
|
18293
18300
|
set_attributes(svelte_element, svelte_element_data);
|
|
18294
18301
|
}
|
|
18295
18302
|
|
|
18296
|
-
toggle_class(svelte_element, "svelte-
|
|
18303
|
+
toggle_class(svelte_element, "svelte-dc9m5n", true);
|
|
18297
18304
|
},
|
|
18298
18305
|
m(target, anchor) {
|
|
18299
18306
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -18346,7 +18353,7 @@ function create_dynamic_element$2(ctx) {
|
|
|
18346
18353
|
set_attributes(svelte_element, svelte_element_data);
|
|
18347
18354
|
}
|
|
18348
18355
|
|
|
18349
|
-
toggle_class(svelte_element, "svelte-
|
|
18356
|
+
toggle_class(svelte_element, "svelte-dc9m5n", true);
|
|
18350
18357
|
},
|
|
18351
18358
|
i(local) {
|
|
18352
18359
|
if (current) return;
|
|
@@ -18533,7 +18540,7 @@ const TEXT_LINK_UNDERLINE = {
|
|
|
18533
18540
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
18534
18541
|
|
|
18535
18542
|
function add_css$a(target) {
|
|
18536
|
-
append_styles(target, "svelte-
|
|
18543
|
+
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
18544
|
}
|
|
18538
18545
|
|
|
18539
18546
|
// (14:0) {#if backgroundOverlay}
|
|
@@ -18554,7 +18561,7 @@ function create_if_block$4(ctx) {
|
|
|
18554
18561
|
this.h();
|
|
18555
18562
|
},
|
|
18556
18563
|
h() {
|
|
18557
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
18564
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
|
|
18558
18565
|
},
|
|
18559
18566
|
m(target, anchor) {
|
|
18560
18567
|
insert_hydration(target, div, anchor);
|
|
@@ -18565,7 +18572,7 @@ function create_if_block$4(ctx) {
|
|
|
18565
18572
|
}
|
|
18566
18573
|
},
|
|
18567
18574
|
p(ctx, dirty) {
|
|
18568
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
18575
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
|
|
18569
18576
|
attr(div, "class", div_class_value);
|
|
18570
18577
|
}
|
|
18571
18578
|
},
|
|
@@ -18641,10 +18648,10 @@ class BackgroundOverlay extends SvelteComponent {
|
|
|
18641
18648
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
|
18642
18649
|
|
|
18643
18650
|
function add_css$9(target) {
|
|
18644
|
-
append_styles(target, "svelte-
|
|
18651
|
+
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
18652
|
}
|
|
18646
18653
|
|
|
18647
|
-
// (
|
|
18654
|
+
// (220:0) {:else}
|
|
18648
18655
|
function create_else_block(ctx) {
|
|
18649
18656
|
let backgroundoverlay;
|
|
18650
18657
|
let current;
|
|
@@ -18656,7 +18663,7 @@ function create_else_block(ctx) {
|
|
|
18656
18663
|
});
|
|
18657
18664
|
|
|
18658
18665
|
backgroundoverlay.$on("click", function () {
|
|
18659
|
-
if (is_function(/*backgroundClick*/ ctx[
|
|
18666
|
+
if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
|
|
18660
18667
|
});
|
|
18661
18668
|
|
|
18662
18669
|
return {
|
|
@@ -18691,7 +18698,7 @@ function create_else_block(ctx) {
|
|
|
18691
18698
|
};
|
|
18692
18699
|
}
|
|
18693
18700
|
|
|
18694
|
-
// (
|
|
18701
|
+
// (209:24)
|
|
18695
18702
|
function create_if_block_2(ctx) {
|
|
18696
18703
|
let backgroundoverlay0;
|
|
18697
18704
|
let t;
|
|
@@ -18706,7 +18713,7 @@ function create_if_block_2(ctx) {
|
|
|
18706
18713
|
});
|
|
18707
18714
|
|
|
18708
18715
|
backgroundoverlay0.$on("click", function () {
|
|
18709
|
-
if (is_function(/*backgroundClickPC*/ ctx[
|
|
18716
|
+
if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
|
|
18710
18717
|
});
|
|
18711
18718
|
|
|
18712
18719
|
backgroundoverlay1 = new BackgroundOverlay({
|
|
@@ -18717,7 +18724,7 @@ function create_if_block_2(ctx) {
|
|
|
18717
18724
|
});
|
|
18718
18725
|
|
|
18719
18726
|
backgroundoverlay1.$on("click", function () {
|
|
18720
|
-
if (is_function(/*backgroundClickSP*/ ctx[
|
|
18727
|
+
if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
|
|
18721
18728
|
});
|
|
18722
18729
|
|
|
18723
18730
|
return {
|
|
@@ -18765,7 +18772,7 @@ function create_if_block_2(ctx) {
|
|
|
18765
18772
|
};
|
|
18766
18773
|
}
|
|
18767
18774
|
|
|
18768
|
-
// (
|
|
18775
|
+
// (207:0) {#if isCanvasPreview}
|
|
18769
18776
|
function create_if_block_1$1(ctx) {
|
|
18770
18777
|
return {
|
|
18771
18778
|
c: noop,
|
|
@@ -18778,11 +18785,10 @@ function create_if_block_1$1(ctx) {
|
|
|
18778
18785
|
};
|
|
18779
18786
|
}
|
|
18780
18787
|
|
|
18781
|
-
// (
|
|
18788
|
+
// (223:0) {#if visible}
|
|
18782
18789
|
function create_if_block$3(ctx) {
|
|
18783
18790
|
let div;
|
|
18784
18791
|
let div_class_value;
|
|
18785
|
-
let div_style_value;
|
|
18786
18792
|
let div_intro;
|
|
18787
18793
|
let current;
|
|
18788
18794
|
const default_slot_template = /*#slots*/ ctx[26].default;
|
|
@@ -18809,11 +18815,11 @@ function create_if_block$3(ctx) {
|
|
|
18809
18815
|
this.h();
|
|
18810
18816
|
},
|
|
18811
18817
|
h() {
|
|
18812
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
18818
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
|
|
18813
18819
|
attr(div, "role", "dialog");
|
|
18814
18820
|
attr(div, "aria-modal", "true");
|
|
18815
18821
|
attr(div, "data-layer-id", /*layerId*/ ctx[2]);
|
|
18816
|
-
attr(div, "style",
|
|
18822
|
+
attr(div, "style", Array.from(/*modalStyles*/ ctx[14]).join(';'));
|
|
18817
18823
|
},
|
|
18818
18824
|
m(target, anchor) {
|
|
18819
18825
|
insert_hydration(target, div, anchor);
|
|
@@ -18843,17 +18849,13 @@ function create_if_block$3(ctx) {
|
|
|
18843
18849
|
}
|
|
18844
18850
|
}
|
|
18845
18851
|
|
|
18846
|
-
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
18852
|
+
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
|
|
18847
18853
|
attr(div, "class", div_class_value);
|
|
18848
18854
|
}
|
|
18849
18855
|
|
|
18850
18856
|
if (!current || dirty & /*layerId*/ 4) {
|
|
18851
18857
|
attr(div, "data-layer-id", /*layerId*/ ctx[2]);
|
|
18852
18858
|
}
|
|
18853
|
-
|
|
18854
|
-
if (!current || dirty & /*style*/ 512 && div_style_value !== (div_style_value = [Array.from(/*modalStyles*/ ctx[14]).join(';'), /*style*/ ctx[9]].join(' '))) {
|
|
18855
|
-
attr(div, "style", div_style_value);
|
|
18856
|
-
}
|
|
18857
18859
|
},
|
|
18858
18860
|
i(local) {
|
|
18859
18861
|
if (current) return;
|
|
@@ -18885,7 +18887,6 @@ function create_if_block$3(ctx) {
|
|
|
18885
18887
|
}
|
|
18886
18888
|
|
|
18887
18889
|
function create_fragment$d(ctx) {
|
|
18888
|
-
let show_if;
|
|
18889
18890
|
let current_block_type_index;
|
|
18890
18891
|
let if_block0;
|
|
18891
18892
|
let t;
|
|
@@ -18897,8 +18898,7 @@ function create_fragment$d(ctx) {
|
|
|
18897
18898
|
const if_blocks = [];
|
|
18898
18899
|
|
|
18899
18900
|
function select_block_type(ctx, dirty) {
|
|
18900
|
-
if (
|
|
18901
|
-
if (show_if) return 0;
|
|
18901
|
+
if (/*isCanvasPreview*/ ctx[13]) return 0;
|
|
18902
18902
|
if (/*useBreakPoint*/ ctx[0]) return 1;
|
|
18903
18903
|
return 2;
|
|
18904
18904
|
}
|
|
@@ -18929,7 +18929,7 @@ function create_fragment$d(ctx) {
|
|
|
18929
18929
|
|
|
18930
18930
|
if (!mounted) {
|
|
18931
18931
|
dispose = listen(window, "keydown", function () {
|
|
18932
|
-
if (is_function(/*handle_keydown*/ ctx[
|
|
18932
|
+
if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
|
|
18933
18933
|
});
|
|
18934
18934
|
|
|
18935
18935
|
mounted = true;
|
|
@@ -19015,7 +19015,6 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19015
19015
|
let backgroundClickSP;
|
|
19016
19016
|
let handle_keydown;
|
|
19017
19017
|
let visible;
|
|
19018
|
-
let style;
|
|
19019
19018
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
19020
19019
|
let { useBreakPoint = false } = $$props;
|
|
19021
19020
|
let { placement } = $$props;
|
|
@@ -19027,9 +19026,10 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19027
19026
|
let { closeEventValue = null } = $$props;
|
|
19028
19027
|
let { layerId = '' } = $$props;
|
|
19029
19028
|
const { brandKit } = useBrandKit();
|
|
19029
|
+
const isCanvasPreview = (document.querySelector('#preview')?.getAttribute('data-canvas-preview') ?? 'false') === 'true';
|
|
19030
19030
|
|
|
19031
19031
|
// モーダル背景の設定
|
|
19032
|
-
placement && placement.backgroundOverlay !== undefined;
|
|
19032
|
+
const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== undefined;
|
|
19033
19033
|
|
|
19034
19034
|
let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
|
|
19035
19035
|
let backgroundOverlayPC = DefaultModalPlacement.backgroundOverlay;
|
|
@@ -19085,6 +19085,9 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19085
19085
|
|
|
19086
19086
|
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
|
|
19087
19087
|
{
|
|
19088
|
+
if (!isCanvasPreview && isExistBackgroundOverlayValue) {
|
|
19089
|
+
$$invalidate(4, backgroundOverlay = placement.backgroundOverlay);
|
|
19090
|
+
}
|
|
19088
19091
|
|
|
19089
19092
|
if (useBreakPoint) {
|
|
19090
19093
|
const pc = breakPoint?.PC?.placement?.backgroundOverlay;
|
|
@@ -19118,7 +19121,7 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19118
19121
|
}
|
|
19119
19122
|
|
|
19120
19123
|
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 3670016) {
|
|
19121
|
-
$$invalidate(
|
|
19124
|
+
$$invalidate(12, backgroundClick = () => {
|
|
19122
19125
|
if (closeEventName) {
|
|
19123
19126
|
send_event(closeEventName, closeEventValue);
|
|
19124
19127
|
}
|
|
@@ -19128,7 +19131,7 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19128
19131
|
}
|
|
19129
19132
|
|
|
19130
19133
|
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 5767168) {
|
|
19131
|
-
$$invalidate(
|
|
19134
|
+
$$invalidate(11, backgroundClickPC = () => {
|
|
19132
19135
|
if (closeEventName) {
|
|
19133
19136
|
send_event(closeEventName, closeEventValue);
|
|
19134
19137
|
}
|
|
@@ -19138,7 +19141,7 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19138
19141
|
}
|
|
19139
19142
|
|
|
19140
19143
|
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 9961472) {
|
|
19141
|
-
$$invalidate(
|
|
19144
|
+
$$invalidate(10, backgroundClickSP = () => {
|
|
19142
19145
|
if (closeEventName) {
|
|
19143
19146
|
send_event(closeEventName, closeEventValue);
|
|
19144
19147
|
}
|
|
@@ -19153,6 +19156,10 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19153
19156
|
// 表示位置のスタイルの設定
|
|
19154
19157
|
let position = DefaultModalPlacement.position;
|
|
19155
19158
|
|
|
19159
|
+
if (!isCanvasPreview && placement && placement.position !== null) {
|
|
19160
|
+
position = placement.position;
|
|
19161
|
+
}
|
|
19162
|
+
|
|
19156
19163
|
let positionStyle = getPositionStyle(position);
|
|
19157
19164
|
|
|
19158
19165
|
if (!useBreakPoint) {
|
|
@@ -19166,6 +19173,16 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19166
19173
|
$$invalidate(3, transforms = []);
|
|
19167
19174
|
|
|
19168
19175
|
DEVICE_IDS.forEach(deviceId => {
|
|
19176
|
+
if (!isCanvasPreview && useBreakPoint) {
|
|
19177
|
+
const positionWithBp = breakPoint[deviceId]?.placement?.position;
|
|
19178
|
+
|
|
19179
|
+
transforms.push({
|
|
19180
|
+
query: DEVICE_QUERIES[deviceId],
|
|
19181
|
+
...getTransform(positionWithBp)
|
|
19182
|
+
});
|
|
19183
|
+
|
|
19184
|
+
positionStyle = getPositionStyle(positionWithBp);
|
|
19185
|
+
}
|
|
19169
19186
|
|
|
19170
19187
|
const positionVariables = stringifyStyleObj(formatObjectKey({
|
|
19171
19188
|
obj: parseStyle(positionStyle),
|
|
@@ -19181,11 +19198,15 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19181
19198
|
}
|
|
19182
19199
|
}
|
|
19183
19200
|
|
|
19184
|
-
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/
|
|
19201
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, props*/ 360449) {
|
|
19185
19202
|
// 表示位置の調整のスタイルを設定
|
|
19186
19203
|
{
|
|
19187
19204
|
let margin = DefaultModalPlacement.margin;
|
|
19188
19205
|
|
|
19206
|
+
if (!isCanvasPreview && placement && placement.margin !== null) {
|
|
19207
|
+
margin = placement.margin;
|
|
19208
|
+
}
|
|
19209
|
+
|
|
19189
19210
|
let marginStyle = getMarginStyle(margin);
|
|
19190
19211
|
|
|
19191
19212
|
if (!useBreakPoint) {
|
|
@@ -19193,6 +19214,10 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19193
19214
|
}
|
|
19194
19215
|
|
|
19195
19216
|
DEVICE_IDS.forEach(deviceId => {
|
|
19217
|
+
if (!isCanvasPreview && useBreakPoint) {
|
|
19218
|
+
const marginWithBp = breakPoint[deviceId]?.placement?.margin;
|
|
19219
|
+
marginStyle = getMarginStyle(marginWithBp);
|
|
19220
|
+
}
|
|
19196
19221
|
|
|
19197
19222
|
const marginVariables = stringifyStyleObj(formatObjectKey({
|
|
19198
19223
|
obj: parseStyle(marginStyle),
|
|
@@ -19202,45 +19227,23 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19202
19227
|
|
|
19203
19228
|
modalStyles.add(marginVariables);
|
|
19204
19229
|
});
|
|
19205
|
-
}
|
|
19206
|
-
}
|
|
19207
|
-
|
|
19208
|
-
if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 196609) {
|
|
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
19230
|
|
|
19225
|
-
|
|
19231
|
+
const propsStyle = objToStyle({
|
|
19232
|
+
width: props.width,
|
|
19233
|
+
...toCssOverflow(props),
|
|
19234
|
+
...toCssShadow(props),
|
|
19235
|
+
...toCssRadius(props),
|
|
19236
|
+
...toCssBackgroundImage(props),
|
|
19237
|
+
...toCssBackgroundColor(props),
|
|
19238
|
+
...toCssBorder(props)
|
|
19226
19239
|
});
|
|
19240
|
+
|
|
19241
|
+
modalStyles.add(propsStyle);
|
|
19227
19242
|
}
|
|
19228
19243
|
}
|
|
19229
19244
|
|
|
19230
19245
|
if ($$self.$$.dirty & /*close*/ 16777216) {
|
|
19231
|
-
$$invalidate(
|
|
19232
|
-
}
|
|
19233
|
-
|
|
19234
|
-
if ($$self.$$.dirty & /*props*/ 262144) {
|
|
19235
|
-
$$invalidate(9, style = objToStyle({
|
|
19236
|
-
width: props.width,
|
|
19237
|
-
...toCssOverflow(props),
|
|
19238
|
-
...toCssShadow(props),
|
|
19239
|
-
...toCssRadius(props),
|
|
19240
|
-
...toCssBackgroundImage(props),
|
|
19241
|
-
...toCssBackgroundColor(props),
|
|
19242
|
-
...toCssBorder(props)
|
|
19243
|
-
}));
|
|
19246
|
+
$$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
|
|
19244
19247
|
}
|
|
19245
19248
|
};
|
|
19246
19249
|
|
|
@@ -19259,11 +19262,11 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
19259
19262
|
backgroundOverlaySP,
|
|
19260
19263
|
modal,
|
|
19261
19264
|
visible,
|
|
19262
|
-
style,
|
|
19263
19265
|
handle_keydown,
|
|
19264
19266
|
backgroundClickSP,
|
|
19265
19267
|
backgroundClickPC,
|
|
19266
19268
|
backgroundClick,
|
|
19269
|
+
isCanvasPreview,
|
|
19267
19270
|
modalStyles,
|
|
19268
19271
|
placement,
|
|
19269
19272
|
breakPoint,
|
|
@@ -19310,7 +19313,7 @@ class Modal extends SvelteComponent {
|
|
|
19310
19313
|
/* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
|
|
19311
19314
|
|
|
19312
19315
|
function add_css$8(target) {
|
|
19313
|
-
append_styles(target, "svelte-
|
|
19316
|
+
append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
|
|
19314
19317
|
}
|
|
19315
19318
|
|
|
19316
19319
|
function create_fragment$c(ctx) {
|
|
@@ -19329,7 +19332,7 @@ function create_fragment$c(ctx) {
|
|
|
19329
19332
|
this.h();
|
|
19330
19333
|
},
|
|
19331
19334
|
h() {
|
|
19332
|
-
attr(div, "class", "code svelte-
|
|
19335
|
+
attr(div, "class", "code svelte-igivoz");
|
|
19333
19336
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
19334
19337
|
},
|
|
19335
19338
|
m(target, anchor) {
|
|
@@ -19411,7 +19414,7 @@ const LIST_ITEM_CONTEXT_KEY = 'ListItemContext';
|
|
|
19411
19414
|
/* src/components-flex/list/List.svelte generated by Svelte v3.53.1 */
|
|
19412
19415
|
|
|
19413
19416
|
function add_css$7(target) {
|
|
19414
|
-
append_styles(target, "svelte-
|
|
19417
|
+
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
19418
|
}
|
|
19416
19419
|
|
|
19417
19420
|
function create_fragment$b(ctx) {
|
|
@@ -19440,7 +19443,7 @@ function create_fragment$b(ctx) {
|
|
|
19440
19443
|
},
|
|
19441
19444
|
h() {
|
|
19442
19445
|
attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
|
|
19443
|
-
attr(ul, "class", "list svelte-
|
|
19446
|
+
attr(ul, "class", "list svelte-v2vy6p");
|
|
19444
19447
|
attr(ul, "style", /*style*/ ctx[1]);
|
|
19445
19448
|
},
|
|
19446
19449
|
m(target, anchor) {
|
|
@@ -19563,7 +19566,7 @@ class List extends SvelteComponent {
|
|
|
19563
19566
|
/* src/components-flex/list/ListItem.svelte generated by Svelte v3.53.1 */
|
|
19564
19567
|
|
|
19565
19568
|
function add_css$6(target) {
|
|
19566
|
-
append_styles(target, "svelte-
|
|
19569
|
+
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
19570
|
}
|
|
19568
19571
|
|
|
19569
19572
|
// (30:2) <svelte:element {...attributes} this={element} class="list-item-inner" style={innerStyle} on:click={handleClick} >
|
|
@@ -19607,7 +19610,7 @@ function create_dynamic_element$1(ctx) {
|
|
|
19607
19610
|
set_attributes(svelte_element, svelte_element_data);
|
|
19608
19611
|
}
|
|
19609
19612
|
|
|
19610
|
-
toggle_class(svelte_element, "svelte-
|
|
19613
|
+
toggle_class(svelte_element, "svelte-1223veg", true);
|
|
19611
19614
|
},
|
|
19612
19615
|
m(target, anchor) {
|
|
19613
19616
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -19651,7 +19654,7 @@ function create_dynamic_element$1(ctx) {
|
|
|
19651
19654
|
set_attributes(svelte_element, svelte_element_data);
|
|
19652
19655
|
}
|
|
19653
19656
|
|
|
19654
|
-
toggle_class(svelte_element, "svelte-
|
|
19657
|
+
toggle_class(svelte_element, "svelte-1223veg", true);
|
|
19655
19658
|
},
|
|
19656
19659
|
i(local) {
|
|
19657
19660
|
if (current) return;
|
|
@@ -19696,7 +19699,7 @@ function create_fragment$a(ctx) {
|
|
|
19696
19699
|
this.h();
|
|
19697
19700
|
},
|
|
19698
19701
|
h() {
|
|
19699
|
-
attr(li, "class", "list-item svelte-
|
|
19702
|
+
attr(li, "class", "list-item svelte-1223veg");
|
|
19700
19703
|
attr(li, "data-layer-id", /*layerId*/ ctx[0]);
|
|
19701
19704
|
attr(li, "style", /*style*/ ctx[2]);
|
|
19702
19705
|
},
|
|
@@ -19842,7 +19845,7 @@ function splitNumberAndUnit(value) {
|
|
|
19842
19845
|
/* src/components-flex/multi-column/MultiColumn.svelte generated by Svelte v3.53.1 */
|
|
19843
19846
|
|
|
19844
19847
|
function add_css$5(target) {
|
|
19845
|
-
append_styles(target, "svelte-
|
|
19848
|
+
append_styles(target, "svelte-aoppwp", ".list.svelte-aoppwp{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
|
|
19846
19849
|
}
|
|
19847
19850
|
|
|
19848
19851
|
function create_fragment$9(ctx) {
|
|
@@ -19871,7 +19874,7 @@ function create_fragment$9(ctx) {
|
|
|
19871
19874
|
},
|
|
19872
19875
|
h() {
|
|
19873
19876
|
attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
|
|
19874
|
-
attr(ul, "class", "list svelte-
|
|
19877
|
+
attr(ul, "class", "list svelte-aoppwp");
|
|
19875
19878
|
attr(ul, "style", /*style*/ ctx[1]);
|
|
19876
19879
|
},
|
|
19877
19880
|
m(target, anchor) {
|
|
@@ -19983,7 +19986,7 @@ class MultiColumn extends SvelteComponent {
|
|
|
19983
19986
|
/* src/components-flex/multi-column/MultiColumnItem.svelte generated by Svelte v3.53.1 */
|
|
19984
19987
|
|
|
19985
19988
|
function add_css$4(target) {
|
|
19986
|
-
append_styles(target, "svelte-
|
|
19989
|
+
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
19990
|
}
|
|
19988
19991
|
|
|
19989
19992
|
// (28:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
|
|
@@ -20021,7 +20024,7 @@ function create_dynamic_element(ctx) {
|
|
|
20021
20024
|
set_attributes(svelte_element, svelte_element_data);
|
|
20022
20025
|
}
|
|
20023
20026
|
|
|
20024
|
-
toggle_class(svelte_element, "svelte-
|
|
20027
|
+
toggle_class(svelte_element, "svelte-1blzs1a", true);
|
|
20025
20028
|
},
|
|
20026
20029
|
m(target, anchor) {
|
|
20027
20030
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -20061,7 +20064,7 @@ function create_dynamic_element(ctx) {
|
|
|
20061
20064
|
set_attributes(svelte_element, svelte_element_data);
|
|
20062
20065
|
}
|
|
20063
20066
|
|
|
20064
|
-
toggle_class(svelte_element, "svelte-
|
|
20067
|
+
toggle_class(svelte_element, "svelte-1blzs1a", true);
|
|
20065
20068
|
},
|
|
20066
20069
|
i(local) {
|
|
20067
20070
|
if (current) return;
|
|
@@ -20106,7 +20109,7 @@ function create_fragment$8(ctx) {
|
|
|
20106
20109
|
this.h();
|
|
20107
20110
|
},
|
|
20108
20111
|
h() {
|
|
20109
|
-
attr(li, "class", "multi-column-item svelte-
|
|
20112
|
+
attr(li, "class", "multi-column-item svelte-1blzs1a");
|
|
20110
20113
|
attr(li, "data-layer-id", /*layerId*/ ctx[0]);
|
|
20111
20114
|
attr(li, "style", /*style*/ ctx[1]);
|
|
20112
20115
|
},
|
|
@@ -20221,7 +20224,7 @@ class MultiColumnItem extends SvelteComponent {
|
|
|
20221
20224
|
/* src/components-flex/youtube/Youtube.svelte generated by Svelte v3.53.1 */
|
|
20222
20225
|
|
|
20223
20226
|
function add_css$3(target) {
|
|
20224
|
-
append_styles(target, "svelte-
|
|
20227
|
+
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
20228
|
}
|
|
20226
20229
|
|
|
20227
20230
|
function create_fragment$7(ctx) {
|
|
@@ -20249,7 +20252,7 @@ function create_fragment$7(ctx) {
|
|
|
20249
20252
|
},
|
|
20250
20253
|
h() {
|
|
20251
20254
|
attr(div0, "class", "youtube-player");
|
|
20252
|
-
attr(div1, "class", "youtube svelte-
|
|
20255
|
+
attr(div1, "class", "youtube svelte-odfkc2");
|
|
20253
20256
|
attr(div1, "style", /*style*/ ctx[2]);
|
|
20254
20257
|
attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
|
|
20255
20258
|
},
|
|
@@ -20396,7 +20399,7 @@ class Youtube extends SvelteComponent {
|
|
|
20396
20399
|
/* src/components-flex/count-down/CountDown.svelte generated by Svelte v3.53.1 */
|
|
20397
20400
|
|
|
20398
20401
|
function add_css$2(target) {
|
|
20399
|
-
append_styles(target, "svelte-
|
|
20402
|
+
append_styles(target, "svelte-1n395il", ".countdown.svelte-1n395il{display:flex;align-items:center;gap:4px}");
|
|
20400
20403
|
}
|
|
20401
20404
|
|
|
20402
20405
|
const get_default_slot_changes = dirty => ({
|
|
@@ -20433,7 +20436,7 @@ function create_fragment$6(ctx) {
|
|
|
20433
20436
|
this.h();
|
|
20434
20437
|
},
|
|
20435
20438
|
h() {
|
|
20436
|
-
attr(div, "class", "countdown svelte-
|
|
20439
|
+
attr(div, "class", "countdown svelte-1n395il");
|
|
20437
20440
|
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
20438
20441
|
},
|
|
20439
20442
|
m(target, anchor) {
|
|
@@ -20743,7 +20746,7 @@ class CountDownValue extends SvelteComponent {
|
|
|
20743
20746
|
/* src/components-flex/clip-copy/ClipCopy.svelte generated by Svelte v3.53.1 */
|
|
20744
20747
|
|
|
20745
20748
|
function add_css$1(target) {
|
|
20746
|
-
append_styles(target, "svelte-
|
|
20749
|
+
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
20750
|
}
|
|
20748
20751
|
|
|
20749
20752
|
function create_fragment$4(ctx) {
|
|
@@ -20785,10 +20788,10 @@ function create_fragment$4(ctx) {
|
|
|
20785
20788
|
this.h();
|
|
20786
20789
|
},
|
|
20787
20790
|
h() {
|
|
20788
|
-
attr(button, "class", "clipboard-button svelte-
|
|
20791
|
+
attr(button, "class", "clipboard-button svelte-30zd8m");
|
|
20789
20792
|
attr(span, "aria-hidden", span_aria_hidden_value = !/*showTooltip*/ ctx[2]);
|
|
20790
|
-
attr(span, "class", "clipboard-tooltip svelte-
|
|
20791
|
-
attr(div, "class", "clipboard svelte-
|
|
20793
|
+
attr(span, "class", "clipboard-tooltip svelte-30zd8m");
|
|
20794
|
+
attr(div, "class", "clipboard svelte-30zd8m");
|
|
20792
20795
|
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
20793
20796
|
},
|
|
20794
20797
|
m(target, anchor) {
|
|
@@ -20913,6 +20916,312 @@ class ClipCopy extends SvelteComponent {
|
|
|
20913
20916
|
}
|
|
20914
20917
|
}
|
|
20915
20918
|
|
|
20919
|
+
/**
|
|
20920
|
+
* モーダル(ポップアップ)に関連するコードの管理
|
|
20921
|
+
*
|
|
20922
|
+
* アクションのShow, Close, ChangeStateの状態はここで管理する。
|
|
20923
|
+
*/
|
|
20924
|
+
/**
|
|
20925
|
+
* アクションが表示 (show) された後にフックする関数
|
|
20926
|
+
*
|
|
20927
|
+
* @param fn - 呼び出されるフック関数
|
|
20928
|
+
*
|
|
20929
|
+
* @public
|
|
20930
|
+
*/
|
|
20931
|
+
function onShow(fn) {
|
|
20932
|
+
let { onShowHandlers } = getInternalHandlers();
|
|
20933
|
+
if (!onShowHandlers) {
|
|
20934
|
+
onShowHandlers = [];
|
|
20935
|
+
}
|
|
20936
|
+
onShowHandlers.push(fn);
|
|
20937
|
+
setInternalHandlers({ onShowHandlers });
|
|
20938
|
+
}
|
|
20939
|
+
/**
|
|
20940
|
+
* アクションがクローズ (close) される前にフックする関数
|
|
20941
|
+
*
|
|
20942
|
+
* @param fn - 呼び出されるフック関数
|
|
20943
|
+
*
|
|
20944
|
+
* @public
|
|
20945
|
+
*/
|
|
20946
|
+
function onClose(fn) {
|
|
20947
|
+
let { onCloseHandlers } = getInternalHandlers();
|
|
20948
|
+
if (!onCloseHandlers) {
|
|
20949
|
+
onCloseHandlers = [];
|
|
20950
|
+
}
|
|
20951
|
+
onCloseHandlers.push(fn);
|
|
20952
|
+
setInternalHandlers({ onCloseHandlers });
|
|
20953
|
+
}
|
|
20954
|
+
/**
|
|
20955
|
+
* アクションのステートが変更された (changeState) 後にフックする関数
|
|
20956
|
+
*
|
|
20957
|
+
* @param fn - 呼び出されるフック関数
|
|
20958
|
+
*
|
|
20959
|
+
* @public
|
|
20960
|
+
*/
|
|
20961
|
+
function onChangeState(fn) {
|
|
20962
|
+
let { onChangeStateHandlers } = getInternalHandlers();
|
|
20963
|
+
if (!onChangeStateHandlers) {
|
|
20964
|
+
onChangeStateHandlers = [];
|
|
20965
|
+
}
|
|
20966
|
+
onChangeStateHandlers.push(fn);
|
|
20967
|
+
setInternalHandlers({ onChangeStateHandlers });
|
|
20968
|
+
}
|
|
20969
|
+
/**
|
|
20970
|
+
* アクションを表示する
|
|
20971
|
+
*
|
|
20972
|
+
* @public
|
|
20973
|
+
*/
|
|
20974
|
+
function showAction() {
|
|
20975
|
+
const event = new CustomEvent(ACTION_SHOW_EVENT, { detail: { trigger: 'custom' } });
|
|
20976
|
+
window.dispatchEvent(event);
|
|
20977
|
+
}
|
|
20978
|
+
/**
|
|
20979
|
+
* アクションを閉じる
|
|
20980
|
+
*
|
|
20981
|
+
* @param trigger - 閉じた時のトリガー。デフォルト `'none'`
|
|
20982
|
+
*
|
|
20983
|
+
* @public
|
|
20984
|
+
*/
|
|
20985
|
+
function closeAction(trigger = 'none') {
|
|
20986
|
+
const event = new CustomEvent(ACTION_CLOSE_EVENT, { detail: { trigger } });
|
|
20987
|
+
window.dispatchEvent(event);
|
|
20988
|
+
}
|
|
20989
|
+
/**
|
|
20990
|
+
* アクションに CSS を適用する
|
|
20991
|
+
*
|
|
20992
|
+
* @param css - 適用する CSS
|
|
20993
|
+
*
|
|
20994
|
+
* @returns 適用された style 要素を返す Promise
|
|
20995
|
+
*
|
|
20996
|
+
* @public
|
|
20997
|
+
*/
|
|
20998
|
+
async function applyCss(css) {
|
|
20999
|
+
return new Promise((resolve, reject) => {
|
|
21000
|
+
const style = document.createElement('style');
|
|
21001
|
+
style.textContent = css;
|
|
21002
|
+
const shadowRoot = getActionRoot();
|
|
21003
|
+
if (!shadowRoot)
|
|
21004
|
+
return;
|
|
21005
|
+
shadowRoot.append(style);
|
|
21006
|
+
style.addEventListener('load', () => resolve(style));
|
|
21007
|
+
style.addEventListener('error', () => reject(style));
|
|
21008
|
+
});
|
|
21009
|
+
}
|
|
21010
|
+
async function fixFontFaceIssue(href, cssRules) {
|
|
21011
|
+
const css = new CSSStyleSheet();
|
|
21012
|
+
// @ts-ignore
|
|
21013
|
+
await css.replace(cssRules);
|
|
21014
|
+
const rules = [];
|
|
21015
|
+
const fixedRules = [];
|
|
21016
|
+
Array.from(css.cssRules).forEach(cssRule => {
|
|
21017
|
+
if (cssRule.type !== 5) {
|
|
21018
|
+
rules.push(cssRule.cssText);
|
|
21019
|
+
}
|
|
21020
|
+
// type 5 is @font-face
|
|
21021
|
+
const split = href.split('/');
|
|
21022
|
+
const stylePath = split.slice(0, split.length - 1).join('/');
|
|
21023
|
+
const cssText = cssRule.cssText;
|
|
21024
|
+
const newCssText = cssText.replace(
|
|
21025
|
+
// relative paths
|
|
21026
|
+
/url\s*\(\s*['"]?(?!((\/)|((?:https?:)?\/\/)|(?:data:?:)))([^'")]+)['"]?\s*\)/g, `url("${stylePath}/$4")`);
|
|
21027
|
+
if (cssText === newCssText)
|
|
21028
|
+
return;
|
|
21029
|
+
fixedRules.push(newCssText);
|
|
21030
|
+
});
|
|
21031
|
+
return [rules.join('\n'), fixedRules.join('\n')];
|
|
21032
|
+
}
|
|
21033
|
+
/**
|
|
21034
|
+
* アクションにグローバルなスタイルを読み込む
|
|
21035
|
+
*
|
|
21036
|
+
* @param href - style ファイルのリンク URL
|
|
21037
|
+
*
|
|
21038
|
+
* @public
|
|
21039
|
+
*/
|
|
21040
|
+
async function loadStyle(href) {
|
|
21041
|
+
const sr = getActionRoot();
|
|
21042
|
+
if (!sr)
|
|
21043
|
+
return;
|
|
21044
|
+
let cssRules = '';
|
|
21045
|
+
try {
|
|
21046
|
+
const res = await fetch(href);
|
|
21047
|
+
cssRules = await res.text();
|
|
21048
|
+
}
|
|
21049
|
+
catch (_) {
|
|
21050
|
+
// pass
|
|
21051
|
+
}
|
|
21052
|
+
if (!cssRules)
|
|
21053
|
+
return;
|
|
21054
|
+
// Chromeのバグで、Shadow Rootの@font-faceを絶対パスで指定する必要がある
|
|
21055
|
+
// @see https://stackoverflow.com/a/63717709
|
|
21056
|
+
const [rules, fontFaceRules] = await fixFontFaceIssue(href, cssRules);
|
|
21057
|
+
const css = new CSSStyleSheet();
|
|
21058
|
+
// @ts-ignore
|
|
21059
|
+
await css.replace(rules);
|
|
21060
|
+
const fontFaceCss = new CSSStyleSheet();
|
|
21061
|
+
// @ts-ignore
|
|
21062
|
+
await fontFaceCss.replace(fontFaceRules);
|
|
21063
|
+
// @ts-ignore
|
|
21064
|
+
sr.adoptedStyleSheets = [...sr.adoptedStyleSheets, css, fontFaceCss];
|
|
21065
|
+
// Chromeのバグで、ページとShadow Rootの両方に、@font-faceを設定する必要がある
|
|
21066
|
+
// @see https://stackoverflow.com/a/63717709
|
|
21067
|
+
// @ts-ignore
|
|
21068
|
+
document.adoptedStyleSheets = [...document.adoptedStyleSheets, css, fontFaceCss];
|
|
21069
|
+
}
|
|
21070
|
+
// @internal
|
|
21071
|
+
function getCssVariables(data) {
|
|
21072
|
+
return Object.entries(data)
|
|
21073
|
+
.filter(([key, value]) => {
|
|
21074
|
+
return ['string', 'number'].includes(typeof value) && key.startsWith('--');
|
|
21075
|
+
})
|
|
21076
|
+
.map(([key, value]) => `${key}:${value}`)
|
|
21077
|
+
.join(';');
|
|
21078
|
+
}
|
|
21079
|
+
/**
|
|
21080
|
+
* アクションのルートの DOM 要素を取得する
|
|
21081
|
+
*
|
|
21082
|
+
* @returns アクションがルートの DOM 要素 を持つ場合は DOM 要素を返します。ない場合は `null` を返します
|
|
21083
|
+
*
|
|
21084
|
+
* @public
|
|
21085
|
+
*/
|
|
21086
|
+
function getActionRoot() {
|
|
21087
|
+
const root = document.querySelector(`.${KARTE_ACTION_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
|
|
21088
|
+
if (!root?.shadowRoot) {
|
|
21089
|
+
return null;
|
|
21090
|
+
}
|
|
21091
|
+
return root.shadowRoot;
|
|
21092
|
+
}
|
|
21093
|
+
/** @internal */
|
|
21094
|
+
function ensureActionRoot() {
|
|
21095
|
+
const systemConfig = getSystem();
|
|
21096
|
+
const rootAttrs = {
|
|
21097
|
+
class: `${KARTE_ACTION_ROOT} ${KARTE_MODAL_ROOT}`,
|
|
21098
|
+
[`data-${KARTE_ACTION_RID}`]: actionId,
|
|
21099
|
+
[`data-${KARTE_ACTION_SHORTEN_ID}`]: systemConfig.shortenId
|
|
21100
|
+
? systemConfig.shortenId
|
|
21101
|
+
: ALL_ACTION_SHORTEN_ID,
|
|
21102
|
+
style: { display: 'block' },
|
|
21103
|
+
};
|
|
21104
|
+
let el = document.querySelector(`.${KARTE_MODAL_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
|
|
21105
|
+
if (el == null) {
|
|
21106
|
+
el = h('div', rootAttrs);
|
|
21107
|
+
document.body.appendChild(el);
|
|
21108
|
+
}
|
|
21109
|
+
const isShadow = !!document.body.attachShadow;
|
|
21110
|
+
if (isShadow) {
|
|
21111
|
+
return el.shadowRoot ?? el.attachShadow({ mode: 'open' });
|
|
21112
|
+
}
|
|
21113
|
+
else {
|
|
21114
|
+
return el;
|
|
21115
|
+
}
|
|
21116
|
+
}
|
|
21117
|
+
/**
|
|
21118
|
+
* 非推奨
|
|
21119
|
+
*
|
|
21120
|
+
* @deprecated 非推奨
|
|
21121
|
+
*
|
|
21122
|
+
* @internal
|
|
21123
|
+
*/
|
|
21124
|
+
const show = showAction;
|
|
21125
|
+
/**
|
|
21126
|
+
* 非推奨
|
|
21127
|
+
*
|
|
21128
|
+
* @deprecated 非推奨
|
|
21129
|
+
*
|
|
21130
|
+
* @internal
|
|
21131
|
+
*/
|
|
21132
|
+
const close = closeAction;
|
|
21133
|
+
/**
|
|
21134
|
+
* 非推奨
|
|
21135
|
+
*
|
|
21136
|
+
* @deprecated 非推奨
|
|
21137
|
+
*
|
|
21138
|
+
* @internal
|
|
21139
|
+
*/
|
|
21140
|
+
const ensureModalRoot = ensureActionRoot;
|
|
21141
|
+
/**
|
|
21142
|
+
* 非推奨
|
|
21143
|
+
*
|
|
21144
|
+
* @deprecated 非推奨
|
|
21145
|
+
*
|
|
21146
|
+
* @internal
|
|
21147
|
+
*/
|
|
21148
|
+
function createApp(App, options = {
|
|
21149
|
+
send: () => { },
|
|
21150
|
+
publish: () => { },
|
|
21151
|
+
props: {},
|
|
21152
|
+
variables: {},
|
|
21153
|
+
localVariablesQuery: undefined,
|
|
21154
|
+
context: { api_key: '' },
|
|
21155
|
+
}) {
|
|
21156
|
+
let app = null;
|
|
21157
|
+
const close = () => {
|
|
21158
|
+
if (app) {
|
|
21159
|
+
{
|
|
21160
|
+
// @ts-ignore -- Svelte5 では $destroy は存在しない
|
|
21161
|
+
app.$destroy();
|
|
21162
|
+
}
|
|
21163
|
+
app = null;
|
|
21164
|
+
}
|
|
21165
|
+
};
|
|
21166
|
+
const appArgs = {
|
|
21167
|
+
target: null,
|
|
21168
|
+
props: {
|
|
21169
|
+
send: options.send,
|
|
21170
|
+
publish: options.publish,
|
|
21171
|
+
close,
|
|
21172
|
+
data: {
|
|
21173
|
+
...options.props,
|
|
21174
|
+
...options.variables,
|
|
21175
|
+
},
|
|
21176
|
+
},
|
|
21177
|
+
};
|
|
21178
|
+
const win = ensureModalRoot();
|
|
21179
|
+
appArgs.target = win;
|
|
21180
|
+
return {
|
|
21181
|
+
close,
|
|
21182
|
+
show: () => {
|
|
21183
|
+
if (app) {
|
|
21184
|
+
return;
|
|
21185
|
+
}
|
|
21186
|
+
options.send('message_open');
|
|
21187
|
+
app = // @ts-ignore -- Svelte5 では `App` はクラスではない
|
|
21188
|
+
new App(appArgs);
|
|
21189
|
+
},
|
|
21190
|
+
};
|
|
21191
|
+
}
|
|
21192
|
+
/**
|
|
21193
|
+
* 非推奨
|
|
21194
|
+
*
|
|
21195
|
+
* @deprecated 非推奨
|
|
21196
|
+
*
|
|
21197
|
+
* @internal
|
|
21198
|
+
*/
|
|
21199
|
+
function createFog({ color = '#000', opacity = '50%', zIndex = 999, onclick, }) {
|
|
21200
|
+
const root = ensureModalRoot();
|
|
21201
|
+
if (root.querySelector('.__krt-fog')) {
|
|
21202
|
+
return { fog: null, close: () => { } };
|
|
21203
|
+
}
|
|
21204
|
+
const fog = document.createElement('div');
|
|
21205
|
+
fog.className = '__krt-fog';
|
|
21206
|
+
Object.assign(fog.style, {
|
|
21207
|
+
position: 'fixed',
|
|
21208
|
+
left: 0,
|
|
21209
|
+
top: 0,
|
|
21210
|
+
width: '100%',
|
|
21211
|
+
height: '100%',
|
|
21212
|
+
'z-index': zIndex,
|
|
21213
|
+
'background-color': color,
|
|
21214
|
+
opacity,
|
|
21215
|
+
});
|
|
21216
|
+
const close = () => {
|
|
21217
|
+
onclick();
|
|
21218
|
+
fog.remove();
|
|
21219
|
+
};
|
|
21220
|
+
fog.onclick = close;
|
|
21221
|
+
root.appendChild(fog);
|
|
21222
|
+
return { fog, close };
|
|
21223
|
+
}
|
|
21224
|
+
|
|
20916
21225
|
/* src/components-flex/state/Header.svelte generated by Svelte v3.53.1 */
|
|
20917
21226
|
|
|
20918
21227
|
function create_if_block$2(ctx) {
|
|
@@ -21111,7 +21420,7 @@ class State extends SvelteComponent {
|
|
|
21111
21420
|
/* src/components-flex/state/StateItem.svelte generated by Svelte v3.53.1 */
|
|
21112
21421
|
|
|
21113
21422
|
function add_css(target) {
|
|
21114
|
-
append_styles(target, "svelte-
|
|
21423
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
|
21115
21424
|
}
|
|
21116
21425
|
|
|
21117
21426
|
// (22:0) {#if $state === path}
|
|
@@ -21138,7 +21447,7 @@ function create_if_block$1(ctx) {
|
|
|
21138
21447
|
},
|
|
21139
21448
|
h() {
|
|
21140
21449
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
|
21141
|
-
attr(div, "class", "state-item svelte-
|
|
21450
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
|
21142
21451
|
},
|
|
21143
21452
|
m(target, anchor) {
|
|
21144
21453
|
insert_hydration(target, div, anchor);
|
|
@@ -21317,6 +21626,184 @@ const ROUND_STYLES = {
|
|
|
21317
21626
|
},
|
|
21318
21627
|
};
|
|
21319
21628
|
|
|
21629
|
+
const createProp = (key, type, suggestions = [], priority = 0, defaultValue = undefined) => {
|
|
21630
|
+
return {
|
|
21631
|
+
key,
|
|
21632
|
+
type,
|
|
21633
|
+
priority,
|
|
21634
|
+
suggestions: suggestions,
|
|
21635
|
+
default: defaultValue,
|
|
21636
|
+
};
|
|
21637
|
+
};
|
|
21638
|
+
const byObj = (obj) => {
|
|
21639
|
+
return Object.keys(obj);
|
|
21640
|
+
};
|
|
21641
|
+
const overflowProps = [
|
|
21642
|
+
createProp('overflow', 'string', ['hidden', 'visible', 'scroll', 'auto']),
|
|
21643
|
+
];
|
|
21644
|
+
const borderProps = [
|
|
21645
|
+
createProp('borderTopWidth', 'string'),
|
|
21646
|
+
createProp('borderLeftWidth', 'string'),
|
|
21647
|
+
createProp('borderRightWidth', 'string'),
|
|
21648
|
+
createProp('borderBottomWidth', 'string'),
|
|
21649
|
+
createProp('borderColor', 'color'),
|
|
21650
|
+
];
|
|
21651
|
+
const radiusProps = [
|
|
21652
|
+
createProp('borderTopLeftRadius', 'string'),
|
|
21653
|
+
createProp('borderTopRightRadius', 'string'),
|
|
21654
|
+
createProp('borderBottomLeftRadius', 'string'),
|
|
21655
|
+
createProp('borderBottomRightRadius', 'string'),
|
|
21656
|
+
];
|
|
21657
|
+
const paddingProps = [
|
|
21658
|
+
createProp('paddingTop', 'string'),
|
|
21659
|
+
createProp('paddingLeft', 'string'),
|
|
21660
|
+
createProp('paddingRight', 'string'),
|
|
21661
|
+
createProp('paddingBottom', 'string'),
|
|
21662
|
+
];
|
|
21663
|
+
const backgroundColorProps = [
|
|
21664
|
+
createProp('backgroundColor', 'string'),
|
|
21665
|
+
];
|
|
21666
|
+
const backgroundImageProps = [
|
|
21667
|
+
createProp('backgroundImageUrl', 'url'),
|
|
21668
|
+
];
|
|
21669
|
+
const flexComponentSchemes = {
|
|
21670
|
+
FlexAvatar: {
|
|
21671
|
+
props: [
|
|
21672
|
+
createProp('size', 'string', byObj(AVATAR_SIZE), 10),
|
|
21673
|
+
createProp('width', 'string', [], 5),
|
|
21674
|
+
createProp('height', 'string', [], 5),
|
|
21675
|
+
createProp('shape', 'string', byObj(AVATAR_SHAPE), 10),
|
|
21676
|
+
createProp('image', 'url', [], 99),
|
|
21677
|
+
// createProp('caption', 'string'),
|
|
21678
|
+
createProp('alt', 'string', [], 50),
|
|
21679
|
+
// TODO: clickable
|
|
21680
|
+
...borderProps,
|
|
21681
|
+
],
|
|
21682
|
+
},
|
|
21683
|
+
FlexButton: {
|
|
21684
|
+
props: [
|
|
21685
|
+
createProp('size', 'string', byObj(BUTTON_SIZE), 50),
|
|
21686
|
+
createProp('label', 'string', [], 99),
|
|
21687
|
+
createProp('paddingLeft', 'string'),
|
|
21688
|
+
createProp('paddingRight', 'string'),
|
|
21689
|
+
createProp('fontSize', 'string'),
|
|
21690
|
+
createProp('theme', 'string', byObj(BUTTON_THEME), 50),
|
|
21691
|
+
createProp('variant', 'string', byObj(BUTTON_VARIANT)),
|
|
21692
|
+
createProp('color', 'color', [], 5),
|
|
21693
|
+
createProp('backgroundColor', 'string', [], 5),
|
|
21694
|
+
createProp('borderColor', 'string', [], 5),
|
|
21695
|
+
createProp('fontWeight', 'string', ['normal', 'bold']),
|
|
21696
|
+
createProp('round', 'string', byObj(BUTTON_ROUND)),
|
|
21697
|
+
createProp('width', 'string', [], 10),
|
|
21698
|
+
createProp('wrap', 'string', ['wrap', 'nowrap']),
|
|
21699
|
+
// TODO: clickable
|
|
21700
|
+
...radiusProps,
|
|
21701
|
+
],
|
|
21702
|
+
},
|
|
21703
|
+
FlexClipCopy: {
|
|
21704
|
+
props: [
|
|
21705
|
+
createProp('content', 'string'),
|
|
21706
|
+
createProp('copiedEventName', 'string'),
|
|
21707
|
+
createProp('noneTooltip', 'boolean'),
|
|
21708
|
+
],
|
|
21709
|
+
},
|
|
21710
|
+
FlexCloseButton: {
|
|
21711
|
+
props: [
|
|
21712
|
+
createProp('size', 'number'),
|
|
21713
|
+
createProp('placement', 'string', byObj(CLOSE_BUTTON_PLACEMENT), 99),
|
|
21714
|
+
createProp('round', 'string', byObj(CLOSE_BUTTON_ROUND)),
|
|
21715
|
+
createProp('bordered', 'boolean'),
|
|
21716
|
+
createProp('color', 'color'),
|
|
21717
|
+
createProp('backgroundColor', 'color'),
|
|
21718
|
+
createProp('label', 'string'),
|
|
21719
|
+
createProp('labelColor', 'color'),
|
|
21720
|
+
createProp('labelPlacement', 'string', byObj(CLOSE_BUTTON_LABEL_PLACEMENT)),
|
|
21721
|
+
createProp('top', 'string'),
|
|
21722
|
+
createProp('left', 'string'),
|
|
21723
|
+
createProp('right', 'string'),
|
|
21724
|
+
createProp('bottom', 'string'),
|
|
21725
|
+
],
|
|
21726
|
+
},
|
|
21727
|
+
FlexCountDown: {
|
|
21728
|
+
props: [
|
|
21729
|
+
createProp('timeLimit', 'date_string', [], 99),
|
|
21730
|
+
// createProp('timeLimit', 'date_string'),
|
|
21731
|
+
],
|
|
21732
|
+
},
|
|
21733
|
+
FlexIcon: {
|
|
21734
|
+
props: [
|
|
21735
|
+
createProp('variant', 'string', byObj(ICON_VARIANTS), 99),
|
|
21736
|
+
createProp('size', 'string', byObj(ICON_SIZE), 50),
|
|
21737
|
+
createProp('color', 'color', [], 5),
|
|
21738
|
+
createProp('width', 'string', [], 10),
|
|
21739
|
+
createProp('height', 'string', [], 10),
|
|
21740
|
+
],
|
|
21741
|
+
},
|
|
21742
|
+
FlexImage: {
|
|
21743
|
+
props: [
|
|
21744
|
+
createProp('image', 'url', [], 99),
|
|
21745
|
+
createProp('aspect', 'string', Object.keys(ASPECT_VARIANT).map(key => ASPECT_VARIANT[key].getProps().aspect), 98),
|
|
21746
|
+
createProp('width', 'string', [], 5),
|
|
21747
|
+
createProp('height', 'string', [], 5),
|
|
21748
|
+
createProp('shape', 'string', byObj(IMAGE_ROUND_SHAPE), 10),
|
|
21749
|
+
],
|
|
21750
|
+
},
|
|
21751
|
+
FlexLayout: {
|
|
21752
|
+
props: [
|
|
21753
|
+
createProp('display', 'string', ['flex', 'inline-flex', 'block']),
|
|
21754
|
+
createProp('direction', 'string', ['row', 'column', 'row-reverse', 'column-reverse'], 10),
|
|
21755
|
+
createProp('align', 'string', ['center', 'stretch', 'flex-start', 'flex-end'], 10),
|
|
21756
|
+
createProp('justify', 'string', ['center', 'flex-start', 'flex-end', 'space-between'], 10),
|
|
21757
|
+
createProp('gap', 'string', [], 10),
|
|
21758
|
+
createProp('rowGap', 'string', [], 10),
|
|
21759
|
+
createProp('columnGap', 'string', [], 10),
|
|
21760
|
+
createProp('width', 'string', [], 5),
|
|
21761
|
+
...overflowProps,
|
|
21762
|
+
...borderProps,
|
|
21763
|
+
...radiusProps,
|
|
21764
|
+
...backgroundColorProps,
|
|
21765
|
+
...backgroundImageProps,
|
|
21766
|
+
...paddingProps,
|
|
21767
|
+
],
|
|
21768
|
+
},
|
|
21769
|
+
FlexList: {
|
|
21770
|
+
props: [
|
|
21771
|
+
createProp('gap', 'string', [], 10),
|
|
21772
|
+
createProp('borderWidth', 'string', [], 10),
|
|
21773
|
+
createProp('borderStyle', 'string', [], 10),
|
|
21774
|
+
createProp('borderColor', 'string', [], 10),
|
|
21775
|
+
createProp('itemPaddingTop', 'string', [], 5),
|
|
21776
|
+
createProp('itemPaddingLeft', 'string', [], 5),
|
|
21777
|
+
createProp('itemPaddingRight', 'string', [], 5),
|
|
21778
|
+
createProp('itemPaddingBottom', 'string', [], 5),
|
|
21779
|
+
createProp('itemGap', 'string', [], 5),
|
|
21780
|
+
],
|
|
21781
|
+
},
|
|
21782
|
+
FlexListItem: {
|
|
21783
|
+
props: [
|
|
21784
|
+
createProp('gap', 'number', [], 10),
|
|
21785
|
+
// TODO: clickable
|
|
21786
|
+
],
|
|
21787
|
+
},
|
|
21788
|
+
FlexText: {
|
|
21789
|
+
props: [
|
|
21790
|
+
createProp('content', 'string', [], 99),
|
|
21791
|
+
createProp('theme', 'string', byObj(TEXT_THEME), 50),
|
|
21792
|
+
createProp('size', 'string', byObj(LAYER_TEXT_SIZE), 50),
|
|
21793
|
+
createProp('align', 'string', [], 5),
|
|
21794
|
+
createProp('fontStyle', 'string', [], 5),
|
|
21795
|
+
createProp('fontSize', 'string', [], 5),
|
|
21796
|
+
createProp('fontWeight', 'string', [], 5),
|
|
21797
|
+
createProp('lineHeight', 'string', [], 5),
|
|
21798
|
+
createProp('color', 'string', [], 5),
|
|
21799
|
+
createProp('width', 'string', [], 10),
|
|
21800
|
+
createProp('fontFamilyVariant', 'string', byObj(FONT_FAMILY_VARIANT), 10),
|
|
21801
|
+
createProp('fontFamily', 'string', []),
|
|
21802
|
+
// TODO: clickable
|
|
21803
|
+
],
|
|
21804
|
+
},
|
|
21805
|
+
};
|
|
21806
|
+
|
|
21320
21807
|
var sdk = /*#__PURE__*/Object.freeze({
|
|
21321
21808
|
__proto__: null,
|
|
21322
21809
|
ACTION_HOOK_LABEL: ACTION_HOOK_LABEL,
|
|
@@ -21457,11 +21944,13 @@ var sdk = /*#__PURE__*/Object.freeze({
|
|
|
21457
21944
|
create: create,
|
|
21458
21945
|
createApp: createApp,
|
|
21459
21946
|
createFog: createFog,
|
|
21947
|
+
createProp: createProp,
|
|
21460
21948
|
destroy: destroy,
|
|
21461
21949
|
destroyAction: destroyAction,
|
|
21462
21950
|
ensureModalRoot: ensureModalRoot,
|
|
21463
21951
|
eventHandlers: eventHandlers,
|
|
21464
21952
|
finalize: finalize,
|
|
21953
|
+
flexComponentSchemes: flexComponentSchemes,
|
|
21465
21954
|
formData: formData,
|
|
21466
21955
|
getActionRoot: getActionRoot,
|
|
21467
21956
|
getAnsweredQuestion: getAnsweredQuestion,
|
|
@@ -21868,7 +22357,7 @@ function create_fragment(ctx) {
|
|
|
21868
22357
|
|
|
21869
22358
|
function instance($$self, $$props, $$invalidate) {
|
|
21870
22359
|
let component;
|
|
21871
|
-
let { option } = $$props;
|
|
22360
|
+
let { option = {} } = $$props;
|
|
21872
22361
|
let { customBrandKit = undefined } = $$props;
|
|
21873
22362
|
|
|
21874
22363
|
const getComponent = key => {
|
|
@@ -21898,4 +22387,4 @@ class ThumbnailPreview extends SvelteComponent {
|
|
|
21898
22387
|
}
|
|
21899
22388
|
}
|
|
21900
22389
|
|
|
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 };
|
|
22390
|
+
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 };
|