Version Description
Download this release
Release Info
Developer | pross |
Plugin | WordPress Page Builder – Beaver Builder |
Version | 2.5.1.1 |
Comparing to | |
See all releases |
Code changes from version 2.5.1 to 2.5.1.1
- changelog.txt +21 -1
- classes/class-fl-builder-compatibility.php +3 -0
- classes/class-fl-builder-fonts.php +18 -6
- classes/class-fl-builder-icons.php +13 -3
- classes/class-fl-builder-loader.php +1 -1
- classes/class-fl-builder-loop.php +6 -9
- classes/class-fl-builder-model.php +1 -1
- classes/class-fl-builder.php +16 -0
- css/build/vendor-bb-fluid.bundle.css +170 -59
- css/build/vendor-bb-fluid.bundle.min.css +1 -1
- extensions/fl-builder-cache-helper/plugins/acf.php +5 -2
- extensions/fl-builder-seo-plugins/classes/class-fl-builder-seo-plugins.php +6 -2
- fl-builder.php +1 -1
- includes/updater-config.php +1 -1
- js/build/builder.bundle.js +315 -200
- js/build/builder.bundle.min.js +1 -1
- js/build/builder.bundle.min.js.LICENSE.txt +2 -2
- js/build/canvas.bundle.js +36 -40
- js/build/vendor-bb-app-core.bundle.js +23 -27
- js/build/vendor-bb-app-core.bundle.min.js +1 -1
- js/build/vendor-bb-fluid.bundle.js +118 -37
- js/build/vendor-bb-fluid.bundle.min.js +2 -1
- js/build/vendor-bb-fluid.bundle.min.js.LICENSE.txt +1 -1
- js/build/vendor-bb-icons.bundle.js +17 -21
- js/build/vendor-framer-motion.bundle.js +5004 -2485
changelog.txt
CHANGED
@@ -1,3 +1,20 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
<h4>2.5.1 - 12/9/2021</h4>
|
2 |
<p><strong>Enhancements</strong></p>
|
3 |
|
@@ -14,7 +31,6 @@
|
|
14 |
<li>Reduce number of queries for Saved nodes by switching from using <code>get_terms</code> function to <code>get_the_terms</code> since it's cached</li>
|
15 |
<li>Pricing Table Module: Make Advanced Spacing, Tooltip Icon Size, Feature Icon Size, Box Top Margin and Typography responsive</li>
|
16 |
<li>Fix conflict with Signify theme when adding media in UI</li>
|
17 |
-
<li>Add new filters <code>fl_builder_render_css_row</code> <code>fl_builder_render_css_col</code> <code>fl_builder_render_css_module</code> <code>fl_builder_render_css_module_{$module->slug}</code></li>
|
18 |
</ul>
|
19 |
|
20 |
<p><strong>Bug Fixes</strong></p>
|
@@ -41,6 +57,10 @@
|
|
41 |
is set to true</li>
|
42 |
</ul>
|
43 |
|
|
|
|
|
|
|
|
|
44 |
|
45 |
<h4>2.5.0.3 - 10/19/2021</h4>
|
46 |
<p><strong>Bug Fixes</strong></p>
|
1 |
+
<h4>2.5.1.1 - 12/22/2021</h4>
|
2 |
+
<p><strong>Bug Fixes</strong></p>
|
3 |
+
<ul>
|
4 |
+
<li>Accordion Module: Fix items not being able to be closed manually and fix smooth opening and closing not working</li>
|
5 |
+
<li>Button Module: Fix hover color issue</li>
|
6 |
+
<li>Menu Module: Fix sub-menu items using inherit for backwards compatibility</li>
|
7 |
+
<li>Post Grid Module: Fix FontAwesome icons being enqueued when it is not needed</li>
|
8 |
+
<li>Search module: fix missing an echo statement in the value attribute</li>
|
9 |
+
<li>Outline Panel: Fix not being able to delete unavailable modules</li>
|
10 |
+
<li>Fix ACF cache not being cleared for option pages properly</li>
|
11 |
+
<li>Fix JS error when changing a module setting and using the Publish keyboard shortcut</li>
|
12 |
+
<li>Fix limit on repeater field not working inside a form field</li>
|
13 |
+
<li>Fix FontAwesome icons preload issue</li>
|
14 |
+
<li>Optimize visibility fix to prevent an infinite loop</li>
|
15 |
+
<li>SEO Plugin integrations: don't delete assets while fetching data to prevent 404 errors with assets</li>
|
16 |
+
</ul>
|
17 |
+
|
18 |
<h4>2.5.1 - 12/9/2021</h4>
|
19 |
<p><strong>Enhancements</strong></p>
|
20 |
|
31 |
<li>Reduce number of queries for Saved nodes by switching from using <code>get_terms</code> function to <code>get_the_terms</code> since it's cached</li>
|
32 |
<li>Pricing Table Module: Make Advanced Spacing, Tooltip Icon Size, Feature Icon Size, Box Top Margin and Typography responsive</li>
|
33 |
<li>Fix conflict with Signify theme when adding media in UI</li>
|
|
|
34 |
</ul>
|
35 |
|
36 |
<p><strong>Bug Fixes</strong></p>
|
57 |
is set to true</li>
|
58 |
</ul>
|
59 |
|
60 |
+
<p><strong>Development</strong></p>
|
61 |
+
<ul>
|
62 |
+
<li>Add new filters <code>fl_builder_render_css_row</code> <code>fl_builder_render_css_col</code> <code>fl_builder_render_css_module</code> <code>fl_builder_render_css_module_{$module->slug}</code></li>
|
63 |
+
</ul>
|
64 |
|
65 |
<h4>2.5.0.3 - 10/19/2021</h4>
|
66 |
<p><strong>Bug Fixes</strong></p>
|
classes/class-fl-builder-compatibility.php
CHANGED
@@ -1141,6 +1141,9 @@ final class FLBuilderCompatibility {
|
|
1141 |
* When in Rest, if its a BB layout use that data of wp_content
|
1142 |
*/
|
1143 |
public static function fix_rest_content() {
|
|
|
|
|
|
|
1144 |
global $render_content_forced;
|
1145 |
$render_content_forced = true;
|
1146 |
add_filter( 'get_the_excerpt', 'FLBuilderCompatibility::fix_rest_excerpt_filter', 10, 2 );
|
1141 |
* When in Rest, if its a BB layout use that data of wp_content
|
1142 |
*/
|
1143 |
public static function fix_rest_content() {
|
1144 |
+
if ( is_admin() ) {
|
1145 |
+
return false;
|
1146 |
+
}
|
1147 |
global $render_content_forced;
|
1148 |
$render_content_forced = true;
|
1149 |
add_filter( 'get_the_excerpt', 'FLBuilderCompatibility::fix_rest_excerpt_filter', 10, 2 );
|
classes/class-fl-builder-fonts.php
CHANGED
@@ -16,6 +16,8 @@ final class FLBuilderFonts {
|
|
16 |
|
17 |
static private $enqueued_google_fonts_done = false;
|
18 |
|
|
|
|
|
19 |
/**
|
20 |
* @since 1.9.5
|
21 |
* @return void
|
@@ -34,15 +36,25 @@ final class FLBuilderFonts {
|
|
34 |
'foundation-icons' => array(
|
35 |
'https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.woff',
|
36 |
),
|
37 |
-
'font-awesome-5' => array(
|
38 |
-
FL_BUILDER_URL . 'fonts/fontawesome/' . $fa_version . '/webfonts/fa-brands-400.woff2',
|
39 |
-
FL_BUILDER_URL . 'fonts/fontawesome/' . $fa_version . '/webfonts/fa-solid-900.woff2',
|
40 |
-
FL_BUILDER_URL . 'fonts/fontawesome/' . $fa_version . '/webfonts/fa-regular-400.woff2',
|
41 |
-
),
|
42 |
);
|
43 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
44 |
// if using pro cdn do not preload as we have no idea what the url will be.
|
45 |
-
if ( get_option( '_fl_builder_enable_fa_pro', false ) || apply_filters( 'fl_enable_fa5_pro', false ) ) {
|
46 |
unset( $icons['font-awesome-5'] );
|
47 |
}
|
48 |
|
16 |
|
17 |
static private $enqueued_google_fonts_done = false;
|
18 |
|
19 |
+
static $preload_fa5 = array();
|
20 |
+
|
21 |
/**
|
22 |
* @since 1.9.5
|
23 |
* @return void
|
36 |
'foundation-icons' => array(
|
37 |
'https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.woff',
|
38 |
),
|
39 |
+
'font-awesome-5' => array(),
|
|
|
|
|
|
|
|
|
40 |
);
|
41 |
|
42 |
+
foreach ( array_unique( FLBuilderFonts::$preload_fa5 ) as $type ) {
|
43 |
+
switch ( $type ) {
|
44 |
+
case 'fas':
|
45 |
+
$icons['font-awesome-5'][] = FL_BUILDER_URL . 'fonts/fontawesome/' . $fa_version . '/webfonts/fa-solid-900.woff2';
|
46 |
+
break;
|
47 |
+
case 'far':
|
48 |
+
$icons['font-awesome-5'][] = FL_BUILDER_URL . 'fonts/fontawesome/' . $fa_version . '/webfonts/fa-regular-400.woff2';
|
49 |
+
break;
|
50 |
+
case 'fab':
|
51 |
+
$icons['font-awesome-5'][] = FL_BUILDER_URL . 'fonts/fontawesome/' . $fa_version . '/webfonts/fa-brands-400.woff2';
|
52 |
+
break;
|
53 |
+
}
|
54 |
+
}
|
55 |
+
|
56 |
// if using pro cdn do not preload as we have no idea what the url will be.
|
57 |
+
if ( get_option( '_fl_builder_enable_fa_pro', false ) || apply_filters( 'fl_enable_fa5_pro', false ) || empty( $icons['font-awesome-5'] ) ) {
|
58 |
unset( $icons['font-awesome-5'] );
|
59 |
}
|
60 |
|
classes/class-fl-builder-icons.php
CHANGED
@@ -492,10 +492,20 @@ final class FLBuilderIcons {
|
|
492 |
}
|
493 |
|
494 |
// finally check for fa5, we do this last because subsets miight be loaded in the block above.
|
495 |
-
|
496 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
497 |
}
|
498 |
-
|
499 |
}
|
500 |
|
501 |
/**
|
492 |
}
|
493 |
|
494 |
// finally check for fa5, we do this last because subsets miight be loaded in the block above.
|
495 |
+
$types = array(
|
496 |
+
'far',
|
497 |
+
'fas',
|
498 |
+
'fab',
|
499 |
+
'fal',
|
500 |
+
'fad',
|
501 |
+
);
|
502 |
+
|
503 |
+
foreach ( $types as $type ) {
|
504 |
+
if ( stristr( $icon, $type . ' fa-' ) ) {
|
505 |
+
wp_enqueue_style( 'font-awesome-5' );
|
506 |
+
FLBuilderFonts::$preload_fa5[] = $type;
|
507 |
+
}
|
508 |
}
|
|
|
509 |
}
|
510 |
|
511 |
/**
|
classes/class-fl-builder-loader.php
CHANGED
@@ -48,7 +48,7 @@ if ( ! class_exists( 'FLBuilderLoader' ) ) {
|
|
48 |
* @return void
|
49 |
*/
|
50 |
static private function define_constants() {
|
51 |
-
define( 'FL_BUILDER_VERSION', '2.5.1' );
|
52 |
define( 'FL_BUILDER_FILE', trailingslashit( dirname( dirname( __FILE__ ) ) ) . 'fl-builder.php' );
|
53 |
define( 'FL_BUILDER_DIR', plugin_dir_path( FL_BUILDER_FILE ) );
|
54 |
define( 'FL_BUILDER_URL', plugins_url( '/', FL_BUILDER_FILE ) );
|
48 |
* @return void
|
49 |
*/
|
50 |
static private function define_constants() {
|
51 |
+
define( 'FL_BUILDER_VERSION', '2.5.1.1' );
|
52 |
define( 'FL_BUILDER_FILE', trailingslashit( dirname( dirname( __FILE__ ) ) ) . 'fl-builder.php' );
|
53 |
define( 'FL_BUILDER_DIR', plugin_dir_path( FL_BUILDER_FILE ) );
|
54 |
define( 'FL_BUILDER_URL', plugins_url( '/', FL_BUILDER_FILE ) );
|
classes/class-fl-builder-loop.php
CHANGED
@@ -1149,17 +1149,14 @@ final class FLBuilderLoop {
|
|
1149 |
if ( ! $post_id || ! is_object( $post ) ) {
|
1150 |
return '';
|
1151 |
}
|
1152 |
-
|
1153 |
-
/**
|
1154 |
-
* Replace WP excerpt with our layout data.
|
1155 |
-
*/
|
1156 |
-
ob_start();
|
1157 |
-
FLBuilder::render_content_by_id( $post_id );
|
1158 |
-
$post->post_content = ob_get_clean();
|
1159 |
-
}
|
1160 |
ob_start();
|
1161 |
the_excerpt();
|
1162 |
-
|
|
|
|
|
|
|
|
|
1163 |
}
|
1164 |
}
|
1165 |
|
1149 |
if ( ! $post_id || ! is_object( $post ) ) {
|
1150 |
return '';
|
1151 |
}
|
1152 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1153 |
ob_start();
|
1154 |
the_excerpt();
|
1155 |
+
/**
|
1156 |
+
* Filters the output of FLBuilderLoop::get_the_excerpt
|
1157 |
+
* @see fl_builder_loop_get_the_excerpt
|
1158 |
+
*/
|
1159 |
+
return apply_filters( 'fl_builder_loop_get_the_excerpt', ob_get_clean() );
|
1160 |
}
|
1161 |
}
|
1162 |
|
classes/class-fl-builder-model.php
CHANGED
@@ -3682,7 +3682,7 @@ final class FLBuilderModel {
|
|
3682 |
}
|
3683 |
$widget->class = $class;
|
3684 |
$widget->isWidget = true; // @codingStandardsIgnoreLine
|
3685 |
-
$widget->fl_category
|
3686 |
$widgets[ $widget->name ] = $widget;
|
3687 |
}
|
3688 |
|
3682 |
}
|
3683 |
$widget->class = $class;
|
3684 |
$widget->isWidget = true; // @codingStandardsIgnoreLine
|
3685 |
+
$widget->fl_category = __( 'WordPress Widgets', 'fl-builder' );
|
3686 |
$widgets[ $widget->name ] = $widget;
|
3687 |
}
|
3688 |
|
classes/class-fl-builder.php
CHANGED
@@ -2065,6 +2065,10 @@ final class FLBuilder {
|
|
2065 |
// Render the modules.
|
2066 |
foreach ( $rows as $row ) {
|
2067 |
|
|
|
|
|
|
|
|
|
2068 |
$groups = FLBuilderModel::get_nodes( 'column-group', $row );
|
2069 |
|
2070 |
foreach ( $groups as $group ) {
|
@@ -2073,6 +2077,10 @@ final class FLBuilder {
|
|
2073 |
|
2074 |
foreach ( $cols as $col ) {
|
2075 |
|
|
|
|
|
|
|
|
|
2076 |
$col_children = FLBuilderModel::get_nodes( null, $col );
|
2077 |
|
2078 |
foreach ( $col_children as $col_child ) {
|
@@ -2081,6 +2089,10 @@ final class FLBuilder {
|
|
2081 |
|
2082 |
$module = FLBuilderModel::get_module( $col_child );
|
2083 |
|
|
|
|
|
|
|
|
|
2084 |
if ( $module && $module->editor_export ) {
|
2085 |
|
2086 |
// Don't crop photos to ensure media library photos are rendered.
|
@@ -2100,6 +2112,10 @@ final class FLBuilder {
|
|
2100 |
|
2101 |
foreach ( $modules as $module ) {
|
2102 |
|
|
|
|
|
|
|
|
|
2103 |
if ( $module->editor_export ) {
|
2104 |
|
2105 |
// Don't crop photos to ensure media library photos are rendered.
|
2065 |
// Render the modules.
|
2066 |
foreach ( $rows as $row ) {
|
2067 |
|
2068 |
+
if ( FLBuilderModel::node_has_visibility_rules( $row ) ) {
|
2069 |
+
continue;
|
2070 |
+
}
|
2071 |
+
|
2072 |
$groups = FLBuilderModel::get_nodes( 'column-group', $row );
|
2073 |
|
2074 |
foreach ( $groups as $group ) {
|
2077 |
|
2078 |
foreach ( $cols as $col ) {
|
2079 |
|
2080 |
+
if ( FLBuilderModel::node_has_visibility_rules( $col ) ) {
|
2081 |
+
continue;
|
2082 |
+
}
|
2083 |
+
|
2084 |
$col_children = FLBuilderModel::get_nodes( null, $col );
|
2085 |
|
2086 |
foreach ( $col_children as $col_child ) {
|
2089 |
|
2090 |
$module = FLBuilderModel::get_module( $col_child );
|
2091 |
|
2092 |
+
if ( FLBuilderModel::node_has_visibility_rules( $module ) ) {
|
2093 |
+
continue;
|
2094 |
+
}
|
2095 |
+
|
2096 |
if ( $module && $module->editor_export ) {
|
2097 |
|
2098 |
// Don't crop photos to ensure media library photos are rendered.
|
2112 |
|
2113 |
foreach ( $modules as $module ) {
|
2114 |
|
2115 |
+
if ( FLBuilderModel::node_has_visibility_rules( $module ) ) {
|
2116 |
+
continue;
|
2117 |
+
}
|
2118 |
+
|
2119 |
if ( $module->editor_export ) {
|
2120 |
|
2121 |
// Don't crop photos to ensure media library photos are rendered.
|
css/build/vendor-bb-fluid.bundle.css
CHANGED
@@ -858,49 +858,6 @@
|
|
858 |
overflow: auto;
|
859 |
position: relative; }
|
860 |
|
861 |
-
.fl.uid .fluid-page .fluid-section {
|
862 |
-
display: flex;
|
863 |
-
flex-direction: column;
|
864 |
-
flex: 0 0 auto;
|
865 |
-
margin: 0 calc( 0px - var(--fluid-lg-space)); }
|
866 |
-
|
867 |
-
.fl.uid .fluid-page .fluid-section .fluid-section-title {
|
868 |
-
flex: 0 0 auto;
|
869 |
-
display: flex;
|
870 |
-
flex-direction: row;
|
871 |
-
align-items: flex-end;
|
872 |
-
padding: 9px var(--fluid-lg-space) 0;
|
873 |
-
text-transform: uppercase;
|
874 |
-
border-bottom: 2px solid var(--fluid-line-color);
|
875 |
-
min-height: var(--fluid-target-size); }
|
876 |
-
|
877 |
-
.fl.uid .fluid-page .fluid-section .fluid-section-title .fluid-section-title-text {
|
878 |
-
display: inline-flex;
|
879 |
-
max-width: 70%;
|
880 |
-
box-shadow: 0px 2px 0px 0px currentColor;
|
881 |
-
align-items: flex-end;
|
882 |
-
padding: 0 0 5px;
|
883 |
-
font-weight: 500; }
|
884 |
-
|
885 |
-
.fl.uid .fluid-page .fluid-section .fluid-section-description {
|
886 |
-
flex: 0 0 auto;
|
887 |
-
display: flex;
|
888 |
-
flex-direction: column;
|
889 |
-
padding: var(--fluid-lg-space);
|
890 |
-
padding-bottom: 0;
|
891 |
-
font-style: italic; }
|
892 |
-
|
893 |
-
.fl.uid .fluid-page .fluid-section .fluid-section-description > :first-child {
|
894 |
-
margin-top: 0; }
|
895 |
-
|
896 |
-
.fl.uid .fluid-page .fluid-section .fluid-section-description > :last-child {
|
897 |
-
margin-bottom: 0; }
|
898 |
-
|
899 |
-
.fl.uid .fluid-page .fluid-section .fluid-section-content {
|
900 |
-
flex: 1 0 auto;
|
901 |
-
display: grid;
|
902 |
-
grid-row-gap: var(--fluid-sm-space); }
|
903 |
-
|
904 |
.fluid-menu {
|
905 |
width: 180px;
|
906 |
background: var(--fluid-background);
|
@@ -1260,6 +1217,125 @@
|
|
1260 |
--color: var(--fluid-destructive-color);
|
1261 |
--hover-color: var(--fluid-destructive-color); }
|
1262 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1263 |
.fl.uid .fluid-scroller {
|
1264 |
box-sizing: border-box;
|
1265 |
flex: 1 1 auto;
|
@@ -1379,11 +1455,13 @@
|
|
1379 |
pointer-events: none; }
|
1380 |
|
1381 |
.fluid .fluid-collection {
|
|
|
|
|
1382 |
position: relative;
|
1383 |
display: grid;
|
1384 |
-
grid-template-columns: repeat(
|
1385 |
-
grid-gap: var(--fluid-
|
1386 |
-
padding: var(--fluid-
|
1387 |
padding-top: 2px;
|
1388 |
margin: 0; }
|
1389 |
|
@@ -1405,31 +1483,57 @@
|
|
1405 |
z-index: 1; }
|
1406 |
|
1407 |
.fluid .fluid-collection .fluid-collection-item-thumbnail .fluid-aspect-box {
|
1408 |
-
|
|
|
1409 |
|
1410 |
.fluid .fluid-collection .fluid-collection-item-text {
|
1411 |
flex: 1 1 auto;
|
1412 |
display: flex;
|
1413 |
-
|
1414 |
-
align-items: flex-start; }
|
1415 |
|
1416 |
.fluid .fluid-collection .fluid-collection-item-text .fluid-item-title {
|
|
|
1417 |
display: flex;
|
1418 |
-
flex-direction:
|
1419 |
-
align-items:
|
1420 |
-
|
|
|
|
|
1421 |
|
1422 |
-
.fluid .fluid-collection .fluid-collection-item-text .fluid-item-title
|
1423 |
-
|
|
|
|
|
|
|
1424 |
|
1425 |
-
.fluid .fluid-collection .fluid-collection-item-text .fluid-item-title.fluid-
|
|
|
|
|
|
|
|
|
|
|
1426 |
overflow: hidden;
|
1427 |
white-space: nowrap;
|
1428 |
text-overflow: ellipsis; }
|
1429 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1430 |
.fluid .fluid-collection .fluid-button.fluid-collection-item-primary-action {
|
1431 |
flex: 1 1 auto;
|
1432 |
-
padding:
|
|
|
|
|
|
|
1433 |
|
1434 |
.fluid .fluid-collection .fluid-button.fluid-collection-item-primary-action > span {
|
1435 |
flex: 1 1 auto;
|
@@ -1437,7 +1541,10 @@
|
|
1437 |
align-items: stretch; }
|
1438 |
|
1439 |
.fluid .fluid-collection .fluid-button.fluid-collection-item-primary-action:hover {
|
1440 |
-
background-color: var(--fluid-transparent-
|
|
|
|
|
|
|
1441 |
|
1442 |
.fluid .fluid-collection .fluid-collection-item-list-content {
|
1443 |
display: flex;
|
@@ -1451,12 +1558,16 @@
|
|
1451 |
.fluid .fluid-collection .fluid-collection-item-list-content .fluid-item-title {
|
1452 |
font-size: 14px; }
|
1453 |
|
1454 |
-
.fluid .fluid-collection .fluid-collection-item-grid-content
|
1455 |
-
|
|
|
1456 |
|
1457 |
.fluid .fluid-collection .fluid-collection-item-grid-content .fluid-item-title {
|
1458 |
font-size: 12px; }
|
1459 |
|
|
|
|
|
|
|
1460 |
.fluid .fluid-color-scheme-dark .fluid-button.fluid-collection-item-primary-action:hover {
|
1461 |
background-color: var(--fluid-opaque-0); }
|
1462 |
|
858 |
overflow: auto;
|
859 |
position: relative; }
|
860 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
861 |
.fluid-menu {
|
862 |
width: 180px;
|
863 |
background: var(--fluid-background);
|
1217 |
--color: var(--fluid-destructive-color);
|
1218 |
--hover-color: var(--fluid-destructive-color); }
|
1219 |
|
1220 |
+
.fluid-dialog {
|
1221 |
+
background-color: rgba(0, 0, 0, 0.2);
|
1222 |
+
display: flex;
|
1223 |
+
align-items: center;
|
1224 |
+
justify-content: center;
|
1225 |
+
padding: var(--fluid-med-space);
|
1226 |
+
position: fixed;
|
1227 |
+
top: 0;
|
1228 |
+
right: 0;
|
1229 |
+
bottom: 0;
|
1230 |
+
left: 0;
|
1231 |
+
z-index: 1000; }
|
1232 |
+
|
1233 |
+
.fluid-dialog-window {
|
1234 |
+
background: var(--fluid-background);
|
1235 |
+
border-radius: var(--fluid-radius);
|
1236 |
+
box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
|
1237 |
+
padding: var(--fluid-lg-space);
|
1238 |
+
max-width: 460px;
|
1239 |
+
width: 100%; }
|
1240 |
+
|
1241 |
+
.fluid-dialog-title {
|
1242 |
+
font-size: 20px;
|
1243 |
+
margin-bottom: var(--fluid-med-space); }
|
1244 |
+
|
1245 |
+
.fluid-dialog-message {
|
1246 |
+
font-size: 14px;
|
1247 |
+
line-height: 1.6;
|
1248 |
+
margin-bottom: var(--fluid-lg-space); }
|
1249 |
+
|
1250 |
+
.fluid-dialog-buttons {
|
1251 |
+
display: flex;
|
1252 |
+
justify-content: flex-end; }
|
1253 |
+
|
1254 |
+
.fluid-dialog-buttons button {
|
1255 |
+
margin-left: var(--fluid-sm-space);
|
1256 |
+
min-width: 70px !important; }
|
1257 |
+
|
1258 |
+
.fluid-lightbox {
|
1259 |
+
background-color: rgba(0, 0, 0, 0.75);
|
1260 |
+
padding: var(--fluid-med-space);
|
1261 |
+
position: fixed;
|
1262 |
+
top: 0;
|
1263 |
+
right: 0;
|
1264 |
+
bottom: 0;
|
1265 |
+
left: 0;
|
1266 |
+
z-index: 1000; }
|
1267 |
+
|
1268 |
+
.fluid-lightbox .fluid-lightbox-close,
|
1269 |
+
.fluid-lightbox .fluid-lightbox-close:hover,
|
1270 |
+
.fluid-lightbox .fluid-lightbox-close:active,
|
1271 |
+
.fluid-lightbox .fluid-lightbox-close:focus {
|
1272 |
+
background-color: rgba(0, 0, 0, 0.75);
|
1273 |
+
border-radius: 100%;
|
1274 |
+
color: #fff;
|
1275 |
+
font-size: 16px;
|
1276 |
+
position: absolute;
|
1277 |
+
top: var(--fluid-med-space);
|
1278 |
+
right: var(--fluid-med-space); }
|
1279 |
+
|
1280 |
+
.fluid-lightbox .fluid-lightbox-content {
|
1281 |
+
cursor: zoom-out;
|
1282 |
+
display: flex;
|
1283 |
+
align-items: center;
|
1284 |
+
justify-content: center;
|
1285 |
+
padding: var(--fluid-lg-space);
|
1286 |
+
position: fixed;
|
1287 |
+
top: 0;
|
1288 |
+
right: 0;
|
1289 |
+
bottom: 0;
|
1290 |
+
left: 0; }
|
1291 |
+
|
1292 |
+
.fluid-lightbox .fluid-lightbox-content img {
|
1293 |
+
max-width: 100%;
|
1294 |
+
max-height: 100%; }
|
1295 |
+
|
1296 |
+
.fl.uid .fluid-page .fluid-section {
|
1297 |
+
display: flex;
|
1298 |
+
flex-direction: column;
|
1299 |
+
flex: 0 0 auto;
|
1300 |
+
margin: 0 calc( 0px - var(--fluid-lg-space)); }
|
1301 |
+
|
1302 |
+
.fl.uid .fluid-page .fluid-section .fluid-section-title {
|
1303 |
+
flex: 0 0 auto;
|
1304 |
+
display: flex;
|
1305 |
+
flex-direction: row;
|
1306 |
+
align-items: flex-end;
|
1307 |
+
padding: 9px var(--fluid-lg-space) 0;
|
1308 |
+
text-transform: uppercase;
|
1309 |
+
border-bottom: 2px solid var(--fluid-line-color);
|
1310 |
+
min-height: var(--fluid-target-size); }
|
1311 |
+
|
1312 |
+
.fl.uid .fluid-page .fluid-section .fluid-section-title .fluid-section-title-text {
|
1313 |
+
display: inline-flex;
|
1314 |
+
max-width: 70%;
|
1315 |
+
box-shadow: 0px 2px 0px 0px currentColor;
|
1316 |
+
align-items: flex-end;
|
1317 |
+
padding: 0 0 5px;
|
1318 |
+
font-weight: 500; }
|
1319 |
+
|
1320 |
+
.fl.uid .fluid-page .fluid-section .fluid-section-description {
|
1321 |
+
flex: 0 0 auto;
|
1322 |
+
display: flex;
|
1323 |
+
flex-direction: column;
|
1324 |
+
padding: var(--fluid-lg-space);
|
1325 |
+
padding-bottom: 0;
|
1326 |
+
font-style: italic; }
|
1327 |
+
|
1328 |
+
.fl.uid .fluid-page .fluid-section .fluid-section-description > :first-child {
|
1329 |
+
margin-top: 0; }
|
1330 |
+
|
1331 |
+
.fl.uid .fluid-page .fluid-section .fluid-section-description > :last-child {
|
1332 |
+
margin-bottom: 0; }
|
1333 |
+
|
1334 |
+
.fl.uid .fluid-page .fluid-section .fluid-section-content {
|
1335 |
+
flex: 1 0 auto;
|
1336 |
+
display: grid;
|
1337 |
+
grid-row-gap: var(--fluid-sm-space); }
|
1338 |
+
|
1339 |
.fl.uid .fluid-scroller {
|
1340 |
box-sizing: border-box;
|
1341 |
flex: 1 1 auto;
|
1455 |
pointer-events: none; }
|
1456 |
|
1457 |
.fluid .fluid-collection {
|
1458 |
+
--icon-area: 40px;
|
1459 |
+
--thumbnail-brightness: 97%;
|
1460 |
position: relative;
|
1461 |
display: grid;
|
1462 |
+
grid-template-columns: repeat(2, 1fr);
|
1463 |
+
grid-gap: var(--fluid-lg-space);
|
1464 |
+
padding: var(--fluid-lg-space);
|
1465 |
padding-top: 2px;
|
1466 |
margin: 0; }
|
1467 |
|
1483 |
z-index: 1; }
|
1484 |
|
1485 |
.fluid .fluid-collection .fluid-collection-item-thumbnail .fluid-aspect-box {
|
1486 |
+
-webkit-filter: brightness(var(--thumbnail-brightness));
|
1487 |
+
filter: brightness(var(--thumbnail-brightness)); }
|
1488 |
|
1489 |
.fluid .fluid-collection .fluid-collection-item-text {
|
1490 |
flex: 1 1 auto;
|
1491 |
display: flex;
|
1492 |
+
min-height: 50px; }
|
|
|
1493 |
|
1494 |
.fluid .fluid-collection .fluid-collection-item-text .fluid-item-title {
|
1495 |
+
flex: 1 1 auto;
|
1496 |
display: flex;
|
1497 |
+
flex-direction: column;
|
1498 |
+
align-items: flex-start;
|
1499 |
+
justify-content: center;
|
1500 |
+
max-width: 100%;
|
1501 |
+
padding: 0 10px; }
|
1502 |
|
1503 |
+
.fluid .fluid-collection .fluid-collection-item-text .fluid-item-title .fluid-item-title-text,
|
1504 |
+
.fluid .fluid-collection .fluid-collection-item-text .fluid-item-title .fluid-item-description {
|
1505 |
+
line-height: 1;
|
1506 |
+
word-break: break-word;
|
1507 |
+
text-align: left; }
|
1508 |
|
1509 |
+
.fluid .fluid-collection .fluid-collection-item-text .fluid-item-title .fluid-item-description {
|
1510 |
+
padding-top: 3px;
|
1511 |
+
opacity: .7; }
|
1512 |
+
|
1513 |
+
.fluid .fluid-collection .fluid-collection-item-text .fluid-item-title .fluid-truncate {
|
1514 |
+
max-width: 100%;
|
1515 |
overflow: hidden;
|
1516 |
white-space: nowrap;
|
1517 |
text-overflow: ellipsis; }
|
1518 |
|
1519 |
+
.fluid .fluid-collection .fluid-collection-item-text.item-has-icon .fluid-item-title {
|
1520 |
+
padding-left: 0;
|
1521 |
+
max-width: calc( 100% - var(--icon-area)); }
|
1522 |
+
|
1523 |
+
.fluid .fluid-collection .fluid-collection-item-icon {
|
1524 |
+
flex: 0 0 var(--icon-area);
|
1525 |
+
width: var(--icon-area);
|
1526 |
+
min-height: var(--icon-area);
|
1527 |
+
display: flex;
|
1528 |
+
justify-content: center;
|
1529 |
+
align-items: center; }
|
1530 |
+
|
1531 |
.fluid .fluid-collection .fluid-button.fluid-collection-item-primary-action {
|
1532 |
flex: 1 1 auto;
|
1533 |
+
padding: 0;
|
1534 |
+
background: var(--fluid-opaque-12);
|
1535 |
+
border-radius: var(--fluid-radius);
|
1536 |
+
overflow: hidden; }
|
1537 |
|
1538 |
.fluid .fluid-collection .fluid-button.fluid-collection-item-primary-action > span {
|
1539 |
flex: 1 1 auto;
|
1541 |
align-items: stretch; }
|
1542 |
|
1543 |
.fluid .fluid-collection .fluid-button.fluid-collection-item-primary-action:hover {
|
1544 |
+
background-color: var(--fluid-transparent-11); }
|
1545 |
+
|
1546 |
+
.fluid .fluid-collection .fluid-button.fluid-collection-item-primary-action:focus {
|
1547 |
+
box-shadow: 0 0 0 1.5px var(--fluid-background), 0 0 0 3px var(--fluid-blue); }
|
1548 |
|
1549 |
.fluid .fluid-collection .fluid-collection-item-list-content {
|
1550 |
display: flex;
|
1558 |
.fluid .fluid-collection .fluid-collection-item-list-content .fluid-item-title {
|
1559 |
font-size: 14px; }
|
1560 |
|
1561 |
+
.fluid .fluid-collection .fluid-collection-item-grid-content {
|
1562 |
+
display: flex;
|
1563 |
+
flex-direction: column; }
|
1564 |
|
1565 |
.fluid .fluid-collection .fluid-collection-item-grid-content .fluid-item-title {
|
1566 |
font-size: 12px; }
|
1567 |
|
1568 |
+
.fluid .fluid-color-scheme-dark .fluid-button.fluid-collection-item-primary-action {
|
1569 |
+
background: var(--fluid-opaque-1); }
|
1570 |
+
|
1571 |
.fluid .fluid-color-scheme-dark .fluid-button.fluid-collection-item-primary-action:hover {
|
1572 |
background-color: var(--fluid-opaque-0); }
|
1573 |
|
css/build/vendor-bb-fluid.bundle.min.css
CHANGED
@@ -1 +1 @@
|
|
1 |
-
.fluid{--fluid-hue:210;--fluid-opaque-0:#000;--fluid-opaque-1:hsl(var(--fluid-hue),10%,10%);--fluid-opaque-2:hsl(var(--fluid-hue),10%,15%);--fluid-opaque-3:hsl(var(--fluid-hue),10%,20%);--fluid-opaque-4:hsl(var(--fluid-hue),10%,25%);--fluid-opaque-5:hsl(var(--fluid-hue),10%,30%);--fluid-opaque-6:hsl(var(--fluid-hue),10%,35%);--fluid-opaque-7:hsl(var(--fluid-hue),10%,50%);--fluid-opaque-8:hsl(var(--fluid-hue),27%,87%);--fluid-opaque-9:hsl(var(--fluid-hue),33%,89%);--fluid-opaque-10:hsl(var(--fluid-hue),33%,91%);--fluid-opaque-11:hsl(var(--fluid-hue),33%,93%);--fluid-opaque-12:hsl(var(--fluid-hue),33%,95%);--fluid-opaque-13:hsl(var(--fluid-hue),33%,98%);--fluid-opaque-14:#fff;--fluid-transparent-1:hsla(var(--fluid-hue),10%,10%,80%);--fluid-transparent-2:hsla(var(--fluid-hue),10%,19%,80%);--fluid-transparent-3:hsla(var(--fluid-hue),10%,25%,80%);--fluid-transparent-4:hsla(var(--fluid-hue),10%,31%,80%);--fluid-transparent-5:hsla(var(--fluid-hue),10%,38%,80%);--fluid-transparent-6:hsla(var(--fluid-hue),10%,44%,80%);--fluid-transparent-8:hsla(var(--fluid-hue),27%,84%,80%);--fluid-transparent-9:hsla(var(--fluid-hue),33%,86%,80%);--fluid-transparent-10:hsla(var(--fluid-hue),33%,89%,80%);--fluid-transparent-11:hsla(var(--fluid-hue),34%,90%,80%);--fluid-transparent-12:hsla(var(--fluid-hue),38%,94%,80%);--fluid-transparent-13:hsla(var(--fluid-hue),38%,98%,80%);--fluid-blue-hue:210;--fluid-blue-0:#000;--fluid-blue-1:hsl(var(--fluid-blue-hue),100%,10%);--fluid-blue-2:hsl(var(--fluid-blue-hue),100%,15%);--fluid-blue-3:hsl(var(--fluid-blue-hue),100%,20%);--fluid-blue-4:hsl(var(--fluid-blue-hue),100%,25%);--fluid-blue-5:hsl(var(--fluid-blue-hue),100%,30%);--fluid-blue-6:hsl(var(--fluid-blue-hue),100%,35%);--fluid-blue-7:hsl(var(--fluid-blue-hue),100%,45%);--fluid-blue-8:hsl(var(--fluid-blue-hue),100%,87%);--fluid-blue-9:hsl(var(--fluid-blue-hue),100%,89%);--fluid-blue-10:hsl(var(--fluid-blue-hue),100%,91%);--fluid-blue-11:hsl(var(--fluid-blue-hue),100%,93%);--fluid-blue-12:hsl(var(--fluid-blue-hue),100%,95%);--fluid-blue-13:hsl(var(--fluid-blue-hue),100%,98%);--fluid-blue-14:#fff;--fluid-blue:var(--fluid-blue-7);--fluid-background:var(--fluid-opaque-14);--fluid-color:var(--fluid-opaque-0);--fluid-dark-background:var(--fluid-opaque-2);--fluid-dark-color:var(--fluid-opaque-11);--fluid-box-background:var(--fluid-transparent-12);--fluid-box-color:var(--fluid-opaque-3);--fluid-box-hover-background:var(--fluid-transparent-10);--fluid-box-hover-color:var(--fluid-opaque-0);--fluid-primary-background:var(--fluid-blue-7);--fluid-primary-color:#fff;--fluid-primary-hover-background:var(--fluid-blue-6);--fluid-alert-background:#fef4ea;--fluid-alert-color:#a95700;--fluid-alert-hover-background:#fce3ca;--fluid-destructive-background:#fef3f1;--fluid-destructive-color:#bc0a00;--fluid-destructive-hover-background:#f9dad4;--fluid-accent:hsl(var(--fluid-hue),100%,43%);--fluid-muted-text-color:var(--fluid-opaque-7);--fluid-line-color:var(--fluid-transparent-12);--fluid-dark-line-color:var(--fluid-opaque-0);--fluid-sm-space:5px;--fluid-med-space:10px;--fluid-lg-space:20px;--fluid-radius:5px;--fluid-target-size:36px;--fluid-font-size:13px;--fluid-font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;color:var(--fluid-color);font-family:var(--fluid-font-family);font-size:var(--fluid-font-size);font-weight:400;line-height:1.2}.fluid *{box-sizing:border-box}.fluid hr{margin:10px 0;padding:0}.fluid img{max-width:100%;object-fit:cover;height:auto;width:auto;border:0}.fluid img,.fluid svg,.fluid video{display:block}.fluid a,.fluid button{box-sizing:border-box;-moz-user-select:none;cursor:pointer;letter-spacing:normal;font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;border-radius:var(--fluid-radius);user-select:none;padding:0;display:inline-flex;justify-content:center;align-items:center;text-decoration:none}.fluid a:hover,.fluid button:hover{color:inherit;top:0;box-shadow:none;border:none;background:transparent}.fluid a:focus,.fluid button:focus{color:inherit;top:0;border:none}.fluid a[disabled],.fluid button[disabled]{color:inherit;opacity:.6;pointer-events:none}.fluid a:visited,.fluid button:visited{color:inherit}.fluid a{text-decoration:none}.fluid a:hover{text-decoration:underline}.fluid button{min-height:var(--fluid-target-size);min-width:var(--fluid-target-size)}.fluid button:focus{box-shadow:0 0 0 2px hsla(0,0%,50.2%,.5)}.fluid blockquote,.fluid form,.fluid h1,.fluid h2,.fluid h3,.fluid h4,.fluid h5,.fluid h6,.fluid p,.fluid pre,.fluid table{margin:var(--fluid-lg-space) 0}.fluid blockquote:first-child,.fluid form:first-child,.fluid h1:first-child,.fluid h2:first-child,.fluid h3:first-child,.fluid h4:first-child,.fluid h5:first-child,.fluid h6:first-child,.fluid p:first-child,.fluid pre:first-child,.fluid table:first-child{margin-top:0}.fluid h1,.fluid h2,.fluid h3,.fluid h4,.fluid h5,.fluid h6{color:inherit;font-family:var(--fluid-font-family);font-weight:400}.fluid h1:before,.fluid h2:before,.fluid h3:before,.fluid h4:before,.fluid h5:before,.fluid h6:before{all:unset!important}.fluid h1{font-size:calc(var(--fluid-font-size) + 14px)}.fluid h2{font-size:calc(var(--fluid-font-size) + 10px)}.fluid h3{font-size:calc(var(--fluid-font-size) + 6px)}.fluid p{font-size:14px;line-height:1.3}.fluid ol,.fluid ul{list-style:none;margin:var(--fluid-med-space) 0;padding:0}.fluid ol li,.fluid ul li{margin:0;padding:0}.fluid table.fluid-table{font-size:var(--fluid-font-size);width:100%;border-collapse:collapse;border:none}.fluid table.fluid-table td,.fluid table.fluid-table th{text-align:left;padding:var(--fluid-sm-space) var(--fluid-med-space);border:none;border-right:2px solid var(--fluid-line-color)}.fluid table.fluid-table td:first-child,.fluid table.fluid-table th:first-child{border-top-left-radius:var(--fluid-radius);barder-bottom-left-radius:var(--fluid-radius)}.fluid table.fluid-table td:last-child,.fluid table.fluid-table th:last-child{border-right:0;border-top-right-radius:var(--fluid-radius);barder-bottom-right-radius:var(--fluid-radius)}.fluid table.fluid-table tr:nth-child(2n) td,.fluid table.fluid-table tr:nth-child(2n) th{background:var(--fluid-opaque-13)}.fluid .fluid-color-scheme-dark{--fluid-background:var(--fluid-dark-background);--fluid-color:var(--fluid-dark-color);--fluid-line-color:var(--fluid-dark-line-color);--fluid-box-background:var(--fluid-opaque-1);--fluid-box-color:var(--fluid-dark-color);--fluid-box-hover-background:var(--fluid-opaque-3);--fluid-alert-background:#281a0b;--fluid-alert-color:#ffba70;--fluid-alert-hover-background:#342414;--fluid-destructive-background:#240000;--fluid-destructive-color:#ff5f57;--fluid-destructive-hover-background:#370606;color:var(--fluid-color)}.fluid .fluid-color-scheme-dark table.fluid-table tr:nth-child(2n) td,.fluid .fluid-color-scheme-dark table.fluid-table tr:nth-child(2n) th{background:var(--fluid-opaque-1)}.fluid label{flex-direction:row;align-items:center;font-size:inherit;font-weight:400;line-height:1.2;color:var(--fl-asst-text-color);text-transform:none;text-shadow:none;margin:0 0 var(--fluid-med-space)}.fluid label,.fluid label abbr{display:flex;text-decoration:none}.fluid label abbr{margin-left:5px;color:var(--fl-asst-base-art-color)}.fluid .fl-asst-form-input,.fluid input,.fluid input[type=color],.fluid input[type=date],.fluid input[type=datetime-local],.fluid input[type=datetime],.fluid input[type=email],.fluid input[type=month],.fluid input[type=number],.fluid input[type=password],.fluid input[type=search],.fluid input[type=tel],.fluid input[type=text],.fluid input[type=time],.fluid input[type=url],.fluid input[type=week],.fluid select,.fluid textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;height:auto;flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:400;line-height:inherit;letter-spacing:normal;text-align:left;margin:0;padding:var(--fluid-sm-space);color:inherit;border-radius:var(--fluid-radius);border:none;outline:none;background-color:var(--fluid-transparent-13);box-shadow:inset 0 0 0 1.5px var(--fluid-line-color);min-height:var(--fluid-target-size)}.fluid .fl-asst-form-input::-webkit-input-placeholder,.fluid input::-webkit-input-placeholder,.fluid input[type=color]::-webkit-input-placeholder,.fluid input[type=date]::-webkit-input-placeholder,.fluid input[type=datetime-local]::-webkit-input-placeholder,.fluid input[type=datetime]::-webkit-input-placeholder,.fluid input[type=email]::-webkit-input-placeholder,.fluid input[type=month]::-webkit-input-placeholder,.fluid input[type=number]::-webkit-input-placeholder,.fluid input[type=password]::-webkit-input-placeholder,.fluid input[type=search]::-webkit-input-placeholder,.fluid input[type=tel]::-webkit-input-placeholder,.fluid input[type=text]::-webkit-input-placeholder,.fluid input[type=time]::-webkit-input-placeholder,.fluid input[type=url]::-webkit-input-placeholder,.fluid input[type=week]::-webkit-input-placeholder,.fluid select::-webkit-input-placeholder,.fluid textarea::-webkit-input-placeholder{text-align:left;color:var(--fluid-muted-text-color)}.fluid .fl-asst-form-input::-ms-input-placeholder,.fluid input::-ms-input-placeholder,.fluid input[type=color]::-ms-input-placeholder,.fluid input[type=date]::-ms-input-placeholder,.fluid input[type=datetime-local]::-ms-input-placeholder,.fluid input[type=datetime]::-ms-input-placeholder,.fluid input[type=email]::-ms-input-placeholder,.fluid input[type=month]::-ms-input-placeholder,.fluid input[type=number]::-ms-input-placeholder,.fluid input[type=password]::-ms-input-placeholder,.fluid input[type=search]::-ms-input-placeholder,.fluid input[type=tel]::-ms-input-placeholder,.fluid input[type=text]::-ms-input-placeholder,.fluid input[type=time]::-ms-input-placeholder,.fluid input[type=url]::-ms-input-placeholder,.fluid input[type=week]::-ms-input-placeholder,.fluid select::-ms-input-placeholder,.fluid textarea::-ms-input-placeholder{text-align:left;color:var(--fluid-muted-text-color)}.fluid .fl-asst-form-input::placeholder,.fluid input::placeholder,.fluid input[type=color]::placeholder,.fluid input[type=date]::placeholder,.fluid input[type=datetime-local]::placeholder,.fluid input[type=datetime]::placeholder,.fluid input[type=email]::placeholder,.fluid input[type=month]::placeholder,.fluid input[type=number]::placeholder,.fluid input[type=password]::placeholder,.fluid input[type=search]::placeholder,.fluid input[type=tel]::placeholder,.fluid input[type=text]::placeholder,.fluid input[type=time]::placeholder,.fluid input[type=url]::placeholder,.fluid input[type=week]::placeholder,.fluid select::placeholder,.fluid textarea::placeholder{text-align:left;color:var(--fluid-muted-text-color)}.fluid .fl-asst-form-input:focus,.fluid .fl-asst-form-input:invalid,.fluid input:focus,.fluid input:invalid,.fluid input[type=color]:focus,.fluid input[type=color]:invalid,.fluid input[type=date]:focus,.fluid input[type=date]:invalid,.fluid input[type=datetime-local]:focus,.fluid input[type=datetime-local]:invalid,.fluid input[type=datetime]:focus,.fluid input[type=datetime]:invalid,.fluid input[type=email]:focus,.fluid input[type=email]:invalid,.fluid input[type=month]:focus,.fluid input[type=month]:invalid,.fluid input[type=number]:focus,.fluid input[type=number]:invalid,.fluid input[type=password]:focus,.fluid input[type=password]:invalid,.fluid input[type=search]:focus,.fluid input[type=search]:invalid,.fluid input[type=tel]:focus,.fluid input[type=tel]:invalid,.fluid input[type=text]:focus,.fluid input[type=text]:invalid,.fluid input[type=time]:focus,.fluid input[type=time]:invalid,.fluid input[type=url]:focus,.fluid input[type=url]:invalid,.fluid input[type=week]:focus,.fluid input[type=week]:invalid,.fluid select:focus,.fluid select:invalid,.fluid textarea:focus,.fluid textarea:invalid{background-color:var(--fluid-box-background);border:none;outline:none;box-shadow:inset 0 0 0 1.5px var(--fluid-background),0 0 0 1.5px var(--fluid-accent)}.fluid .fl-asst-form-input:focus::-webkit-input-placeholder,.fluid .fl-asst-form-input:invalid::-webkit-input-placeholder,.fluid input:focus::-webkit-input-placeholder,.fluid input:invalid::-webkit-input-placeholder,.fluid input[type=color]:focus::-webkit-input-placeholder,.fluid input[type=color]:invalid::-webkit-input-placeholder,.fluid input[type=date]:focus::-webkit-input-placeholder,.fluid input[type=date]:invalid::-webkit-input-placeholder,.fluid input[type=datetime-local]:focus::-webkit-input-placeholder,.fluid input[type=datetime-local]:invalid::-webkit-input-placeholder,.fluid input[type=datetime]:focus::-webkit-input-placeholder,.fluid input[type=datetime]:invalid::-webkit-input-placeholder,.fluid input[type=email]:focus::-webkit-input-placeholder,.fluid input[type=email]:invalid::-webkit-input-placeholder,.fluid input[type=month]:focus::-webkit-input-placeholder,.fluid input[type=month]:invalid::-webkit-input-placeholder,.fluid input[type=number]:focus::-webkit-input-placeholder,.fluid input[type=number]:invalid::-webkit-input-placeholder,.fluid input[type=password]:focus::-webkit-input-placeholder,.fluid input[type=password]:invalid::-webkit-input-placeholder,.fluid input[type=search]:focus::-webkit-input-placeholder,.fluid input[type=search]:invalid::-webkit-input-placeholder,.fluid input[type=tel]:focus::-webkit-input-placeholder,.fluid input[type=tel]:invalid::-webkit-input-placeholder,.fluid input[type=text]:focus::-webkit-input-placeholder,.fluid input[type=text]:invalid::-webkit-input-placeholder,.fluid input[type=time]:focus::-webkit-input-placeholder,.fluid input[type=time]:invalid::-webkit-input-placeholder,.fluid input[type=url]:focus::-webkit-input-placeholder,.fluid input[type=url]:invalid::-webkit-input-placeholder,.fluid input[type=week]:focus::-webkit-input-placeholder,.fluid input[type=week]:invalid::-webkit-input-placeholder,.fluid select:focus::-webkit-input-placeholder,.fluid select:invalid::-webkit-input-placeholder,.fluid textarea:focus::-webkit-input-placeholder,.fluid textarea:invalid::-webkit-input-placeholder{text-align:left;color:var(--fluid-color)}.fluid .fl-asst-form-input:focus::-ms-input-placeholder,.fluid .fl-asst-form-input:invalid::-ms-input-placeholder,.fluid input:focus::-ms-input-placeholder,.fluid input:invalid::-ms-input-placeholder,.fluid input[type=color]:focus::-ms-input-placeholder,.fluid input[type=color]:invalid::-ms-input-placeholder,.fluid input[type=date]:focus::-ms-input-placeholder,.fluid input[type=date]:invalid::-ms-input-placeholder,.fluid input[type=datetime-local]:focus::-ms-input-placeholder,.fluid input[type=datetime-local]:invalid::-ms-input-placeholder,.fluid input[type=datetime]:focus::-ms-input-placeholder,.fluid input[type=datetime]:invalid::-ms-input-placeholder,.fluid input[type=email]:focus::-ms-input-placeholder,.fluid input[type=email]:invalid::-ms-input-placeholder,.fluid input[type=month]:focus::-ms-input-placeholder,.fluid input[type=month]:invalid::-ms-input-placeholder,.fluid input[type=number]:focus::-ms-input-placeholder,.fluid input[type=number]:invalid::-ms-input-placeholder,.fluid input[type=password]:focus::-ms-input-placeholder,.fluid input[type=password]:invalid::-ms-input-placeholder,.fluid input[type=search]:focus::-ms-input-placeholder,.fluid input[type=search]:invalid::-ms-input-placeholder,.fluid input[type=tel]:focus::-ms-input-placeholder,.fluid input[type=tel]:invalid::-ms-input-placeholder,.fluid input[type=text]:focus::-ms-input-placeholder,.fluid input[type=text]:invalid::-ms-input-placeholder,.fluid input[type=time]:focus::-ms-input-placeholder,.fluid input[type=time]:invalid::-ms-input-placeholder,.fluid input[type=url]:focus::-ms-input-placeholder,.fluid input[type=url]:invalid::-ms-input-placeholder,.fluid input[type=week]:focus::-ms-input-placeholder,.fluid input[type=week]:invalid::-ms-input-placeholder,.fluid select:focus::-ms-input-placeholder,.fluid select:invalid::-ms-input-placeholder,.fluid textarea:focus::-ms-input-placeholder,.fluid textarea:invalid::-ms-input-placeholder{text-align:left;color:var(--fluid-color)}.fluid .fl-asst-form-input:focus::placeholder,.fluid .fl-asst-form-input:invalid::placeholder,.fluid input:focus::placeholder,.fluid input:invalid::placeholder,.fluid input[type=color]:focus::placeholder,.fluid input[type=color]:invalid::placeholder,.fluid input[type=date]:focus::placeholder,.fluid input[type=date]:invalid::placeholder,.fluid input[type=datetime-local]:focus::placeholder,.fluid input[type=datetime-local]:invalid::placeholder,.fluid input[type=datetime]:focus::placeholder,.fluid input[type=datetime]:invalid::placeholder,.fluid input[type=email]:focus::placeholder,.fluid input[type=email]:invalid::placeholder,.fluid input[type=month]:focus::placeholder,.fluid input[type=month]:invalid::placeholder,.fluid input[type=number]:focus::placeholder,.fluid input[type=number]:invalid::placeholder,.fluid input[type=password]:focus::placeholder,.fluid input[type=password]:invalid::placeholder,.fluid input[type=search]:focus::placeholder,.fluid input[type=search]:invalid::placeholder,.fluid input[type=tel]:focus::placeholder,.fluid input[type=tel]:invalid::placeholder,.fluid input[type=text]:focus::placeholder,.fluid input[type=text]:invalid::placeholder,.fluid input[type=time]:focus::placeholder,.fluid input[type=time]:invalid::placeholder,.fluid input[type=url]:focus::placeholder,.fluid input[type=url]:invalid::placeholder,.fluid input[type=week]:focus::placeholder,.fluid input[type=week]:invalid::placeholder,.fluid select:focus::placeholder,.fluid select:invalid::placeholder,.fluid textarea:focus::placeholder,.fluid textarea:invalid::placeholder{text-align:left;color:var(--fluid-color)}.fluid input[type=range]{-webkit-appearance:slider-horizontal}.fluid input[type=checkbox],.fluid input[type=radio]{-moz-appearace:none;-webkit-appearance:none;flex:0 0 auto;margin:0;margin-right:var(--fluid-med-space);color:#fff;width:22px;height:22px;max-width:22px;max-height:22px;min-height:0;min-width:0;border-radius:var(--fluid-radius);box-shadow:none;border:none;background-color:var(--fluid-transparent-11)}.fluid input[type=checkbox]:focus,.fluid input[type=radio]:focus{box-shadow:inset 0 0 0 1.5px var(--fluid-background),0 0 0 1.5px var(--fluid-accent)}.fluid input[type=checkbox]:checked,.fluid input[type=radio]:checked{background-color:var(--fluid-blue);box-shadow:none}.fluid input[type=checkbox]:checked:focus,.fluid input[type=radio]:checked:focus{box-shadow:inset 0 0 0 1.5px var(--fluid-background),0 0 0 1.5px var(--fluid-accent)}.fluid input[type=checkbox]:checked:after,.fluid input[type=radio]:checked:after{display:block;content:"\2713";color:#fff;font-family:var(--fluid-font-family);font-size:16px!important;line-height:1;font-weight:700;text-align:center;margin-left:-1px;margin-top:-3px}.fluid input[type=checkbox]:checked:before,.fluid input[type=radio]:checked:before{content:""!important;display:none!important}.fluid input[type=radio]{border-radus:50%}.fluid .fluid-is-disabled,.fluid [aria-disabled=true],.fluid input[disabled],.fluid select[disabled],.fluid textarea[disabled]{pointer-events:none;opacity:.5;font-style:italic;color:var(--fluid-muted-text-color)}.fluid select{padding:var(--fluid-sm-space);padding-right:30px}.fluid select:focus{background-color:var(--fluid-box-background);color:var(--fluid-color)!important;border:none;outline:none;box-shadow:inset 0 0 0 2px var(--fluid-box-background),0 0 0 1.5px var(--fluid-accent)}.fluid select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.fluid select::-ms-expand{display:none}.fluid select[multiple]{height:auto;padding:10px 7px 0;background-image:none}.fluid select[multiple] option{padding:2px 7px;margin:1px 0;border-radius:3px;font-weight:400}@supports (-webkit-appearance:none){.fluid select{-moz-appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:30px}.fluid select::-ms-expand{display:none}}.fluid .fluid-color-scheme-dark .fl-asst-form-input,.fluid .fluid-color-scheme-dark input,.fluid .fluid-color-scheme-dark input[type=color],.fluid .fluid-color-scheme-dark input[type=date],.fluid .fluid-color-scheme-dark input[type=datetime-local],.fluid .fluid-color-scheme-dark input[type=datetime],.fluid .fluid-color-scheme-dark input[type=email],.fluid .fluid-color-scheme-dark input[type=month],.fluid .fluid-color-scheme-dark input[type=number],.fluid .fluid-color-scheme-dark input[type=password],.fluid .fluid-color-scheme-dark input[type=search],.fluid .fluid-color-scheme-dark input[type=tel],.fluid .fluid-color-scheme-dark input[type=text],.fluid .fluid-color-scheme-dark input[type=time],.fluid .fluid-color-scheme-dark input[type=url],.fluid .fluid-color-scheme-dark input[type=week],.fluid .fluid-color-scheme-dark select,.fluid .fluid-color-scheme-dark textarea{background-color:var(--fluid-transparent-1)}.fluid .fluid-color-scheme-dark input[type=checkbox],.fluid .fluid-color-scheme-dark input[type=radio]{background-color:var(--fluid-opaque-0)}.fluid .fluid-color-scheme-dark input[type=checkbox]:checked,.fluid .fluid-color-scheme-dark input[type=radio]:checked{background-color:var(--fluid-blue)}.fl.uid .fluid-text-title{flex:0 1 auto;font-size:16px;display:flex;flex-direction:column}.fl.uid .fluid-text-eyebrow,.fl.uid .fluid-text-subtitle{font-size:12px;font-weight:500;color:var(--fluid-muted-text-color)}.fl.uid .fluid-text-eyebrow{font-size:13px;text-transform:uppercase}.fl.uid .fluid-size-med .fluid-text-title,.fl.uid .fluid-size-sm .fluid-text-title{font-size:13px}.fluid .fluid-aspect-box{position:relative;padding-top:100%;background:var(--fluid-box-background);overflow:hidden}.fluid .fluid-aspect-box>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.fluid .fluid-loading-bar{flex:1 1 auto;border-radius:10px;min-height:20px;padding:var(--fluid-sm-space);display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.fluid .fluid-loading-bar .fluid-dot{display:inline-flex;flex:0 0 auto;width:6px;height:6px;border-radius:3px;margin:0 3px;background:var(--fluid-accent);-webkit-animation:fl-asst-dot-bounce 1.4s ease-in-out infinite both;animation:fl-asst-dot-bounce 1.4s ease-in-out infinite both}.fluid .fluid-loading-bar .fluid-dot:first-child,.fluid .fluid-loading-bar .fluid-dot:nth-child(2n+2){-webkit-animation-delay:-.32s;animation-delay:-.32s}@-webkit-keyframes fl-asst-dot-bounce{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes fl-asst-dot-bounce{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.fluid .fluid-message{flex:0 0 auto;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:var(--fluid-box-background);color:var(--fluid-box-color);border-radius:var(--fluid-radius);min-height:var(--fluid-target-size);padding:0 var(--fluid-med-space);text-decoration:none}.fluid .fluid-message-icon{margin-right:7px;height:100%;width:7%}.fluid .fluid-split{flex:1 1 auto;flex-direction:row}.fluid .fluid-split,.fluid .fluid-split .fluid-split-pane{position:relative;display:flex;min-height:0;max-height:100%}.fluid .fluid-split .fluid-split-pane{flex:1 1 auto;flex-direction:column;overflow:auto;border-right:2px solid var(--fluid-line-color);-ms-overflow-style:-ms-autohiding-scrollbar}.fluid .fluid-split .fluid-split-pane:last-child{border-right:none}.fluid .fluid-box{box-sizing:border-box;display:flex;flex-direction:column}.fluid .fluid-box.fluid-box-outset{margin-left:calc(0px - var(--fluid-lg-space));margin-right:calc(0px - var(--fluid-lg-space))}.fluid .fluid-box.fluid-row{--fluid-gap:0px;flex-direction:row}.fluid .fluid-box.fluid-row>*{margin-right:var(--fluid-gap)}.fluid .fluid-box.fluid-row>:last-child{margin-right:0}.fluid .fluid-headline{font-size:20px;font-weight:400;word-break:break-word}.fluid .fluid-toolbar{flex:0 0 60px;display:flex;flex-direction:row;align-items:center;min-height:60px;padding:0 10px;background:var(--fluid-background);z-index:1}.fluid .fluid-toolbar.fluid-is-sticky{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:0}.fluid .fluid-toolbar.fluid-size-lg{min-height:60px}.fluid .fluid-toolbar.fluid-size-med{min-height:50px}.fluid .fluid-toolbar.fluid-size-sm{min-height:40px}.fluid .fluid-toolbar>*{margin-right:var(--fluid-sm-space)}.fluid .fluid-toolbar>:last-child{margin-right:0}.fluid .fluid-content-boundary{width:clamp(40ch,80ch,100%);margin:0 auto;padding:0 var(--fluid-lg-space) var(--fluid-lg-space)}.fluid .fluid-drop-area{flex:1 1 auto;display:flex;flex-direction:column;max-height:100%;min-height:0;overflow:auto;position:relative}.fl.uid .fluid-page .fluid-section{display:flex;flex-direction:column;flex:0 0 auto;margin:0 calc(0px - var(--fluid-lg-space))}.fl.uid .fluid-page .fluid-section .fluid-section-title{flex:0 0 auto;display:flex;flex-direction:row;align-items:flex-end;padding:9px var(--fluid-lg-space) 0;text-transform:uppercase;border-bottom:2px solid var(--fluid-line-color);min-height:var(--fluid-target-size)}.fl.uid .fluid-page .fluid-section .fluid-section-title .fluid-section-title-text{display:inline-flex;max-width:70%;box-shadow:0 2px 0 0 currentColor;align-items:flex-end;padding:0 0 5px;font-weight:500}.fl.uid .fluid-page .fluid-section .fluid-section-description{flex:0 0 auto;display:flex;flex-direction:column;padding:var(--fluid-lg-space);padding-bottom:0;font-style:italic}.fl.uid .fluid-page .fluid-section .fluid-section-description>:first-child{margin-top:0}.fl.uid .fluid-page .fluid-section .fluid-section-description>:last-child{margin-bottom:0}.fl.uid .fluid-page .fluid-section .fluid-section-content{flex:1 0 auto;display:grid;grid-row-gap:var(--fluid-sm-space)}.fluid-menu{width:180px;background:var(--fluid-background);box-shadow:0 0 10px rgba(0,0,0,.25);border-radius:var(--fluid-med-space);z-index:1;display:flex;flex-direction:column;padding:var(--fluid-sm-space)}.fluid-menu>:first-child{margin-top:0}.fluid-menu .fluid-menu-item.fluid-button{flex:0 0 var(--fluid-target-size);justify-content:flex-start;padding:0 var(--fluid-lg-space)}.fluid-menu .fluid-menu-item.fluid-button>span{justify-content:flex-start;flex:1 1 auto}.fluid-menu .fluid-menu-item.fluid-button.is-selected{box-shadow:inset 3px 0 0 var(--fluid-accent)}.fluid-menu .fluid-menu-item.fluid-button:hover{transform:scale(1)!important}.fluid-color-scheme-dark .fluid-menu{background:var(--fluid-box-background)}.fluid .fluid-button-group{box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:wrap;background:var(--fluid-transparent-12);color:var(--fluid-color);border-radius:var(--fluid-radius);min-height:var(--fluid-target-size);max-width:100%;position:relative}.fluid .fluid-button-group .fluid-button.is-hovering,.fluid .fluid-button-group .fluid-button:hover{transform:scale(1)}.fluid .fluid-button-group>select{background-color:var(--fluid-transparent-12);box-shadow:none;padding:var(--fluid-sm-space);text-align-last:center;cursor:pointer}.fluid .fluid-button-group>select:hover{background-color:var(--fluid-transparent-10)}.fluid .fluid-button-group>select:focus{box-shadow:inset 0 0 0 1.5px var(--fluid-background),0 0 0 1.5px var(--fluid-accent)}.fluid .fluid-button-group.fluid-button-group-row{align-self:center;justify-content:flex-start}.fluid .fluid-button-group.fluid-button-group-column{flex-direction:column}.fluid .fluid-button-group.fluid-button-group-appearance-normal .fluid-button{white-space:nowrap}.fluid .fluid-button-group.fluid-button-group-appearance-buttons{background:transparent;padding:2px 0;min-height:var(--fluid-target-size);overflow:visible}.fluid .fluid-button-group.fluid-button-group-appearance-buttons .fluid-button{margin-right:var(--fluid-sm-space);margin-bottom:var(--fluid-sm-space)}.fluid .fluid-button-group.fluid-button-group-appearance-buttons .fluid-button:last-child{margin-right:0}.fluid .fluid-button-group.fluid-button-group-appearance-tabs{flex:1 1 auto;background:var(--fluid-box-background);padding:0 var(--fluid-med-space);padding-right:2px;min-height:40px;border-radius:0;justify-content:flex-start;align-self:stretch;overflow:visible;flex-wrap:nowrap;max-width:100%;min-width:0}.fluid .fluid-button-group.fluid-button-group-appearance-tabs .fluid-button{margin:0;background:transparent;border:none;border-radius:0;padding:0 12px}.fluid .fluid-button-group.fluid-button-group-appearance-tabs .fluid-button:hover{background:var(--fluid-box-hover-background)}.fluid .fluid-button-group.fluid-button-group-appearance-tabs .fluid-button:focus{border-radius:var(--fluid-radius)}.fluid .fluid-button-group.fluid-button-group-appearance-tabs .fluid-button.is-selected{border-radius:0;background:var(--fluid-blue-7)}.fluid .fluid-button-group.fluid-button-group-appearance-tabs .fluid-button.is-selected:focus{box-shadow:inset 0 0 0 2px var(--fluid-box-background),0 0 0 1.5 var(--fluid-accent),0 4px 4px 0 rgba(0,0,0,.1)}.fluid .fluid-button-group.fluid-button-group-appearance-tabs .fluid-button:last-child{margin-right:0}.fluid .fluid-button-group.fluid-button-group-appearance-tabs .fluid-button.fluid-more-button{margin-left:auto!important}.fluid .fluid-button-group.fluid-button-group-appearance-tabs .fluid-button .fluid-count-badge{margin-left:5px;padding:3px;background:var(--fluid-primary-background);color:var(--fluid-primary-color);border-radius:3px}.fluid .fluid-button-group .fluid-vertical-divider{flex:0 0 auto;margin:var(--fluid-sm-space) 0;background:var(--fluid-background);border:none;border-radius:2px}.fluid .fluid-button-group .fluid-horizontal-divider{flex:0 0 auto;margin:0 var(--fluid-sm-space);background:var(--fluid-background);border:none;border-radius:2px}.fluid .fluid-button-group .fluid-is-selected+.fluid-divider{visibility:hidden}.fluid .fluid-button-group.fluid-button-group-appearance-grid{background:transparent!important;flex:1 1 auto;display:grid;grid-gap:var(--fluid-sm-space);grid-template-columns:1fr 1fr;margin:-3px}.fluid .fluid-divider.fluid-horizontal-divider,.fluid .fluid-divider.fluid-vertical-divider{box-sizing:border-box;background:var(--fluid-background)}.fluid .fluid-divider.fluid-vertical-divider{width:2px;height:auto}.fluid .fluid-is-hidden{visibility:hidden}.fluid .fluid-more-menu{background:var(--fluid-box-background);color:var(--fluid-box-color);border-radius:var(--fluid-radius);padding:3px;display:flex;flex-direction:column}.fluid .fluid-color-scheme-dark .fluid-button-group{background:var(--fluid-transparent-1)}.fluid .fluid-color-scheme-dark .fluid-button-group>select{background-color:var(--fluid-transparent-1)}.fluid .fluid-color-scheme-dark .fluid-button-group>select:hover{background-color:var(--fluid-transparent-3)}.fl.uid .fluid-button{--color:var(--fluid-opaque-5);--background:var(--fluid-transparent-12);--hover:var(--fluid-transparent-10);--hover-color:var(--fluid-opaque-0);box-sizing:border-box;display:inline-flex;background:var(--background);color:var(--color);border-radius:var(--fluid-radius);box-shadow:0 0 0 transparent;min-height:var(--fluid-target-size);min-width:var(--fluid-target-size);padding:5px 8px;text-decoration:none;font-weight:400;text-transform:none;line-height:1.1}.fl.uid .fluid-button,.fl.uid .fluid-button>span{flex:0 0 auto;flex-direction:row;justify-content:center;align-items:center}.fl.uid .fluid-button>span{display:flex;min-width:0}.fl.uid .fluid-button.is-hovering,.fl.uid .fluid-button:hover{text-decoration:none;background:var(--hover);color:var(--hover-color);z-index:1}.fl.uid .fluid-button.is-focused,.fl.uid .fluid-button:focus{top:0;z-index:3;outline:none;text-decoration:none;box-shadow:inset 0 0 0 2px var(--fluid-background),0 0 0 1.5px var(--fluid-accent)}.fl.uid .fluid-button.is-active,.fl.uid .fluid-button:active{background:var(--hover);box-shadow:inset 0 2px 2px rgba(0,0,0,.1)}.fl.uid .fluid-button.is-selected{background:var(--fluid-blue-7);color:var(--fluid-blue-14)}.fl.uid .fluid-button.is-selected.is-focused,.fl.uid .fluid-button.is-selected:focus{background:var(--fluid-blue-7)!important;color:var(--fluid-blue-14)}.fl.uid .fluid-button.fluid-shape-round{border-radius:50%}.fl.uid .fluid-button.fluid-shape-round.fluid-size-sm{padding:3px;width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px}.fl.uid .fluid-button.fluid-shape-round.fluid-size-med{padding:3px;width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px}.fl.uid .fluid-button.fluid-shape-round.fluid-size-lg{padding:3px;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px}.fl.uid .fluid-button.fluid-appearance-elevator{height:44px;width:44px;padding:5px 12px;border-radius:50%}.fl.uid .fluid-button.fluid-appearance-transparent{--background:transparent;box-shadow:none;border:none;outline:none}.fl.uid .fluid-button.fluid-appearance-transparent.is-focused,.fl.uid .fluid-button.fluid-appearance-transparent:focus{box-shadow:inset 0 0 0 2px var(--fluid-background),0 0 0 1.5px var(--fluid-accent)}.fl.uid .fluid-button.fluid-status-primary{--background:var(--fluid-blue-12);--color:var(--fluid-blue-5);--hover:var(--fluid-blue-10);--hover-color:var(--fluid-blue-3)}.fl.uid .fluid-button.fluid-status-primary.fluid-appearance-transparent{--background:transparent;--color:var(--fluid-blue-6);--hover:var(--fluid-blue-12);--hover-color:var(--fluid-blue-5)}.fl.uid .fluid-button.fluid-status-alert{--fluid-accent:var(--fluid-alert-color);--hover-color:var(--fluid-alert-color);--color:var(--fluid-alert-color)}.fl.uid .fluid-button.fluid-status-destructive{--fluid-accent:var(--fluid-destructive-color);--hover-color:var(--fluid-destructive-color);--color:var(--fluid-destructive-color)}.fl.uid .fluid-button.fluid-size-sm{font-size:12px;padding:5px;min-height:30px;min-width:30px}.fl.uid .fluid-button.fluid-size-med{min-height:var(--fluid-target-size);min-width:var(--fluid-target-size)}.fl.uid .fluid-button.fluid-size-lg{font-size:16px;padding:5px 12px;min-height:44px;min-width:44px}.fl.uid .fluid-button .fluid-button-icon{flex:0 0 auto;margin-right:.5em}.fl.uid .fluid-button .fluid-button-icon:last-child{margin-right:0}.fl.uid .fluid-color-scheme-dark .fluid-button{--color:var(--fluid-opaque-10);--background:var(--fluid-transparent-1);--hover:var(--fluid-transparent-3);--hover-color:var(--fluid-opaque-14)}.fl.uid .fluid-color-scheme-dark .fluid-button.is-focused,.fl.uid .fluid-color-scheme-dark .fluid-button:focus{background:var(--fluid-opaque-0)}.fl.uid .fluid-color-scheme-dark .fluid-button.fluid-appearance-transparent{--background:transparent}.fl.uid .fluid-color-scheme-dark .fluid-button.fluid-status-primary{--color:var(--fluid-blue-14);--background:var(--fluid-blue-7);--hover:var(--fluid-blue-6);--hover-color:var(--fluid-blue-13)}.fl.uid .fluid-color-scheme-dark .fluid-button.fluid-status-primary.fluid-appearance-transparent{--background:transparent;--color:var(--fluid-blue-8);--hover:var(--fluid-blue-4);--hover-color:var(--fluid-blue-14)}.fl.uid .fluid-color-scheme-dark .fluid-button.fluid-status-destructive{--fluid-accent:var(--fluid-destructive-color);--color:var(--fluid-destructive-color);--hover-color:var(--fluid-destructive-color)}.fl.uid .fluid-scroller{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.fl.uid .fluid-pad,.fl.uid .fluid-scroller{box-sizing:border-box;flex:1 1 auto;display:flex;flex-direction:column;min-height:0;max-height:100%}.fl.uid .fluid-pad{padding:var(--fluid-lg-space)}.fl.uid .fluid-pad-x{padding-left:var(--fluid-lg-space);padding-right:var(--fluid-lg-space)}.fl.uid .fluid-pad-y{padding-top:var(--fluid-lg-space);padding-bottom:var(--fluid-lg-space)}.fl.uid .fluid-page{--fluid-top-inset:0px;position:relative;flex:1 1 auto;display:flex;flex-direction:column;background-color:var(--fluid-background);color:var(--fluid-color);max-height:100%;min-height:0}.fl.uid .fluid-page .fluid-sticky-element{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:var(--fluid-top-inset);background:var(--fluid-background);z-index:9}.fl.uid .fluid-page .fluid-page-actions{margin-left:auto;display:flex;flex-direction:row;align-items:center}.fl.uid .fluid-page .fluid-page-toolbar-content{position:static;padding:0 var(--fluid-med-space);padding-left:2px;flex:1 0 auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.fl.uid .fluid-page .fluid-page-title-icon{flex:0 0 auto;width:40px;height:40px;border-radius:20px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;margin:0}.fl.uid .fluid-page .fluid-page-headline{font-size:24px;font-weight:600}.fl.uid .fluid-page .fluid-page-content{flex:1 0 auto;flex-direction:column;z-index:1}.fl.uid .fluid-page-footer,.fl.uid .fluid-page .fluid-page-content{box-sizing:border-box;display:flex;background:var(--fluid-background)}.fl.uid .fluid-page-footer{position:absolute;bottom:0;left:0;right:0;min-height:55px;flex:0 0 auto;flex-direction:row;align-items:stretch;justify-content:flex-start;border-top:2px solid var(--fluid-box-background);z-index:9}.fl.uid .fluid-page-footer>.fluid-button{margin-right:var(--fluid-sm-space)}.fl.uid .fluid-page-footer>.fluid-button:last-child{margin-right:0}.fl.uid .fluid-page-overlay{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none}.fluid .fluid-collection{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--fluid-sm-space);padding:var(--fluid-med-space);padding-top:2px;margin:0}.fluid .fluid-collection.fluid-collection-appearance-list{display:flex;flex-direction:column}.fluid .fluid-collection .fluid-collection-item{position:relative;display:flex;flex-direction:column;min-width:0}.fluid .fluid-collection .fluid-collection-item-thumbnail{flex:0 0 auto;transition-property:transform;transition-duration:.15s;transform-origin:top center;z-index:1}.fluid .fluid-collection .fluid-collection-item-thumbnail .fluid-aspect-box{border-radius:var(--fluid-radius)}.fluid .fluid-collection .fluid-collection-item-text{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start}.fluid .fluid-collection .fluid-collection-item-text .fluid-item-title{display:flex;flex-direction:row;align-items:center;max-width:100%}.fluid .fluid-collection .fluid-collection-item-text .fluid-item-title span{margin-right:5px}.fluid .fluid-collection .fluid-collection-item-text .fluid-item-title.fluid-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fluid .fluid-collection .fluid-button.fluid-collection-item-primary-action{flex:1 1 auto;padding:10px}.fluid .fluid-collection .fluid-button.fluid-collection-item-primary-action>span{flex:1 1 auto;flex-direction:column;align-items:stretch}.fluid .fluid-collection .fluid-button.fluid-collection-item-primary-action:hover{background-color:var(--fluid-transparent-13)}.fluid .fluid-collection .fluid-collection-item-list-content{display:flex;flex-direction:row;align-items:center}.fluid .fluid-collection .fluid-collection-item-list-content .fluid-collection-item-thumbnail{width:60px;padding-right:var(--fluid-med-space)}.fluid .fluid-collection .fluid-collection-item-list-content .fluid-item-title{font-size:14px}.fluid .fluid-collection .fluid-collection-item-grid-content .fluid-collection-item-text{padding-top:var(--fluid-sm-space)}.fluid .fluid-collection .fluid-collection-item-grid-content .fluid-item-title{font-size:12px}.fluid .fluid-color-scheme-dark .fluid-button.fluid-collection-item-primary-action:hover{background-color:var(--fluid-opaque-0)}
|
1 |
+
.fluid{--fluid-hue:210;--fluid-opaque-0:#000;--fluid-opaque-1:hsl(var(--fluid-hue),10%,10%);--fluid-opaque-2:hsl(var(--fluid-hue),10%,15%);--fluid-opaque-3:hsl(var(--fluid-hue),10%,20%);--fluid-opaque-4:hsl(var(--fluid-hue),10%,25%);--fluid-opaque-5:hsl(var(--fluid-hue),10%,30%);--fluid-opaque-6:hsl(var(--fluid-hue),10%,35%);--fluid-opaque-7:hsl(var(--fluid-hue),10%,50%);--fluid-opaque-8:hsl(var(--fluid-hue),27%,87%);--fluid-opaque-9:hsl(var(--fluid-hue),33%,89%);--fluid-opaque-10:hsl(var(--fluid-hue),33%,91%);--fluid-opaque-11:hsl(var(--fluid-hue),33%,93%);--fluid-opaque-12:hsl(var(--fluid-hue),33%,95%);--fluid-opaque-13:hsl(var(--fluid-hue),33%,98%);--fluid-opaque-14:#fff;--fluid-transparent-1:hsla(var(--fluid-hue),10%,10%,80%);--fluid-transparent-2:hsla(var(--fluid-hue),10%,19%,80%);--fluid-transparent-3:hsla(var(--fluid-hue),10%,25%,80%);--fluid-transparent-4:hsla(var(--fluid-hue),10%,31%,80%);--fluid-transparent-5:hsla(var(--fluid-hue),10%,38%,80%);--fluid-transparent-6:hsla(var(--fluid-hue),10%,44%,80%);--fluid-transparent-8:hsla(var(--fluid-hue),27%,84%,80%);--fluid-transparent-9:hsla(var(--fluid-hue),33%,86%,80%);--fluid-transparent-10:hsla(var(--fluid-hue),33%,89%,80%);--fluid-transparent-11:hsla(var(--fluid-hue),34%,90%,80%);--fluid-transparent-12:hsla(var(--fluid-hue),38%,94%,80%);--fluid-transparent-13:hsla(var(--fluid-hue),38%,98%,80%);--fluid-blue-hue:210;--fluid-blue-0:#000;--fluid-blue-1:hsl(var(--fluid-blue-hue),100%,10%);--fluid-blue-2:hsl(var(--fluid-blue-hue),100%,15%);--fluid-blue-3:hsl(var(--fluid-blue-hue),100%,20%);--fluid-blue-4:hsl(var(--fluid-blue-hue),100%,25%);--fluid-blue-5:hsl(var(--fluid-blue-hue),100%,30%);--fluid-blue-6:hsl(var(--fluid-blue-hue),100%,35%);--fluid-blue-7:hsl(var(--fluid-blue-hue),100%,45%);--fluid-blue-8:hsl(var(--fluid-blue-hue),100%,87%);--fluid-blue-9:hsl(var(--fluid-blue-hue),100%,89%);--fluid-blue-10:hsl(var(--fluid-blue-hue),100%,91%);--fluid-blue-11:hsl(var(--fluid-blue-hue),100%,93%);--fluid-blue-12:hsl(var(--fluid-blue-hue),100%,95%);--fluid-blue-13:hsl(var(--fluid-blue-hue),100%,98%);--fluid-blue-14:#fff;--fluid-blue:var(--fluid-blue-7);--fluid-background:var(--fluid-opaque-14);--fluid-color:var(--fluid-opaque-0);--fluid-dark-background:var(--fluid-opaque-2);--fluid-dark-color:var(--fluid-opaque-11);--fluid-box-background:var(--fluid-transparent-12);--fluid-box-color:var(--fluid-opaque-3);--fluid-box-hover-background:var(--fluid-transparent-10);--fluid-box-hover-color:var(--fluid-opaque-0);--fluid-primary-background:var(--fluid-blue-7);--fluid-primary-color:#fff;--fluid-primary-hover-background:var(--fluid-blue-6);--fluid-alert-background:#fef4ea;--fluid-alert-color:#a95700;--fluid-alert-hover-background:#fce3ca;--fluid-destructive-background:#fef3f1;--fluid-destructive-color:#bc0a00;--fluid-destructive-hover-background:#f9dad4;--fluid-accent:hsl(var(--fluid-hue),100%,43%);--fluid-muted-text-color:var(--fluid-opaque-7);--fluid-line-color:var(--fluid-transparent-12);--fluid-dark-line-color:var(--fluid-opaque-0);--fluid-sm-space:5px;--fluid-med-space:10px;--fluid-lg-space:20px;--fluid-radius:5px;--fluid-target-size:36px;--fluid-font-size:13px;--fluid-font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;color:var(--fluid-color);font-family:var(--fluid-font-family);font-size:var(--fluid-font-size);font-weight:400;line-height:1.2}.fluid *{box-sizing:border-box}.fluid hr{margin:10px 0;padding:0}.fluid img{max-width:100%;object-fit:cover;height:auto;width:auto;border:0}.fluid img,.fluid svg,.fluid video{display:block}.fluid a,.fluid button{box-sizing:border-box;-moz-user-select:none;cursor:pointer;letter-spacing:normal;font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;border-radius:var(--fluid-radius);user-select:none;padding:0;display:inline-flex;justify-content:center;align-items:center;text-decoration:none}.fluid a:hover,.fluid button:hover{color:inherit;top:0;box-shadow:none;border:none;background:transparent}.fluid a:focus,.fluid button:focus{color:inherit;top:0;border:none}.fluid a[disabled],.fluid button[disabled]{color:inherit;opacity:.6;pointer-events:none}.fluid a:visited,.fluid button:visited{color:inherit}.fluid a{text-decoration:none}.fluid a:hover{text-decoration:underline}.fluid button{min-height:var(--fluid-target-size);min-width:var(--fluid-target-size)}.fluid button:focus{box-shadow:0 0 0 2px hsla(0,0%,50.2%,.5)}.fluid blockquote,.fluid form,.fluid h1,.fluid h2,.fluid h3,.fluid h4,.fluid h5,.fluid h6,.fluid p,.fluid pre,.fluid table{margin:var(--fluid-lg-space) 0}.fluid blockquote:first-child,.fluid form:first-child,.fluid h1:first-child,.fluid h2:first-child,.fluid h3:first-child,.fluid h4:first-child,.fluid h5:first-child,.fluid h6:first-child,.fluid p:first-child,.fluid pre:first-child,.fluid table:first-child{margin-top:0}.fluid h1,.fluid h2,.fluid h3,.fluid h4,.fluid h5,.fluid h6{color:inherit;font-family:var(--fluid-font-family);font-weight:400}.fluid h1:before,.fluid h2:before,.fluid h3:before,.fluid h4:before,.fluid h5:before,.fluid h6:before{all:unset!important}.fluid h1{font-size:calc(var(--fluid-font-size) + 14px)}.fluid h2{font-size:calc(var(--fluid-font-size) + 10px)}.fluid h3{font-size:calc(var(--fluid-font-size) + 6px)}.fluid p{font-size:14px;line-height:1.3}.fluid ol,.fluid ul{list-style:none;margin:var(--fluid-med-space) 0;padding:0}.fluid ol li,.fluid ul li{margin:0;padding:0}.fluid table.fluid-table{font-size:var(--fluid-font-size);width:100%;border-collapse:collapse;border:none}.fluid table.fluid-table td,.fluid table.fluid-table th{text-align:left;padding:var(--fluid-sm-space) var(--fluid-med-space);border:none;border-right:2px solid var(--fluid-line-color)}.fluid table.fluid-table td:first-child,.fluid table.fluid-table th:first-child{border-top-left-radius:var(--fluid-radius);barder-bottom-left-radius:var(--fluid-radius)}.fluid table.fluid-table td:last-child,.fluid table.fluid-table th:last-child{border-right:0;border-top-right-radius:var(--fluid-radius);barder-bottom-right-radius:var(--fluid-radius)}.fluid table.fluid-table tr:nth-child(2n) td,.fluid table.fluid-table tr:nth-child(2n) th{background:var(--fluid-opaque-13)}.fluid .fluid-color-scheme-dark{--fluid-background:var(--fluid-dark-background);--fluid-color:var(--fluid-dark-color);--fluid-line-color:var(--fluid-dark-line-color);--fluid-box-background:var(--fluid-opaque-1);--fluid-box-color:var(--fluid-dark-color);--fluid-box-hover-background:var(--fluid-opaque-3);--fluid-alert-background:#281a0b;--fluid-alert-color:#ffba70;--fluid-alert-hover-background:#342414;--fluid-destructive-background:#240000;--fluid-destructive-color:#ff5f57;--fluid-destructive-hover-background:#370606;color:var(--fluid-color)}.fluid .fluid-color-scheme-dark table.fluid-table tr:nth-child(2n) td,.fluid .fluid-color-scheme-dark table.fluid-table tr:nth-child(2n) th{background:var(--fluid-opaque-1)}.fluid label{flex-direction:row;align-items:center;font-size:inherit;font-weight:400;line-height:1.2;color:var(--fl-asst-text-color);text-transform:none;text-shadow:none;margin:0 0 var(--fluid-med-space)}.fluid label,.fluid label abbr{display:flex;text-decoration:none}.fluid label abbr{margin-left:5px;color:var(--fl-asst-base-art-color)}.fluid .fl-asst-form-input,.fluid input,.fluid input[type=color],.fluid input[type=date],.fluid input[type=datetime-local],.fluid input[type=datetime],.fluid input[type=email],.fluid input[type=month],.fluid input[type=number],.fluid input[type=password],.fluid input[type=search],.fluid input[type=tel],.fluid input[type=text],.fluid input[type=time],.fluid input[type=url],.fluid input[type=week],.fluid select,.fluid textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;height:auto;flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:400;line-height:inherit;letter-spacing:normal;text-align:left;margin:0;padding:var(--fluid-sm-space);color:inherit;border-radius:var(--fluid-radius);border:none;outline:none;background-color:var(--fluid-transparent-13);box-shadow:inset 0 0 0 1.5px var(--fluid-line-color);min-height:var(--fluid-target-size)}.fluid .fl-asst-form-input::-webkit-input-placeholder,.fluid input::-webkit-input-placeholder,.fluid input[type=color]::-webkit-input-placeholder,.fluid input[type=date]::-webkit-input-placeholder,.fluid input[type=datetime-local]::-webkit-input-placeholder,.fluid input[type=datetime]::-webkit-input-placeholder,.fluid input[type=email]::-webkit-input-placeholder,.fluid input[type=month]::-webkit-input-placeholder,.fluid input[type=number]::-webkit-input-placeholder,.fluid input[type=password]::-webkit-input-placeholder,.fluid input[type=search]::-webkit-input-placeholder,.fluid input[type=tel]::-webkit-input-placeholder,.fluid input[type=text]::-webkit-input-placeholder,.fluid input[type=time]::-webkit-input-placeholder,.fluid input[type=url]::-webkit-input-placeholder,.fluid input[type=week]::-webkit-input-placeholder,.fluid select::-webkit-input-placeholder,.fluid textarea::-webkit-input-placeholder{text-align:left;color:var(--fluid-muted-text-color)}.fluid .fl-asst-form-input::-ms-input-placeholder,.fluid input::-ms-input-placeholder,.fluid input[type=color]::-ms-input-placeholder,.fluid input[type=date]::-ms-input-placeholder,.fluid input[type=datetime-local]::-ms-input-placeholder,.fluid input[type=datetime]::-ms-input-placeholder,.fluid input[type=email]::-ms-input-placeholder,.fluid input[type=month]::-ms-input-placeholder,.fluid input[type=number]::-ms-input-placeholder,.fluid input[type=password]::-ms-input-placeholder,.fluid input[type=search]::-ms-input-placeholder,.fluid input[type=tel]::-ms-input-placeholder,.fluid input[type=text]::-ms-input-placeholder,.fluid input[type=time]::-ms-input-placeholder,.fluid input[type=url]::-ms-input-placeholder,.fluid input[type=week]::-ms-input-placeholder,.fluid select::-ms-input-placeholder,.fluid textarea::-ms-input-placeholder{text-align:left;color:var(--fluid-muted-text-color)}.fluid .fl-asst-form-input::placeholder,.fluid input::placeholder,.fluid input[type=color]::placeholder,.fluid input[type=date]::placeholder,.fluid input[type=datetime-local]::placeholder,.fluid input[type=datetime]::placeholder,.fluid input[type=email]::placeholder,.fluid input[type=month]::placeholder,.fluid input[type=number]::placeholder,.fluid input[type=password]::placeholder,.fluid input[type=search]::placeholder,.fluid input[type=tel]::placeholder,.fluid input[type=text]::placeholder,.fluid input[type=time]::placeholder,.fluid input[type=url]::placeholder,.fluid input[type=week]::placeholder,.fluid select::placeholder,.fluid textarea::placeholder{text-align:left;color:var(--fluid-muted-text-color)}.fluid .fl-asst-form-input:focus,.fluid .fl-asst-form-input:invalid,.fluid input:focus,.fluid input:invalid,.fluid input[type=color]:focus,.fluid input[type=color]:invalid,.fluid input[type=date]:focus,.fluid input[type=date]:invalid,.fluid input[type=datetime-local]:focus,.fluid input[type=datetime-local]:invalid,.fluid input[type=datetime]:focus,.fluid input[type=datetime]:invalid,.fluid input[type=email]:focus,.fluid input[type=email]:invalid,.fluid input[type=month]:focus,.fluid input[type=month]:invalid,.fluid input[type=number]:focus,.fluid input[type=number]:invalid,.fluid input[type=password]:focus,.fluid input[type=password]:invalid,.fluid input[type=search]:focus,.fluid input[type=search]:invalid,.fluid input[type=tel]:focus,.fluid input[type=tel]:invalid,.fluid input[type=text]:focus,.fluid input[type=text]:invalid,.fluid input[type=time]:focus,.fluid input[type=time]:invalid,.fluid input[type=url]:focus,.fluid input[type=url]:invalid,.fluid input[type=week]:focus,.fluid input[type=week]:invalid,.fluid select:focus,.fluid select:invalid,.fluid textarea:focus,.fluid textarea:invalid{background-color:var(--fluid-box-background);border:none;outline:none;box-shadow:inset 0 0 0 1.5px var(--fluid-background),0 0 0 1.5px var(--fluid-accent)}.fluid .fl-asst-form-input:focus::-webkit-input-placeholder,.fluid .fl-asst-form-input:invalid::-webkit-input-placeholder,.fluid input:focus::-webkit-input-placeholder,.fluid input:invalid::-webkit-input-placeholder,.fluid input[type=color]:focus::-webkit-input-placeholder,.fluid input[type=color]:invalid::-webkit-input-placeholder,.fluid input[type=date]:focus::-webkit-input-placeholder,.fluid input[type=date]:invalid::-webkit-input-placeholder,.fluid input[type=datetime-local]:focus::-webkit-input-placeholder,.fluid input[type=datetime-local]:invalid::-webkit-input-placeholder,.fluid input[type=datetime]:focus::-webkit-input-placeholder,.fluid input[type=datetime]:invalid::-webkit-input-placeholder,.fluid input[type=email]:focus::-webkit-input-placeholder,.fluid input[type=email]:invalid::-webkit-input-placeholder,.fluid input[type=month]:focus::-webkit-input-placeholder,.fluid input[type=month]:invalid::-webkit-input-placeholder,.fluid input[type=number]:focus::-webkit-input-placeholder,.fluid input[type=number]:invalid::-webkit-input-placeholder,.fluid input[type=password]:focus::-webkit-input-placeholder,.fluid input[type=password]:invalid::-webkit-input-placeholder,.fluid input[type=search]:focus::-webkit-input-placeholder,.fluid input[type=search]:invalid::-webkit-input-placeholder,.fluid input[type=tel]:focus::-webkit-input-placeholder,.fluid input[type=tel]:invalid::-webkit-input-placeholder,.fluid input[type=text]:focus::-webkit-input-placeholder,.fluid input[type=text]:invalid::-webkit-input-placeholder,.fluid input[type=time]:focus::-webkit-input-placeholder,.fluid input[type=time]:invalid::-webkit-input-placeholder,.fluid input[type=url]:focus::-webkit-input-placeholder,.fluid input[type=url]:invalid::-webkit-input-placeholder,.fluid input[type=week]:focus::-webkit-input-placeholder,.fluid input[type=week]:invalid::-webkit-input-placeholder,.fluid select:focus::-webkit-input-placeholder,.fluid select:invalid::-webkit-input-placeholder,.fluid textarea:focus::-webkit-input-placeholder,.fluid textarea:invalid::-webkit-input-placeholder{text-align:left;color:var(--fluid-color)}.fluid .fl-asst-form-input:focus::-ms-input-placeholder,.fluid .fl-asst-form-input:invalid::-ms-input-placeholder,.fluid input:focus::-ms-input-placeholder,.fluid input:invalid::-ms-input-placeholder,.fluid input[type=color]:focus::-ms-input-placeholder,.fluid input[type=color]:invalid::-ms-input-placeholder,.fluid input[type=date]:focus::-ms-input-placeholder,.fluid input[type=date]:invalid::-ms-input-placeholder,.fluid input[type=datetime-local]:focus::-ms-input-placeholder,.fluid input[type=datetime-local]:invalid::-ms-input-placeholder,.fluid input[type=datetime]:focus::-ms-input-placeholder,.fluid input[type=datetime]:invalid::-ms-input-placeholder,.fluid input[type=email]:focus::-ms-input-placeholder,.fluid input[type=email]:invalid::-ms-input-placeholder,.fluid input[type=month]:focus::-ms-input-placeholder,.fluid input[type=month]:invalid::-ms-input-placeholder,.fluid input[type=number]:focus::-ms-input-placeholder,.fluid input[type=number]:invalid::-ms-input-placeholder,.fluid input[type=password]:focus::-ms-input-placeholder,.fluid input[type=password]:invalid::-ms-input-placeholder,.fluid input[type=search]:focus::-ms-input-placeholder,.fluid input[type=search]:invalid::-ms-input-placeholder,.fluid input[type=tel]:focus::-ms-input-placeholder,.fluid input[type=tel]:invalid::-ms-input-placeholder,.fluid input[type=text]:focus::-ms-input-placeholder,.fluid input[type=text]:invalid::-ms-input-placeholder,.fluid input[type=time]:focus::-ms-input-placeholder,.fluid input[type=time]:invalid::-ms-input-placeholder,.fluid input[type=url]:focus::-ms-input-placeholder,.fluid input[type=url]:invalid::-ms-input-placeholder,.fluid input[type=week]:focus::-ms-input-placeholder,.fluid input[type=week]:invalid::-ms-input-placeholder,.fluid select:focus::-ms-input-placeholder,.fluid select:invalid::-ms-input-placeholder,.fluid textarea:focus::-ms-input-placeholder,.fluid textarea:invalid::-ms-input-placeholder{text-align:left;color:var(--fluid-color)}.fluid .fl-asst-form-input:focus::placeholder,.fluid .fl-asst-form-input:invalid::placeholder,.fluid input:focus::placeholder,.fluid input:invalid::placeholder,.fluid input[type=color]:focus::placeholder,.fluid input[type=color]:invalid::placeholder,.fluid input[type=date]:focus::placeholder,.fluid input[type=date]:invalid::placeholder,.fluid input[type=datetime-local]:focus::placeholder,.fluid input[type=datetime-local]:invalid::placeholder,.fluid input[type=datetime]:focus::placeholder,.fluid input[type=datetime]:invalid::placeholder,.fluid input[type=email]:focus::placeholder,.fluid input[type=email]:invalid::placeholder,.fluid input[type=month]:focus::placeholder,.fluid input[type=month]:invalid::placeholder,.fluid input[type=number]:focus::placeholder,.fluid input[type=number]:invalid::placeholder,.fluid input[type=password]:focus::placeholder,.fluid input[type=password]:invalid::placeholder,.fluid input[type=search]:focus::placeholder,.fluid input[type=search]:invalid::placeholder,.fluid input[type=tel]:focus::placeholder,.fluid input[type=tel]:invalid::placeholder,.fluid input[type=text]:focus::placeholder,.fluid input[type=text]:invalid::placeholder,.fluid input[type=time]:focus::placeholder,.fluid input[type=time]:invalid::placeholder,.fluid input[type=url]:focus::placeholder,.fluid input[type=url]:invalid::placeholder,.fluid input[type=week]:focus::placeholder,.fluid input[type=week]:invalid::placeholder,.fluid select:focus::placeholder,.fluid select:invalid::placeholder,.fluid textarea:focus::placeholder,.fluid textarea:invalid::placeholder{text-align:left;color:var(--fluid-color)}.fluid input[type=range]{-webkit-appearance:slider-horizontal}.fluid input[type=checkbox],.fluid input[type=radio]{-moz-appearace:none;-webkit-appearance:none;flex:0 0 auto;margin:0;margin-right:var(--fluid-med-space);color:#fff;width:22px;height:22px;max-width:22px;max-height:22px;min-height:0;min-width:0;border-radius:var(--fluid-radius);box-shadow:none;border:none;background-color:var(--fluid-transparent-11)}.fluid input[type=checkbox]:focus,.fluid input[type=radio]:focus{box-shadow:inset 0 0 0 1.5px var(--fluid-background),0 0 0 1.5px var(--fluid-accent)}.fluid input[type=checkbox]:checked,.fluid input[type=radio]:checked{background-color:var(--fluid-blue);box-shadow:none}.fluid input[type=checkbox]:checked:focus,.fluid input[type=radio]:checked:focus{box-shadow:inset 0 0 0 1.5px var(--fluid-background),0 0 0 1.5px var(--fluid-accent)}.fluid input[type=checkbox]:checked:after,.fluid input[type=radio]:checked:after{display:block;content:"\2713";color:#fff;font-family:var(--fluid-font-family);font-size:16px!important;line-height:1;font-weight:700;text-align:center;margin-left:-1px;margin-top:-3px}.fluid input[type=checkbox]:checked:before,.fluid input[type=radio]:checked:before{content:""!important;display:none!important}.fluid input[type=radio]{border-radus:50%}.fluid .fluid-is-disabled,.fluid [aria-disabled=true],.fluid input[disabled],.fluid select[disabled],.fluid textarea[disabled]{pointer-events:none;opacity:.5;font-style:italic;color:var(--fluid-muted-text-color)}.fluid select{padding:var(--fluid-sm-space);padding-right:30px}.fluid select:focus{background-color:var(--fluid-box-background);color:var(--fluid-color)!important;border:none;outline:none;box-shadow:inset 0 0 0 2px var(--fluid-box-background),0 0 0 1.5px var(--fluid-accent)}.fluid select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.fluid select::-ms-expand{display:none}.fluid select[multiple]{height:auto;padding:10px 7px 0;background-image:none}.fluid select[multiple] option{padding:2px 7px;margin:1px 0;border-radius:3px;font-weight:400}@supports (-webkit-appearance:none){.fluid select{-moz-appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:30px}.fluid select::-ms-expand{display:none}}.fluid .fluid-color-scheme-dark .fl-asst-form-input,.fluid .fluid-color-scheme-dark input,.fluid .fluid-color-scheme-dark input[type=color],.fluid .fluid-color-scheme-dark input[type=date],.fluid .fluid-color-scheme-dark input[type=datetime-local],.fluid .fluid-color-scheme-dark input[type=datetime],.fluid .fluid-color-scheme-dark input[type=email],.fluid .fluid-color-scheme-dark input[type=month],.fluid .fluid-color-scheme-dark input[type=number],.fluid .fluid-color-scheme-dark input[type=password],.fluid .fluid-color-scheme-dark input[type=search],.fluid .fluid-color-scheme-dark input[type=tel],.fluid .fluid-color-scheme-dark input[type=text],.fluid .fluid-color-scheme-dark input[type=time],.fluid .fluid-color-scheme-dark input[type=url],.fluid .fluid-color-scheme-dark input[type=week],.fluid .fluid-color-scheme-dark select,.fluid .fluid-color-scheme-dark textarea{background-color:var(--fluid-transparent-1)}.fluid .fluid-color-scheme-dark input[type=checkbox],.fluid .fluid-color-scheme-dark input[type=radio]{background-color:var(--fluid-opaque-0)}.fluid .fluid-color-scheme-dark input[type=checkbox]:checked,.fluid .fluid-color-scheme-dark input[type=radio]:checked{background-color:var(--fluid-blue)}.fl.uid .fluid-text-title{flex:0 1 auto;font-size:16px;display:flex;flex-direction:column}.fl.uid .fluid-text-eyebrow,.fl.uid .fluid-text-subtitle{font-size:12px;font-weight:500;color:var(--fluid-muted-text-color)}.fl.uid .fluid-text-eyebrow{font-size:13px;text-transform:uppercase}.fl.uid .fluid-size-med .fluid-text-title,.fl.uid .fluid-size-sm .fluid-text-title{font-size:13px}.fluid .fluid-aspect-box{position:relative;padding-top:100%;background:var(--fluid-box-background);overflow:hidden}.fluid .fluid-aspect-box>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.fluid .fluid-loading-bar{flex:1 1 auto;border-radius:10px;min-height:20px;padding:var(--fluid-sm-space);display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.fluid .fluid-loading-bar .fluid-dot{display:inline-flex;flex:0 0 auto;width:6px;height:6px;border-radius:3px;margin:0 3px;background:var(--fluid-accent);-webkit-animation:fl-asst-dot-bounce 1.4s ease-in-out infinite both;animation:fl-asst-dot-bounce 1.4s ease-in-out infinite both}.fluid .fluid-loading-bar .fluid-dot:first-child,.fluid .fluid-loading-bar .fluid-dot:nth-child(2n+2){-webkit-animation-delay:-.32s;animation-delay:-.32s}@-webkit-keyframes fl-asst-dot-bounce{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes fl-asst-dot-bounce{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.fluid .fluid-message{flex:0 0 auto;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:var(--fluid-box-background);color:var(--fluid-box-color);border-radius:var(--fluid-radius);min-height:var(--fluid-target-size);padding:0 var(--fluid-med-space);text-decoration:none}.fluid .fluid-message-icon{margin-right:7px;height:100%;width:7%}.fluid .fluid-split{flex:1 1 auto;flex-direction:row}.fluid .fluid-split,.fluid .fluid-split .fluid-split-pane{position:relative;display:flex;min-height:0;max-height:100%}.fluid .fluid-split .fluid-split-pane{flex:1 1 auto;flex-direction:column;overflow:auto;border-right:2px solid var(--fluid-line-color);-ms-overflow-style:-ms-autohiding-scrollbar}.fluid .fluid-split .fluid-split-pane:last-child{border-right:none}.fluid .fluid-box{box-sizing:border-box;display:flex;flex-direction:column}.fluid .fluid-box.fluid-box-outset{margin-left:calc(0px - var(--fluid-lg-space));margin-right:calc(0px - var(--fluid-lg-space))}.fluid .fluid-box.fluid-row{--fluid-gap:0px;flex-direction:row}.fluid .fluid-box.fluid-row>*{margin-right:var(--fluid-gap)}.fluid .fluid-box.fluid-row>:last-child{margin-right:0}.fluid .fluid-headline{font-size:20px;font-weight:400;word-break:break-word}.fluid .fluid-toolbar{flex:0 0 60px;display:flex;flex-direction:row;align-items:center;min-height:60px;padding:0 10px;background:var(--fluid-background);z-index:1}.fluid .fluid-toolbar.fluid-is-sticky{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:0}.fluid .fluid-toolbar.fluid-size-lg{min-height:60px}.fluid .fluid-toolbar.fluid-size-med{min-height:50px}.fluid .fluid-toolbar.fluid-size-sm{min-height:40px}.fluid .fluid-toolbar>*{margin-right:var(--fluid-sm-space)}.fluid .fluid-toolbar>:last-child{margin-right:0}.fluid .fluid-content-boundary{width:clamp(40ch,80ch,100%);margin:0 auto;padding:0 var(--fluid-lg-space) var(--fluid-lg-space)}.fluid .fluid-drop-area{flex:1 1 auto;display:flex;flex-direction:column;max-height:100%;min-height:0;overflow:auto;position:relative}.fluid-menu{width:180px;background:var(--fluid-background);box-shadow:0 0 10px rgba(0,0,0,.25);border-radius:var(--fluid-med-space);z-index:1;display:flex;flex-direction:column;padding:var(--fluid-sm-space)}.fluid-menu>:first-child{margin-top:0}.fluid-menu .fluid-menu-item.fluid-button{flex:0 0 var(--fluid-target-size);justify-content:flex-start;padding:0 var(--fluid-lg-space)}.fluid-menu .fluid-menu-item.fluid-button>span{justify-content:flex-start;flex:1 1 auto}.fluid-menu .fluid-menu-item.fluid-button.is-selected{box-shadow:inset 3px 0 0 var(--fluid-accent)}.fluid-menu .fluid-menu-item.fluid-button:hover{transform:scale(1)!important}.fluid-color-scheme-dark .fluid-menu{background:var(--fluid-box-background)}.fluid .fluid-button-group{box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:wrap;background:var(--fluid-transparent-12);color:var(--fluid-color);border-radius:var(--fluid-radius);min-height:var(--fluid-target-size);max-width:100%;position:relative}.fluid .fluid-button-group .fluid-button.is-hovering,.fluid .fluid-button-group .fluid-button:hover{transform:scale(1)}.fluid .fluid-button-group>select{background-color:var(--fluid-transparent-12);box-shadow:none;padding:var(--fluid-sm-space);text-align-last:center;cursor:pointer}.fluid .fluid-button-group>select:hover{background-color:var(--fluid-transparent-10)}.fluid .fluid-button-group>select:focus{box-shadow:inset 0 0 0 1.5px var(--fluid-background),0 0 0 1.5px var(--fluid-accent)}.fluid .fluid-button-group.fluid-button-group-row{align-self:center;justify-content:flex-start}.fluid .fluid-button-group.fluid-button-group-column{flex-direction:column}.fluid .fluid-button-group.fluid-button-group-appearance-normal .fluid-button{white-space:nowrap}.fluid .fluid-button-group.fluid-button-group-appearance-buttons{background:transparent;padding:2px 0;min-height:var(--fluid-target-size);overflow:visible}.fluid .fluid-button-group.fluid-button-group-appearance-buttons .fluid-button{margin-right:var(--fluid-sm-space);margin-bottom:var(--fluid-sm-space)}.fluid .fluid-button-group.fluid-button-group-appearance-buttons .fluid-button:last-child{margin-right:0}.fluid .fluid-button-group.fluid-button-group-appearance-tabs{flex:1 1 auto;background:var(--fluid-box-background);padding:0 var(--fluid-med-space);padding-right:2px;min-height:40px;border-radius:0;justify-content:flex-start;align-self:stretch;overflow:visible;flex-wrap:nowrap;max-width:100%;min-width:0}.fluid .fluid-button-group.fluid-button-group-appearance-tabs .fluid-button{margin:0;background:transparent;border:none;border-radius:0;padding:0 12px}.fluid .fluid-button-group.fluid-button-group-appearance-tabs .fluid-button:hover{background:var(--fluid-box-hover-background)}.fluid .fluid-button-group.fluid-button-group-appearance-tabs .fluid-button:focus{border-radius:var(--fluid-radius)}.fluid .fluid-button-group.fluid-button-group-appearance-tabs .fluid-button.is-selected{border-radius:0;background:var(--fluid-blue-7)}.fluid .fluid-button-group.fluid-button-group-appearance-tabs .fluid-button.is-selected:focus{box-shadow:inset 0 0 0 2px var(--fluid-box-background),0 0 0 1.5 var(--fluid-accent),0 4px 4px 0 rgba(0,0,0,.1)}.fluid .fluid-button-group.fluid-button-group-appearance-tabs .fluid-button:last-child{margin-right:0}.fluid .fluid-button-group.fluid-button-group-appearance-tabs .fluid-button.fluid-more-button{margin-left:auto!important}.fluid .fluid-button-group.fluid-button-group-appearance-tabs .fluid-button .fluid-count-badge{margin-left:5px;padding:3px;background:var(--fluid-primary-background);color:var(--fluid-primary-color);border-radius:3px}.fluid .fluid-button-group .fluid-vertical-divider{flex:0 0 auto;margin:var(--fluid-sm-space) 0;background:var(--fluid-background);border:none;border-radius:2px}.fluid .fluid-button-group .fluid-horizontal-divider{flex:0 0 auto;margin:0 var(--fluid-sm-space);background:var(--fluid-background);border:none;border-radius:2px}.fluid .fluid-button-group .fluid-is-selected+.fluid-divider{visibility:hidden}.fluid .fluid-button-group.fluid-button-group-appearance-grid{background:transparent!important;flex:1 1 auto;display:grid;grid-gap:var(--fluid-sm-space);grid-template-columns:1fr 1fr;margin:-3px}.fluid .fluid-divider.fluid-horizontal-divider,.fluid .fluid-divider.fluid-vertical-divider{box-sizing:border-box;background:var(--fluid-background)}.fluid .fluid-divider.fluid-vertical-divider{width:2px;height:auto}.fluid .fluid-is-hidden{visibility:hidden}.fluid .fluid-more-menu{background:var(--fluid-box-background);color:var(--fluid-box-color);border-radius:var(--fluid-radius);padding:3px;display:flex;flex-direction:column}.fluid .fluid-color-scheme-dark .fluid-button-group{background:var(--fluid-transparent-1)}.fluid .fluid-color-scheme-dark .fluid-button-group>select{background-color:var(--fluid-transparent-1)}.fluid .fluid-color-scheme-dark .fluid-button-group>select:hover{background-color:var(--fluid-transparent-3)}.fl.uid .fluid-button{--color:var(--fluid-opaque-5);--background:var(--fluid-transparent-12);--hover:var(--fluid-transparent-10);--hover-color:var(--fluid-opaque-0);box-sizing:border-box;display:inline-flex;background:var(--background);color:var(--color);border-radius:var(--fluid-radius);box-shadow:0 0 0 transparent;min-height:var(--fluid-target-size);min-width:var(--fluid-target-size);padding:5px 8px;text-decoration:none;font-weight:400;text-transform:none;line-height:1.1}.fl.uid .fluid-button,.fl.uid .fluid-button>span{flex:0 0 auto;flex-direction:row;justify-content:center;align-items:center}.fl.uid .fluid-button>span{display:flex;min-width:0}.fl.uid .fluid-button.is-hovering,.fl.uid .fluid-button:hover{text-decoration:none;background:var(--hover);color:var(--hover-color);z-index:1}.fl.uid .fluid-button.is-focused,.fl.uid .fluid-button:focus{top:0;z-index:3;outline:none;text-decoration:none;box-shadow:inset 0 0 0 2px var(--fluid-background),0 0 0 1.5px var(--fluid-accent)}.fl.uid .fluid-button.is-active,.fl.uid .fluid-button:active{background:var(--hover);box-shadow:inset 0 2px 2px rgba(0,0,0,.1)}.fl.uid .fluid-button.is-selected{background:var(--fluid-blue-7);color:var(--fluid-blue-14)}.fl.uid .fluid-button.is-selected.is-focused,.fl.uid .fluid-button.is-selected:focus{background:var(--fluid-blue-7)!important;color:var(--fluid-blue-14)}.fl.uid .fluid-button.fluid-shape-round{border-radius:50%}.fl.uid .fluid-button.fluid-shape-round.fluid-size-sm{padding:3px;width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px}.fl.uid .fluid-button.fluid-shape-round.fluid-size-med{padding:3px;width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px}.fl.uid .fluid-button.fluid-shape-round.fluid-size-lg{padding:3px;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px}.fl.uid .fluid-button.fluid-appearance-elevator{height:44px;width:44px;padding:5px 12px;border-radius:50%}.fl.uid .fluid-button.fluid-appearance-transparent{--background:transparent;box-shadow:none;border:none;outline:none}.fl.uid .fluid-button.fluid-appearance-transparent.is-focused,.fl.uid .fluid-button.fluid-appearance-transparent:focus{box-shadow:inset 0 0 0 2px var(--fluid-background),0 0 0 1.5px var(--fluid-accent)}.fl.uid .fluid-button.fluid-status-primary{--background:var(--fluid-blue-12);--color:var(--fluid-blue-5);--hover:var(--fluid-blue-10);--hover-color:var(--fluid-blue-3)}.fl.uid .fluid-button.fluid-status-primary.fluid-appearance-transparent{--background:transparent;--color:var(--fluid-blue-6);--hover:var(--fluid-blue-12);--hover-color:var(--fluid-blue-5)}.fl.uid .fluid-button.fluid-status-alert{--fluid-accent:var(--fluid-alert-color);--hover-color:var(--fluid-alert-color);--color:var(--fluid-alert-color)}.fl.uid .fluid-button.fluid-status-destructive{--fluid-accent:var(--fluid-destructive-color);--hover-color:var(--fluid-destructive-color);--color:var(--fluid-destructive-color)}.fl.uid .fluid-button.fluid-size-sm{font-size:12px;padding:5px;min-height:30px;min-width:30px}.fl.uid .fluid-button.fluid-size-med{min-height:var(--fluid-target-size);min-width:var(--fluid-target-size)}.fl.uid .fluid-button.fluid-size-lg{font-size:16px;padding:5px 12px;min-height:44px;min-width:44px}.fl.uid .fluid-button .fluid-button-icon{flex:0 0 auto;margin-right:.5em}.fl.uid .fluid-button .fluid-button-icon:last-child{margin-right:0}.fl.uid .fluid-color-scheme-dark .fluid-button{--color:var(--fluid-opaque-10);--background:var(--fluid-transparent-1);--hover:var(--fluid-transparent-3);--hover-color:var(--fluid-opaque-14)}.fl.uid .fluid-color-scheme-dark .fluid-button.is-focused,.fl.uid .fluid-color-scheme-dark .fluid-button:focus{background:var(--fluid-opaque-0)}.fl.uid .fluid-color-scheme-dark .fluid-button.fluid-appearance-transparent{--background:transparent}.fl.uid .fluid-color-scheme-dark .fluid-button.fluid-status-primary{--color:var(--fluid-blue-14);--background:var(--fluid-blue-7);--hover:var(--fluid-blue-6);--hover-color:var(--fluid-blue-13)}.fl.uid .fluid-color-scheme-dark .fluid-button.fluid-status-primary.fluid-appearance-transparent{--background:transparent;--color:var(--fluid-blue-8);--hover:var(--fluid-blue-4);--hover-color:var(--fluid-blue-14)}.fl.uid .fluid-color-scheme-dark .fluid-button.fluid-status-destructive{--fluid-accent:var(--fluid-destructive-color);--color:var(--fluid-destructive-color);--hover-color:var(--fluid-destructive-color)}.fluid-dialog{background-color:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;padding:var(--fluid-med-space);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.fluid-dialog-window{background:var(--fluid-background);border-radius:var(--fluid-radius);box-shadow:0 0 20px rgba(0,0,0,.25);padding:var(--fluid-lg-space);max-width:460px;width:100%}.fluid-dialog-title{font-size:20px;margin-bottom:var(--fluid-med-space)}.fluid-dialog-message{font-size:14px;line-height:1.6;margin-bottom:var(--fluid-lg-space)}.fluid-dialog-buttons{display:flex;justify-content:flex-end}.fluid-dialog-buttons button{margin-left:var(--fluid-sm-space);min-width:70px!important}.fluid-lightbox{background-color:rgba(0,0,0,.75);padding:var(--fluid-med-space);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.fluid-lightbox .fluid-lightbox-close,.fluid-lightbox .fluid-lightbox-close:active,.fluid-lightbox .fluid-lightbox-close:focus,.fluid-lightbox .fluid-lightbox-close:hover{background-color:rgba(0,0,0,.75);border-radius:100%;color:#fff;font-size:16px;position:absolute;top:var(--fluid-med-space);right:var(--fluid-med-space)}.fluid-lightbox .fluid-lightbox-content{cursor:zoom-out;display:flex;align-items:center;justify-content:center;padding:var(--fluid-lg-space);position:fixed;top:0;right:0;bottom:0;left:0}.fluid-lightbox .fluid-lightbox-content img{max-width:100%;max-height:100%}.fl.uid .fluid-page .fluid-section{display:flex;flex-direction:column;flex:0 0 auto;margin:0 calc(0px - var(--fluid-lg-space))}.fl.uid .fluid-page .fluid-section .fluid-section-title{flex:0 0 auto;display:flex;flex-direction:row;align-items:flex-end;padding:9px var(--fluid-lg-space) 0;text-transform:uppercase;border-bottom:2px solid var(--fluid-line-color);min-height:var(--fluid-target-size)}.fl.uid .fluid-page .fluid-section .fluid-section-title .fluid-section-title-text{display:inline-flex;max-width:70%;box-shadow:0 2px 0 0 currentColor;align-items:flex-end;padding:0 0 5px;font-weight:500}.fl.uid .fluid-page .fluid-section .fluid-section-description{flex:0 0 auto;display:flex;flex-direction:column;padding:var(--fluid-lg-space);padding-bottom:0;font-style:italic}.fl.uid .fluid-page .fluid-section .fluid-section-description>:first-child{margin-top:0}.fl.uid .fluid-page .fluid-section .fluid-section-description>:last-child{margin-bottom:0}.fl.uid .fluid-page .fluid-section .fluid-section-content{flex:1 0 auto;display:grid;grid-row-gap:var(--fluid-sm-space)}.fl.uid .fluid-scroller{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.fl.uid .fluid-pad,.fl.uid .fluid-scroller{box-sizing:border-box;flex:1 1 auto;display:flex;flex-direction:column;min-height:0;max-height:100%}.fl.uid .fluid-pad{padding:var(--fluid-lg-space)}.fl.uid .fluid-pad-x{padding-left:var(--fluid-lg-space);padding-right:var(--fluid-lg-space)}.fl.uid .fluid-pad-y{padding-top:var(--fluid-lg-space);padding-bottom:var(--fluid-lg-space)}.fl.uid .fluid-page{--fluid-top-inset:0px;position:relative;flex:1 1 auto;display:flex;flex-direction:column;background-color:var(--fluid-background);color:var(--fluid-color);max-height:100%;min-height:0}.fl.uid .fluid-page .fluid-sticky-element{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:var(--fluid-top-inset);background:var(--fluid-background);z-index:9}.fl.uid .fluid-page .fluid-page-actions{margin-left:auto;display:flex;flex-direction:row;align-items:center}.fl.uid .fluid-page .fluid-page-toolbar-content{position:static;padding:0 var(--fluid-med-space);padding-left:2px;flex:1 0 auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.fl.uid .fluid-page .fluid-page-title-icon{flex:0 0 auto;width:40px;height:40px;border-radius:20px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;margin:0}.fl.uid .fluid-page .fluid-page-headline{font-size:24px;font-weight:600}.fl.uid .fluid-page .fluid-page-content{flex:1 0 auto;flex-direction:column;z-index:1}.fl.uid .fluid-page-footer,.fl.uid .fluid-page .fluid-page-content{box-sizing:border-box;display:flex;background:var(--fluid-background)}.fl.uid .fluid-page-footer{position:absolute;bottom:0;left:0;right:0;min-height:55px;flex:0 0 auto;flex-direction:row;align-items:stretch;justify-content:flex-start;border-top:2px solid var(--fluid-box-background);z-index:9}.fl.uid .fluid-page-footer>.fluid-button{margin-right:var(--fluid-sm-space)}.fl.uid .fluid-page-footer>.fluid-button:last-child{margin-right:0}.fl.uid .fluid-page-overlay{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none}.fluid .fluid-collection{--icon-area:40px;--thumbnail-brightness:97%;position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--fluid-lg-space);padding:var(--fluid-lg-space);padding-top:2px;margin:0}.fluid .fluid-collection.fluid-collection-appearance-list{display:flex;flex-direction:column}.fluid .fluid-collection .fluid-collection-item{position:relative;display:flex;flex-direction:column;min-width:0}.fluid .fluid-collection .fluid-collection-item-thumbnail{flex:0 0 auto;transition-property:transform;transition-duration:.15s;transform-origin:top center;z-index:1}.fluid .fluid-collection .fluid-collection-item-thumbnail .fluid-aspect-box{-webkit-filter:brightness(var(--thumbnail-brightness));filter:brightness(var(--thumbnail-brightness))}.fluid .fluid-collection .fluid-collection-item-text{flex:1 1 auto;display:flex;min-height:50px}.fluid .fluid-collection .fluid-collection-item-text .fluid-item-title{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:100%;padding:0 10px}.fluid .fluid-collection .fluid-collection-item-text .fluid-item-title .fluid-item-description,.fluid .fluid-collection .fluid-collection-item-text .fluid-item-title .fluid-item-title-text{line-height:1;word-break:break-word;text-align:left}.fluid .fluid-collection .fluid-collection-item-text .fluid-item-title .fluid-item-description{padding-top:3px;opacity:.7}.fluid .fluid-collection .fluid-collection-item-text .fluid-item-title .fluid-truncate{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fluid .fluid-collection .fluid-collection-item-text.item-has-icon .fluid-item-title{padding-left:0;max-width:calc(100% - var(--icon-area))}.fluid .fluid-collection .fluid-collection-item-icon{flex:0 0 var(--icon-area);width:var(--icon-area);min-height:var(--icon-area);display:flex;justify-content:center;align-items:center}.fluid .fluid-collection .fluid-button.fluid-collection-item-primary-action{flex:1 1 auto;padding:0;background:var(--fluid-opaque-12);border-radius:var(--fluid-radius);overflow:hidden}.fluid .fluid-collection .fluid-button.fluid-collection-item-primary-action>span{flex:1 1 auto;flex-direction:column;align-items:stretch}.fluid .fluid-collection .fluid-button.fluid-collection-item-primary-action:hover{background-color:var(--fluid-transparent-11)}.fluid .fluid-collection .fluid-button.fluid-collection-item-primary-action:focus{box-shadow:0 0 0 1.5px var(--fluid-background),0 0 0 3px var(--fluid-blue)}.fluid .fluid-collection .fluid-collection-item-list-content{display:flex;flex-direction:row;align-items:center}.fluid .fluid-collection .fluid-collection-item-list-content .fluid-collection-item-thumbnail{width:60px;padding-right:var(--fluid-med-space)}.fluid .fluid-collection .fluid-collection-item-list-content .fluid-item-title{font-size:14px}.fluid .fluid-collection .fluid-collection-item-grid-content{display:flex;flex-direction:column}.fluid .fluid-collection .fluid-collection-item-grid-content .fluid-item-title{font-size:12px}.fluid .fluid-color-scheme-dark .fluid-button.fluid-collection-item-primary-action{background:var(--fluid-opaque-1)}.fluid .fluid-color-scheme-dark .fluid-button.fluid-collection-item-primary-action:hover{background-color:var(--fluid-opaque-0)}
|
extensions/fl-builder-cache-helper/plugins/acf.php
CHANGED
@@ -7,8 +7,11 @@ class ACF {
|
|
7 |
|
8 |
function run() {
|
9 |
add_action( 'acf/save_post', function( $post_id ) {
|
10 |
-
|
11 |
-
|
|
|
|
|
|
|
12 |
// delete partials
|
13 |
\FLBuilderModel::delete_asset_cache_for_all_posts( '*layout-partial*' );
|
14 |
});
|
7 |
|
8 |
function run() {
|
9 |
add_action( 'acf/save_post', function( $post_id ) {
|
10 |
+
if ( is_numeric( $post_id ) ) {
|
11 |
+
\FLBuilderModel::delete_all_asset_cache( $post_id );
|
12 |
+
} else {
|
13 |
+
\FLBuilderModel::delete_asset_cache_for_all_posts();
|
14 |
+
}
|
15 |
// delete partials
|
16 |
\FLBuilderModel::delete_asset_cache_for_all_posts( '*layout-partial*' );
|
17 |
});
|
extensions/fl-builder-seo-plugins/classes/class-fl-builder-seo-plugins.php
CHANGED
@@ -134,8 +134,12 @@ class FLBuilderSeoPlugins {
|
|
134 |
}
|
135 |
ob_start();
|
136 |
echo do_shortcode( "[fl_builder_insert_layout id=$id]" );
|
137 |
-
$data
|
138 |
-
|
|
|
|
|
|
|
|
|
139 |
return str_replace( PHP_EOL, '', $data );
|
140 |
}
|
141 |
|
134 |
}
|
135 |
ob_start();
|
136 |
echo do_shortcode( "[fl_builder_insert_layout id=$id]" );
|
137 |
+
$data = ob_get_clean();
|
138 |
+
$handle = 'fl-builder-layout-' . $id;
|
139 |
+
wp_dequeue_script( $handle );
|
140 |
+
wp_dequeue_style( $handle );
|
141 |
+
wp_deregister_script( $handle );
|
142 |
+
wp_deregister_style( $handle );
|
143 |
return str_replace( PHP_EOL, '', $data );
|
144 |
}
|
145 |
|
fl-builder.php
CHANGED
@@ -3,7 +3,7 @@
|
|
3 |
* Plugin Name: Beaver Builder Plugin (Lite Version)
|
4 |
* Plugin URI: https://www.wpbeaverbuilder.com/?utm_medium=bb&utm_source=plugins-admin-page&utm_campaign=plugins-admin-uri
|
5 |
* Description: A drag and drop frontend WordPress page builder plugin that works with almost any theme!
|
6 |
-
* Version: 2.5.1
|
7 |
* Author: The Beaver Builder Team
|
8 |
* Author URI: https://www.wpbeaverbuilder.com/?utm_medium=bb&utm_source=plugins-admin-page&utm_campaign=plugins-admin-author
|
9 |
* Copyright: (c) 2014 Beaver Builder
|
3 |
* Plugin Name: Beaver Builder Plugin (Lite Version)
|
4 |
* Plugin URI: https://www.wpbeaverbuilder.com/?utm_medium=bb&utm_source=plugins-admin-page&utm_campaign=plugins-admin-uri
|
5 |
* Description: A drag and drop frontend WordPress page builder plugin that works with almost any theme!
|
6 |
+
* Version: 2.5.1.1
|
7 |
* Author: The Beaver Builder Team
|
8 |
* Author URI: https://www.wpbeaverbuilder.com/?utm_medium=bb&utm_source=plugins-admin-page&utm_campaign=plugins-admin-author
|
9 |
* Copyright: (c) 2014 Beaver Builder
|
includes/updater-config.php
CHANGED
@@ -3,7 +3,7 @@
|
|
3 |
if ( class_exists( 'FLUpdater' ) ) {
|
4 |
FLUpdater::add_product(array(
|
5 |
'name' => 'Beaver Builder Plugin (Lite Version)',
|
6 |
-
'version' => '2.5.1',
|
7 |
'slug' => 'bb-plugin',
|
8 |
'type' => 'plugin',
|
9 |
));
|
3 |
if ( class_exists( 'FLUpdater' ) ) {
|
4 |
FLUpdater::add_product(array(
|
5 |
'name' => 'Beaver Builder Plugin (Lite Version)',
|
6 |
+
'version' => '2.5.1.1',
|
7 |
'slug' => 'bb-plugin',
|
8 |
'type' => 'plugin',
|
9 |
));
|
js/build/builder.bundle.js
CHANGED
@@ -17,9 +17,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
17 |
/* harmony import */ var data__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! data */ "./src/builder/data/index.js");
|
18 |
/* harmony import */ var _nodes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./nodes */ "./src/builder/api/nodes.js");
|
19 |
/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./settings */ "./src/builder/api/settings.js");
|
20 |
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
21 |
|
22 |
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
23 |
|
24 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
25 |
|
@@ -92,6 +92,9 @@ var getDeleteConfirmationMessage = function getDeleteConfirmationMessage(type) {
|
|
92 |
|
93 |
|
94 |
var deleteNode = function deleteNode(id) {
|
|
|
|
|
|
|
95 |
if (!id) {
|
96 |
return;
|
97 |
}
|
@@ -105,13 +108,12 @@ var deleteNode = function deleteNode(id) {
|
|
105 |
}
|
106 |
|
107 |
if (shouldDelete) {
|
108 |
-
var el = FLBuilder._getJQueryElement(id);
|
109 |
|
110 |
-
if (!el) {
|
111 |
-
return;
|
112 |
-
}
|
113 |
|
114 |
-
if (
|
|
|
|
|
115 |
FLBuilder._deleteModule(el);
|
116 |
} else if ('column' === node.type) {
|
117 |
var col = FLBuilder._getColToDelete(el);
|
@@ -171,11 +173,11 @@ var moveNode = function moveNode(id, position) {
|
|
171 |
var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
172 |
var resize = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
|
173 |
|
174 |
-
var
|
175 |
-
reorderNode =
|
176 |
-
moveNode =
|
177 |
-
reorderColumn =
|
178 |
-
moveColumn =
|
179 |
|
180 |
var _getNode = (0,data__WEBPACK_IMPORTED_MODULE_0__.getNode)(id),
|
181 |
type = _getNode.type,
|
@@ -253,6 +255,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
253 |
/* harmony export */ "getLayoutState": () => (/* reexport safe */ _layout__WEBPACK_IMPORTED_MODULE_1__.getLayoutState),
|
254 |
/* harmony export */ "getLayoutStore": () => (/* reexport safe */ _layout__WEBPACK_IMPORTED_MODULE_1__.getLayoutStore),
|
255 |
/* harmony export */ "getNode": () => (/* reexport safe */ _layout__WEBPACK_IMPORTED_MODULE_1__.getNode),
|
|
|
256 |
/* harmony export */ "useLayoutState": () => (/* reexport safe */ _layout__WEBPACK_IMPORTED_MODULE_1__.useLayoutState)
|
257 |
/* harmony export */ });
|
258 |
/* harmony import */ var _system__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./system */ "./src/builder/data/system/index.js");
|
@@ -320,9 +323,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
320 |
/* harmony export */ "cancelDisplaySettings": () => (/* binding */ cancelDisplaySettings),
|
321 |
/* harmony export */ "resizingComplete": () => (/* binding */ resizingComplete)
|
322 |
/* harmony export */ });
|
323 |
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
324 |
|
325 |
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
326 |
|
327 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
328 |
|
@@ -781,7 +784,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
781 |
|
782 |
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
783 |
|
784 |
-
function _iterableToArrayLimit(arr, i) {
|
785 |
|
786 |
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
787 |
|
@@ -1392,7 +1395,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
1392 |
/* harmony export */ "getLayoutHooks": () => (/* binding */ getLayoutHooks),
|
1393 |
/* harmony export */ "useLayoutState": () => (/* binding */ useLayoutState),
|
1394 |
/* harmony export */ "getNode": () => (/* binding */ getNode),
|
1395 |
-
/* harmony export */ "getChildren": () => (/* binding */ getChildren)
|
|
|
1396 |
/* harmony export */ });
|
1397 |
/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./store */ "./src/builder/data/layout/store/index.js");
|
1398 |
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reducers */ "./src/builder/data/layout/reducers.js");
|
@@ -1415,12 +1419,12 @@ var state = {
|
|
1415 |
}
|
1416 |
};
|
1417 |
|
1418 |
-
var _createLayoutStore = (0,_store__WEBPACK_IMPORTED_MODULE_0__
|
1419 |
state: state,
|
1420 |
reducers: _reducers__WEBPACK_IMPORTED_MODULE_1__,
|
1421 |
effects: _effects__WEBPACK_IMPORTED_MODULE_2__,
|
1422 |
actions: _actions__WEBPACK_IMPORTED_MODULE_3__,
|
1423 |
-
tests: _tests__WEBPACK_IMPORTED_MODULE_4__
|
1424 |
}),
|
1425 |
store = _createLayoutStore.store,
|
1426 |
actionCreators = _createLayoutStore.actions,
|
@@ -1453,6 +1457,10 @@ var getChildren = function getChildren(id) {
|
|
1453 |
return Object.values(nodes).filter(function (node) {
|
1454 |
return id === node.parent;
|
1455 |
});
|
|
|
|
|
|
|
|
|
1456 |
}; // Initialize the data
|
1457 |
|
1458 |
store.dispatch(_actions__WEBPACK_IMPORTED_MODULE_3__.fetchLayout());
|
@@ -1476,9 +1484,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
1476 |
/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(redux__WEBPACK_IMPORTED_MODULE_0__);
|
1477 |
/* harmony import */ var _undoable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./undoable */ "./src/builder/data/layout/undoable.js");
|
1478 |
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ "./src/builder/data/layout/utils/index.js");
|
1479 |
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
1480 |
|
1481 |
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
1482 |
|
1483 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
1484 |
|
@@ -1699,7 +1707,7 @@ var globalSettings = function globalSettings() {
|
|
1699 |
*/
|
1700 |
|
1701 |
|
1702 |
-
var layout = (0,_undoable__WEBPACK_IMPORTED_MODULE_1__
|
1703 |
attachments: attachments,
|
1704 |
nodes: nodes,
|
1705 |
globalSettings: globalSettings
|
@@ -1780,13 +1788,13 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
1780 |
|
1781 |
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
1782 |
|
1783 |
-
function _iterableToArrayLimit(arr, i) {
|
1784 |
|
1785 |
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
1786 |
|
1787 |
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
1788 |
|
1789 |
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
1790 |
|
1791 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
1792 |
|
@@ -1991,9 +1999,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
1991 |
/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(redux__WEBPACK_IMPORTED_MODULE_0__);
|
1992 |
/* harmony import */ var _middleware__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./middleware */ "./src/builder/data/layout/store/middleware.js");
|
1993 |
/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./hooks */ "./src/builder/data/layout/store/hooks.js");
|
1994 |
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
1995 |
|
1996 |
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
1997 |
|
1998 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
1999 |
|
@@ -2027,12 +2035,12 @@ var createLayoutStore = function createLayoutStore() {
|
|
2027 |
var state = _objectSpread(_objectSpread({}, defaultState), config.state);
|
2028 |
|
2029 |
var reducer = (0,redux__WEBPACK_IMPORTED_MODULE_0__.combineReducers)(config.reducers);
|
2030 |
-
var middleware = (0,_middleware__WEBPACK_IMPORTED_MODULE_1__
|
2031 |
var store = (0,redux__WEBPACK_IMPORTED_MODULE_0__.createStore)(reducer, state, middleware);
|
2032 |
return {
|
2033 |
store: store,
|
2034 |
actions: (0,redux__WEBPACK_IMPORTED_MODULE_0__.bindActionCreators)(_objectSpread({}, config.actions), store.dispatch),
|
2035 |
-
hooks: (0,_hooks__WEBPACK_IMPORTED_MODULE_2__
|
2036 |
};
|
2037 |
};
|
2038 |
|
@@ -2338,9 +2346,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
2338 |
/* harmony export */ "verifyNodes": () => (/* binding */ verifyNodes),
|
2339 |
/* harmony export */ "verifyNoOrphans": () => (/* binding */ verifyNoOrphans)
|
2340 |
/* harmony export */ });
|
2341 |
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
2342 |
|
2343 |
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
2344 |
|
2345 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
2346 |
|
@@ -2620,9 +2628,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
2620 |
/* harmony export */ "setIsEditing": () => (/* binding */ setIsEditing),
|
2621 |
/* harmony export */ "setColorScheme": () => (/* binding */ setColorScheme)
|
2622 |
/* harmony export */ });
|
2623 |
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
2624 |
|
2625 |
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
2626 |
|
2627 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
2628 |
|
@@ -2807,9 +2815,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
2807 |
/* harmony export */ "isEditing": () => (/* binding */ isEditing),
|
2808 |
/* harmony export */ "colorScheme": () => (/* binding */ colorScheme)
|
2809 |
/* harmony export */ });
|
2810 |
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
2811 |
|
2812 |
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
2813 |
|
2814 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
2815 |
|
@@ -2882,61 +2890,6 @@ var colorScheme = function colorScheme() {
|
|
2882 |
|
2883 |
/***/ }),
|
2884 |
|
2885 |
-
/***/ "./src/builder/index.js":
|
2886 |
-
/*!******************************!*\
|
2887 |
-
!*** ./src/builder/index.js ***!
|
2888 |
-
\******************************/
|
2889 |
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
2890 |
-
|
2891 |
-
"use strict";
|
2892 |
-
__webpack_require__.r(__webpack_exports__);
|
2893 |
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
2894 |
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
2895 |
-
/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "react-dom");
|
2896 |
-
/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
|
2897 |
-
/* harmony import */ var _data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./data */ "./src/builder/data/index.js");
|
2898 |
-
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ui */ "./src/builder/ui/index.js");
|
2899 |
-
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./api */ "./src/builder/api/index.js");
|
2900 |
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
2901 |
-
|
2902 |
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
2903 |
-
|
2904 |
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
2905 |
-
|
2906 |
-
|
2907 |
-
|
2908 |
-
|
2909 |
-
|
2910 |
-
|
2911 |
-
|
2912 |
-
var _publicAPI$getActions = _api__WEBPACK_IMPORTED_MODULE_4__.getActions(),
|
2913 |
-
registerPanel = _publicAPI$getActions.registerPanel,
|
2914 |
-
displayPanel = _publicAPI$getActions.displayPanel,
|
2915 |
-
togglePanel = _publicAPI$getActions.togglePanel; // Setup public API - window.FL.Builder
|
2916 |
-
|
2917 |
-
|
2918 |
-
var api = window.FL || {};
|
2919 |
-
var existing = api.Builder || {};
|
2920 |
-
|
2921 |
-
var Builder = _objectSpread(_objectSpread(_objectSpread({}, existing), _api__WEBPACK_IMPORTED_MODULE_4__), {}, {
|
2922 |
-
data: _data__WEBPACK_IMPORTED_MODULE_2__,
|
2923 |
-
registerPanel: registerPanel,
|
2924 |
-
displayPanel: displayPanel,
|
2925 |
-
togglePanel: togglePanel
|
2926 |
-
});
|
2927 |
-
|
2928 |
-
window.FL = _objectSpread(_objectSpread({}, api), {}, {
|
2929 |
-
Builder: Builder
|
2930 |
-
}); // Needs to happen after FL.Builder.data API is available
|
2931 |
-
|
2932 |
-
(0,_ui__WEBPACK_IMPORTED_MODULE_3__.registerPanels)(); // Render UI
|
2933 |
-
|
2934 |
-
var root = document.getElementById('fl-ui-root');
|
2935 |
-
root.classList.add('fluid', 'fl', 'uid');
|
2936 |
-
(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.render)( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui__WEBPACK_IMPORTED_MODULE_3__.default, null), root);
|
2937 |
-
|
2938 |
-
/***/ }),
|
2939 |
-
|
2940 |
/***/ "./src/builder/ui/3rd-party/index.js":
|
2941 |
/*!*******************************************!*\
|
2942 |
!*** ./src/builder/ui/3rd-party/index.js ***!
|
@@ -3109,7 +3062,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
3109 |
|
3110 |
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
3111 |
|
3112 |
-
function _iterableToArrayLimit(arr, i) {
|
3113 |
|
3114 |
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
3115 |
|
@@ -3137,7 +3090,7 @@ var ContextMenuProvider = function ContextMenuProvider(_ref) {
|
|
3137 |
};
|
3138 |
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_context__WEBPACK_IMPORTED_MODULE_1__.ContextMenuContext.Provider, {
|
3139 |
value: context
|
3140 |
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(DismissListener, null), children, false !== contextMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_2__
|
3141 |
clear: clearContextMenu
|
3142 |
})));
|
3143 |
};
|
@@ -3200,6 +3153,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
3200 |
/* harmony import */ var _beaverbuilder_fluid__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @beaverbuilder/fluid */ "@beaverbuilder/fluid");
|
3201 |
/* harmony import */ var _beaverbuilder_fluid__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_beaverbuilder_fluid__WEBPACK_IMPORTED_MODULE_1__);
|
3202 |
/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style.scss */ "./src/builder/ui/context-menu/menu/style.scss");
|
|
|
|
|
3203 |
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3204 |
|
3205 |
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
@@ -3214,7 +3169,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
3214 |
|
3215 |
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
3216 |
|
3217 |
-
function _iterableToArrayLimit(arr, i) {
|
3218 |
|
3219 |
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
3220 |
|
@@ -3258,7 +3213,7 @@ var ContextMenu = function ContextMenu(_ref) {
|
|
3258 |
var _items$key = items[key],
|
3259 |
_onClick = _items$key.onClick,
|
3260 |
label = _items$key.label,
|
3261 |
-
rest = _objectWithoutProperties(_items$key,
|
3262 |
|
3263 |
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
|
3264 |
key: key
|
@@ -3333,7 +3288,7 @@ var BeaverBuilderUI = function BeaverBuilderUI() {
|
|
3333 |
var wrap = classnames__WEBPACK_IMPORTED_MODULE_1___default()(_defineProperty({}, "fluid-color-scheme-".concat(colorScheme), colorScheme));
|
3334 |
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
3335 |
className: wrap
|
3336 |
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_context_menu__WEBPACK_IMPORTED_MODULE_3__.ContextMenuProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inline_editor__WEBPACK_IMPORTED_MODULE_5__
|
3337 |
};
|
3338 |
|
3339 |
var registerPanels = function registerPanels() {
|
@@ -3363,25 +3318,25 @@ __webpack_require__.r(__webpack_exports__);
|
|
3363 |
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
3364 |
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
3365 |
/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./style.scss */ "./src/builder/ui/inline-editor/style.scss");
|
3366 |
-
function _typeof(obj) { "@babel/helpers - typeof";
|
3367 |
|
3368 |
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
3369 |
|
3370 |
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
3371 |
|
3372 |
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
3373 |
|
3374 |
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass
|
3375 |
|
3376 |
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
3377 |
|
3378 |
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
3379 |
|
3380 |
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
3381 |
|
3382 |
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
3383 |
|
3384 |
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try {
|
3385 |
|
3386 |
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
3387 |
|
@@ -3904,25 +3859,25 @@ __webpack_require__.r(__webpack_exports__);
|
|
3904 |
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
3905 |
/* harmony import */ var data__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! data */ "./src/builder/data/index.js");
|
3906 |
/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style.scss */ "./src/builder/ui/notifications/style.scss");
|
3907 |
-
function _typeof(obj) { "@babel/helpers - typeof";
|
3908 |
|
3909 |
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
3910 |
|
3911 |
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
3912 |
|
3913 |
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
3914 |
|
3915 |
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass
|
3916 |
|
3917 |
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
3918 |
|
3919 |
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
3920 |
|
3921 |
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
3922 |
|
3923 |
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
3924 |
|
3925 |
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try {
|
3926 |
|
3927 |
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
3928 |
|
@@ -4135,9 +4090,9 @@ var registerOutlinePanel = function registerOutlinePanel() {
|
|
4135 |
togglePanel = _window$FL$Builder.togglePanel;
|
4136 |
registerPanel('outline', {
|
4137 |
label: 'Outline',
|
4138 |
-
render: _outline__WEBPACK_IMPORTED_MODULE_0__
|
4139 |
// legacy
|
4140 |
-
root: _outline__WEBPACK_IMPORTED_MODULE_0__
|
4141 |
|
4142 |
});
|
4143 |
FLBuilder.addHook('didInitUI', function () {
|
@@ -4207,9 +4162,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
4207 |
/* harmony import */ var _tiny_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tiny-icons */ "./src/builder/ui/outline-panel/outline/tiny-icons/index.js");
|
4208 |
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils */ "./src/builder/ui/outline-panel/outline/utils/index.js");
|
4209 |
/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./style.scss */ "./src/builder/ui/outline-panel/outline/style.scss");
|
4210 |
-
|
|
|
4211 |
|
4212 |
-
function
|
|
|
|
|
4213 |
|
4214 |
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4215 |
|
@@ -4227,7 +4185,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
4227 |
|
4228 |
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
4229 |
|
4230 |
-
function _iterableToArrayLimit(arr, i) {
|
4231 |
|
4232 |
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
4233 |
|
@@ -4282,7 +4240,7 @@ var Outline = function Outline() {
|
|
4282 |
var classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()('fl-builder-node-outline', _defineProperty({
|
4283 |
'is-dragging': isDraggingItem
|
4284 |
}, "is-dragging-type-".concat(draggingItem.type), draggingItem));
|
4285 |
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_context__WEBPACK_IMPORTED_MODULE_7__
|
4286 |
value: context
|
4287 |
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
|
4288 |
className: classes
|
@@ -4323,7 +4281,7 @@ var Item = function Item(_ref) {
|
|
4323 |
* Drag info
|
4324 |
*/
|
4325 |
|
4326 |
-
var _OutlineContext$use = _context__WEBPACK_IMPORTED_MODULE_7__
|
4327 |
draggingItem = _OutlineContext$use.draggingItem,
|
4328 |
setDraggingItem = _OutlineContext$use.setDraggingItem,
|
4329 |
clearDraggingItem = _OutlineContext$use.clearDraggingItem;
|
@@ -4463,7 +4421,7 @@ var Item = function Item(_ref) {
|
|
4463 |
var EmptyDropArea = function EmptyDropArea(_ref2) {
|
4464 |
var id = _ref2.id,
|
4465 |
type = _ref2.type,
|
4466 |
-
rest = _objectWithoutProperties(_ref2,
|
4467 |
|
4468 |
var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
|
4469 |
_useState8 = _slicedToArray(_useState7, 2),
|
@@ -4473,7 +4431,7 @@ var EmptyDropArea = function EmptyDropArea(_ref2) {
|
|
4473 |
var _getActions2 = (0,api__WEBPACK_IMPORTED_MODULE_4__.getActions)(),
|
4474 |
moveNode = _getActions2.moveNode;
|
4475 |
|
4476 |
-
var _OutlineContext$use2 = _context__WEBPACK_IMPORTED_MODULE_7__
|
4477 |
clearDraggingItem = _OutlineContext$use2.clearDraggingItem;
|
4478 |
|
4479 |
var classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()('fl-builder-node-empty-drop-area', {
|
@@ -4735,7 +4693,7 @@ var ItemLabel = function ItemLabel(_ref4) {
|
|
4735 |
var PillBox = function PillBox(_ref5) {
|
4736 |
var children = _ref5.children,
|
4737 |
style = _ref5.style,
|
4738 |
-
rest = _objectWithoutProperties(_ref5,
|
4739 |
|
4740 |
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", _extends({
|
4741 |
style: _objectSpread({
|
@@ -5029,7 +4987,7 @@ var Visibility = function Visibility() {
|
|
5029 |
"use strict";
|
5030 |
__webpack_require__.r(__webpack_exports__);
|
5031 |
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
5032 |
-
/* harmony export */ "useSingleAndDoubleClick": () => (/* reexport safe */ _use_single_and_double_click__WEBPACK_IMPORTED_MODULE_2__
|
5033 |
/* harmony export */ "sanitizeString": () => (/* binding */ sanitizeString),
|
5034 |
/* harmony export */ "getModuleTypeLabel": () => (/* binding */ getModuleTypeLabel),
|
5035 |
/* harmony export */ "hasVisibility": () => (/* binding */ hasVisibility),
|
@@ -5045,7 +5003,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
5045 |
/* harmony import */ var dompurify__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(dompurify__WEBPACK_IMPORTED_MODULE_0__);
|
5046 |
/* harmony import */ var api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! api */ "./src/builder/api/index.js");
|
5047 |
/* harmony import */ var _use_single_and_double_click__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./use-single-and-double-click */ "./src/builder/ui/outline-panel/outline/utils/use-single-and-double-click.js");
|
5048 |
-
function _typeof(obj) { "@babel/helpers - typeof";
|
5049 |
|
5050 |
|
5051 |
|
@@ -5188,7 +5146,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
5188 |
|
5189 |
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
5190 |
|
5191 |
-
function _iterableToArrayLimit(arr, i) {
|
5192 |
|
5193 |
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
5194 |
|
@@ -5281,6 +5239,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
5281 |
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
5282 |
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
5283 |
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
|
|
|
|
|
5284 |
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
5285 |
|
5286 |
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
@@ -5292,7 +5252,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
5292 |
|
5293 |
var Frame = function Frame(_ref) {
|
5294 |
var className = _ref.className,
|
5295 |
-
rest = _objectWithoutProperties(_ref,
|
5296 |
|
5297 |
var classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()('fl-builder-workspace-panel', className);
|
5298 |
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
|
@@ -5351,7 +5311,7 @@ var PanelManager = function PanelManager() {
|
|
5351 |
root = _panel.root,
|
5352 |
render = _panel.render,
|
5353 |
_panel$frame = _panel.frame,
|
5354 |
-
frame = _panel$frame === void 0 ? _frame__WEBPACK_IMPORTED_MODULE_3__
|
5355 |
panelClassName = _panel.className,
|
5356 |
wrapClassName = _panel.wrapClassName;
|
5357 |
var Frame = false === frame ? react__WEBPACK_IMPORTED_MODULE_0__.Fragment : frame;
|
@@ -5457,6 +5417,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
5457 |
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
|
5458 |
/* harmony import */ var _art__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../art */ "./src/builder/ui/art/index.js");
|
5459 |
/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style.scss */ "./src/builder/ui/shortcuts-panel/panel/style.scss");
|
|
|
|
|
5460 |
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
5461 |
|
5462 |
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
@@ -5476,7 +5438,7 @@ var Panel = function Panel(_ref) {
|
|
5476 |
showCloseButton = _ref$showCloseButton === void 0 ? true : _ref$showCloseButton,
|
5477 |
_ref$onClose = _ref.onClose,
|
5478 |
onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
|
5479 |
-
rest = _objectWithoutProperties(_ref,
|
5480 |
|
5481 |
var classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()({
|
5482 |
'fl-ui-panel-area': true
|
@@ -5524,7 +5486,7 @@ var Panel = function Panel(_ref) {
|
|
5524 |
/***/ ((module, exports) => {
|
5525 |
|
5526 |
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
5527 |
-
Copyright (c)
|
5528 |
Licensed under the MIT License (MIT), see
|
5529 |
http://jedwatson.github.io/classnames
|
5530 |
*/
|
@@ -5535,7 +5497,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
5535 |
|
5536 |
var hasOwn = {}.hasOwnProperty;
|
5537 |
|
5538 |
-
function classNames
|
5539 |
var classes = [];
|
5540 |
|
5541 |
for (var i = 0; i < arguments.length; i++) {
|
@@ -5546,16 +5508,22 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
5546 |
|
5547 |
if (argType === 'string' || argType === 'number') {
|
5548 |
classes.push(arg);
|
5549 |
-
} else if (Array.isArray(arg)
|
5550 |
-
|
5551 |
-
|
5552 |
-
|
|
|
|
|
5553 |
}
|
5554 |
} else if (argType === 'object') {
|
5555 |
-
|
5556 |
-
|
5557 |
-
|
|
|
|
|
5558 |
}
|
|
|
|
|
5559 |
}
|
5560 |
}
|
5561 |
}
|
@@ -5584,7 +5552,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
5584 |
\***********************************************/
|
5585 |
/***/ (function(module) {
|
5586 |
|
5587 |
-
/*! @license DOMPurify | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.
|
5588 |
|
5589 |
(function (global, factory) {
|
5590 |
true ? module.exports = factory() :
|
@@ -5741,13 +5709,13 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
5741 |
// SVG
|
5742 |
var svg = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
|
5743 |
|
5744 |
-
var svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);
|
5745 |
|
5746 |
// List of SVG elements that are disallowed by default.
|
5747 |
// We still need to know them so that we can do namespace
|
5748 |
// checks properly in case one wants to add them to
|
5749 |
// allow-list.
|
5750 |
-
var svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'fedropshadow', '
|
5751 |
|
5752 |
var mathMl = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover']);
|
5753 |
|
@@ -5757,7 +5725,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
5757 |
|
5758 |
var text = freeze(['#text']);
|
5759 |
|
5760 |
-
var html$1 = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'xmlns']);
|
5761 |
|
5762 |
var svg$1 = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'targetx', 'targety', 'transform', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
|
5763 |
|
@@ -5834,7 +5802,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
5834 |
* Version label, exposed for easier checks
|
5835 |
* if DOMPurify is up to date or not
|
5836 |
*/
|
5837 |
-
DOMPurify.version = '2.
|
5838 |
|
5839 |
/**
|
5840 |
* Array of elements that DOMPurify removed during sanitation.
|
@@ -5860,8 +5828,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
5860 |
NodeFilter = window.NodeFilter,
|
5861 |
_window$NamedNodeMap = window.NamedNodeMap,
|
5862 |
NamedNodeMap = _window$NamedNodeMap === undefined ? window.NamedNodeMap || window.MozNamedAttrMap : _window$NamedNodeMap,
|
5863 |
-
|
5864 |
-
Comment = window.Comment,
|
5865 |
DOMParser = window.DOMParser,
|
5866 |
trustedTypes = window.trustedTypes;
|
5867 |
|
@@ -5892,8 +5859,8 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
5892 |
var _document = document,
|
5893 |
implementation = _document.implementation,
|
5894 |
createNodeIterator = _document.createNodeIterator,
|
5895 |
-
|
5896 |
-
|
5897 |
var importNode = originalDocument.importNode;
|
5898 |
|
5899 |
|
@@ -5931,6 +5898,33 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
5931 |
var ALLOWED_ATTR = null;
|
5932 |
var DEFAULT_ALLOWED_ATTR = addToSet({}, [].concat(_toConsumableArray$1(html$1), _toConsumableArray$1(svg$1), _toConsumableArray$1(mathMl$1), _toConsumableArray$1(xml)));
|
5933 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
5934 |
/* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */
|
5935 |
var FORBID_TAGS = null;
|
5936 |
|
@@ -5971,17 +5965,6 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
5971 |
* string (or a TrustedHTML object if Trusted Types are supported) */
|
5972 |
var RETURN_DOM_FRAGMENT = false;
|
5973 |
|
5974 |
-
/* If `RETURN_DOM` or `RETURN_DOM_FRAGMENT` is enabled, decide if the returned DOM
|
5975 |
-
* `Node` is imported into the current `Document`. If this flag is not enabled the
|
5976 |
-
* `Node` will belong (its ownerDocument) to a fresh `HTMLDocument`, created by
|
5977 |
-
* DOMPurify.
|
5978 |
-
*
|
5979 |
-
* This defaults to `true` starting DOMPurify 2.2.0. Note that setting it to `false`
|
5980 |
-
* might cause XSS from attacks hidden in closed shadowroots in case the browser
|
5981 |
-
* supports Declarative Shadow: DOM https://web.dev/declarative-shadow-dom/
|
5982 |
-
*/
|
5983 |
-
var RETURN_DOM_IMPORT = true;
|
5984 |
-
|
5985 |
/* Try to return a Trusted Type object instead of a string, return a string in
|
5986 |
* case Trusted Types are not supported */
|
5987 |
var RETURN_TRUSTED_TYPE = false;
|
@@ -6000,7 +5983,8 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6000 |
var USE_PROFILES = {};
|
6001 |
|
6002 |
/* Tags to ignore content of when KEEP_CONTENT is true */
|
6003 |
-
var FORBID_CONTENTS =
|
|
|
6004 |
|
6005 |
/* Tags that are safe for data: URIs */
|
6006 |
var DATA_URI_TAGS = null;
|
@@ -6008,7 +5992,20 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6008 |
|
6009 |
/* Attributes safe for values like "javascript:" */
|
6010 |
var URI_SAFE_ATTRIBUTES = null;
|
6011 |
-
var DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'summary', 'title', 'value', 'style', 'xmlns']);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
6012 |
|
6013 |
/* Keep a reference to config to pass to hooks */
|
6014 |
var CONFIG = null;
|
@@ -6018,6 +6015,10 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6018 |
|
6019 |
var formElement = document.createElement('form');
|
6020 |
|
|
|
|
|
|
|
|
|
6021 |
/**
|
6022 |
* _parseConfig
|
6023 |
*
|
@@ -6042,6 +6043,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6042 |
ALLOWED_ATTR = 'ALLOWED_ATTR' in cfg ? addToSet({}, cfg.ALLOWED_ATTR) : DEFAULT_ALLOWED_ATTR;
|
6043 |
URI_SAFE_ATTRIBUTES = 'ADD_URI_SAFE_ATTR' in cfg ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR) : DEFAULT_URI_SAFE_ATTRIBUTES;
|
6044 |
DATA_URI_TAGS = 'ADD_DATA_URI_TAGS' in cfg ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS) : DEFAULT_DATA_URI_TAGS;
|
|
|
6045 |
FORBID_TAGS = 'FORBID_TAGS' in cfg ? addToSet({}, cfg.FORBID_TAGS) : {};
|
6046 |
FORBID_ATTR = 'FORBID_ATTR' in cfg ? addToSet({}, cfg.FORBID_ATTR) : {};
|
6047 |
USE_PROFILES = 'USE_PROFILES' in cfg ? cfg.USE_PROFILES : false;
|
@@ -6052,13 +6054,34 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6052 |
WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false
|
6053 |
RETURN_DOM = cfg.RETURN_DOM || false; // Default false
|
6054 |
RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false
|
6055 |
-
RETURN_DOM_IMPORT = cfg.RETURN_DOM_IMPORT !== false; // Default true
|
6056 |
RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false
|
6057 |
FORCE_BODY = cfg.FORCE_BODY || false; // Default false
|
6058 |
SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true
|
6059 |
KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true
|
6060 |
IN_PLACE = cfg.IN_PLACE || false; // Default false
|
6061 |
IS_ALLOWED_URI$$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI$$1;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
6062 |
if (SAFE_FOR_TEMPLATES) {
|
6063 |
ALLOW_DATA_ATTR = false;
|
6064 |
}
|
@@ -6116,6 +6139,14 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6116 |
addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR);
|
6117 |
}
|
6118 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
6119 |
/* Add #text in case KEEP_CONTENT is set to true */
|
6120 |
if (KEEP_CONTENT) {
|
6121 |
ALLOWED_TAGS['#text'] = true;
|
@@ -6155,10 +6186,6 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6155 |
var ALL_MATHML_TAGS = addToSet({}, mathMl);
|
6156 |
addToSet(ALL_MATHML_TAGS, mathMlDisallowed);
|
6157 |
|
6158 |
-
var MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';
|
6159 |
-
var SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
|
6160 |
-
var HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
|
6161 |
-
|
6162 |
/**
|
6163 |
*
|
6164 |
*
|
@@ -6258,6 +6285,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6258 |
var _forceRemove = function _forceRemove(node) {
|
6259 |
arrayPush(DOMPurify.removed, { element: node });
|
6260 |
try {
|
|
|
6261 |
node.parentNode.removeChild(node);
|
6262 |
} catch (_) {
|
6263 |
try {
|
@@ -6322,28 +6350,44 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6322 |
leadingWhitespace = matches && matches[0];
|
6323 |
}
|
6324 |
|
|
|
|
|
|
|
|
|
|
|
6325 |
var dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
|
6326 |
-
/*
|
6327 |
-
|
6328 |
-
|
6329 |
-
|
|
|
|
|
|
|
|
|
|
|
6330 |
|
6331 |
/* Use createHTMLDocument in case DOMParser is not available */
|
6332 |
if (!doc || !doc.documentElement) {
|
6333 |
-
doc = implementation.
|
6334 |
-
|
6335 |
-
|
6336 |
-
|
6337 |
-
|
6338 |
-
|
6339 |
}
|
6340 |
|
|
|
|
|
6341 |
if (dirty && leadingWhitespace) {
|
6342 |
-
|
6343 |
}
|
6344 |
|
6345 |
/* Work on whole document or just its body */
|
6346 |
-
|
|
|
|
|
|
|
|
|
6347 |
};
|
6348 |
|
6349 |
/**
|
@@ -6353,9 +6397,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6353 |
* @return {Iterator} iterator instance
|
6354 |
*/
|
6355 |
var _createIterator = function _createIterator(root) {
|
6356 |
-
return createNodeIterator.call(root.ownerDocument || root, root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT,
|
6357 |
-
return NodeFilter.FILTER_ACCEPT;
|
6358 |
-
}, false);
|
6359 |
};
|
6360 |
|
6361 |
/**
|
@@ -6365,15 +6407,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6365 |
* @return {Boolean} true if clobbered, false if safe
|
6366 |
*/
|
6367 |
var _isClobbered = function _isClobbered(elm) {
|
6368 |
-
|
6369 |
-
return false;
|
6370 |
-
}
|
6371 |
-
|
6372 |
-
if (typeof elm.nodeName !== 'string' || typeof elm.textContent !== 'string' || typeof elm.removeChild !== 'function' || !(elm.attributes instanceof NamedNodeMap) || typeof elm.removeAttribute !== 'function' || typeof elm.setAttribute !== 'function' || typeof elm.namespaceURI !== 'string' || typeof elm.insertBefore !== 'function') {
|
6373 |
-
return true;
|
6374 |
-
}
|
6375 |
-
|
6376 |
-
return false;
|
6377 |
};
|
6378 |
|
6379 |
/**
|
@@ -6433,7 +6467,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6433 |
}
|
6434 |
|
6435 |
/* Now let's check the element's type and name */
|
6436 |
-
var tagName =
|
6437 |
|
6438 |
/* Execute a hook if present */
|
6439 |
_executeHook('uponSanitizeElement', currentNode, {
|
@@ -6447,12 +6481,18 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6447 |
return true;
|
6448 |
}
|
6449 |
|
|
|
|
|
|
|
|
|
|
|
|
|
6450 |
/* Remove element if anything forbids its presence */
|
6451 |
if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
|
6452 |
/* Keep content except for bad-listed elements */
|
6453 |
if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
|
6454 |
-
var parentNode = getParentNode(currentNode);
|
6455 |
-
var childNodes = getChildNodes(currentNode);
|
6456 |
|
6457 |
if (childNodes && parentNode) {
|
6458 |
var childCount = childNodes.length;
|
@@ -6463,6 +6503,11 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6463 |
}
|
6464 |
}
|
6465 |
|
|
|
|
|
|
|
|
|
|
|
6466 |
_forceRemove(currentNode);
|
6467 |
return true;
|
6468 |
}
|
@@ -6515,9 +6560,17 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6515 |
(https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
|
6516 |
XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
|
6517 |
We don't need to check the value; it's always URI safe. */
|
6518 |
-
if (ALLOW_DATA_ATTR && regExpTest(DATA_ATTR$$1, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR$$1, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
|
6519 |
-
|
6520 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
6521 |
/* Check value is safe. First, is attr inert? If so, is safe */
|
6522 |
} else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$$1, stringReplace(value, ATTR_WHITESPACE$$1, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA$$1, stringReplace(value, ATTR_WHITESPACE$$1, ''))) ; else if (!value) ; else {
|
6523 |
return false;
|
@@ -6526,6 +6579,16 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6526 |
return true;
|
6527 |
};
|
6528 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
6529 |
/**
|
6530 |
* _sanitizeAttributes
|
6531 |
*
|
@@ -6568,7 +6631,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6568 |
namespaceURI = _attr.namespaceURI;
|
6569 |
|
6570 |
value = stringTrim(attr.value);
|
6571 |
-
lcName =
|
6572 |
|
6573 |
/* Execute a hook if present */
|
6574 |
hookEvent.attrName = lcName;
|
@@ -6603,7 +6666,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6603 |
}
|
6604 |
|
6605 |
/* Is `value` valid for this attribute? */
|
6606 |
-
var lcTag = currentNode.nodeName
|
6607 |
if (!_isValidAttribute(lcTag, lcName, value)) {
|
6608 |
continue;
|
6609 |
}
|
@@ -6676,7 +6739,8 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6676 |
/* Make sure we have a string to sanitize.
|
6677 |
DO NOT return early, as this will return the wrong type if
|
6678 |
the user has requested a DOM object rather than a string */
|
6679 |
-
|
|
|
6680 |
dirty = '<!-->';
|
6681 |
}
|
6682 |
|
@@ -6732,7 +6796,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6732 |
} else if (importedNode.nodeName === 'HTML') {
|
6733 |
body = importedNode;
|
6734 |
} else {
|
6735 |
-
// eslint-disable-next-line unicorn/prefer-node-append
|
6736 |
body.appendChild(importedNode);
|
6737 |
}
|
6738 |
} else {
|
@@ -6796,14 +6860,14 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6796 |
returnNode = createDocumentFragment.call(body.ownerDocument);
|
6797 |
|
6798 |
while (body.firstChild) {
|
6799 |
-
// eslint-disable-next-line unicorn/prefer-node-append
|
6800 |
returnNode.appendChild(body.firstChild);
|
6801 |
}
|
6802 |
} else {
|
6803 |
returnNode = body;
|
6804 |
}
|
6805 |
|
6806 |
-
if (
|
6807 |
/*
|
6808 |
AdoptNode() is not used because internal state is not reset
|
6809 |
(e.g. the past names map of a HTMLFormElement), this is safe
|
@@ -6865,8 +6929,8 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
6865 |
_parseConfig({});
|
6866 |
}
|
6867 |
|
6868 |
-
var lcTag =
|
6869 |
-
var lcName =
|
6870 |
return _isValidAttribute(lcTag, lcName, value);
|
6871 |
};
|
6872 |
|
@@ -7150,8 +7214,9 @@ module.exports = wp.i18n;
|
|
7150 |
/******/ // The require function
|
7151 |
/******/ function __webpack_require__(moduleId) {
|
7152 |
/******/ // Check if module is in cache
|
7153 |
-
/******/
|
7154 |
-
/******/
|
|
|
7155 |
/******/ }
|
7156 |
/******/ // Create a new module (and put it into the cache)
|
7157 |
/******/ var module = __webpack_module_cache__[moduleId] = {
|
@@ -7209,10 +7274,60 @@ module.exports = wp.i18n;
|
|
7209 |
/******/ })();
|
7210 |
/******/
|
7211 |
/************************************************************************/
|
7212 |
-
|
7213 |
-
|
7214 |
-
|
7215 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
7216 |
/******/ })()
|
7217 |
;
|
7218 |
//# sourceMappingURL=builder.bundle.js.map
|
17 |
/* harmony import */ var data__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! data */ "./src/builder/data/index.js");
|
18 |
/* harmony import */ var _nodes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./nodes */ "./src/builder/api/nodes.js");
|
19 |
/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./settings */ "./src/builder/api/settings.js");
|
20 |
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
21 |
|
22 |
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
23 |
|
24 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
25 |
|
92 |
|
93 |
|
94 |
var deleteNode = function deleteNode(id) {
|
95 |
+
var _getLayoutActions = (0,data__WEBPACK_IMPORTED_MODULE_0__.getLayoutActions)(),
|
96 |
+
deleteNode = _getLayoutActions.deleteNode;
|
97 |
+
|
98 |
if (!id) {
|
99 |
return;
|
100 |
}
|
108 |
}
|
109 |
|
110 |
if (shouldDelete) {
|
111 |
+
var el = FLBuilder._getJQueryElement(id); // Node may not exists on the canvas but still exist in data store
|
112 |
|
|
|
|
|
|
|
113 |
|
114 |
+
if (!el.length && (0,data__WEBPACK_IMPORTED_MODULE_0__.nodeExists)(id)) {
|
115 |
+
deleteNode(id);
|
116 |
+
} else if ('module' === node.type) {
|
117 |
FLBuilder._deleteModule(el);
|
118 |
} else if ('column' === node.type) {
|
119 |
var col = FLBuilder._getColToDelete(el);
|
173 |
var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
174 |
var resize = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
|
175 |
|
176 |
+
var _getLayoutActions2 = (0,data__WEBPACK_IMPORTED_MODULE_0__.getLayoutActions)(),
|
177 |
+
reorderNode = _getLayoutActions2.reorderNode,
|
178 |
+
moveNode = _getLayoutActions2.moveNode,
|
179 |
+
reorderColumn = _getLayoutActions2.reorderColumn,
|
180 |
+
moveColumn = _getLayoutActions2.moveColumn;
|
181 |
|
182 |
var _getNode = (0,data__WEBPACK_IMPORTED_MODULE_0__.getNode)(id),
|
183 |
type = _getNode.type,
|
255 |
/* harmony export */ "getLayoutState": () => (/* reexport safe */ _layout__WEBPACK_IMPORTED_MODULE_1__.getLayoutState),
|
256 |
/* harmony export */ "getLayoutStore": () => (/* reexport safe */ _layout__WEBPACK_IMPORTED_MODULE_1__.getLayoutStore),
|
257 |
/* harmony export */ "getNode": () => (/* reexport safe */ _layout__WEBPACK_IMPORTED_MODULE_1__.getNode),
|
258 |
+
/* harmony export */ "nodeExists": () => (/* reexport safe */ _layout__WEBPACK_IMPORTED_MODULE_1__.nodeExists),
|
259 |
/* harmony export */ "useLayoutState": () => (/* reexport safe */ _layout__WEBPACK_IMPORTED_MODULE_1__.useLayoutState)
|
260 |
/* harmony export */ });
|
261 |
/* harmony import */ var _system__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./system */ "./src/builder/data/system/index.js");
|
323 |
/* harmony export */ "cancelDisplaySettings": () => (/* binding */ cancelDisplaySettings),
|
324 |
/* harmony export */ "resizingComplete": () => (/* binding */ resizingComplete)
|
325 |
/* harmony export */ });
|
326 |
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
327 |
|
328 |
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
329 |
|
330 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
331 |
|
784 |
|
785 |
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
786 |
|
787 |
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
788 |
|
789 |
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
790 |
|
1395 |
/* harmony export */ "getLayoutHooks": () => (/* binding */ getLayoutHooks),
|
1396 |
/* harmony export */ "useLayoutState": () => (/* binding */ useLayoutState),
|
1397 |
/* harmony export */ "getNode": () => (/* binding */ getNode),
|
1398 |
+
/* harmony export */ "getChildren": () => (/* binding */ getChildren),
|
1399 |
+
/* harmony export */ "nodeExists": () => (/* binding */ nodeExists)
|
1400 |
/* harmony export */ });
|
1401 |
/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./store */ "./src/builder/data/layout/store/index.js");
|
1402 |
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reducers */ "./src/builder/data/layout/reducers.js");
|
1419 |
}
|
1420 |
};
|
1421 |
|
1422 |
+
var _createLayoutStore = (0,_store__WEBPACK_IMPORTED_MODULE_0__["default"])({
|
1423 |
state: state,
|
1424 |
reducers: _reducers__WEBPACK_IMPORTED_MODULE_1__,
|
1425 |
effects: _effects__WEBPACK_IMPORTED_MODULE_2__,
|
1426 |
actions: _actions__WEBPACK_IMPORTED_MODULE_3__,
|
1427 |
+
tests: _tests__WEBPACK_IMPORTED_MODULE_4__["default"]
|
1428 |
}),
|
1429 |
store = _createLayoutStore.store,
|
1430 |
actionCreators = _createLayoutStore.actions,
|
1457 |
return Object.values(nodes).filter(function (node) {
|
1458 |
return id === node.parent;
|
1459 |
});
|
1460 |
+
};
|
1461 |
+
var nodeExists = function nodeExists(id) {
|
1462 |
+
var nodes = getLayoutState().layout.present.nodes;
|
1463 |
+
return 'undefined' !== nodes[id];
|
1464 |
}; // Initialize the data
|
1465 |
|
1466 |
store.dispatch(_actions__WEBPACK_IMPORTED_MODULE_3__.fetchLayout());
|
1484 |
/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(redux__WEBPACK_IMPORTED_MODULE_0__);
|
1485 |
/* harmony import */ var _undoable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./undoable */ "./src/builder/data/layout/undoable.js");
|
1486 |
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ "./src/builder/data/layout/utils/index.js");
|
1487 |
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
1488 |
|
1489 |
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
1490 |
|
1491 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
1492 |
|
1707 |
*/
|
1708 |
|
1709 |
|
1710 |
+
var layout = (0,_undoable__WEBPACK_IMPORTED_MODULE_1__["default"])((0,redux__WEBPACK_IMPORTED_MODULE_0__.combineReducers)({
|
1711 |
attachments: attachments,
|
1712 |
nodes: nodes,
|
1713 |
globalSettings: globalSettings
|
1788 |
|
1789 |
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
1790 |
|
1791 |
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
1792 |
|
1793 |
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
1794 |
|
1795 |
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
1796 |
|
1797 |
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
1798 |
|
1799 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
1800 |
|
1999 |
/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(redux__WEBPACK_IMPORTED_MODULE_0__);
|
2000 |
/* harmony import */ var _middleware__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./middleware */ "./src/builder/data/layout/store/middleware.js");
|
2001 |
/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./hooks */ "./src/builder/data/layout/store/hooks.js");
|
2002 |
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2003 |
|
2004 |
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
2005 |
|
2006 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
2007 |
|
2035 |
var state = _objectSpread(_objectSpread({}, defaultState), config.state);
|
2036 |
|
2037 |
var reducer = (0,redux__WEBPACK_IMPORTED_MODULE_0__.combineReducers)(config.reducers);
|
2038 |
+
var middleware = (0,_middleware__WEBPACK_IMPORTED_MODULE_1__["default"])(name, config.effects, config.tests);
|
2039 |
var store = (0,redux__WEBPACK_IMPORTED_MODULE_0__.createStore)(reducer, state, middleware);
|
2040 |
return {
|
2041 |
store: store,
|
2042 |
actions: (0,redux__WEBPACK_IMPORTED_MODULE_0__.bindActionCreators)(_objectSpread({}, config.actions), store.dispatch),
|
2043 |
+
hooks: (0,_hooks__WEBPACK_IMPORTED_MODULE_2__["default"])(store)
|
2044 |
};
|
2045 |
};
|
2046 |
|
2346 |
/* harmony export */ "verifyNodes": () => (/* binding */ verifyNodes),
|
2347 |
/* harmony export */ "verifyNoOrphans": () => (/* binding */ verifyNoOrphans)
|
2348 |
/* harmony export */ });
|
2349 |
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2350 |
|
2351 |
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
2352 |
|
2353 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
2354 |
|
2628 |
/* harmony export */ "setIsEditing": () => (/* binding */ setIsEditing),
|
2629 |
/* harmony export */ "setColorScheme": () => (/* binding */ setColorScheme)
|
2630 |
/* harmony export */ });
|
2631 |
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2632 |
|
2633 |
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
2634 |
|
2635 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
2636 |
|
2815 |
/* harmony export */ "isEditing": () => (/* binding */ isEditing),
|
2816 |
/* harmony export */ "colorScheme": () => (/* binding */ colorScheme)
|
2817 |
/* harmony export */ });
|
2818 |
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2819 |
|
2820 |
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
2821 |
|
2822 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
2823 |
|
2890 |
|
2891 |
/***/ }),
|
2892 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2893 |
/***/ "./src/builder/ui/3rd-party/index.js":
|
2894 |
/*!*******************************************!*\
|
2895 |
!*** ./src/builder/ui/3rd-party/index.js ***!
|
3062 |
|
3063 |
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
3064 |
|
3065 |
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
3066 |
|
3067 |
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
3068 |
|
3090 |
};
|
3091 |
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_context__WEBPACK_IMPORTED_MODULE_1__.ContextMenuContext.Provider, {
|
3092 |
value: context
|
3093 |
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(DismissListener, null), children, false !== contextMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({}, contextMenu, {
|
3094 |
clear: clearContextMenu
|
3095 |
})));
|
3096 |
};
|
3153 |
/* harmony import */ var _beaverbuilder_fluid__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @beaverbuilder/fluid */ "@beaverbuilder/fluid");
|
3154 |
/* harmony import */ var _beaverbuilder_fluid__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_beaverbuilder_fluid__WEBPACK_IMPORTED_MODULE_1__);
|
3155 |
/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style.scss */ "./src/builder/ui/context-menu/menu/style.scss");
|
3156 |
+
var _excluded = ["onClick", "label"];
|
3157 |
+
|
3158 |
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3159 |
|
3160 |
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
3169 |
|
3170 |
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
3171 |
|
3172 |
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
3173 |
|
3174 |
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
3175 |
|
3213 |
var _items$key = items[key],
|
3214 |
_onClick = _items$key.onClick,
|
3215 |
label = _items$key.label,
|
3216 |
+
rest = _objectWithoutProperties(_items$key, _excluded);
|
3217 |
|
3218 |
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
|
3219 |
key: key
|
3288 |
var wrap = classnames__WEBPACK_IMPORTED_MODULE_1___default()(_defineProperty({}, "fluid-color-scheme-".concat(colorScheme), colorScheme));
|
3289 |
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
3290 |
className: wrap
|
3291 |
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_context_menu__WEBPACK_IMPORTED_MODULE_3__.ContextMenuProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inline_editor__WEBPACK_IMPORTED_MODULE_5__["default"], null), isEditing && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_art__WEBPACK_IMPORTED_MODULE_7__.SVGSymbols, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_notifications__WEBPACK_IMPORTED_MODULE_4__.NotificationsManager, null), shouldShowShortcuts && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shortcuts_panel__WEBPACK_IMPORTED_MODULE_6__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_manager__WEBPACK_IMPORTED_MODULE_9__["default"], null))));
|
3292 |
};
|
3293 |
|
3294 |
var registerPanels = function registerPanels() {
|
3318 |
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
3319 |
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
3320 |
/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./style.scss */ "./src/builder/ui/inline-editor/style.scss");
|
3321 |
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
3322 |
|
3323 |
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
3324 |
|
3325 |
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
3326 |
|
3327 |
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
3328 |
|
3329 |
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
3330 |
|
3331 |
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
3332 |
|
3333 |
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
3334 |
|
3335 |
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
3336 |
|
3337 |
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
3338 |
|
3339 |
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
3340 |
|
3341 |
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
3342 |
|
3859 |
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
3860 |
/* harmony import */ var data__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! data */ "./src/builder/data/index.js");
|
3861 |
/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style.scss */ "./src/builder/ui/notifications/style.scss");
|
3862 |
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
3863 |
|
3864 |
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
3865 |
|
3866 |
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
3867 |
|
3868 |
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
3869 |
|
3870 |
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
3871 |
|
3872 |
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
3873 |
|
3874 |
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
3875 |
|
3876 |
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
3877 |
|
3878 |
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
3879 |
|
3880 |
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
3881 |
|
3882 |
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
3883 |
|
4090 |
togglePanel = _window$FL$Builder.togglePanel;
|
4091 |
registerPanel('outline', {
|
4092 |
label: 'Outline',
|
4093 |
+
render: _outline__WEBPACK_IMPORTED_MODULE_0__["default"],
|
4094 |
// legacy
|
4095 |
+
root: _outline__WEBPACK_IMPORTED_MODULE_0__["default"] // asst compat branch changes to root
|
4096 |
|
4097 |
});
|
4098 |
FLBuilder.addHook('didInitUI', function () {
|
4162 |
/* harmony import */ var _tiny_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tiny-icons */ "./src/builder/ui/outline-panel/outline/tiny-icons/index.js");
|
4163 |
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils */ "./src/builder/ui/outline-panel/outline/utils/index.js");
|
4164 |
/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./style.scss */ "./src/builder/ui/outline-panel/outline/style.scss");
|
4165 |
+
var _excluded = ["id", "type"],
|
4166 |
+
_excluded2 = ["children", "style"];
|
4167 |
|
4168 |
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
4169 |
+
|
4170 |
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4171 |
|
4172 |
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4173 |
|
4185 |
|
4186 |
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
4187 |
|
4188 |
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
4189 |
|
4190 |
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
4191 |
|
4240 |
var classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()('fl-builder-node-outline', _defineProperty({
|
4241 |
'is-dragging': isDraggingItem
|
4242 |
}, "is-dragging-type-".concat(draggingItem.type), draggingItem));
|
4243 |
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_context__WEBPACK_IMPORTED_MODULE_7__["default"].Provider, {
|
4244 |
value: context
|
4245 |
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
|
4246 |
className: classes
|
4281 |
* Drag info
|
4282 |
*/
|
4283 |
|
4284 |
+
var _OutlineContext$use = _context__WEBPACK_IMPORTED_MODULE_7__["default"].use(),
|
4285 |
draggingItem = _OutlineContext$use.draggingItem,
|
4286 |
setDraggingItem = _OutlineContext$use.setDraggingItem,
|
4287 |
clearDraggingItem = _OutlineContext$use.clearDraggingItem;
|
4421 |
var EmptyDropArea = function EmptyDropArea(_ref2) {
|
4422 |
var id = _ref2.id,
|
4423 |
type = _ref2.type,
|
4424 |
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
4425 |
|
4426 |
var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
|
4427 |
_useState8 = _slicedToArray(_useState7, 2),
|
4431 |
var _getActions2 = (0,api__WEBPACK_IMPORTED_MODULE_4__.getActions)(),
|
4432 |
moveNode = _getActions2.moveNode;
|
4433 |
|
4434 |
+
var _OutlineContext$use2 = _context__WEBPACK_IMPORTED_MODULE_7__["default"].use(),
|
4435 |
clearDraggingItem = _OutlineContext$use2.clearDraggingItem;
|
4436 |
|
4437 |
var classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()('fl-builder-node-empty-drop-area', {
|
4693 |
var PillBox = function PillBox(_ref5) {
|
4694 |
var children = _ref5.children,
|
4695 |
style = _ref5.style,
|
4696 |
+
rest = _objectWithoutProperties(_ref5, _excluded2);
|
4697 |
|
4698 |
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", _extends({
|
4699 |
style: _objectSpread({
|
4987 |
"use strict";
|
4988 |
__webpack_require__.r(__webpack_exports__);
|
4989 |
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
4990 |
+
/* harmony export */ "useSingleAndDoubleClick": () => (/* reexport safe */ _use_single_and_double_click__WEBPACK_IMPORTED_MODULE_2__["default"]),
|
4991 |
/* harmony export */ "sanitizeString": () => (/* binding */ sanitizeString),
|
4992 |
/* harmony export */ "getModuleTypeLabel": () => (/* binding */ getModuleTypeLabel),
|
4993 |
/* harmony export */ "hasVisibility": () => (/* binding */ hasVisibility),
|
5003 |
/* harmony import */ var dompurify__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(dompurify__WEBPACK_IMPORTED_MODULE_0__);
|
5004 |
/* harmony import */ var api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! api */ "./src/builder/api/index.js");
|
5005 |
/* harmony import */ var _use_single_and_double_click__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./use-single-and-double-click */ "./src/builder/ui/outline-panel/outline/utils/use-single-and-double-click.js");
|
5006 |
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
5007 |
|
5008 |
|
5009 |
|
5146 |
|
5147 |
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
5148 |
|
5149 |
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
5150 |
|
5151 |
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
5152 |
|
5239 |
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
5240 |
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
5241 |
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
|
5242 |
+
var _excluded = ["className"];
|
5243 |
+
|
5244 |
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
5245 |
|
5246 |
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
5252 |
|
5253 |
var Frame = function Frame(_ref) {
|
5254 |
var className = _ref.className,
|
5255 |
+
rest = _objectWithoutProperties(_ref, _excluded);
|
5256 |
|
5257 |
var classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()('fl-builder-workspace-panel', className);
|
5258 |
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
|
5311 |
root = _panel.root,
|
5312 |
render = _panel.render,
|
5313 |
_panel$frame = _panel.frame,
|
5314 |
+
frame = _panel$frame === void 0 ? _frame__WEBPACK_IMPORTED_MODULE_3__["default"] : _panel$frame,
|
5315 |
panelClassName = _panel.className,
|
5316 |
wrapClassName = _panel.wrapClassName;
|
5317 |
var Frame = false === frame ? react__WEBPACK_IMPORTED_MODULE_0__.Fragment : frame;
|
5417 |
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
|
5418 |
/* harmony import */ var _art__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../art */ "./src/builder/ui/art/index.js");
|
5419 |
/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style.scss */ "./src/builder/ui/shortcuts-panel/panel/style.scss");
|
5420 |
+
var _excluded = ["className", "children", "title", "actions", "showCloseButton", "onClose"];
|
5421 |
+
|
5422 |
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
5423 |
|
5424 |
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
5438 |
showCloseButton = _ref$showCloseButton === void 0 ? true : _ref$showCloseButton,
|
5439 |
_ref$onClose = _ref.onClose,
|
5440 |
onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
|
5441 |
+
rest = _objectWithoutProperties(_ref, _excluded);
|
5442 |
|
5443 |
var classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()({
|
5444 |
'fl-ui-panel-area': true
|
5486 |
/***/ ((module, exports) => {
|
5487 |
|
5488 |
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
5489 |
+
Copyright (c) 2018 Jed Watson.
|
5490 |
Licensed under the MIT License (MIT), see
|
5491 |
http://jedwatson.github.io/classnames
|
5492 |
*/
|
5497 |
|
5498 |
var hasOwn = {}.hasOwnProperty;
|
5499 |
|
5500 |
+
function classNames() {
|
5501 |
var classes = [];
|
5502 |
|
5503 |
for (var i = 0; i < arguments.length; i++) {
|
5508 |
|
5509 |
if (argType === 'string' || argType === 'number') {
|
5510 |
classes.push(arg);
|
5511 |
+
} else if (Array.isArray(arg)) {
|
5512 |
+
if (arg.length) {
|
5513 |
+
var inner = classNames.apply(null, arg);
|
5514 |
+
if (inner) {
|
5515 |
+
classes.push(inner);
|
5516 |
+
}
|
5517 |
}
|
5518 |
} else if (argType === 'object') {
|
5519 |
+
if (arg.toString === Object.prototype.toString) {
|
5520 |
+
for (var key in arg) {
|
5521 |
+
if (hasOwn.call(arg, key) && arg[key]) {
|
5522 |
+
classes.push(key);
|
5523 |
+
}
|
5524 |
}
|
5525 |
+
} else {
|
5526 |
+
classes.push(arg.toString());
|
5527 |
}
|
5528 |
}
|
5529 |
}
|
5552 |
\***********************************************/
|
5553 |
/***/ (function(module) {
|
5554 |
|
5555 |
+
/*! @license DOMPurify 2.3.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.3.4/LICENSE */
|
5556 |
|
5557 |
(function (global, factory) {
|
5558 |
true ? module.exports = factory() :
|
5709 |
// SVG
|
5710 |
var svg = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
|
5711 |
|
5712 |
+
var svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);
|
5713 |
|
5714 |
// List of SVG elements that are disallowed by default.
|
5715 |
// We still need to know them so that we can do namespace
|
5716 |
// checks properly in case one wants to add them to
|
5717 |
// allow-list.
|
5718 |
+
var svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'fedropshadow', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
|
5719 |
|
5720 |
var mathMl = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover']);
|
5721 |
|
5725 |
|
5726 |
var text = freeze(['#text']);
|
5727 |
|
5728 |
+
var html$1 = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'xmlns', 'slot']);
|
5729 |
|
5730 |
var svg$1 = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'targetx', 'targety', 'transform', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
|
5731 |
|
5802 |
* Version label, exposed for easier checks
|
5803 |
* if DOMPurify is up to date or not
|
5804 |
*/
|
5805 |
+
DOMPurify.version = '2.3.4';
|
5806 |
|
5807 |
/**
|
5808 |
* Array of elements that DOMPurify removed during sanitation.
|
5828 |
NodeFilter = window.NodeFilter,
|
5829 |
_window$NamedNodeMap = window.NamedNodeMap,
|
5830 |
NamedNodeMap = _window$NamedNodeMap === undefined ? window.NamedNodeMap || window.MozNamedAttrMap : _window$NamedNodeMap,
|
5831 |
+
HTMLFormElement = window.HTMLFormElement,
|
|
|
5832 |
DOMParser = window.DOMParser,
|
5833 |
trustedTypes = window.trustedTypes;
|
5834 |
|
5859 |
var _document = document,
|
5860 |
implementation = _document.implementation,
|
5861 |
createNodeIterator = _document.createNodeIterator,
|
5862 |
+
createDocumentFragment = _document.createDocumentFragment,
|
5863 |
+
getElementsByTagName = _document.getElementsByTagName;
|
5864 |
var importNode = originalDocument.importNode;
|
5865 |
|
5866 |
|
5898 |
var ALLOWED_ATTR = null;
|
5899 |
var DEFAULT_ALLOWED_ATTR = addToSet({}, [].concat(_toConsumableArray$1(html$1), _toConsumableArray$1(svg$1), _toConsumableArray$1(mathMl$1), _toConsumableArray$1(xml)));
|
5900 |
|
5901 |
+
/*
|
5902 |
+
* Configure how DOMPUrify should handle custom elements and their attributes as well as customized built-in elements.
|
5903 |
+
* @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements)
|
5904 |
+
* @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list)
|
5905 |
+
* @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.
|
5906 |
+
*/
|
5907 |
+
var CUSTOM_ELEMENT_HANDLING = Object.seal(Object.create(null, {
|
5908 |
+
tagNameCheck: {
|
5909 |
+
writable: true,
|
5910 |
+
configurable: false,
|
5911 |
+
enumerable: true,
|
5912 |
+
value: null
|
5913 |
+
},
|
5914 |
+
attributeNameCheck: {
|
5915 |
+
writable: true,
|
5916 |
+
configurable: false,
|
5917 |
+
enumerable: true,
|
5918 |
+
value: null
|
5919 |
+
},
|
5920 |
+
allowCustomizedBuiltInElements: {
|
5921 |
+
writable: true,
|
5922 |
+
configurable: false,
|
5923 |
+
enumerable: true,
|
5924 |
+
value: false
|
5925 |
+
}
|
5926 |
+
}));
|
5927 |
+
|
5928 |
/* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */
|
5929 |
var FORBID_TAGS = null;
|
5930 |
|
5965 |
* string (or a TrustedHTML object if Trusted Types are supported) */
|
5966 |
var RETURN_DOM_FRAGMENT = false;
|
5967 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
5968 |
/* Try to return a Trusted Type object instead of a string, return a string in
|
5969 |
* case Trusted Types are not supported */
|
5970 |
var RETURN_TRUSTED_TYPE = false;
|
5983 |
var USE_PROFILES = {};
|
5984 |
|
5985 |
/* Tags to ignore content of when KEEP_CONTENT is true */
|
5986 |
+
var FORBID_CONTENTS = null;
|
5987 |
+
var DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);
|
5988 |
|
5989 |
/* Tags that are safe for data: URIs */
|
5990 |
var DATA_URI_TAGS = null;
|
5992 |
|
5993 |
/* Attributes safe for values like "javascript:" */
|
5994 |
var URI_SAFE_ATTRIBUTES = null;
|
5995 |
+
var DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);
|
5996 |
+
|
5997 |
+
var MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';
|
5998 |
+
var SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
|
5999 |
+
var HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
|
6000 |
+
/* Document namespace */
|
6001 |
+
var NAMESPACE = HTML_NAMESPACE;
|
6002 |
+
var IS_EMPTY_INPUT = false;
|
6003 |
+
|
6004 |
+
/* Parsing of strict XHTML documents */
|
6005 |
+
var PARSER_MEDIA_TYPE = void 0;
|
6006 |
+
var SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];
|
6007 |
+
var DEFAULT_PARSER_MEDIA_TYPE = 'text/html';
|
6008 |
+
var transformCaseFunc = void 0;
|
6009 |
|
6010 |
/* Keep a reference to config to pass to hooks */
|
6011 |
var CONFIG = null;
|
6015 |
|
6016 |
var formElement = document.createElement('form');
|
6017 |
|
6018 |
+
var isRegexOrFunction = function isRegexOrFunction(testValue) {
|
6019 |
+
return testValue instanceof RegExp || testValue instanceof Function;
|
6020 |
+
};
|
6021 |
+
|
6022 |
/**
|
6023 |
* _parseConfig
|
6024 |
*
|
6043 |
ALLOWED_ATTR = 'ALLOWED_ATTR' in cfg ? addToSet({}, cfg.ALLOWED_ATTR) : DEFAULT_ALLOWED_ATTR;
|
6044 |
URI_SAFE_ATTRIBUTES = 'ADD_URI_SAFE_ATTR' in cfg ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR) : DEFAULT_URI_SAFE_ATTRIBUTES;
|
6045 |
DATA_URI_TAGS = 'ADD_DATA_URI_TAGS' in cfg ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS) : DEFAULT_DATA_URI_TAGS;
|
6046 |
+
FORBID_CONTENTS = 'FORBID_CONTENTS' in cfg ? addToSet({}, cfg.FORBID_CONTENTS) : DEFAULT_FORBID_CONTENTS;
|
6047 |
FORBID_TAGS = 'FORBID_TAGS' in cfg ? addToSet({}, cfg.FORBID_TAGS) : {};
|
6048 |
FORBID_ATTR = 'FORBID_ATTR' in cfg ? addToSet({}, cfg.FORBID_ATTR) : {};
|
6049 |
USE_PROFILES = 'USE_PROFILES' in cfg ? cfg.USE_PROFILES : false;
|
6054 |
WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false
|
6055 |
RETURN_DOM = cfg.RETURN_DOM || false; // Default false
|
6056 |
RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false
|
|
|
6057 |
RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false
|
6058 |
FORCE_BODY = cfg.FORCE_BODY || false; // Default false
|
6059 |
SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true
|
6060 |
KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true
|
6061 |
IN_PLACE = cfg.IN_PLACE || false; // Default false
|
6062 |
IS_ALLOWED_URI$$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI$$1;
|
6063 |
+
NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
|
6064 |
+
if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
|
6065 |
+
CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
|
6066 |
+
}
|
6067 |
+
|
6068 |
+
if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {
|
6069 |
+
CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;
|
6070 |
+
}
|
6071 |
+
|
6072 |
+
if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === 'boolean') {
|
6073 |
+
CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;
|
6074 |
+
}
|
6075 |
+
|
6076 |
+
PARSER_MEDIA_TYPE =
|
6077 |
+
// eslint-disable-next-line unicorn/prefer-includes
|
6078 |
+
SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? PARSER_MEDIA_TYPE = DEFAULT_PARSER_MEDIA_TYPE : PARSER_MEDIA_TYPE = cfg.PARSER_MEDIA_TYPE;
|
6079 |
+
|
6080 |
+
// HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.
|
6081 |
+
transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? function (x) {
|
6082 |
+
return x;
|
6083 |
+
} : stringToLowerCase;
|
6084 |
+
|
6085 |
if (SAFE_FOR_TEMPLATES) {
|
6086 |
ALLOW_DATA_ATTR = false;
|
6087 |
}
|
6139 |
addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR);
|
6140 |
}
|
6141 |
|
6142 |
+
if (cfg.FORBID_CONTENTS) {
|
6143 |
+
if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
|
6144 |
+
FORBID_CONTENTS = clone(FORBID_CONTENTS);
|
6145 |
+
}
|
6146 |
+
|
6147 |
+
addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS);
|
6148 |
+
}
|
6149 |
+
|
6150 |
/* Add #text in case KEEP_CONTENT is set to true */
|
6151 |
if (KEEP_CONTENT) {
|
6152 |
ALLOWED_TAGS['#text'] = true;
|
6186 |
var ALL_MATHML_TAGS = addToSet({}, mathMl);
|
6187 |
addToSet(ALL_MATHML_TAGS, mathMlDisallowed);
|
6188 |
|
|
|
|
|
|
|
|
|
6189 |
/**
|
6190 |
*
|
6191 |
*
|
6285 |
var _forceRemove = function _forceRemove(node) {
|
6286 |
arrayPush(DOMPurify.removed, { element: node });
|
6287 |
try {
|
6288 |
+
// eslint-disable-next-line unicorn/prefer-dom-node-remove
|
6289 |
node.parentNode.removeChild(node);
|
6290 |
} catch (_) {
|
6291 |
try {
|
6350 |
leadingWhitespace = matches && matches[0];
|
6351 |
}
|
6352 |
|
6353 |
+
if (PARSER_MEDIA_TYPE === 'application/xhtml+xml') {
|
6354 |
+
// Root of XHTML doc must contain xmlns declaration (see https://www.w3.org/TR/xhtml1/normative.html#strict)
|
6355 |
+
dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + '</body></html>';
|
6356 |
+
}
|
6357 |
+
|
6358 |
var dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
|
6359 |
+
/*
|
6360 |
+
* Use the DOMParser API by default, fallback later if needs be
|
6361 |
+
* DOMParser not work for svg when has multiple root element.
|
6362 |
+
*/
|
6363 |
+
if (NAMESPACE === HTML_NAMESPACE) {
|
6364 |
+
try {
|
6365 |
+
doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
|
6366 |
+
} catch (_) {}
|
6367 |
+
}
|
6368 |
|
6369 |
/* Use createHTMLDocument in case DOMParser is not available */
|
6370 |
if (!doc || !doc.documentElement) {
|
6371 |
+
doc = implementation.createDocument(NAMESPACE, 'template', null);
|
6372 |
+
try {
|
6373 |
+
doc.documentElement.innerHTML = IS_EMPTY_INPUT ? '' : dirtyPayload;
|
6374 |
+
} catch (_) {
|
6375 |
+
// Syntax error if dirtyPayload is invalid xml
|
6376 |
+
}
|
6377 |
}
|
6378 |
|
6379 |
+
var body = doc.body || doc.documentElement;
|
6380 |
+
|
6381 |
if (dirty && leadingWhitespace) {
|
6382 |
+
body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);
|
6383 |
}
|
6384 |
|
6385 |
/* Work on whole document or just its body */
|
6386 |
+
if (NAMESPACE === HTML_NAMESPACE) {
|
6387 |
+
return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];
|
6388 |
+
}
|
6389 |
+
|
6390 |
+
return WHOLE_DOCUMENT ? doc.documentElement : body;
|
6391 |
};
|
6392 |
|
6393 |
/**
|
6397 |
* @return {Iterator} iterator instance
|
6398 |
*/
|
6399 |
var _createIterator = function _createIterator(root) {
|
6400 |
+
return createNodeIterator.call(root.ownerDocument || root, root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT, null, false);
|
|
|
|
|
6401 |
};
|
6402 |
|
6403 |
/**
|
6407 |
* @return {Boolean} true if clobbered, false if safe
|
6408 |
*/
|
6409 |
var _isClobbered = function _isClobbered(elm) {
|
6410 |
+
return elm instanceof HTMLFormElement && (typeof elm.nodeName !== 'string' || typeof elm.textContent !== 'string' || typeof elm.removeChild !== 'function' || !(elm.attributes instanceof NamedNodeMap) || typeof elm.removeAttribute !== 'function' || typeof elm.setAttribute !== 'function' || typeof elm.namespaceURI !== 'string' || typeof elm.insertBefore !== 'function');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
6411 |
};
|
6412 |
|
6413 |
/**
|
6467 |
}
|
6468 |
|
6469 |
/* Now let's check the element's type and name */
|
6470 |
+
var tagName = transformCaseFunc(currentNode.nodeName);
|
6471 |
|
6472 |
/* Execute a hook if present */
|
6473 |
_executeHook('uponSanitizeElement', currentNode, {
|
6481 |
return true;
|
6482 |
}
|
6483 |
|
6484 |
+
/* Mitigate a problem with templates inside select */
|
6485 |
+
if (tagName === 'select' && regExpTest(/<template/i, currentNode.innerHTML)) {
|
6486 |
+
_forceRemove(currentNode);
|
6487 |
+
return true;
|
6488 |
+
}
|
6489 |
+
|
6490 |
/* Remove element if anything forbids its presence */
|
6491 |
if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
|
6492 |
/* Keep content except for bad-listed elements */
|
6493 |
if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
|
6494 |
+
var parentNode = getParentNode(currentNode) || currentNode.parentNode;
|
6495 |
+
var childNodes = getChildNodes(currentNode) || currentNode.childNodes;
|
6496 |
|
6497 |
if (childNodes && parentNode) {
|
6498 |
var childCount = childNodes.length;
|
6503 |
}
|
6504 |
}
|
6505 |
|
6506 |
+
if (!FORBID_TAGS[tagName] && _basicCustomElementTest(tagName)) {
|
6507 |
+
if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) return false;
|
6508 |
+
if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) return false;
|
6509 |
+
}
|
6510 |
+
|
6511 |
_forceRemove(currentNode);
|
6512 |
return true;
|
6513 |
}
|
6560 |
(https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
|
6561 |
XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
|
6562 |
We don't need to check the value; it's always URI safe. */
|
6563 |
+
if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR$$1, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR$$1, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
|
6564 |
+
if (
|
6565 |
+
// First condition does a very basic check if a) it's basically a valid custom element tagname AND
|
6566 |
+
// b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
|
6567 |
+
// and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
|
6568 |
+
_basicCustomElementTest(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) ||
|
6569 |
+
// Alternative, second condition checks if it's an `is`-attribute, AND
|
6570 |
+
// the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
|
6571 |
+
lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ; else {
|
6572 |
+
return false;
|
6573 |
+
}
|
6574 |
/* Check value is safe. First, is attr inert? If so, is safe */
|
6575 |
} else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$$1, stringReplace(value, ATTR_WHITESPACE$$1, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA$$1, stringReplace(value, ATTR_WHITESPACE$$1, ''))) ; else if (!value) ; else {
|
6576 |
return false;
|
6579 |
return true;
|
6580 |
};
|
6581 |
|
6582 |
+
/**
|
6583 |
+
* _basicCustomElementCheck
|
6584 |
+
* checks if at least one dash is included in tagName, and it's not the first char
|
6585 |
+
* for more sophisticated checking see https://github.com/sindresorhus/validate-element-name
|
6586 |
+
* @param {string} tagName name of the tag of the node to sanitize
|
6587 |
+
*/
|
6588 |
+
var _basicCustomElementTest = function _basicCustomElementTest(tagName) {
|
6589 |
+
return tagName.indexOf('-') > 0;
|
6590 |
+
};
|
6591 |
+
|
6592 |
/**
|
6593 |
* _sanitizeAttributes
|
6594 |
*
|
6631 |
namespaceURI = _attr.namespaceURI;
|
6632 |
|
6633 |
value = stringTrim(attr.value);
|
6634 |
+
lcName = transformCaseFunc(name);
|
6635 |
|
6636 |
/* Execute a hook if present */
|
6637 |
hookEvent.attrName = lcName;
|
6666 |
}
|
6667 |
|
6668 |
/* Is `value` valid for this attribute? */
|
6669 |
+
var lcTag = transformCaseFunc(currentNode.nodeName);
|
6670 |
if (!_isValidAttribute(lcTag, lcName, value)) {
|
6671 |
continue;
|
6672 |
}
|
6739 |
/* Make sure we have a string to sanitize.
|
6740 |
DO NOT return early, as this will return the wrong type if
|
6741 |
the user has requested a DOM object rather than a string */
|
6742 |
+
IS_EMPTY_INPUT = !dirty;
|
6743 |
+
if (IS_EMPTY_INPUT) {
|
6744 |
dirty = '<!-->';
|
6745 |
}
|
6746 |
|
6796 |
} else if (importedNode.nodeName === 'HTML') {
|
6797 |
body = importedNode;
|
6798 |
} else {
|
6799 |
+
// eslint-disable-next-line unicorn/prefer-dom-node-append
|
6800 |
body.appendChild(importedNode);
|
6801 |
}
|
6802 |
} else {
|
6860 |
returnNode = createDocumentFragment.call(body.ownerDocument);
|
6861 |
|
6862 |
while (body.firstChild) {
|
6863 |
+
// eslint-disable-next-line unicorn/prefer-dom-node-append
|
6864 |
returnNode.appendChild(body.firstChild);
|
6865 |
}
|
6866 |
} else {
|
6867 |
returnNode = body;
|
6868 |
}
|
6869 |
|
6870 |
+
if (ALLOWED_ATTR.shadowroot) {
|
6871 |
/*
|
6872 |
AdoptNode() is not used because internal state is not reset
|
6873 |
(e.g. the past names map of a HTMLFormElement), this is safe
|
6929 |
_parseConfig({});
|
6930 |
}
|
6931 |
|
6932 |
+
var lcTag = transformCaseFunc(tag);
|
6933 |
+
var lcName = transformCaseFunc(attr);
|
6934 |
return _isValidAttribute(lcTag, lcName, value);
|
6935 |
};
|
6936 |
|
7214 |
/******/ // The require function
|
7215 |
/******/ function __webpack_require__(moduleId) {
|
7216 |
/******/ // Check if module is in cache
|
7217 |
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
7218 |
+
/******/ if (cachedModule !== undefined) {
|
7219 |
+
/******/ return cachedModule.exports;
|
7220 |
/******/ }
|
7221 |
/******/ // Create a new module (and put it into the cache)
|
7222 |
/******/ var module = __webpack_module_cache__[moduleId] = {
|
7274 |
/******/ })();
|
7275 |
/******/
|
7276 |
/************************************************************************/
|
7277 |
+
var __webpack_exports__ = {};
|
7278 |
+
// This entry need to be wrapped in an IIFE because it need to be in strict mode.
|
7279 |
+
(() => {
|
7280 |
+
"use strict";
|
7281 |
+
/*!******************************!*\
|
7282 |
+
!*** ./src/builder/index.js ***!
|
7283 |
+
\******************************/
|
7284 |
+
__webpack_require__.r(__webpack_exports__);
|
7285 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
7286 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
7287 |
+
/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "react-dom");
|
7288 |
+
/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
|
7289 |
+
/* harmony import */ var _data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./data */ "./src/builder/data/index.js");
|
7290 |
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ui */ "./src/builder/ui/index.js");
|
7291 |
+
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./api */ "./src/builder/api/index.js");
|
7292 |
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
7293 |
+
|
7294 |
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
7295 |
+
|
7296 |
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
7297 |
+
|
7298 |
+
|
7299 |
+
|
7300 |
+
|
7301 |
+
|
7302 |
+
|
7303 |
+
|
7304 |
+
var _publicAPI$getActions = _api__WEBPACK_IMPORTED_MODULE_4__.getActions(),
|
7305 |
+
registerPanel = _publicAPI$getActions.registerPanel,
|
7306 |
+
displayPanel = _publicAPI$getActions.displayPanel,
|
7307 |
+
togglePanel = _publicAPI$getActions.togglePanel; // Setup public API - window.FL.Builder
|
7308 |
+
|
7309 |
+
|
7310 |
+
var api = window.FL || {};
|
7311 |
+
var existing = api.Builder || {};
|
7312 |
+
|
7313 |
+
var Builder = _objectSpread(_objectSpread(_objectSpread({}, existing), _api__WEBPACK_IMPORTED_MODULE_4__), {}, {
|
7314 |
+
data: _data__WEBPACK_IMPORTED_MODULE_2__,
|
7315 |
+
registerPanel: registerPanel,
|
7316 |
+
displayPanel: displayPanel,
|
7317 |
+
togglePanel: togglePanel
|
7318 |
+
});
|
7319 |
+
|
7320 |
+
window.FL = _objectSpread(_objectSpread({}, api), {}, {
|
7321 |
+
Builder: Builder
|
7322 |
+
}); // Needs to happen after FL.Builder.data API is available
|
7323 |
+
|
7324 |
+
(0,_ui__WEBPACK_IMPORTED_MODULE_3__.registerPanels)(); // Render UI
|
7325 |
+
|
7326 |
+
var root = document.getElementById('fl-ui-root');
|
7327 |
+
root.classList.add('fluid', 'fl', 'uid');
|
7328 |
+
(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.render)( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui__WEBPACK_IMPORTED_MODULE_3__["default"], null), root);
|
7329 |
+
})();
|
7330 |
+
|
7331 |
/******/ })()
|
7332 |
;
|
7333 |
//# sourceMappingURL=builder.bundle.js.map
|
js/build/builder.bundle.min.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1 |
/*! For license information please see builder.bundle.min.js.LICENSE.txt */
|
2 |
-
(()=>{var e={184:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var i=typeof n;if("string"===i||"number"===i)e.push(n);else if(Array.isArray(n)&&n.length){var a=o.apply(null,n);a&&e.push(a)}else if("object"===i)for(var l in n)r.call(n,l)&&n[l]&&e.push(l)}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()},856:function(e){e.exports=function(){"use strict";function e(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}var t=Object.hasOwnProperty,n=Object.setPrototypeOf,r=Object.isFrozen,o=Object.getPrototypeOf,i=Object.getOwnPropertyDescriptor,a=Object.freeze,l=Object.seal,u=Object.create,c="undefined"!=typeof Reflect&&Reflect,s=c.apply,d=c.construct;s||(s=function(e,t,n){return e.apply(t,n)}),a||(a=function(e){return e}),l||(l=function(e){return e}),d||(d=function(t,n){return new(Function.prototype.bind.apply(t,[null].concat(e(n))))});var f=_(Array.prototype.forEach),p=_(Array.prototype.pop),m=_(Array.prototype.push),g=_(String.prototype.toLowerCase),y=_(String.prototype.match),v=_(String.prototype.replace),h=_(String.prototype.indexOf),b=_(String.prototype.trim),E=_(RegExp.prototype.test),O=w(TypeError);function _(e){return function(t){for(var n=arguments.length,r=Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];return s(e,t,r)}}function w(e){return function(){for(var t=arguments.length,n=Array(t),r=0;r<t;r++)n[r]=arguments[r];return d(e,n)}}function S(e,t){n&&n(e,null);for(var o=t.length;o--;){var i=t[o];if("string"==typeof i){var a=g(i);a!==i&&(r(t)||(t[o]=a),i=a)}e[i]=!0}return e}function L(e){var n=u(null),r=void 0;for(r in e)s(t,e,[r])&&(n[r]=e[r]);return n}function C(e,t){for(;null!==e;){var n=i(e,t);if(n){if(n.get)return _(n.get);if("function"==typeof n.value)return _(n.value)}e=o(e)}function r(e){return console.warn("fallback value for",e),null}return r}var T=a(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),N=a(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),j=a(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),A=a(["animate","color-profile","cursor","discard","fedropshadow","feimage","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),D=a(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"]),P=a(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),k=a(["#text"]),x=a(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns"]),R=a(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),M=a(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),F=a(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),B=l(/\{\{[\s\S]*|[\s\S]*\}\}/gm),I=l(/<%[\s\S]*|[\s\S]*%>/gm),H=l(/^data-[\-\w.\u00B7-\uFFFF]/),U=l(/^aria-[\-\w]+$/),z=l(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),G=l(/^(?:\w+script|data):/i),W=l(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};function Z(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}var V=function(){return"undefined"==typeof window?null:window},Q=function(e,t){if("object"!==(void 0===e?"undefined":Y(e))||"function"!=typeof e.createPolicy)return null;var n=null,r="data-tt-policy-suffix";t.currentScript&&t.currentScript.hasAttribute(r)&&(n=t.currentScript.getAttribute(r));var o="dompurify"+(n?"#"+n:"");try{return e.createPolicy(o,{createHTML:function(e){return e}})}catch(e){return console.warn("TrustedTypes policy "+o+" could not be created."),null}};function q(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:V(),t=function(e){return q(e)};if(t.version="2.2.7",t.removed=[],!e||!e.document||9!==e.document.nodeType)return t.isSupported=!1,t;var n=e.document,r=e.document,o=e.DocumentFragment,i=e.HTMLTemplateElement,l=e.Node,u=e.Element,c=e.NodeFilter,s=e.NamedNodeMap,d=void 0===s?e.NamedNodeMap||e.MozNamedAttrMap:s,_=e.Text,w=e.Comment,X=e.DOMParser,$=e.trustedTypes,K=u.prototype,J=C(K,"cloneNode"),ee=C(K,"nextSibling"),te=C(K,"childNodes"),ne=C(K,"parentNode");if("function"==typeof i){var re=r.createElement("template");re.content&&re.content.ownerDocument&&(r=re.content.ownerDocument)}var oe=Q($,n),ie=oe&&Fe?oe.createHTML(""):"",ae=r,le=ae.implementation,ue=ae.createNodeIterator,ce=ae.getElementsByTagName,se=ae.createDocumentFragment,de=n.importNode,fe={};try{fe=L(r).documentMode?r.documentMode:{}}catch(e){}var pe={};t.isSupported="function"==typeof ne&&le&&void 0!==le.createHTMLDocument&&9!==fe;var me=B,ge=I,ye=H,ve=U,he=G,be=W,Ee=z,Oe=null,_e=S({},[].concat(Z(T),Z(N),Z(j),Z(D),Z(k))),we=null,Se=S({},[].concat(Z(x),Z(R),Z(M),Z(F))),Le=null,Ce=null,Te=!0,Ne=!0,je=!1,Ae=!1,De=!1,Pe=!1,ke=!1,xe=!1,Re=!1,Me=!0,Fe=!1,Be=!0,Ie=!0,He=!1,Ue={},ze=S({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),Ge=null,We=S({},["audio","video","img","source","image","track"]),Ye=null,Ze=S({},["alt","class","for","id","label","name","pattern","placeholder","summary","title","value","style","xmlns"]),Ve=null,Qe=r.createElement("form"),qe=function(e){Ve&&Ve===e||(e&&"object"===(void 0===e?"undefined":Y(e))||(e={}),e=L(e),Oe="ALLOWED_TAGS"in e?S({},e.ALLOWED_TAGS):_e,we="ALLOWED_ATTR"in e?S({},e.ALLOWED_ATTR):Se,Ye="ADD_URI_SAFE_ATTR"in e?S(L(Ze),e.ADD_URI_SAFE_ATTR):Ze,Ge="ADD_DATA_URI_TAGS"in e?S(L(We),e.ADD_DATA_URI_TAGS):We,Le="FORBID_TAGS"in e?S({},e.FORBID_TAGS):{},Ce="FORBID_ATTR"in e?S({},e.FORBID_ATTR):{},Ue="USE_PROFILES"in e&&e.USE_PROFILES,Te=!1!==e.ALLOW_ARIA_ATTR,Ne=!1!==e.ALLOW_DATA_ATTR,je=e.ALLOW_UNKNOWN_PROTOCOLS||!1,Ae=e.SAFE_FOR_TEMPLATES||!1,De=e.WHOLE_DOCUMENT||!1,xe=e.RETURN_DOM||!1,Re=e.RETURN_DOM_FRAGMENT||!1,Me=!1!==e.RETURN_DOM_IMPORT,Fe=e.RETURN_TRUSTED_TYPE||!1,ke=e.FORCE_BODY||!1,Be=!1!==e.SANITIZE_DOM,Ie=!1!==e.KEEP_CONTENT,He=e.IN_PLACE||!1,Ee=e.ALLOWED_URI_REGEXP||Ee,Ae&&(Ne=!1),Re&&(xe=!0),Ue&&(Oe=S({},[].concat(Z(k))),we=[],!0===Ue.html&&(S(Oe,T),S(we,x)),!0===Ue.svg&&(S(Oe,N),S(we,R),S(we,F)),!0===Ue.svgFilters&&(S(Oe,j),S(we,R),S(we,F)),!0===Ue.mathMl&&(S(Oe,D),S(we,M),S(we,F))),e.ADD_TAGS&&(Oe===_e&&(Oe=L(Oe)),S(Oe,e.ADD_TAGS)),e.ADD_ATTR&&(we===Se&&(we=L(we)),S(we,e.ADD_ATTR)),e.ADD_URI_SAFE_ATTR&&S(Ye,e.ADD_URI_SAFE_ATTR),Ie&&(Oe["#text"]=!0),De&&S(Oe,["html","head","body"]),Oe.table&&(S(Oe,["tbody"]),delete Le.tbody),a&&a(e),Ve=e)},Xe=S({},["mi","mo","mn","ms","mtext"]),$e=S({},["foreignobject","desc","title","annotation-xml"]),Ke=S({},N);S(Ke,j),S(Ke,A);var Je=S({},D);S(Je,P);var et="http://www.w3.org/1998/Math/MathML",tt="http://www.w3.org/2000/svg",nt="http://www.w3.org/1999/xhtml",rt=function(e){var t=ne(e);t&&t.tagName||(t={namespaceURI:nt,tagName:"template"});var n=g(e.tagName),r=g(t.tagName);if(e.namespaceURI===tt)return t.namespaceURI===nt?"svg"===n:t.namespaceURI===et?"svg"===n&&("annotation-xml"===r||Xe[r]):Boolean(Ke[n]);if(e.namespaceURI===et)return t.namespaceURI===nt?"math"===n:t.namespaceURI===tt?"math"===n&&$e[r]:Boolean(Je[n]);if(e.namespaceURI===nt){if(t.namespaceURI===tt&&!$e[r])return!1;if(t.namespaceURI===et&&!Xe[r])return!1;var o=S({},["title","style","font","a","script"]);return!Je[n]&&(o[n]||!Ke[n])}return!1},ot=function(e){m(t.removed,{element:e});try{e.parentNode.removeChild(e)}catch(t){try{e.outerHTML=ie}catch(t){e.remove()}}},it=function(e,n){try{m(t.removed,{attribute:n.getAttributeNode(e),from:n})}catch(e){m(t.removed,{attribute:null,from:n})}if(n.removeAttribute(e),"is"===e&&!we[e])if(xe||Re)try{ot(n)}catch(e){}else try{n.setAttribute(e,"")}catch(e){}},at=function(e){var t=void 0,n=void 0;if(ke)e="<remove></remove>"+e;else{var o=y(e,/^[\r\n\t ]+/);n=o&&o[0]}var i=oe?oe.createHTML(e):e;try{t=(new X).parseFromString(i,"text/html")}catch(e){}if(!t||!t.documentElement){var a=(t=le.createHTMLDocument("")).body;a.parentNode.removeChild(a.parentNode.firstElementChild),a.outerHTML=i}return e&&n&&t.body.insertBefore(r.createTextNode(n),t.body.childNodes[0]||null),ce.call(t,De?"html":"body")[0]},lt=function(e){return ue.call(e.ownerDocument||e,e,c.SHOW_ELEMENT|c.SHOW_COMMENT|c.SHOW_TEXT,(function(){return c.FILTER_ACCEPT}),!1)},ut=function(e){return!(e instanceof _||e instanceof w||"string"==typeof e.nodeName&&"string"==typeof e.textContent&&"function"==typeof e.removeChild&&e.attributes instanceof d&&"function"==typeof e.removeAttribute&&"function"==typeof e.setAttribute&&"string"==typeof e.namespaceURI&&"function"==typeof e.insertBefore)},ct=function(e){return"object"===(void 0===l?"undefined":Y(l))?e instanceof l:e&&"object"===(void 0===e?"undefined":Y(e))&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName},st=function(e,n,r){pe[e]&&f(pe[e],(function(e){e.call(t,n,r,Ve)}))},dt=function(e){var n=void 0;if(st("beforeSanitizeElements",e,null),ut(e))return ot(e),!0;if(y(e.nodeName,/[\u0080-\uFFFF]/))return ot(e),!0;var r=g(e.nodeName);if(st("uponSanitizeElement",e,{tagName:r,allowedTags:Oe}),!ct(e.firstElementChild)&&(!ct(e.content)||!ct(e.content.firstElementChild))&&E(/<[/\w]/g,e.innerHTML)&&E(/<[/\w]/g,e.textContent))return ot(e),!0;if(!Oe[r]||Le[r]){if(Ie&&!ze[r]){var o=ne(e),i=te(e);if(i&&o)for(var a=i.length-1;a>=0;--a)o.insertBefore(J(i[a],!0),ee(e))}return ot(e),!0}return e instanceof u&&!rt(e)?(ot(e),!0):"noscript"!==r&&"noembed"!==r||!E(/<\/no(script|embed)/i,e.innerHTML)?(Ae&&3===e.nodeType&&(n=e.textContent,n=v(n,me," "),n=v(n,ge," "),e.textContent!==n&&(m(t.removed,{element:e.cloneNode()}),e.textContent=n)),st("afterSanitizeElements",e,null),!1):(ot(e),!0)},ft=function(e,t,n){if(Be&&("id"===t||"name"===t)&&(n in r||n in Qe))return!1;if(Ne&&E(ye,t));else if(Te&&E(ve,t));else{if(!we[t]||Ce[t])return!1;if(Ye[t]);else if(E(Ee,v(n,be,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==h(n,"data:")||!Ge[e])if(je&&!E(he,v(n,be,"")));else if(n)return!1}return!0},pt=function(e){var n=void 0,r=void 0,o=void 0,i=void 0;st("beforeSanitizeAttributes",e,null);var a=e.attributes;if(a){var l={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:we};for(i=a.length;i--;){var u=n=a[i],c=u.name,s=u.namespaceURI;if(r=b(n.value),o=g(c),l.attrName=o,l.attrValue=r,l.keepAttr=!0,l.forceKeepAttr=void 0,st("uponSanitizeAttribute",e,l),r=l.attrValue,!l.forceKeepAttr&&(it(c,e),l.keepAttr))if(E(/\/>/i,r))it(c,e);else{Ae&&(r=v(r,me," "),r=v(r,ge," "));var d=e.nodeName.toLowerCase();if(ft(d,o,r))try{s?e.setAttributeNS(s,c,r):e.setAttribute(c,r),p(t.removed)}catch(e){}}}st("afterSanitizeAttributes",e,null)}},mt=function e(t){var n=void 0,r=lt(t);for(st("beforeSanitizeShadowDOM",t,null);n=r.nextNode();)st("uponSanitizeShadowNode",n,null),dt(n)||(n.content instanceof o&&e(n.content),pt(n));st("afterSanitizeShadowDOM",t,null)};return t.sanitize=function(r,i){var a=void 0,u=void 0,c=void 0,s=void 0,d=void 0;if(r||(r="\x3c!--\x3e"),"string"!=typeof r&&!ct(r)){if("function"!=typeof r.toString)throw O("toString is not a function");if("string"!=typeof(r=r.toString()))throw O("dirty is not a string, aborting")}if(!t.isSupported){if("object"===Y(e.toStaticHTML)||"function"==typeof e.toStaticHTML){if("string"==typeof r)return e.toStaticHTML(r);if(ct(r))return e.toStaticHTML(r.outerHTML)}return r}if(Pe||qe(i),t.removed=[],"string"==typeof r&&(He=!1),He);else if(r instanceof l)1===(u=(a=at("\x3c!----\x3e")).ownerDocument.importNode(r,!0)).nodeType&&"BODY"===u.nodeName||"HTML"===u.nodeName?a=u:a.appendChild(u);else{if(!xe&&!Ae&&!De&&-1===r.indexOf("<"))return oe&&Fe?oe.createHTML(r):r;if(!(a=at(r)))return xe?null:ie}a&&ke&&ot(a.firstChild);for(var f=lt(He?r:a);c=f.nextNode();)3===c.nodeType&&c===s||dt(c)||(c.content instanceof o&&mt(c.content),pt(c),s=c);if(s=null,He)return r;if(xe){if(Re)for(d=se.call(a.ownerDocument);a.firstChild;)d.appendChild(a.firstChild);else d=a;return Me&&(d=de.call(n,d,!0)),d}var p=De?a.outerHTML:a.innerHTML;return Ae&&(p=v(p,me," "),p=v(p,ge," ")),oe&&Fe?oe.createHTML(p):p},t.setConfig=function(e){qe(e),Pe=!0},t.clearConfig=function(){Ve=null,Pe=!1},t.isValidAttribute=function(e,t,n){Ve||qe({});var r=g(e),o=g(t);return ft(r,o,n)},t.addHook=function(e,t){"function"==typeof t&&(pe[e]=pe[e]||[],m(pe[e],t))},t.removeHook=function(e){pe[e]&&p(pe[e])},t.removeHooks=function(e){pe[e]&&(pe[e]=[])},t.removeAllHooks=function(){pe={}},t}return q()}()}},t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={exports:{}};return e[r].call(o.exports,o,o.exports,n),o.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{"use strict";var e={};n.r(e),n.d(e,{displayPanel:()=>C,hideCurrentPanel:()=>N,registerPanel:()=>L,setColorScheme:()=>A,setIsEditing:()=>j,setShouldShowShortcuts:()=>S,togglePanel:()=>T});var t={};n.r(t),n.d(t,{colorScheme:()=>B,currentPanel:()=>M,isEditing:()=>F,panels:()=>R,shouldShowShortcuts:()=>x});var r={};n.r(r),n.d(r,{after:()=>H,before:()=>I});var o={};n.r(o),n.d(o,{editing:()=>xe,layout:()=>ke,resizing:()=>Re});var i={};n.r(i),n.d(i,{addColumnGroup:()=>at,addColumnTemplate:()=>vt,addColumns:()=>Je,addModule:()=>$e,addNodeTemplate:()=>ft,addRow:()=>lt,addRowTemplate:()=>ht,applyTemplate:()=>dt,cancelDisplaySettings:()=>Dt,clearHistoryStates:()=>Nt,copyColumn:()=>nt,copyModule:()=>Ke,copyRow:()=>ut,deleteColumn:()=>ot,deleteNode:()=>Xe,deleteNodeTemplate:()=>mt,deleteUserTemplate:()=>yt,discardDraft:()=>Ct,displaySettings:()=>At,fetchLayout:()=>bt,insertFreeformNode:()=>ze,insertNode:()=>Ue,insertNodes:()=>Ge,moveColumn:()=>tt,moveNode:()=>Ye,redo:()=>He,renderHistoryState:()=>jt,renderLayout:()=>Ot,renderNode:()=>Ze,reorderColumn:()=>et,reorderNode:()=>We,resetColWidths:()=>it,resetRowWidth:()=>st,resizeColumn:()=>rt,resizeRowContent:()=>ct,resizingComplete:()=>Pt,saveDraft:()=>Lt,saveGlobalSettings:()=>wt,saveHistoryState:()=>Tt,saveLayout:()=>St,saveLayoutSettings:()=>_t,saveNodeTemplate:()=>pt,saveUserTemplateSettings:()=>gt,setLayout:()=>Et,undo:()=>Ie,updateNode:()=>Ve,updateNodeSetting:()=>qe,updateNodeSettings:()=>Qe});var a={};n.r(a),n.d(a,{after:()=>Ft,before:()=>Mt});var l={};n.r(l),n.d(l,{getChildren:()=>qt,getLayoutActions:()=>Yt,getLayoutHooks:()=>Zt,getLayoutState:()=>Wt,getLayoutStore:()=>Gt,getNode:()=>Qt,getSystemActions:()=>Y,getSystemConfig:()=>V,getSystemSelectors:()=>Z,getSystemState:()=>W,getSystemStore:()=>G,useLayoutState:()=>Vt,useSystemState:()=>z});var u={};n.r(u),n.d(u,{copyNode:()=>zn,deleteNode:()=>Un,moveNode:()=>Wn,scrollToNode:()=>Gn});var c={};n.r(c),n.d(c,{openSettings:()=>Yn});var s={};n.r(s),n.d(s,{getActions:()=>qn,getConfig:()=>Xn,getStrings:()=>$n});const d=React;var f=n.n(d);const p=ReactDOM,m=FL.vendors.BBAppCore;var g=(0,m.createStoreRegistry)(),y=g.registerStore,v=g.useStore,h=g.getStore,b=g.getDispatch,E=g.getSelectors;function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var S=function(e){return{type:"SET_SHOULD_SHOW_SHORTCUTS",value:e}},L=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"fl/untitled",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n={label:"",root:null,render:function(){return null},className:null,routerProps:{},onHistoryChanged:function(){}};return{type:"REGISTER_PANEL",handle:e,options:_(_({},n),t)}},C=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return{type:"SET_CURRENT_PANEL",name:e}},T=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return{type:"TOGGLE_PANEL",name:e}},N=function(){return{type:"HIDE_CURRENT_PANEL"}},j=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return{type:"SET_IS_EDITING",value:e}},A=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light";return{type:"SET_COLOR_SCHEME",value:e}};function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var x=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"SET_SHOULD_SHOW_SHORTCUTS":return!!t.value;default:return e}},R=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"REGISTER_PANEL":return P(P({},e),{},k({},t.handle,t.options));default:return e}},M=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"SET_CURRENT_PANEL":return t.name;case"HIDE_CURRENT_PANEL":return null;case"TOGGLE_PANEL":return t.name===e?null:t.name;default:return e}},F=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"SET_IS_EDITING":return!!t.value;default:return e}},B=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light",t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"SET_COLOR_SCHEME":return"dark"===t.value?"dark":"light";default:return e}},I={},H={TOGGLE_PANEL:function(e,t){var n=t.getState().currentPanel,r=document.querySelector("html");n&&FLBuilder._closePanel(),"assistant"===n?r.classList.add("fl-builder-assistant-visible"):r.classList.remove("fl-builder-assistant-visible")},HIDE_CURRENT_PANEL:function(){document.querySelector("html").classList.remove("fl-builder-assistant-visible")}},U="fl-builder/system";y(U,{actions:e,reducers:t,effects:r,state:{isEditing:!0,currentPanel:null,shouldShowShortcuts:!1,colorScheme:FLBuilderConfig.userSettings.skin,panels:{}}});var z=function(){return v(U)},G=function(){return h(U)},W=function(){return h(U).getState()},Y=function(){return b(U)},Z=function(){return E(U)},V=function(){return window.FLBuilderConfig};const Q=Redux;var q=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(t){var n=t.getState;return function(t){return function(r){var o=t(r),i=n();return void 0!==e[r.type]&&e[r.type](i,r),o}}}},X=function(e){var t=e.before,n=e.after;return function(e){return function(r){return function(o){t&&t[o.type]&&t[o.type](o,e);var i=r(o);return n&&n[o.type]&&n[o.type](o,e),i}}}};const $=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__,o=r?r({name:e}):Q.compose;return o((0,Q.applyMiddleware)(q(n),X(t)))};function K(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==l.return||l.return()}finally{if(o)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return J(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return J(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function J(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ne(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var re=function(e){var t={};return Object.values(e).map((function(e){var n=te({},e);delete n.settings,t[e.node]=n})),t},oe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n={},r=Object.values(e).filter((function(e){return t===e.parent}));return r.map((function(e){return n[e.node]=e})),n},ie=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,n=e.layout.present.nodes;return void 0===n[t]?{}:n[t].settings},ae=function(e,t){return Object.keys(e).length!==Object.keys(t).length||Object.values(e).some((function(e){var n=t[e.node];return void 0===e||void 0===n||(e.type!==n.type||e.parent!==n.parent||e.position!==n.position||e.global!==n.global)}))},le=function(e,t){return Object.keys(e).length!==Object.keys(t).length||Object.keys(e).some((function(n){return e[n]!==t[n]}))};const ue=function(e){var t=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,n=e.layout.present.nodes;return void 0!==t&&(n=oe(n,t)),re(n)};return{useLayoutStore:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:function(){return!0},n=e.getState(),r=(0,d.useRef)(n),o=(0,d.useState)(n),i=K(o,2),a=i[0],l=i[1];return(0,d.useEffect)((function(){return l(e.getState()),e.subscribe((function(){var n=e.getState();t(r.current,n)&&l(te({},n)),r.current=n}))}),[]),a},useNodeSettings:function(t){var n=ie(e.getState(),t),r=(0,d.useRef)(n),o=K((0,d.useState)(n),2),i=o[0],a=o[1];return(0,d.useEffect)((function(){var n=ie(e.getState(),t);return le(n,r.current)&&a(n),r.current=n,e.subscribe((function(){var n=ie(e.getState(),t);le(n,r.current)&&a(n),r.current=n}))}),[t]),i},useNodesWithoutSettings:function(n){var r=t(e.getState(),n),o=(0,d.useRef)(r),i=K((0,d.useState)(r),2),a=i[0],l=i[1];return(0,d.useEffect)((function(){var r=t(e.getState(),n);return ae(r,o.current)&&l(r),o.current=r,e.subscribe((function(){var r=t(e.getState(),n);ae(r,o.current)&&l(r),o.current=r}))}),[]),a}}};function ce(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function se(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ce(Object(n),!0).forEach((function(t){de(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ce(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function de(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var fe={layout:{past:[],present:{attachments:[],nodes:{}},future:[]}},pe={state:{},reducers:{},actions:{},effects:{},tests:{}};const me=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:pe,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"fl-builder/layout",n=se(se({},pe),e),r=se(se({},fe),n.state),o=(0,Q.combineReducers)(n.reducers),i=$(t,n.effects,n.tests),a=(0,Q.createStore)(o,r,i);return{store:a,actions:(0,Q.bindActionCreators)(se({},n.actions),a.dispatch),hooks:ue(a)}};function ge(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ye(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ge(Object(n),!0).forEach((function(t){ve(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ge(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ve(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var he={node:"",type:"",parent:"",position:0,global:!1,settings:{}},be=function(e,t){return e.position>t.position?1:e.position<t.position?-1:0},Ee=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return void 0!==t[e]},Oe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return Object.values(e).filter((function(e){return t===e.parent})).sort(be)},_e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=ye(ye(ye({},he),e),t);return"module"===n.type&&void 0===n.settings.type&&(n.settings.type=e.settings.type),n},we=function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o={};if(void 0===r[e])return console.error("Undefined node",e),o;var i=Oe(r,t).filter((function(t){return e!==t.node})),a=i.map((function(e){return e.node}));return a.splice(n,0,e),a.map((function(e,n){o[e]=_e(r[e],{position:n,parent:t})})),o},Se=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=ye(ye({},e),{},ve({},t,_e(e[t],n)));return we(n.node,n.parent,n.position,r)},Le=function(e,t){var n={};if(void 0===t[e])return console.warn("Node to be deleted is undefined",e),t;var r=t[e].parent,o=t[e].type,i=ye({},t);delete i[e],"column"===o&&Te(r,i)&&delete i[r],function(e,t){var n=[],r=ye({},t);Object.values(r).map((function(t){e===t.parent&&n.push(t.node)})),n.map((function(e){delete r[e]}))}(e,i);var a=Oe(i,r);return a.map((function(e,t){if(e.position=t,"column"===e.type){var r=100/a.length;r=r.toPrecision(5),e.settings.size=r}n[e.node]=e})),ye({},i)},Ce=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,n={};return e.map((function(e){var r=Object.values(t).filter((function(t){return e===t.parent})),o=(100/r.length).toPrecision(5);r.map((function(e){n[e.node]=_e(e,{settings:ye(ye({},e.settings),{},{size:o})})}))})),n},Te=function(e,t){return 0===Object.values(t).filter((function(t){return t.parent===e})).length},Ne=function(e){void 0!==e&&(console.assert("node"in e,"Node has no id property"),console.assert("type"in e,"Node has no type property"),console.assert("parent"in e,"Node has no parent property"),console.assert("position"in e,"Node has no position property"),console.assert("settings"in e,"Node has no settings property"),console.assert("global"in e,"Node has no global property"),"module"===e.type&&console.assert("type"in e.settings,"Module settings should contain type property."),"row"!==e.type&&console.assert(null!==e.parent,"Only rows should have a null parent property"))},je=function(e){var t=function(e){var t=Object.keys(e);return Object.values(e).filter((function(e){return null!==e.parent&&!t.includes(e.node)}))}(e);console.assert(0===t.length,"There should be no orphaned nodes",t)};function Ae(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function De(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ae(Object(n),!0).forEach((function(t){Pe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ae(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Pe(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var ke=function(e){var t={past:[],present:e(void 0,{}),future:[]};return function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:t,r=arguments.length>1?arguments[1]:void 0,o=n.past,i=void 0===o?[]:o,a=n.present,l=n.future,u=void 0===l?[]:l;switch(r.type){case"RESIZE_COLUMN":return r.persist,{past:i,present:e(a,r),future:u};default:return{past:i,present:e(a,r),future:u}}}}((0,Q.combineReducers)({attachments:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"SET_LAYOUT":return void 0!==t.attachments?t.attachments:e;default:return e}},nodes:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0;switch(n.type){case"INSERT_NODE":return De(De({},t),Se(t,n.id,{node:n.id,parent:n.parent,type:n.nodeType,position:n.position,settings:n.settings,global:n.global}));case"INSERT_FREEFORM_NODE":return De(De({},t),Se(t,n.id,n.node));case"INSERT_NODES":return De(De({},t),n.nodes);case"REORDER_NODE":case"REORDER_COLUMN":return De(De({},t),we(n.id,t[n.id].parent,n.position,t));case"REPARENT_NODE":case"REPARENT_COLUMN":return De(De({},t),we(n.id,n.parent,n.position,t));case"UPDATE_NODE":return De(De({},t),{},Pe({},n.id,_e(t[n.id],n.node)));case"UPDATE_NODE_SETTING":return De(De({},t),{},Pe({},n.id,_e(t[n.id],{settings:De(De({},t[n.id].settings),{},Pe({},n.key,n.value))})));case"UPDATE_NODE_SETTINGS":return void 0===t[n.id]?t:De(De({},t),{},Pe({},n.id,_e(t[n.id],{settings:De(De(De({},t[n.id].settings),n.settings),{},{type:"module"===t[n.id].type?t[n.id].settings.type:void 0})})));case"DELETE_NODE":return Le(n.id,t);case"RESIZE_COLUMN":return De(De({},t),{},(Pe(e={},n.id,_e(t[n.id],{settings:De(De({},t[n.id].settings),{},{size:n.width})})),Pe(e,n.siblingId,_e(t[n.siblingId],{settings:De(De({},t[n.siblingId].settings),{},{size:n.siblingWidth})})),e));case"DELETE_COLUMN":return Le(n.id,t);case"RESET_COLUMN_WIDTHS":return De(De({},t),Ce(n.groupIds,t));case"RESIZE_ROW_CONTENT":return De(De({},t),{},Pe({},n.id,_e(t[n.id],{settings:De(De({},t[n.id].settings),{},{max_content_width:n.width})})));case"RESET_ROW_WIDTH":return De(De({},t),{},Pe({},n.id,_e(t[n.id],{settings:De(De({},t[n.id].settings),{},{max_content_width:""})})));case"ADD_COLUMN_TEMPLATE":case"ADD_ROW_TEMPLATE":return console.log(n.type,"Needs node reducer implementation?"),t;case"SET_LAYOUT":return n.nodes;default:return t}},globalSettings:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"SAVE_GLOBAL_SETTINGS":return t.settings;default:return e}}})),xe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"DISPLAY_SETTINGS":return t.id;case"UPDATE_NODE_SETTINGS":case"CANCEL_DISPLAY_SETTINGS":return null;default:return e}},Re=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"RESIZING_COMPLETE":return!1;case"RESIZE_ROW_CONTENT":return[t.id];case"RESIZE_COLUMN":return[t.id,t.siblingId];default:return e}};function Me(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Fe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Me(Object(n),!0).forEach((function(t){Be(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Me(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Be(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Ie=function(){return{type:"UNDO"}},He=function(){return{type:"REDO"}},Ue=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},i=arguments.length>5&&void 0!==arguments[5]&&arguments[5],a=arguments.length,l=new Array(a>6?a-6:0),u=6;u<a;u++)l[u-6]=arguments[u];return Fe({type:"INSERT_NODE",id:e,parent:t,position:r,nodeType:n,settings:o,global:i},l)},ze=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return{type:"INSERT_FREEFORM_NODE",id:e,node:t}},Ge=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{type:"INSERT_NODES",nodes:e}},We=function(e,t){return{type:"REORDER_NODE",id:e,position:t}},Ye=function(e,t,n){return{type:"REPARENT_NODE",id:e,parent:t,position:n}},Ze=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){};return{type:"RENDER_NODE",id:e,callback:t}},Ve=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return{type:"UPDATE_NODE",id:e,node:t}},Qe=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){};return{type:"UPDATE_NODE_SETTINGS",id:e,settings:t,callback:n}},qe=function(e,t,n){return{type:"UPDATE_NODE_SETTING",id:e,key:t,value:n}},Xe=function(e){return{type:"DELETE_NODE",id:e}},$e=function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return{type:"ADD_MODULE",moduleType:e,parent:t,position:n,config:r}},Ke=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){};return{type:"COPY_MODULE",id:e,settings:t,callback:n}},Je=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"1-col",r=arguments.length>3?arguments[3]:void 0,o=arguments.length>4?arguments[4]:void 0;return{type:"ADD_COLUMNS",id:e,insert:t,colType:n,nested:r,module:o}},et=function(e,t){return{type:"REORDER_COLUMN",id:e,position:t}},tt=function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];return{type:"REPARENT_COLUMN",id:e,parent:t,position:n,resize:r}},nt=function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};return{type:"COPY_COLUMN",id:e,settings:t,settingsId:n,callback:r}},rt=function(e,t,n,r){var o=!(arguments.length>4&&void 0!==arguments[4])||arguments[4];return{type:"RESIZE_COLUMN",id:e,width:parseInt(t),siblingId:n,siblingWidth:parseInt(r),shouldPersist:o}},ot=function(e,t){return{type:"DELETE_COLUMN",id:e,width:t}},it=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return{type:"RESET_COLUMN_WIDTHS",groupIds:e}},at=function(e,t,n,r){return{type:"ADD_COLUMN_GROUP",id:e,cols:t,position:n,module:r}},lt=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0;return{type:"ADD_ROW",cols:e,position:t,module:n}},ut=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};return{type:"COPY_ROW",id:e,settings:t,settingsId:n,callback:r}},ct=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return{type:"RESIZE_ROW_CONTENT",id:e,width:t,shouldPersist:n}},st=function(e){return{type:"RESET_ROW_WIDTH",id:e}},dt=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"0",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"core";return{type:"APPLY_TEMPLATE",id:e,append:t,templateType:n}},ft=function(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:function(){};return{type:"ADD_NODE_TEMPLATE",nodeType:e,templateId:t,templateType:n,parent:r,position:o,callback:i}},pt=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return{type:"SAVE_NODE_TEMPLATE",id:e,settings:t}},mt=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return{type:"DELETE_NODE_TEMPLATE",id:e,global:t}},gt=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{type:"SAVE_USER_TEMPLATE_SETTINGS",settings:e}},yt=function(e){return{type:"DELETE_USER_TEMPLATE",id:e}},vt=function(){return{type:"ADD_COLUMN_TEMPLATE"}},ht=function(){return{type:"ADD_ROW_TEMPLATE"}},bt=function(){return{type:"FETCH_LAYOUT"}},Et=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;return{type:"SET_LAYOUT",nodes:e,attachments:t}},Ot=function(){return{type:"RENDER_LAYOUT"}},_t=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{type:"SAVE_LAYOUT_SETTINGS",settings:e}},wt=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{type:"SAVE_GLOBAL_SETTINGS",settings:e}},St=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){};return{type:"SAVE_LAYOUT",shouldPublish:e,shouldExit:t,callback:n}},Lt=function(){return{type:"SAVE_DRAFT"}},Ct=function(){return{type:"DISCARD_DRAFT"}},Tt=function(e,t){return{type:"SAVE_HISTORY_STATE",label:e,moduleType:t}},Nt=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return{type:"CLEAR_HISTORY_STATES",postId:e,shouldExit:t}},jt=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){};return{type:"RENDER_HISTORY_STATE",position:e,callback:t}},At=function(e){return{type:"DISPLAY_SETTINGS",id:e}},Dt=function(){return{type:"CANCEL_DISPLAY_SETTINGS"}},Pt=function(){return{type:"RESIZING_COMPLETE"}};function kt(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==l.return||l.return()}finally{if(o)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return xt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return xt(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function xt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Rt=function(e,t){var n=FLBuilder._jsonParse(e),r=n.newNodes,o=void 0===r?{}:r,i=n.updatedNodes,a=void 0===i?{}:i;0<Object.keys(o).length&&t.dispatch(Ge(o)),Object.entries(a).map((function(e){var n=kt(e,2),r=n[0],o=n[1];t.dispatch(Ve(r,o))}))},Mt={},Ft={UNDO:function(){window.FLBuilderHistoryManager.renderState("prev")},REDO:function(){window.FLBuilderHistoryManager.renderState("next")},UPDATE_NODE_SETTINGS:function(e){var t=e.id,n=e.settings,r=e.callback;FLBuilder.ajax({action:"save_settings",node_id:t,settings:n},r)},REORDER_NODE:function(e,t){var n=e.id,r=e.position;(0,FL.Builder.__canvas.getActions().moveNode)(n,r),FLBuilder.ajax({action:"reorder_node",node_id:n,position:r},(function(e){Rt(e,t),FLBuilder._reorderNodeComplete(e)}))},REPARENT_NODE:function(e,t){var n=e.id,r=e.parent,o=e.position;(0,FL.Builder.__canvas.getActions().moveNode)(n,o,r),FLBuilder.ajax({action:"move_node",new_parent:r,node_id:n,position:o},(function(e){Rt(e,t),FLBuilder._moveNodeComplete(e)}))},RENDER_NODE:function(e){var t=e.id,n=e.callback;FLBuilder.ajax({action:"render_node",node_id:t},(function(e){var t=FLBuilder._jsonParse(e);FLBuilder._renderLayout(t,n)}))},DELETE_NODE:function(e){var t=e.id;FLBuilder.ajax({action:"delete_node",node_id:t})},ADD_MODULE:function(e,t){var n=e.moduleType,r=e.parent,o=e.position,i=e.config;FLBuilder.ajax({action:"render_new_module",parent_id:r,type:n,position:o,node_preview:i.nodePreview,widget:i.widget,alias:i.alias},(function(e){Rt(e,t),FLBuilder._addModuleComplete(e)}))},COPY_MODULE:function(e,t){var n=e.id,r=e.settings,o=e.callback;FLBuilder.ajax({action:"copy_module",node_id:n,settings:r},(function(e){Rt(e,t),o(e)}))},ADD_COLUMNS:function(e,t){var n=e.id,r=e.insert,o=e.colType,i=e.nested,a=e.module;FLBuilder.ajax({action:"render_new_columns",node_id:n,insert:r,type:o,nested:i,module:a},(function(e){Rt(e,t),FLBuilder._addColsComplete(e)}))},RESIZE_COLUMN:function(e,t){var n=e.id,r=e.width,o=e.siblingId,i=e.siblingWidth;e.shouldPersist&&(t.dispatch(Pt()),FLBuilder.ajax({action:"resize_cols",col_id:n,col_width:r,sibling_id:o,sibling_width:i},(function(e){return Rt(e,t)})))},RESET_COLUMN_WIDTHS:function(e){var t=e.groupIds;FLBuilder.ajax({action:"reset_col_widths",group_id:t},(function(){return FLBuilder.triggerHook("didResetColumnWidthsComplete")}))},DELETE_COLUMN:function(e){var t=e.id,n=e.width;FLBuilder.ajax({action:"delete_col",node_id:t,new_width:n})},REORDER_COLUMN:function(e){var t=e.id,n=e.position;(0,FL.Builder.__canvas.getActions().moveNode)(t,n),FLBuilder.ajax({action:"reorder_col",node_id:t,position:n},(function(){return FLBuilder.triggerHook("didMoveColumn")}))},REPARENT_COLUMN:function(e){var t=e.id,n=e.parent,r=e.position,o=e.resize;(0,FL.Builder.__canvas.getActions().moveNode)(t,r,n),FLBuilder.ajax({action:"move_col",node_id:t,new_parent:n,position:r,resize:o},(function(){return FLBuilder.triggerHook("didMoveColumn")}))},COPY_COLUMN:function(e,t){var n=e.id,r=e.settings,o=e.settingsId,i=e.callback;FLBuilder.ajax({action:"copy_col",node_id:n,settings:r,settings_id:o},(function(e){Rt(e,t),i(e)}))},ADD_COLUMN_GROUP:function(e,t){var n=e.id,r=e.cols,o=e.position,i=e.module;FLBuilder.ajax({action:"render_new_column_group",node_id:n,cols:r,position:o,module:i},(function(e){Rt(e,t),FLBuilder._addColGroupComplete(e)}))},ADD_ROW:function(e,t){var n=e.cols,r=e.position,o=e.module;FLBuilder.ajax({action:"render_new_row",cols:n,position:r,module:o},(function(e){Rt(e,t),FLBuilder._addRowComplete(e)}))},COPY_ROW:function(e,t){var n=e.id,r=e.settings,o=e.settingsId,i=e.callback;FLBuilder.ajax({action:"copy_row",node_id:n,settings:r,settings_id:o},(function(e){Rt(e,t),i(e)}))},RESIZE_ROW_CONTENT:function(e,t){var n=e.id,r=e.width;e.shouldPersist&&(FLBuilder.ajax({action:"resize_row_content",node:n,width:r}),t.dispatch(Pt()))},RESET_ROW_WIDTH:function(e){var t=e.id;FLBuilder.ajax({action:"resize_row_content",node:t,width:""})},APPLY_TEMPLATE:function(e,t){var n=e.id,r=e.append,o=e.templateType,i="core"===o?FLBuilder._applyTemplateComplete:FLBuilder._applyUserTemplateComplete;FLBuilder.ajax({action:"core"===o?"apply_template":"apply_user_template",template_id:n,append:r},(function(e){var n=FLBuilder._jsonParse(e);t.dispatch(Et(n.newNodes,[])),i(e)}))},ADD_NODE_TEMPLATE:function(e,t){var n=e.nodeType,r=e.templateId,o=e.templateType,i=e.parent,a=e.position,l=e.callback,u="";switch(n){case"row":u="render_new_row_template";break;case"column":u="render_new_col_template";break;default:u="render_new_module"}FLBuilder.ajax({action:u,template_id:r,template_type:o,parent_id:i,position:a},(function(e){Rt(e,t),l(e)}))},SAVE_NODE_TEMPLATE:function(e,t){var n=e.id,r=e.settings;FLBuilder.ajax({action:"save_node_template",node_id:n,settings:r},(function(e){t.dispatch(bt()),FLBuilder._saveNodeTemplateComplete(e),FLBuilder._hideNodeLoading(n)}))},DELETE_NODE_TEMPLATE:function(e){var t=e.id,n=e.global;FLBuilder.ajax({action:"delete_node_template",template_id:t},(function(){n&&FLBuilder._updateLayout()}))},SAVE_USER_TEMPLATE_SETTINGS:function(e){var t=e.settings;FLBuilder.ajax({action:"save_user_template",settings:t},FLBuilder._saveUserTemplateSettingsComplete)},DELETE_USER_TEMPLATE:function(e){var t=e.id;FLBuilder.ajax({action:"delete_user_template",template_id:t})},RENDER_LAYOUT:function(){FLBuilder.ajax({action:"render_layout"},FLBuilder._renderLayout)},FETCH_LAYOUT:function(e,t){FLBuilder.ajax({action:"get_layout"},(function(e){var n=FLBuilder._jsonParse(e),r=n.nodes,o=n.attachments;t.dispatch(Et(r,o))}))},SAVE_LAYOUT:function(e){var t=e.shouldPublish,n=e.shouldExit,r=e.callback;FLBuilder.ajax({action:"save_layout",publish:t,exit:n?1:0},r)},SAVE_DRAFT:function(){FLBuilder.ajax({action:"save_draft"},FLBuilder._exit)},DISCARD_DRAFT:function(){FLBuilder.ajax({action:"clear_draft_layout"},(function(){FLBuilder.triggerHook("didDiscardChanges"),FLBuilder._exit()}))},SAVE_LAYOUT_SETTINGS:function(e){var t=e.settings;FLBuilder.ajax({action:"save_layout_settings",settings:t},(function(){return FLBuilder._saveLayoutSettingsComplete(t)}))},SAVE_GLOBAL_SETTINGS:function(e){var t=e.settings;FLBuilder.ajax({action:"save_global_settings",settings:t},FLBuilder._saveGlobalSettingsComplete)},SAVE_HISTORY_STATE:function(e){var t=e.label,n=e.moduleType;FLBuilder.ajax({action:"save_history_state",label:t,module_type:n},(function(e){var t=FLBuilder._jsonParse(e);FLBuilderHistoryManager.states=t.states,FLBuilderHistoryManager.position=parseInt(t.position),FLBuilderHistoryManager.setupMainMenuData()}))},CLEAR_HISTORY_STATES:function(e){var t=e.postId,n=e.shouldExit;FLBuilder.ajax({action:"clear_history_states",post_id:t},(function(){n||FLBuilderHistoryManager.saveCurrentState("draft_created")}))},RENDER_HISTORY_STATE:function(e,t){var n=e.position,r=e.callback;FLBuilder.ajax({action:"render_history_state",position:n},(function(e){var n=FLBuilder._jsonParse(e),o=n.newNodes,i=n.config;t.dispatch(Et(o,i.attachments)),r(e)}))},DISPLAY_SETTINGS:function(e,t){var n=e.id,r=t.getState().layout.present.nodes;if("global"!==n)if("layout"!==n){if(void 0!==r[n]){var o=r[n],i=o.type,a=o.settings,l=o.parent,u=o.global,c=o.template_id;switch(i){case"column-group":break;case"row":FLBuilder._showRowSettings(n,u);break;case"column":var s="column"!==FLBuilderConfig.userTemplateType&&void 0!==c;FLBuilder._showColSettings(n,u,s);break;default:FLBuilder._showModuleSettings({nodeId:n,parentId:l,type:a.type,global:u})}}}else FLBuilder._layoutSettingsClicked();else FLBuilder._globalSettingsClicked()}};const Bt={SET_LAYOUT:function(e){!function(e){Object.values(e).map(Ne)}(e.layout.present.nodes)},INSERT_NODE:function(e,t){var n=e.layout.present.nodes;console.assert(Ee(t.id,n),"Node should exist after insert."),Ne(n[t.id]),console.assert(n[t.id].position===t.position,"Node position should be consistent after insert."),je(n)},REORDER_NODE:function(e,t){var n=e.layout.present.nodes;console.assert(Ee(t.id,n),"Node no longer exists after reorder."),Ne(n[t.id]);var r=n[t.id];console.assert(t.position===r.position,"Node position should match action.position")},REPARENT_NODE:function(e,t){var n=e.layout.present.nodes;console.assert(Ee(t.id,n),"Node should not exist after reparent"),Ne(n[t.id]),console.assert(t.parent===n[t.id].parent,"Node should have correct parent after reparent")},DELETE_NODE:function(e,t){var n=e.layout.present.nodes;console.assert(!Ee(t.id,n),"Node should not exist after delete"),je(n)},COPY_MODULE:function(e,t){var n=e.layout.present.nodes,r=Ee(t.id,n);console.assert(r,"Node no longer exists after duplicate."),r&&Ne(n[t.id])},DELETE_COLUMN:function(e){var t=e.layout.present.nodes;je(t)},REPARENT_COLUMN:function(){console.warn("REPARENT_COLUMN needs a test.")},RESET_COLUMN_WIDTHS:function(e,t){var n=e.layout.present.nodes;t.groupIds.map((function(e){var t=Oe(n,e),r=100/t.length,o=t.every((function(e){return e.settings.size===r.toPrecision(5)}));console.assert(o,"Column sizes should match after reset")}))}};var It=me({state:{layout:{present:{nodes:{},globalSettings:FLBuilderConfig.global}}},reducers:o,effects:a,actions:i,tests:Bt}),Ht=It.store,Ut=It.actions,zt=It.hooks,Gt=function(){return Ht},Wt=function(){return Ht.getState()},Yt=function(){return Ut},Zt=function(){return zt},Vt=zt.useLayoutStore,Qt=function(e){var t=Wt().layout.present.nodes;return e&&e in t?t[e]:t},qt=function(e){var t=Wt().layout.present.nodes;return Object.values(t).filter((function(t){return e===t.parent}))};Ht.dispatch(bt());var Xt=n(184),$t=n.n(Xt),Kt={},Jt=(0,d.createContext)(Kt),en=function(){return(0,d.useContext)(Jt)};const tn=FL.vendors.BBFluid;function nn(){return(nn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function rn(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function on(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==l.return||l.return()}finally{if(o)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return an(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return an(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function an(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}const ln=function(e){var t=e.x,n=e.y,r=e.items,o=void 0===r?{}:r,i=e.clear,a=void 0===i?function(){}:i,l=window.innerWidth-190,u={};return Object.entries(o).map((function(e){var t=on(e,2),n=t[0],r=t[1];!1!==r.isEnabled&&(u[n]=r)})),f().createElement("div",{className:"fl-builder-context-menu",style:{top:n,left:t<l?t:l,width:180}},f().createElement("ul",null,Object.keys(u).map((function(e){var t=o[e],n=t.onClick,r=t.label,i=rn(t,["onClick","label"]);return f().createElement("li",{key:e},f().createElement(tn.Button,nn({onClick:function(e){n(e),a(),e.stopPropagation()},size:"sm"},i),r))}))))};function un(){return(un=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function cn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==l.return||l.return()}finally{if(o)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return sn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return sn(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function sn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var dn=function(e){var t=e.children,n=cn((0,d.useState)(!1),2),r=n[0],o=n[1],i=function(){return o(!1)},a={setContextMenu:o,clearContextMenu:i,showContextMenu:!1!==r,contextMenu:r};return f().createElement(Jt.Provider,{value:a},f().createElement(fn,null),t,!1!==r&&f().createElement(ln,un({},r,{clear:i})))},fn=function(){var e=en().clearContextMenu,t=function(t){document.querySelector(".fl-builder-context-menu")&&!t.target.closest(".fl-builder-context-menu")&&(e(),t.stopPropagation())},n=function(){document.querySelector(".fl-builder-context-menu")&&e()};return(0,d.useEffect)((function(){return window.addEventListener("click",t,{capture:!0}),window.addEventListener("scroll",n,{capture:!0}),function(){window.removeEventListener("click",t,{capture:!0}),window.removeEventListener("scroll",n,{capture:!0})}}),[]),null};function pn(e){return(pn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function mn(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function gn(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function yn(e,t,n){return t&&gn(e.prototype,t),n&&gn(e,n),e}function vn(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&hn(e,t)}function hn(e,t){return(hn=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function bn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=_n(e);if(t){var o=_n(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return En(this,n)}}function En(e,t){return!t||"object"!==pn(t)&&"function"!=typeof t?On(e):t}function On(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _n(e){return(_n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var wn=FLBuilderConfig.lite,Sn=function(e){var t,n={__html:e.children},r=new Date(e.date).toDateString();if("string"==typeof e.url&&""!==e.url){var o=wn?e.url+"?utm_medium=bb-lite&utm_source=builder-ui&utm_campaign=notification-center":e.url+"?utm_medium=bb-pro&utm_source=builder-ui&utm_campaign=notification-center";t=f().createElement("a",{className:"fl-builder-ui-post",href:o,target:"_blank",rel:"noopener noreferrer"},f().createElement("div",{className:"fl-builder-ui-post-date"},r),f().createElement("div",{className:"fl-builder-ui-post-title"},e.title),f().createElement("div",{className:"fl-builder-ui-post-content",dangerouslySetInnerHTML:n}))}else t=f().createElement("span",{className:"fl-builder-ui-post"},f().createElement("div",{className:"fl-builder-ui-post-date"},r),f().createElement("div",{className:"fl-builder-ui-post-title"},e.title),f().createElement("div",{className:"fl-builder-ui-post-content",dangerouslySetInnerHTML:n}));return t},Ln=function(e){vn(n,e);var t=bn(n);function n(){return mn(this,n),t.apply(this,arguments)}return yn(n,[{key:"getPosts",value:function(e){var t,n,r=FLBuilderStrings.notifications;return 0<e.length?(n=e.map((function(e){return f().createElement(Sn,{key:e.id,title:(t=e.title.rendered,f().createElement("div",{dangerouslySetInnerHTML:{__html:t}})),date:e.date,url:e.meta._fl_notification[0]},e.content.rendered);var t})),t=f().createElement(f().Fragment,null,n)):t=f().createElement("div",{className:"fl-panel-no-message"},r.none),t}},{key:"componentDidMount",value:function(){FLBuilder._initScrollbars()}},{key:"componentDidUpdate",value:function(){FLBuilder._initScrollbars()}},{key:"render",value:function(){var e=this.getPosts(this.props.posts),t=FLBuilderStrings.notifications;return f().createElement("div",{className:"fl-notifications-panel"},f().createElement("div",{className:"fl-panel-title"},t.title),f().createElement("div",{className:"fl-nanoscroller",ref:this.setupScroller},f().createElement("div",{className:"fl-nanoscroller-content"},e)))}}]),n}(d.Component),Cn=function(e){vn(n,e);var t=bn(n);function n(e){var r;mn(this,n),r=t.call(this,e);var o={},i=FLBuilderConfig.notifications.data;try{o=JSON.parse(i)}catch(e){o={}}return r.state={shouldShowNotifications:!1,posts:o},FLBuilder.addHook("toggleNotifications",r.onToggleNotifications.bind(On(r))),r}return yn(n,[{key:"onToggleNotifications",value:function(){var e=Y().hideCurrentPanel;this.setState({shouldShowNotifications:!this.state.shouldShowNotifications}),e(),!0===this.state.shouldShowNotifications&&FLBuilder.triggerHook("notificationsLoaded")}},{key:"render",value:function(){var e=this.state,t=e.shouldShowNotifications,n=e.posts;return t&&f().createElement(Ln,{posts:n})}}]),n}(d.Component);function Tn(e){return(Tn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Nn(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function jn(e,t){return(jn=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function An(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Pn(e);if(t){var o=Pn(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Dn(this,n)}}function Dn(e,t){return!t||"object"!==Tn(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function Pn(e){return(Pn=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}const kn=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&jn(e,t)}(i,e);var t,n,r,o=An(i);function i(e){var t;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i);var n=(t=o.call(this,e)).props.postId;return t.layoutClass=".fl-builder-content-".concat(n||FLBuilderConfig.postId),t}return t=i,(n=[{key:"componentDidMount",value:function(){this.setupHooks=this.setupHooks.bind(this),this.hooked=!1,jQuery(document).on("tinymce-editor-init",this.setupHooks),this.setupHooks()}},{key:"setupHooks",value:function(){if(!("ontouchstart"in document)&&window.tinymce&&!this.hooked&&FLBuilderConfig.inlineEnabled){var e=this.initEditables.bind(this),t=this.refreshEditables.bind(this),n=this.destroyAllEditables.bind(this),r=this.destroyLoadingEditables.bind(this);FLBuilder&&(FLBuilder.addHook("settingsConfigLoaded",e),FLBuilder.addHook("restartEditingSession",e),FLBuilder.addHook("endEditingSession",n),FLBuilder.addHook("didStartNodeLoading",r),FLBuilder.addHook("didRenderLayoutComplete",t),FLBuilder.addHook("didDeleteRow",t),FLBuilder.addHook("didDeleteColumn",t),FLBuilder.addHook("didDeleteModule",t)),this.initEditables(),this.hooked=!0}}},{key:"initEditables",value:function(){var e=this,t=FLBuilderSettingsConfig.editables,n=jQuery(this.layoutClass);if(n.length)for(var r in t){var o='.fl-module[data-type="'.concat(r,'"]:not(.fl-editable):not(.fl-node-global)');n.find(o).each((function(t,n){(n=jQuery(n)).addClass("fl-editable"),n.delegate(".fl-block-overlay","click.fl-inline-editing-init",(function(t){return e.initEditable(t,n)}))}))}}},{key:"initEditable",value:function(e,t){var n=this,r=FLBuilder.preview;r&&t.parents(".fl-node-".concat(r.nodeId)).length&&r._settingsHaveChanged()||(this.setupEditable(t,(function(){n.onModuleOverlayClick(e)})),t.undelegate(".fl-block-overlay","click.fl-inline-editing-init"))}},{key:"setupEditable",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){},r=e.data("node"),o=FLBuilderSettingsConfig.nodes[r];if(void 0===o)return!1;var i=e.data("type"),a=FLBuilderSettingsConfig.editables[i],l=".fl-node-".concat(r," "),u="fl-inline-editor-".concat(r),c=jQuery('<div id="'.concat(u,'" class="fl-inline-editor"></div>')),s=jQuery(".fl-builder-settings[data-node=".concat(r,"]")),d=o.connections;e.append(c),e.on("click",".fl-block-overlay",this.onModuleOverlayClick.bind(this)),e.on("mouseleave",this.onModuleMouseleave.bind(this));var f=function(e){var r=a[e],o=FLBuilderPreview.getFormattedSelector(l,r.selector),i=jQuery(o),c=i.html(),f=s.find("#fl-field-".concat(e," .fl-field-connection-value"));return i.length?f.length&&""!==f.val()||!f.length&&d&&d[e]?"continue":(i.hasClass("mce-content-body")?tinymce.execCommand("mceRemoveEditor",!0,i.attr("id")):(i.data("field",r.field),i.on("drop",t.onEditorDrop.bind(t))),void tinymce.init({selector:o,inline:!0,menubar:!1,paste_as_text:!0,relative_urls:!1,convert_urls:!1,skin:!FLBuilder&&"lightgray",skin_url:!FLBuilder&&"".concat(tinyMCEPreInit.baseURL,"/skins/lightgray/"),theme:"modern",theme_url:"".concat(tinyMCEPreInit.baseURL,"/themes/modern/"),fixed_toolbar_container:"#".concat(u),plugins:t.getEditorPluginConfig(r.field.type),toolbar:"string"==typeof r.field.toolbar?r.field.toolbar:t.getEditorToolbarConfig(r.field.type),init_instance_callback:function(e){t.onEditorInit(e),i.html(c),n()}})):"continue"};for(var p in a)f(p)}},{key:"getEditorPluginConfig",value:function(e){switch(e){case"editor":return"wordpress, wplink, lists, paste";default:return"paste"}}},{key:"getEditorToolbarConfig",value:function(e){switch(e){case"editor":return"bold italic strikethrough link underline | alignleft aligncenter alignright";case"unit":return!1;default:return"bold italic strikethrough underline"}}},{key:"destroyEditables",value:function(e){var t=e.find(".mce-content-body"),n=e.find(".fl-inline-editor"),r=jQuery(".wplink-autocomplete, .ui-helper-hidden-accessible");t.removeAttr("contenteditable"),e.undelegate(".fl-block-overlay","click"),e.off("mouseleave"),e.removeClass("fl-editable"),n.remove(),r.remove()}},{key:"destroyAllEditables",value:function(){var e=jQuery(this.layoutClass).find(".fl-editable");this.destroyEditables(e)}},{key:"destroyLoadingEditables",value:function(e,t){var n=jQuery(t);n.hasClass("fl-module")||(n=n.find(".fl-module")),this.destroyEditables(n)}},{key:"refreshEditables",value:function(){this.initEditables(),tinymce.editors.map((function(e){e.inline&&!jQuery("#".concat(e.id)).length&&setTimeout((function(){return tinymce.execCommand("mceRemoveEditor",!0,e.id)}),1)}))}},{key:"getEditorEventVars",value:function(e){var t=jQuery(e).closest(".mce-content-body"),n=tinymce.get(t.attr("id")),r=t.data("field"),o=t.closest(".fl-module"),i=o.data("node");return{editable:t,module:o,editor:n,field:r,nodeId:i}}},{key:"onEditorInit",value:function(e){e.on("change",this.onEditorChange.bind(this)),e.on("keyup",this.onEditorChange.bind(this)),e.on("undo",this.onEditorChange.bind(this)),e.on("redo",this.onEditorChange.bind(this)),e.on("focus",this.onEditorFocus.bind(this)),e.on("blur",this.onEditorBlur.bind(this)),e.on("mousedown",this.onEditorMousedown.bind(this))}},{key:"onEditorChange",value:function(e){var t=e.target.bodyElement?e.target.bodyElement:e.target,n=this.getEditorEventVars(t),r=n.editor,o=n.field,i=n.nodeId,a=jQuery('.fl-builder-settings[data-node="'.concat(i,'"]')),l=r.getContent();if(a.length)if("editor"===o.type){var u=a.find("#fl-field-".concat(o.name," textarea.wp-editor-area")),c=u.attr("id");u.closest(".tmce-active").length?tinymce.get(c).setContent(l):u.val(l)}else{var s=document.createElement("textarea");s.innerHTML=l,a.find('[name="'.concat(o.name,'"]')).val(s.value)}}},{key:"onEditorFocus",value:function(e){var t=this.getEditorEventVars(e.target.bodyElement),n=t.editable,r=t.editor,o=t.module,i=t.field,a=t.nodeId,l=o.find(".fl-inline-editor"),u=this.getSettingHTML(a,i);this.matchHTML(r.getContent(),u)||(n.data("original",{settingHTML:u,editableHTML:n.html()}),n.css("min-height",n.height()),r.setContent(u),r.selection.select(r.getBody(),!0),r.selection.collapse(!1)),r.settings.toolbar?l.removeClass("fl-inline-editor-no-toolbar"):l.addClass("fl-inline-editor-no-toolbar"),o.addClass("fl-editable-focused"),this.showEditorOverlay(o),this.showModuleSettings(o)}},{key:"onEditorBlur",value:function(e){var t=this.getEditorEventVars(e.target.bodyElement),n=t.editable,r=t.editor,o=t.module,i=o.find(".fl-inline-editor"),a=n.data("original");i.removeClass("fl-inline-editor-no-toolbar"),o.removeClass("fl-editable-focused"),a&&this.matchHTML(r.getContent(),a.settingHTML)&&(n.html(a.editableHTML),n.css("min-height",""))}},{key:"onEditorMousedown",value:function(e){var t=this.getEditorEventVars(e.target).module;this.showEditorOverlay(t)}},{key:"onEditorDrop",value:function(e){return e.preventDefault(),!1}},{key:"onModuleOverlayClick",value:function(e){var t=jQuery(e.target).closest(".fl-block-overlay-actions"),n=jQuery(e.currentTarget).closest(".fl-module"),r=n.find(".mce-content-body").first().attr("id");t.length||FLBuilder._colResizing||r&&(tinymce.get(r).focus(),n.addClass("fl-editable-focused"))}},{key:"onModuleMouseleave",value:function(){jQuery(".mce-inline-toolbar-grp:visible, .mce-floatpanel:visible").length||(this.hideEditorOverlays(),this.showNodeOverlays())}},{key:"showEditorOverlay",value:function(e){var t=e.find(".fl-inline-editor");this.hideNodeOverlays(),this.hideEditorOverlays(),t.show(),jQuery(".fl-inline-editor-active-toolbar").removeClass("fl-inline-editor-active-toolbar"),t.find("> .mce-panel:visible").addClass("fl-inline-editor-active-toolbar")}},{key:"hideEditorOverlays",value:function(){jQuery(".fl-inline-editor, .mce-floatpanel").hide()}},{key:"showNodeOverlays",value:function(){jQuery(".fl-block-overlay").show()}},{key:"hideNodeOverlays",value:function(){jQuery(".fl-block-overlay").hide()}},{key:"showModuleSettings",value:function(e){var t=e.data("type"),n=e.data("node"),r=e.closest(".fl-col").data("node"),o=e.hasClass("fl-node-global");jQuery('.fl-builder-settings[data-node="'.concat(n,'"]')).length||FLBuilder._showModuleSettings({type:t,nodeId:n,parentId:r,global:o})}},{key:"getSettingValue",value:function(e,t){var n=jQuery('.fl-builder-settings[data-node="'.concat(e,'"]'));return(n.length?FLBuilder._getSettings(n):FLBuilderSettingsConfig.nodes[e])[t]}},{key:"getSettingHTML",value:function(e,t){var n=this.getSettingValue(e,t.name);return"editor"===t.type&&""!==n?wp.editor.autop(n):n}},{key:"matchHTML",value:function(e,t){return this.cleanHTML(e)===this.cleanHTML(t)}},{key:"cleanHTML",value:function(e){return jQuery("<div>".concat(e,"</div>")).html().trim().replace(/(\r\n|\n|\r)/gm,"")}},{key:"render",value:function(){return null}}])&&Nn(t.prototype,n),r&&Nn(t,r),i}(d.Component);var xn=function(){return f().createElement("svg",{id:"fl-symbol-container",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},f().createElement("symbol",{id:"fl-down-caret",viewBox:"0 0 11 6"},f().createElement("polygon",{points:"0 0 2.05697559 0 5.49235478 3.74058411 8.93443824 0 11 0 5.5 6"})))},Rn=function(){};function Mn(){return(Mn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Fn(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}Rn.Close=function(){return f().createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 14 14",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},f().createElement("g",{stroke:"currentColor",strokeWidth:"2",fill:"none",fillRule:"evenodd",strokeLinecap:"round"},f().createElement("path",{d:"M13,1 L1,13"}),f().createElement("path",{d:"M1,1 L13,13"})))};var Bn=function(e){var t=e.className,n=e.children,r=e.title,o=e.actions,i=e.showCloseButton,a=void 0===i||i,l=e.onClose,u=void 0===l?function(){}:l,c=Fn(e,["className","children","title","actions","showCloseButton","onClose"]),s=$t()({"fl-ui-panel-area":!0},t),d=function(){return o||a?f().createElement("div",{className:"fl-ui-panel-trailing-actions"},o,f().createElement("button",{onClick:u,className:"fl-ui-button"},f().createElement(Rn.Close,null))):null};return f().createElement("div",{className:s,onClick:u},f().createElement("div",Mn({className:"fl-ui-panel"},c,{onClick:function(e){return e.stopPropagation()}}),f().createElement("div",{className:"fl-ui-panel-topbar"},r&&f().createElement("div",{className:"fl-ui-panel-title"},r),f().createElement(d,null)),f().createElement("div",{className:"fl-ui-panel-content"},n)))},In=function(e){var t=e.shortcuts;return 0===Object.keys(t).length?null:f().createElement("ul",{className:"fl-ui-shortcut-list"},Object.values(t).map((function(e,t){var n=e.label,r={__html:e.keyLabel};return f().createElement("li",{key:t},f().createElement("span",null,n),f().createElement("span",{className:"fl-ui-shortcut-item-keycode",dangerouslySetInnerHTML:r}))})))};const Hn=function(){var e=Y().setShouldShowShortcuts;return f().createElement(Bn,{title:"Keyboard Shortcuts",onClose:function(){return e(!1)},className:"fl-ui-help",style:{width:360,maxWidth:"95vw"}},f().createElement(In,{shortcuts:FLBuilderConfig.keyboardShortcuts}))};wp.i18n;var Un=function(e){if(e){var t=!0,n=Qt(e);if(FLBuilder._needsDeleteConfirmation(n)){var r=function(e){var t=window.FLBuilderStrings,n=t.deleteRowMessage,r=t.deleteColumnMessage,o=t.deleteModuleMessage;switch(e){case"row":return n;case"column":return r;default:return o}}(n.type);t=confirm(r)}if(t){var o=FLBuilder._getJQueryElement(e);if(!o)return;if("module"===n.type)FLBuilder._deleteModule(o);else if("column"===n.type){var i=FLBuilder._getColToDelete(o);FLBuilder._deleteCol(i)}else"row"===n.type&&FLBuilder._deleteRow(o);FLBuilder._highlightEmptyCols(),FLBuilder._resizeLayout(),FLBuilder._removeAllOverlays()}}},zn=function(e){if(e){var t=Qt(e);t&&void 0!==t.type&&("module"===t.type?FLBuilder._copyModule(e):"column"===t.type?FLBuilder._copyColumn(e):"row"===t.type&&FLBuilder._copyRow(e))}},Gn=function(e){var t=document.querySelector("".concat(FLBuilder._contentClass,' [data-node="').concat(e,'"]'));t&&t.scrollIntoView({behavior:"smooth",block:"center"})},Wn=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],o=Yt(),i=o.reorderNode,a=o.moveNode,l=o.reorderColumn,u=o.moveColumn,c=Qt(e),s=c.type,d=c.parent,f=c.position,p="column"===s;if(n===d||null===n){if(t===f)return;p?l(e,t):i(e,t)}else p?u(e,n,t,r):a(e,n,t)},Yn=function(e){var t=Yt().displaySettings,n=Y().hideCurrentPanel;t(e),document.body.classList.contains("fl-builder-ui-is-pinned-right")&&n()};function Zn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Vn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Zn(Object(n),!0).forEach((function(t){Qn(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Zn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Qn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var qn=function(){var e=Y();return Vn(Vn(Vn({},{registerPanel:e.registerPanel,displayPanel:e.displayPanel,togglePanel:e.togglePanel}),u),c)},Xn=function(){return window.FLBuilderConfig},$n=function(){return window.FLBuilderStrings},Kn=(0,d.createContext)({});Kn.use=function(){return(0,d.useContext)(Kn)};const Jn=Kn;var er=function(){return f().createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f().createElement("rect",{x:"2.5",y:"2.5",width:"11",height:"11",rx:"1.5",stroke:"currentColor"}))},tr=function(){return f().createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f().createElement("rect",{x:"9.5",y:"13.5",width:"11",height:"4",rx:"0.5",transform:"rotate(-90 9.5 13.5)",stroke:"currentColor"}),f().createElement("rect",{x:"2.5",y:"13.5",width:"11",height:"4",rx:"0.5",transform:"rotate(-90 2.5 13.5)",stroke:"currentColor"}))},nr=function(){return f().createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f().createElement("rect",{x:"2.5",y:"9.5",width:"11",height:"4",rx:"0.5",stroke:"currentColor"}),f().createElement("rect",{x:"2.5",y:"2.5",width:"11",height:"4",rx:"0.5",stroke:"currentColor"}))},rr=function(){return f().createElement("svg",{className:"svg",width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},f().createElement("path",{d:"M12 6c0 1.105-.895 2-2 2-1.105 0-2-.895-2-2 0-1.105.895-2 2-2 1.105 0 2 .895 2 2zm-1 0c0 .552-.448 1-1 1-.552 0-1-.448-1-1 0-.552.448-1 1-1 .552 0 1 .448 1 1zM3 2c-.552 0-1 .448-1 1v10c0 .552.448 1 1 1h10c.552 0 1-.448 1-1V3c0-.552-.448-1-1-1H3zm10 1H3v6.293l2.5-2.5L11.707 13H13V3zM3 13v-2.293l2.5-2.5L10.293 13H3z",fillRule:"evenodd",fillOpacity:"1",fill:"currentCOlor",stroke:"none"}))},or=function(){return f().createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f().createElement("path",{d:"M3.48254 7.83023L3.05006 9.22531H5.78441L5.35194 7.83023C5.19383 7.31871 5.03572 6.81183 4.87761 6.3096C4.72881 5.79807 4.58465 5.27724 4.44514 4.74711H4.38934C4.24053 5.27724 4.09172 5.79807 3.94291 6.3096C3.7941 6.81183 3.64065 7.31871 3.48254 7.83023ZM0.692383 12.9502L3.7755 3.79846H5.08688L8.17 12.9502H6.94233L6.07738 10.16H2.7571L1.8782 12.9502H0.692383Z",fill:"currentColor"}),f().createElement("path",{d:"M11.5546 13.1176C11.2384 13.1176 10.9407 13.0711 10.6617 12.9781C10.3827 12.8944 10.1363 12.7735 9.92234 12.6153C9.71773 12.4479 9.55497 12.248 9.43407 12.0155C9.31316 11.7737 9.25271 11.4993 9.25271 11.1924C9.25271 10.811 9.34106 10.4809 9.51777 10.2019C9.70378 9.91355 9.9921 9.66709 10.3827 9.46247C10.7826 9.25786 11.2942 9.09045 11.9173 8.96025C12.5404 8.83004 13.2891 8.72773 14.1634 8.65333C14.1541 8.42082 14.1169 8.20225 14.0518 7.99764C13.9867 7.79303 13.8844 7.61632 13.7449 7.46751C13.6053 7.30941 13.4193 7.18385 13.1868 7.09084C12.9636 6.99784 12.6892 6.95134 12.3637 6.95134C11.9173 6.95134 11.4895 7.03969 11.0803 7.2164C10.671 7.38381 10.3083 7.56517 9.9921 7.76048L9.54567 6.97924C9.71308 6.86763 9.90839 6.75603 10.1316 6.64442C10.3641 6.52351 10.6059 6.41656 10.857 6.32355C11.1175 6.23055 11.3918 6.15614 11.6801 6.10034C11.9685 6.03523 12.2614 6.00268 12.559 6.00268C13.4891 6.00268 14.1773 6.25845 14.6238 6.76998C15.0795 7.2722 15.3073 7.94649 15.3073 8.79284V12.9502H14.3726L14.275 12.0294H14.2331C13.8518 12.327 13.4286 12.5828 12.9636 12.7967C12.5079 13.0106 12.0382 13.1176 11.5546 13.1176ZM11.8615 12.1968C12.2521 12.1968 12.6334 12.1131 13.0055 11.9457C13.3868 11.769 13.7728 11.5179 14.1634 11.1924V9.40667C13.4379 9.46248 12.8288 9.54153 12.3358 9.64383C11.8522 9.74614 11.4616 9.8717 11.164 10.0205C10.8756 10.16 10.671 10.3228 10.5501 10.5088C10.4292 10.6855 10.3688 10.8855 10.3688 11.1087C10.3688 11.304 10.4106 11.4714 10.4943 11.6109C10.578 11.7411 10.685 11.8527 10.8152 11.9457C10.9547 12.0294 11.1128 12.0945 11.2895 12.141C11.4755 12.1782 11.6662 12.1968 11.8615 12.1968Z",fill:"currentColor"}))},ir=function(){return f().createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f().createElement("path",{d:"M2.375 15.0203H13.625C14.9067 15.0203 15.7271 14.0754 15.7271 12.9109C15.7271 12.5593 15.6392 12.2004 15.4487 11.8708L9.80908 2.04175C9.41357 1.33862 8.71045 0.979736 8 0.979736C7.28955 0.979736 6.5791 1.34595 6.18359 2.04175L0.543945 11.8782C0.353516 12.2078 0.265625 12.5593 0.265625 12.9109C0.265625 14.0754 1.09326 15.0203 2.375 15.0203ZM2.51416 13.614C2.06006 13.614 1.75977 13.2405 1.75977 12.8376C1.75977 12.7205 1.77441 12.574 1.84766 12.4421L7.34082 2.82544C7.4873 2.57642 7.74365 2.45923 8 2.45923C8.25635 2.45923 8.50537 2.57642 8.64453 2.82544L14.145 12.4568C14.2109 12.5813 14.2402 12.7205 14.2402 12.8376C14.2402 13.2405 13.9326 13.614 13.4785 13.614H2.51416ZM8 9.93726C8.40283 9.93726 8.63721 9.71021 8.64453 9.2854L8.75439 5.76245C8.76904 5.33032 8.44678 5.02271 7.99268 5.02271C7.53857 5.02271 7.22363 5.323 7.23828 5.75513L7.34082 9.29272C7.35547 9.71021 7.58984 9.93726 8 9.93726ZM8 12.3689C8.47607 12.3689 8.86426 12.0247 8.86426 11.5632C8.86426 11.0945 8.4834 10.7576 8 10.7576C7.52393 10.7576 7.13574 11.1018 7.13574 11.5632C7.13574 12.0247 7.53125 12.3689 8 12.3689Z",fill:"currentColor"}))},ar=function(){return f().createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f().createElement("path",{d:"M7.99634 15.5732C12.1492 15.5732 15.5769 12.1455 15.5769 8C15.5769 3.85449 12.1418 0.426758 7.98901 0.426758C3.84351 0.426758 0.423096 3.85449 0.423096 8C0.423096 12.1455 3.85083 15.5732 7.99634 15.5732ZM7.99634 14.0645C4.63452 14.0645 1.94653 11.3618 1.94653 8C1.94653 4.63818 4.63452 1.94287 7.98901 1.94287C11.3508 1.94287 14.0535 4.63818 14.0608 8C14.0681 11.3618 11.3582 14.0645 7.99634 14.0645ZM7.99634 11.1787C10.9919 11.1787 13.0281 8.76172 13.0281 8.00732C13.0281 7.26025 10.9919 4.83594 7.99634 4.83594C5.00806 4.83594 2.94995 7.26025 2.94995 8.00732C2.94995 8.76172 5.02271 11.1787 7.99634 11.1787ZM7.99634 10.0654C6.85376 10.0654 5.93091 9.12793 5.92358 8.00732C5.92358 6.86475 6.85376 5.94922 7.99634 5.94922C9.13159 5.94922 10.0544 6.86475 10.0544 8.00732C10.0544 9.12793 9.13159 10.0654 7.99634 10.0654ZM8.00366 8.9082C8.48706 8.9082 8.89722 8.49072 8.89722 8.00732C8.89722 7.52393 8.48706 7.10645 8.00366 7.10645C7.49829 7.10645 7.08813 7.52393 7.08813 8.00732C7.08813 8.49072 7.49829 8.9082 8.00366 8.9082Z",fill:"currentColor"}))},lr=n(856);function ur(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==l.return||l.return()}finally{if(o)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return cr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return cr(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function cr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var sr=function(){};const dr=function(e){var t,n,r=e.onClick,o=e.onDoubleClick,i=e.delay,a=void 0===i?300:i,l=ur((t=(0,d.useRef)(sr),n=function(){return t.current()},(0,d.useEffect)((function(){return n}),[]),[function(e){return t.current=e},n]),2),u=l[0],c=l[1];return[function(){c(),function(e,t,n){var r=(new Date).getTime(),o=requestAnimationFrame((function o(){if((new Date).getTime()-r>=t)return e(),void n(sr);var i=requestAnimationFrame(o);n((function(){return cancelAnimationFrame(i)}))}));n((function(){return cancelAnimationFrame(o)}))}(r,a,u)},function(){c(),o()}]};function fr(e){return(fr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var pr=function(e){var t=function(e){var t=Xn().contentItems.module.find((function(t){return t.slug===e}));return"object"===fr(t)&&t}(e);return t?t.name:e},mr=function(e,t,n){return e<=t+n/2},gr=["module","row","column"],yr=function(e){return!Xn().simpleUi&&gr.includes(e)},vr=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return!!gr.includes(t)&&!(t!==e&&!e.includes(t))},hr=[],br=function(e){return function(){if(0>=hr.length){var e=Xn().contentItems;hr=e.module.map((function(e){return e.slug}))}return hr}().includes(e)};function Er(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Or(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Er(Object(n),!0).forEach((function(t){Sr(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Er(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function _r(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function wr(){return(wr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Sr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Lr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==l.return||l.return()}finally{if(o)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Cr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Cr(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Cr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Tr=function e(t){var n,r=t.node,o=t.index,i=t.level,a=t.type,l=t.global,u=void 0!==l&&l,c=t.parent,s=qn().moveNode,p=(0,Zt().useNodesWithoutSettings)(r),m=0<Object.keys(p).length,g=Jn.use(),y=g.draggingItem,v=g.setDraggingItem,h=g.clearDraggingItem,b=Lr((0,d.useState)(!1),2),E=b[0],O=b[1],_=Lr((0,d.useState)(!0),2),w=_[0],S=_[1],L=$t()("fl-builder-node-outline-item",(Sr(n={},"fl-builder-node-type-".concat(a),a),Sr(n,"show-drop-before","before"===E),Sr(n,"show-drop-after","after"===E),Sr(n,"is-dragging-self",r===(null==y?void 0:y.id)),n));return f().createElement("li",{className:L,style:{"--level":i},draggable:yr(a),onDragStart:function(e){var t;e.stopPropagation(),e.dataTransfer.setDragImage(((t=new Image).src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",t.style.opacity=0,t),0,0),e.dataTransfer.setData(a,r),e.dataTransfer.setData("node-id",r),e.dataTransfer.setData("node-type",a),v({id:r,type:a})},onDragEnd:function(){return h()},onDragOver:function(e){if(e.preventDefault(),e.stopPropagation(),e.dataTransfer.dropEffect="move",e.currentTarget.classList.contains("fl-builder-node-outline-item")){if(vr(e.dataTransfer.types,a)){var t=e.currentTarget.getBoundingClientRect(),n=t.y,r=t.height;mr(e.clientY,n,r)&&"before"!==E?O("before"):mr(e.clientY,n,r)||"after"===E||O("after")}}else console.warn("Problem: Something other than fl-builder-node-outline-item-content")},onDragLeave:function(){E&&O(!1)},onDrop:function(e){if(E&&O(!1),h(),vr(e.dataTransfer.types,a)){var t=e.currentTarget.getBoundingClientRect(),n=t.y,r=t.height,i=mr(e.clientY,n,r)?"before":"after",l=e.dataTransfer.getData("node-id"),u=Qt(l),d=u.position,f=u.parent,p=o;if(c===f){if("before"===i){if(d===o-1)return;p=d>o?o:Math.max(0,o-1)}else if("after"===i){if(d===o+1)return;p=d>o?o+1:o}}else p="after"===i?o+1:o;s(l,p,c,[c,f])}}},"column-group"!==a&&f().createElement(jr,{id:r,type:a,global:u,position:o,level:i,toggleContent:function(){return S(!w)},isShowingContent:w}),"module"!==a&&!m&&!u&&f().createElement(Nr,{id:r,type:a}),0<Object.keys(p).length&&w&&f().createElement("ul",null,Object.values(p).sort(be).map((function(t,n){return f().createElement(e,wr({key:t.node,level:"column-group"===a?i:i+1,index:n},t))}))))},Nr=function(e){var t=e.id,n=e.type,r=_r(e,["id","type"]),o=Lr((0,d.useState)(!1),2),i=o[0],a=o[1],l=qn().moveNode,u=Jn.use().clearDraggingItem,c=$t()("fl-builder-node-empty-drop-area",{"is-over":i});return f().createElement("div",wr({className:c,onDragOver:function(e){"column"===n&&vr(e.dataTransfer.types,"module")&&a(!0)},onDragLeave:function(){return i&&a(!1)},onDrop:function(e){if(a(!1),u(),"column"===n&&vr(e.dataTransfer.types,"module")){var r=e.dataTransfer.getData("node-id");l(r,0,t)}}},r),f().createElement("div",{className:"drop-area"}))},jr=(0,d.memo)((function(e){var t=e.id,n=e.type,r=e.global,o=e.level,i=e.toggleContent,a=e.isShowingContent,l=void 0===a||a,u=(0,Zt().useNodeSettings)(t),c=en(),s=c.setContextMenu,d=c.contextMenu,p=c.clearContextMenu,m=qn(),g=m.openSettings,y=m.deleteNode,v=m.copyNode,h=m.scrollToNode,b=Xn().simpleUi,E=function(e){var t=e.responsive_display,n=void 0===t?"":t,r=e.visibility_display;return""!==n||""!==(void 0===r?"":r)}(u),O="row"===n&&!r,_=!0;"module"===n&&(_=br(u.type));var w=$t()("fl-builder-node-outline-item-content",{"has-context-menu":!1!==d&&t===d.id,"is-global-node":r,"is-missing-definition":!_}),S=Lr(dr({onClick:function(){_&&h(t)},onDoubleClick:function(){_&&(h(t),g(t))}}),2),L=S[0],C=S[1];return f().createElement("div",{className:w,onClick:L,onDoubleClick:C,onPointerEnter:function(){var e=document.querySelector(".fl-node-".concat(t));e&&(e.style.boxShadow="inset 0 0 0 2px var(--fl-builder-".concat(r?"orange":"blue"," ), 0 0 0 1px hsla( 210, 0%, 0%, .5 )"))},onPointerLeave:function(){var e=document.querySelector(".fl-node-".concat(t));e&&(e.style.boxShadow="")},onContextMenu:function(e){if(!1===d||t!==d.id){var o={settings:{label:"Open Settings",isEnabled:_,onClick:function(){h(t),g(t)}},clone:{label:"Duplicate",isEnabled:_&&!b,onClick:function(){return v(t)}},delete:{label:FLBuilderStrings.remove,isEnabled:!b,status:"destructive",onClick:function(){return y(t)}}};s({id:t,items:o,type:n,global:r,x:e.clientX,y:e.clientY}),e.preventDefault()}else p()}},O&&f().createElement("span",{className:"fl-builder-outline-item-gutter"},f().createElement("button",{className:!l&&"is-hiding-content",onClick:function(e){i(e),e.preventDefault(),e.stopPropagation()}},f().createElement(xr,null))),f().createElement("span",{className:"fl-builder-outline-item-icon-wrap"},f().createElement(Pr,{type:n,moduleType:u.type,settings:u,hasDefinition:_})),f().createElement("span",{className:"fl-builder-outline-item-label-wrap"},f().createElement(Ar,{type:n,settings:u,level:o})),f().createElement(kr,{id:t,type:n,size:parseFloat(u.size),width:u.max_content_width,widthUnit:u.max_content_width_unit}),E&&f().createElement("span",{className:"fl-builder-outline-item-icon-wrap"},f().createElement(ar,null)))})),Ar=function(e){var t=e.type,n=e.settings,r=void 0===n?{}:n,o=e.level,i=void 0!==r.type?pr(r.type):t,a="";if("column"===t&&3<=o&&(i=FLBuilderStrings.childColumn),"row"===i&&(i=FLBuilderStrings.row),"column"===i&&(i=FLBuilderStrings.column),"module"===t&&"type"in r)switch(r.type){case"heading":i=r.tag,a=r.heading;break;case"html":a=r.html;break;case"rich-text":case"icon":case"button":a=r.text;break;case"callout":a=r.title}if("node_label"in r&&""!==r.node_label){var l=r.node_label;a=a&&""!==a?l+" - "+a:l}return f().createElement(f().Fragment,null,i,a&&f().createElement("span",{style:{opacity:.6}},": "+function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return(0,lr.sanitize)(e,{ALLOWED_TAGS:[]}).substring(0,48)}(a)))},Dr=function(e){var t=e.children,n=e.style,r=_r(e,["children","style"]);return f().createElement("span",wr({style:Or({textTransform:"lowercase",background:"rgba(0,0,0,.05)",color:"#828282",fontSize:11,flex:"0 0 auto",display:"inline-flex",padding:"2px 6px",borderRadius:25,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontFamily:"monospace"},n),title:t},r),t)},Pr=(0,d.memo)((function(e){var t=e.type,n=e.moduleType,r=e.settings,o=e.hasDefinition;switch(t){case"row":return f().createElement(nr,null);case"column":return f().createElement(tr,null);case"module":var i=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=FLBuilderConfig.contentItems.module;if(!n)return ir;switch(e){case"rich-text":return or;case"photo":return rr;case"icon":if("icon"in t)return function(){return f().createElement("i",{className:t.icon,"aria-hidden":"true"})};break;default:var o=r.find((function(t){return e===t.slug}));return o&&"icon"in o?function(){return f().createElement("div",{style:{flexShrink:0,width:16,height:16,fill:"currentColor"},dangerouslySetInnerHTML:{__html:o.icon}})}:er}}(n,r,o);return f().createElement(i,null)}})),kr=function(e){var t=e.id,n=e.type,r=e.size,o=e.width,i=e.widthUnit,a=Vt().resizing,l="";return a&&a.includes(t)&&("column"===n?l+=" ".concat(r,"% "):"row"===n&&(l+="Max: ".concat(o+i))),""===l?null:f().createElement(Dr,{style:{background:"var(--fl-builder-blue)",color:"white"}},l)},xr=function(){return f().createElement("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.79289 1.29289C3.18342 0.902369 3.81658 0.902369 4.20711 1.29289L7.20711 4.29289C7.59763 4.68342 7.59763 5.31658 7.20711 5.70711L4.20711 8.70711C3.81658 9.09763 3.18342 9.09763 2.79289 8.70711C2.40237 8.31658 2.40237 7.68342 2.79289 7.29289L5.08579 5L2.79289 2.70711C2.40237 2.31658 2.40237 1.68342 2.79289 1.29289Z",fill:"currentColor"}))};const Rr=function(){var e=(0,Zt().useNodesWithoutSettings)(null),t=Object.values(e).sort(be),n=Lr((0,d.useState)(!1),2),r=n[0],o=n[1],i=!1!==r,a={draggingItem:r,isDraggingItem:i,clearDraggingItem:function(){return o(!1)},setDraggingItem:function(e){return o(e)}},l=$t()("fl-builder-node-outline",Sr({"is-dragging":i},"is-dragging-type-".concat(r.type),r));return f().createElement(Jn.Provider,{value:a},f().createElement("ul",{className:l},t.map((function(e,t){return f().createElement(Tr,wr({key:e.node,level:1,index:t},e))}))))};function Mr(){return(Mr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Fr(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}const Br=function(e){var t=e.className,n=Fr(e,["className"]),r=$t()("fl-builder-workspace-panel",t);return f().createElement("div",Mr({className:r},n))};const Ir=function(){var e=z(),t=e.currentPanel,n=e.panels;if(!(t in n))return null;var r,o=n[t],i=o.routerProps,a=o.onHistoryChanged,l=o.root,u=o.render,c=o.frame,s=void 0===c?Br:c,p=o.className,g=o.wrapClassName,y=!1===s?d.Fragment:s,v=l||u;return f().createElement("div",{className:g},f().createElement(y,{className:!1!==s&&p},f().createElement(m.Root,{routerProps:(r=i,"function"==typeof r?r():r),onHistoryChanged:a},f().createElement(v,null))))};!function(){FLBuilder.addHook("didInitUI",(function(){var t=document.querySelector(".fl-builder-bar-actions"),n=t.querySelector(".fl-builder--saving-indicator"),r=document.createElement("button");r.classList.add("fl-builder-button","fl-builder-button-silent"),r.innerHTML='<svg width="20px" x="0px" y="0px" viewBox="0 0 238 238" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><g id="EMF-by-Xara-X" serif:id="EMF by Xara X"><path d="M170.734,183.655l-32.623,-35.483c-19.089,5.332 -40.624,6.6 -61.992,2.707c-54.118,-9.858 -86.793,-49.103 -72.935,-87.598c13.859,-38.494 69.029,-61.737 123.148,-51.878c7.553,1.375 14.687,3.324 21.334,5.762l-6.462,12.195c-5.266,-1.731 -10.922,-3.111 -16.913,-4.082c-42.267,-6.842 -85.356,9.291 -96.18,36.014c-10.824,26.722 14.695,53.963 56.963,60.808c41.535,6.724 83.865,-8.739 95.589,-34.637l13.176,22.511l0.064,0.113c-4.574,7.429 -10.792,14.102 -18.26,19.85l27.897,25.151c15.605,14.906 -15.073,47.906 -32.806,28.567Zm9.595,-26.401l-34.191,-30.641c-36.604,14.182 -70.685,6.876 -98.296,-5.59c23.399,17.456 58.534,24.774 94.542,14.959l30.526,29.179c1.989,-3.304 4.559,-6.305 7.419,-7.907Z"/><path d="M42.292,90.276l27.528,0l16.45,-26.827l34.049,52.376l44.83,-68.557l34.474,58.905l37.878,0l-29.225,-7.239l-43.694,-98.934l-43.696,82.469l-33.055,-51.241l-24.826,54.79l-20.713,4.258Z" style="fill:#1195d0;"/></g></svg>',r.onclick=function(){return e()},r.title="Query Monitor",jQuery("#query-monitor-main").length>0&&t.insertBefore(r,n)}));var e=function(){var e=document.getElementById("query-monitor-main");if(t(e)){(n=document.getElementById("wp-admin-bar-query-monitor").getElementsByTagName("a"))[0].click()}else{var n=document.getElementsByClassName("qm-button-container-close");n[0].click()}},t=function(e){return"none"===window.getComputedStyle(e).display}}();const Hr=function(){var e=z(),t=e.isEditing,n=e.shouldShowShortcuts,r=e.colorScheme,o=$t()(function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({},"fluid-color-scheme-".concat(r),r));return f().createElement("div",{className:o},f().createElement(dn,null,f().createElement(kn,null),t&&f().createElement(f().Fragment,null,f().createElement(xn,null),f().createElement(Cn,null),n&&f().createElement(Hn,null),f().createElement(Ir,null))))};function Ur(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function zr(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ur(Object(n),!0).forEach((function(t){Gr(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ur(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Gr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Wr,Yr=qn(),Zr=Yr.registerPanel,Vr=Yr.displayPanel,Qr=Yr.togglePanel,qr=window.FL||{},Xr=zr(zr(zr({},qr.Builder||{}),s),{},{data:l,registerPanel:Zr,displayPanel:Vr,togglePanel:Qr});window.FL=zr(zr({},qr),{},{Builder:Xr}),(void 0===(Wr=V().showOutlinePanel)||Wr)&&function(){var e=window.FL.Builder,t=e.registerPanel,n=e.togglePanel;t("outline",{label:"Outline",render:Rr,root:Rr}),FLBuilder.addHook("didInitUI",(function(){var e=document.querySelector(".fl-builder-bar-actions"),t=e.querySelector(".fl-builder--saving-indicator"),r=document.createElement("button");r.classList.add("fl-builder-button","fl-builder-button-silent"),r.innerHTML='<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.38672 5.33984C2.1582 5.33984 2.77344 4.72461 2.77344 3.95312C2.77344 3.19141 2.1582 2.56641 1.38672 2.56641C0.625 2.56641 0 3.19141 0 3.95312C0 4.72461 0.625 5.33984 1.38672 5.33984ZM5.97656 4.89062H14.0565C14.5838 4.89062 15.0038 4.48047 15.0038 3.95312C15.0038 3.42578 14.5936 3.01562 14.0565 3.01562H5.97656C5.45898 3.01562 5.03906 3.42578 5.03906 3.95312C5.03906 4.48047 5.44922 4.89062 5.97656 4.89062ZM3.88672 11.3457C4.64844 11.3457 5.27344 10.7305 5.27344 9.95898C5.27344 9.19727 4.64844 8.57227 3.88672 8.57227C3.11523 8.57227 2.49023 9.19727 2.49023 9.95898C2.49023 10.7305 3.11523 11.3457 3.88672 11.3457ZM8.47656 10.8965H16.5794C17.1068 10.8965 17.5169 10.4863 17.5169 9.95898C17.5169 9.43164 17.1068 9.02148 16.5794 9.02148H8.47656C7.94922 9.02148 7.53906 9.43164 7.53906 9.95898C7.53906 10.4863 7.94922 10.8965 8.47656 10.8965ZM6.37695 17.3516C7.14844 17.3516 7.76367 16.7363 7.76367 15.9648C7.76367 15.2031 7.14844 14.5781 6.37695 14.5781C5.61523 14.5781 4.99023 15.2031 4.99023 15.9648C4.99023 16.7363 5.61523 17.3516 6.37695 17.3516ZM10.9668 16.9023H19.0251C19.5524 16.9023 19.9626 16.4922 19.9626 15.9648C19.9626 15.4375 19.5524 15.0273 19.0251 15.0273H10.9668C10.4395 15.0273 10.0293 15.4375 10.0293 15.9648C10.0293 16.4922 10.4395 16.9023 10.9668 16.9023Z" fill="currentColor"/></svg>',r.onclick=function(){return n("outline")},r.title="Outline",e.insertBefore(r,t)}))}();var $r=document.getElementById("fl-ui-root");$r.classList.add("fluid","fl","uid"),(0,p.render)(f().createElement(Hr,null),$r)})()})();
|
1 |
/*! For license information please see builder.bundle.min.js.LICENSE.txt */
|
2 |
+
(()=>{var e={184:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var i=typeof n;if("string"===i||"number"===i)e.push(n);else if(Array.isArray(n)){if(n.length){var a=o.apply(null,n);a&&e.push(a)}}else if("object"===i)if(n.toString===Object.prototype.toString)for(var l in n)r.call(n,l)&&n[l]&&e.push(l);else e.push(n.toString())}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()},856:function(e){e.exports=function(){"use strict";function e(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}var t=Object.hasOwnProperty,n=Object.setPrototypeOf,r=Object.isFrozen,o=Object.getPrototypeOf,i=Object.getOwnPropertyDescriptor,a=Object.freeze,l=Object.seal,u=Object.create,c="undefined"!=typeof Reflect&&Reflect,s=c.apply,d=c.construct;s||(s=function(e,t,n){return e.apply(t,n)}),a||(a=function(e){return e}),l||(l=function(e){return e}),d||(d=function(t,n){return new(Function.prototype.bind.apply(t,[null].concat(e(n))))});var f=_(Array.prototype.forEach),p=_(Array.prototype.pop),m=_(Array.prototype.push),g=_(String.prototype.toLowerCase),y=_(String.prototype.match),v=_(String.prototype.replace),h=_(String.prototype.indexOf),b=_(String.prototype.trim),E=_(RegExp.prototype.test),O=w(TypeError);function _(e){return function(t){for(var n=arguments.length,r=Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];return s(e,t,r)}}function w(e){return function(){for(var t=arguments.length,n=Array(t),r=0;r<t;r++)n[r]=arguments[r];return d(e,n)}}function S(e,t){n&&n(e,null);for(var o=t.length;o--;){var i=t[o];if("string"==typeof i){var a=g(i);a!==i&&(r(t)||(t[o]=a),i=a)}e[i]=!0}return e}function C(e){var n=u(null),r=void 0;for(r in e)s(t,e,[r])&&(n[r]=e[r]);return n}function L(e,t){for(;null!==e;){var n=i(e,t);if(n){if(n.get)return _(n.get);if("function"==typeof n.value)return _(n.value)}e=o(e)}function r(e){return console.warn("fallback value for",e),null}return r}var T=a(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),N=a(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),j=a(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),A=a(["animate","color-profile","cursor","discard","fedropshadow","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),D=a(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"]),k=a(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),P=a(["#text"]),x=a(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),R=a(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),M=a(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),F=a(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),B=l(/\{\{[\s\S]*|[\s\S]*\}\}/gm),I=l(/<%[\s\S]*|[\s\S]*%>/gm),H=l(/^data-[\-\w.\u00B7-\uFFFF]/),U=l(/^aria-[\-\w]+$/),z=l(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),G=l(/^(?:\w+script|data):/i),W=l(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};function Z(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}var V=function(){return"undefined"==typeof window?null:window},Q=function(e,t){if("object"!==(void 0===e?"undefined":Y(e))||"function"!=typeof e.createPolicy)return null;var n=null,r="data-tt-policy-suffix";t.currentScript&&t.currentScript.hasAttribute(r)&&(n=t.currentScript.getAttribute(r));var o="dompurify"+(n?"#"+n:"");try{return e.createPolicy(o,{createHTML:function(e){return e}})}catch(e){return console.warn("TrustedTypes policy "+o+" could not be created."),null}};function q(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:V(),t=function(e){return q(e)};if(t.version="2.3.4",t.removed=[],!e||!e.document||9!==e.document.nodeType)return t.isSupported=!1,t;var n=e.document,r=e.document,o=e.DocumentFragment,i=e.HTMLTemplateElement,l=e.Node,u=e.Element,c=e.NodeFilter,s=e.NamedNodeMap,d=void 0===s?e.NamedNodeMap||e.MozNamedAttrMap:s,_=e.HTMLFormElement,w=e.DOMParser,X=e.trustedTypes,$=u.prototype,K=L($,"cloneNode"),J=L($,"nextSibling"),ee=L($,"childNodes"),te=L($,"parentNode");if("function"==typeof i){var ne=r.createElement("template");ne.content&&ne.content.ownerDocument&&(r=ne.content.ownerDocument)}var re=Q(X,n),oe=re&&Me?re.createHTML(""):"",ie=r,ae=ie.implementation,le=ie.createNodeIterator,ue=ie.createDocumentFragment,ce=ie.getElementsByTagName,se=n.importNode,de={};try{de=C(r).documentMode?r.documentMode:{}}catch(e){}var fe={};t.isSupported="function"==typeof te&&ae&&void 0!==ae.createHTMLDocument&&9!==de;var pe=B,me=I,ge=H,ye=U,ve=G,he=W,be=z,Ee=null,Oe=S({},[].concat(Z(T),Z(N),Z(j),Z(D),Z(P))),_e=null,we=S({},[].concat(Z(x),Z(R),Z(M),Z(F))),Se=Object.seal(Object.create(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),Ce=null,Le=null,Te=!0,Ne=!0,je=!1,Ae=!1,De=!1,ke=!1,Pe=!1,xe=!1,Re=!1,Me=!1,Fe=!0,Be=!0,Ie=!1,He={},Ue=null,ze=S({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),Ge=null,We=S({},["audio","video","img","source","image","track"]),Ye=null,Ze=S({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),Ve="http://www.w3.org/1998/Math/MathML",Qe="http://www.w3.org/2000/svg",qe="http://www.w3.org/1999/xhtml",Xe=qe,$e=!1,Ke=void 0,Je=["application/xhtml+xml","text/html"],et="text/html",tt=void 0,nt=null,rt=r.createElement("form"),ot=function(e){return e instanceof RegExp||e instanceof Function},it=function(e){nt&&nt===e||(e&&"object"===(void 0===e?"undefined":Y(e))||(e={}),e=C(e),Ee="ALLOWED_TAGS"in e?S({},e.ALLOWED_TAGS):Oe,_e="ALLOWED_ATTR"in e?S({},e.ALLOWED_ATTR):we,Ye="ADD_URI_SAFE_ATTR"in e?S(C(Ze),e.ADD_URI_SAFE_ATTR):Ze,Ge="ADD_DATA_URI_TAGS"in e?S(C(We),e.ADD_DATA_URI_TAGS):We,Ue="FORBID_CONTENTS"in e?S({},e.FORBID_CONTENTS):ze,Ce="FORBID_TAGS"in e?S({},e.FORBID_TAGS):{},Le="FORBID_ATTR"in e?S({},e.FORBID_ATTR):{},He="USE_PROFILES"in e&&e.USE_PROFILES,Te=!1!==e.ALLOW_ARIA_ATTR,Ne=!1!==e.ALLOW_DATA_ATTR,je=e.ALLOW_UNKNOWN_PROTOCOLS||!1,Ae=e.SAFE_FOR_TEMPLATES||!1,De=e.WHOLE_DOCUMENT||!1,xe=e.RETURN_DOM||!1,Re=e.RETURN_DOM_FRAGMENT||!1,Me=e.RETURN_TRUSTED_TYPE||!1,Pe=e.FORCE_BODY||!1,Fe=!1!==e.SANITIZE_DOM,Be=!1!==e.KEEP_CONTENT,Ie=e.IN_PLACE||!1,be=e.ALLOWED_URI_REGEXP||be,Xe=e.NAMESPACE||qe,e.CUSTOM_ELEMENT_HANDLING&&ot(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(Se.tagNameCheck=e.CUSTOM_ELEMENT_HANDLING.tagNameCheck),e.CUSTOM_ELEMENT_HANDLING&&ot(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(Se.attributeNameCheck=e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),e.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(Se.allowCustomizedBuiltInElements=e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),Ke=Ke=-1===Je.indexOf(e.PARSER_MEDIA_TYPE)?et:e.PARSER_MEDIA_TYPE,tt="application/xhtml+xml"===Ke?function(e){return e}:g,Ae&&(Ne=!1),Re&&(xe=!0),He&&(Ee=S({},[].concat(Z(P))),_e=[],!0===He.html&&(S(Ee,T),S(_e,x)),!0===He.svg&&(S(Ee,N),S(_e,R),S(_e,F)),!0===He.svgFilters&&(S(Ee,j),S(_e,R),S(_e,F)),!0===He.mathMl&&(S(Ee,D),S(_e,M),S(_e,F))),e.ADD_TAGS&&(Ee===Oe&&(Ee=C(Ee)),S(Ee,e.ADD_TAGS)),e.ADD_ATTR&&(_e===we&&(_e=C(_e)),S(_e,e.ADD_ATTR)),e.ADD_URI_SAFE_ATTR&&S(Ye,e.ADD_URI_SAFE_ATTR),e.FORBID_CONTENTS&&(Ue===ze&&(Ue=C(Ue)),S(Ue,e.FORBID_CONTENTS)),Be&&(Ee["#text"]=!0),De&&S(Ee,["html","head","body"]),Ee.table&&(S(Ee,["tbody"]),delete Ce.tbody),a&&a(e),nt=e)},at=S({},["mi","mo","mn","ms","mtext"]),lt=S({},["foreignobject","desc","title","annotation-xml"]),ut=S({},N);S(ut,j),S(ut,A);var ct=S({},D);S(ct,k);var st=function(e){var t=te(e);t&&t.tagName||(t={namespaceURI:qe,tagName:"template"});var n=g(e.tagName),r=g(t.tagName);if(e.namespaceURI===Qe)return t.namespaceURI===qe?"svg"===n:t.namespaceURI===Ve?"svg"===n&&("annotation-xml"===r||at[r]):Boolean(ut[n]);if(e.namespaceURI===Ve)return t.namespaceURI===qe?"math"===n:t.namespaceURI===Qe?"math"===n&<[r]:Boolean(ct[n]);if(e.namespaceURI===qe){if(t.namespaceURI===Qe&&!lt[r])return!1;if(t.namespaceURI===Ve&&!at[r])return!1;var o=S({},["title","style","font","a","script"]);return!ct[n]&&(o[n]||!ut[n])}return!1},dt=function(e){m(t.removed,{element:e});try{e.parentNode.removeChild(e)}catch(t){try{e.outerHTML=oe}catch(t){e.remove()}}},ft=function(e,n){try{m(t.removed,{attribute:n.getAttributeNode(e),from:n})}catch(e){m(t.removed,{attribute:null,from:n})}if(n.removeAttribute(e),"is"===e&&!_e[e])if(xe||Re)try{dt(n)}catch(e){}else try{n.setAttribute(e,"")}catch(e){}},pt=function(e){var t=void 0,n=void 0;if(Pe)e="<remove></remove>"+e;else{var o=y(e,/^[\r\n\t ]+/);n=o&&o[0]}"application/xhtml+xml"===Ke&&(e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>");var i=re?re.createHTML(e):e;if(Xe===qe)try{t=(new w).parseFromString(i,Ke)}catch(e){}if(!t||!t.documentElement){t=ae.createDocument(Xe,"template",null);try{t.documentElement.innerHTML=$e?"":i}catch(e){}}var a=t.body||t.documentElement;return e&&n&&a.insertBefore(r.createTextNode(n),a.childNodes[0]||null),Xe===qe?ce.call(t,De?"html":"body")[0]:De?t.documentElement:a},mt=function(e){return le.call(e.ownerDocument||e,e,c.SHOW_ELEMENT|c.SHOW_COMMENT|c.SHOW_TEXT,null,!1)},gt=function(e){return e instanceof _&&("string"!=typeof e.nodeName||"string"!=typeof e.textContent||"function"!=typeof e.removeChild||!(e.attributes instanceof d)||"function"!=typeof e.removeAttribute||"function"!=typeof e.setAttribute||"string"!=typeof e.namespaceURI||"function"!=typeof e.insertBefore)},yt=function(e){return"object"===(void 0===l?"undefined":Y(l))?e instanceof l:e&&"object"===(void 0===e?"undefined":Y(e))&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName},vt=function(e,n,r){fe[e]&&f(fe[e],(function(e){e.call(t,n,r,nt)}))},ht=function(e){var n=void 0;if(vt("beforeSanitizeElements",e,null),gt(e))return dt(e),!0;if(y(e.nodeName,/[\u0080-\uFFFF]/))return dt(e),!0;var r=tt(e.nodeName);if(vt("uponSanitizeElement",e,{tagName:r,allowedTags:Ee}),!yt(e.firstElementChild)&&(!yt(e.content)||!yt(e.content.firstElementChild))&&E(/<[/\w]/g,e.innerHTML)&&E(/<[/\w]/g,e.textContent))return dt(e),!0;if("select"===r&&E(/<template/i,e.innerHTML))return dt(e),!0;if(!Ee[r]||Ce[r]){if(Be&&!Ue[r]){var o=te(e)||e.parentNode,i=ee(e)||e.childNodes;if(i&&o)for(var a=i.length-1;a>=0;--a)o.insertBefore(K(i[a],!0),J(e))}if(!Ce[r]&&Et(r)){if(Se.tagNameCheck instanceof RegExp&&E(Se.tagNameCheck,r))return!1;if(Se.tagNameCheck instanceof Function&&Se.tagNameCheck(r))return!1}return dt(e),!0}return e instanceof u&&!st(e)?(dt(e),!0):"noscript"!==r&&"noembed"!==r||!E(/<\/no(script|embed)/i,e.innerHTML)?(Ae&&3===e.nodeType&&(n=e.textContent,n=v(n,pe," "),n=v(n,me," "),e.textContent!==n&&(m(t.removed,{element:e.cloneNode()}),e.textContent=n)),vt("afterSanitizeElements",e,null),!1):(dt(e),!0)},bt=function(e,t,n){if(Fe&&("id"===t||"name"===t)&&(n in r||n in rt))return!1;if(Ne&&!Le[t]&&E(ge,t));else if(Te&&E(ye,t));else if(!_e[t]||Le[t]){if(!(Et(e)&&(Se.tagNameCheck instanceof RegExp&&E(Se.tagNameCheck,e)||Se.tagNameCheck instanceof Function&&Se.tagNameCheck(e))&&(Se.attributeNameCheck instanceof RegExp&&E(Se.attributeNameCheck,t)||Se.attributeNameCheck instanceof Function&&Se.attributeNameCheck(t))||"is"===t&&Se.allowCustomizedBuiltInElements&&(Se.tagNameCheck instanceof RegExp&&E(Se.tagNameCheck,n)||Se.tagNameCheck instanceof Function&&Se.tagNameCheck(n))))return!1}else if(Ye[t]);else if(E(be,v(n,he,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==h(n,"data:")||!Ge[e])if(je&&!E(ve,v(n,he,"")));else if(n)return!1;return!0},Et=function(e){return e.indexOf("-")>0},Ot=function(e){var n=void 0,r=void 0,o=void 0,i=void 0;vt("beforeSanitizeAttributes",e,null);var a=e.attributes;if(a){var l={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:_e};for(i=a.length;i--;){var u=n=a[i],c=u.name,s=u.namespaceURI;if(r=b(n.value),o=tt(c),l.attrName=o,l.attrValue=r,l.keepAttr=!0,l.forceKeepAttr=void 0,vt("uponSanitizeAttribute",e,l),r=l.attrValue,!l.forceKeepAttr&&(ft(c,e),l.keepAttr))if(E(/\/>/i,r))ft(c,e);else{Ae&&(r=v(r,pe," "),r=v(r,me," "));var d=tt(e.nodeName);if(bt(d,o,r))try{s?e.setAttributeNS(s,c,r):e.setAttribute(c,r),p(t.removed)}catch(e){}}}vt("afterSanitizeAttributes",e,null)}},_t=function e(t){var n=void 0,r=mt(t);for(vt("beforeSanitizeShadowDOM",t,null);n=r.nextNode();)vt("uponSanitizeShadowNode",n,null),ht(n)||(n.content instanceof o&&e(n.content),Ot(n));vt("afterSanitizeShadowDOM",t,null)};return t.sanitize=function(r,i){var a=void 0,u=void 0,c=void 0,s=void 0,d=void 0;if(($e=!r)&&(r="\x3c!--\x3e"),"string"!=typeof r&&!yt(r)){if("function"!=typeof r.toString)throw O("toString is not a function");if("string"!=typeof(r=r.toString()))throw O("dirty is not a string, aborting")}if(!t.isSupported){if("object"===Y(e.toStaticHTML)||"function"==typeof e.toStaticHTML){if("string"==typeof r)return e.toStaticHTML(r);if(yt(r))return e.toStaticHTML(r.outerHTML)}return r}if(ke||it(i),t.removed=[],"string"==typeof r&&(Ie=!1),Ie);else if(r instanceof l)1===(u=(a=pt("\x3c!----\x3e")).ownerDocument.importNode(r,!0)).nodeType&&"BODY"===u.nodeName||"HTML"===u.nodeName?a=u:a.appendChild(u);else{if(!xe&&!Ae&&!De&&-1===r.indexOf("<"))return re&&Me?re.createHTML(r):r;if(!(a=pt(r)))return xe?null:oe}a&&Pe&&dt(a.firstChild);for(var f=mt(Ie?r:a);c=f.nextNode();)3===c.nodeType&&c===s||ht(c)||(c.content instanceof o&&_t(c.content),Ot(c),s=c);if(s=null,Ie)return r;if(xe){if(Re)for(d=ue.call(a.ownerDocument);a.firstChild;)d.appendChild(a.firstChild);else d=a;return _e.shadowroot&&(d=se.call(n,d,!0)),d}var p=De?a.outerHTML:a.innerHTML;return Ae&&(p=v(p,pe," "),p=v(p,me," ")),re&&Me?re.createHTML(p):p},t.setConfig=function(e){it(e),ke=!0},t.clearConfig=function(){nt=null,ke=!1},t.isValidAttribute=function(e,t,n){nt||it({});var r=tt(e),o=tt(t);return bt(r,o,n)},t.addHook=function(e,t){"function"==typeof t&&(fe[e]=fe[e]||[],m(fe[e],t))},t.removeHook=function(e){fe[e]&&p(fe[e])},t.removeHooks=function(e){fe[e]&&(fe[e]=[])},t.removeAllHooks=function(){fe={}},t}return q()}()}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={exports:{}};return e[r].call(i.exports,i,i.exports,n),i.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{"use strict";var e={};n.r(e),n.d(e,{displayPanel:()=>L,hideCurrentPanel:()=>N,registerPanel:()=>C,setColorScheme:()=>A,setIsEditing:()=>j,setShouldShowShortcuts:()=>S,togglePanel:()=>T});var t={};n.r(t),n.d(t,{colorScheme:()=>B,currentPanel:()=>M,isEditing:()=>F,panels:()=>R,shouldShowShortcuts:()=>x});var r={};n.r(r),n.d(r,{after:()=>H,before:()=>I});var o={};n.r(o),n.d(o,{editing:()=>Re,layout:()=>xe,resizing:()=>Me});var i={};n.r(i),n.d(i,{addColumnGroup:()=>lt,addColumnTemplate:()=>ht,addColumns:()=>et,addModule:()=>Ke,addNodeTemplate:()=>pt,addRow:()=>ut,addRowTemplate:()=>bt,applyTemplate:()=>ft,cancelDisplaySettings:()=>kt,clearHistoryStates:()=>jt,copyColumn:()=>rt,copyModule:()=>Je,copyRow:()=>ct,deleteColumn:()=>it,deleteNode:()=>$e,deleteNodeTemplate:()=>gt,deleteUserTemplate:()=>vt,discardDraft:()=>Tt,displaySettings:()=>Dt,fetchLayout:()=>Et,insertFreeformNode:()=>Ge,insertNode:()=>ze,insertNodes:()=>We,moveColumn:()=>nt,moveNode:()=>Ze,redo:()=>Ue,renderHistoryState:()=>At,renderLayout:()=>_t,renderNode:()=>Ve,reorderColumn:()=>tt,reorderNode:()=>Ye,resetColWidths:()=>at,resetRowWidth:()=>dt,resizeColumn:()=>ot,resizeRowContent:()=>st,resizingComplete:()=>Pt,saveDraft:()=>Lt,saveGlobalSettings:()=>St,saveHistoryState:()=>Nt,saveLayout:()=>Ct,saveLayoutSettings:()=>wt,saveNodeTemplate:()=>mt,saveUserTemplateSettings:()=>yt,setLayout:()=>Ot,undo:()=>He,updateNode:()=>Qe,updateNodeSetting:()=>Xe,updateNodeSettings:()=>qe});var a={};n.r(a),n.d(a,{after:()=>Bt,before:()=>Ft});var l={};n.r(l),n.d(l,{getChildren:()=>$t,getLayoutActions:()=>Vt,getLayoutHooks:()=>Qt,getLayoutState:()=>Zt,getLayoutStore:()=>Yt,getNode:()=>Xt,getSystemActions:()=>Y,getSystemConfig:()=>V,getSystemSelectors:()=>Z,getSystemState:()=>W,getSystemStore:()=>G,nodeExists:()=>Kt,useLayoutState:()=>qt,useSystemState:()=>z});var u={};n.r(u),n.d(u,{copyNode:()=>Qn,deleteNode:()=>Vn,moveNode:()=>Xn,scrollToNode:()=>qn});var c={};n.r(c),n.d(c,{openSettings:()=>$n});var s={};n.r(s),n.d(s,{getActions:()=>tr,getConfig:()=>nr,getStrings:()=>rr});const d=React;var f=n.n(d);const p=ReactDOM,m=FL.vendors.BBAppCore;var g=(0,m.createStoreRegistry)(),y=g.registerStore,v=g.useStore,h=g.getStore,b=g.getDispatch,E=g.getSelectors;function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var S=function(e){return{type:"SET_SHOULD_SHOW_SHORTCUTS",value:e}},C=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"fl/untitled",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n={label:"",root:null,render:function(){return null},className:null,routerProps:{},onHistoryChanged:function(){}};return{type:"REGISTER_PANEL",handle:e,options:_(_({},n),t)}},L=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return{type:"SET_CURRENT_PANEL",name:e}},T=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return{type:"TOGGLE_PANEL",name:e}},N=function(){return{type:"HIDE_CURRENT_PANEL"}},j=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return{type:"SET_IS_EDITING",value:e}},A=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light";return{type:"SET_COLOR_SCHEME",value:e}};function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function P(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var x=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;return"SET_SHOULD_SHOW_SHORTCUTS"===t.type?!!t.value:e},R=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;return"REGISTER_PANEL"===t.type?k(k({},e),{},P({},t.handle,t.options)):e},M=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"SET_CURRENT_PANEL":return t.name;case"HIDE_CURRENT_PANEL":return null;case"TOGGLE_PANEL":return t.name===e?null:t.name;default:return e}},F=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=arguments.length>1?arguments[1]:void 0;return"SET_IS_EDITING"===t.type?!!t.value:e},B=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light",t=arguments.length>1?arguments[1]:void 0;return"SET_COLOR_SCHEME"===t.type?"dark"===t.value?"dark":"light":e},I={},H={TOGGLE_PANEL:function(e,t){var n=t.getState().currentPanel,r=document.querySelector("html");n&&FLBuilder._closePanel(),"assistant"===n?r.classList.add("fl-builder-assistant-visible"):r.classList.remove("fl-builder-assistant-visible")},HIDE_CURRENT_PANEL:function(){document.querySelector("html").classList.remove("fl-builder-assistant-visible")}},U="fl-builder/system";y(U,{actions:e,reducers:t,effects:r,state:{isEditing:!0,currentPanel:null,shouldShowShortcuts:!1,colorScheme:FLBuilderConfig.userSettings.skin,panels:{}}});var z=function(){return v(U)},G=function(){return h(U)},W=function(){return h(U).getState()},Y=function(){return b(U)},Z=function(){return E(U)},V=function(){return window.FLBuilderConfig};const Q=Redux;var q=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(t){var n=t.getState;return function(t){return function(r){var o=t(r),i=n();return void 0!==e[r.type]&&e[r.type](i,r),o}}}},X=function(e){var t=e.before,n=e.after;return function(e){return function(r){return function(o){t&&t[o.type]&&t[o.type](o,e);var i=r(o);return n&&n[o.type]&&n[o.type](o,e),i}}}};const $=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__,o=r?r({name:e}):Q.compose;return o((0,Q.applyMiddleware)(q(n),X(t)))};function K(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,i=[],a=!0,l=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(l)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return J(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return J(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function J(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ne(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var re=function(e){var t={};return Object.values(e).map((function(e){var n=te({},e);delete n.settings,t[e.node]=n})),t},oe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n={},r=Object.values(e).filter((function(e){return t===e.parent}));return r.map((function(e){return n[e.node]=e})),n},ie=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,n=e.layout.present.nodes;return void 0===n[t]?{}:n[t].settings},ae=function(e,t){return Object.keys(e).length!==Object.keys(t).length||Object.values(e).some((function(e){var n=t[e.node];return void 0===e||void 0===n||(e.type!==n.type||e.parent!==n.parent||e.position!==n.position||e.global!==n.global)}))},le=function(e,t){return Object.keys(e).length!==Object.keys(t).length||Object.keys(e).some((function(n){return e[n]!==t[n]}))};const ue=function(e){var t=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,n=e.layout.present.nodes;return void 0!==t&&(n=oe(n,t)),re(n)};return{useLayoutStore:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:function(){return!0},n=e.getState(),r=(0,d.useRef)(n),o=(0,d.useState)(n),i=K(o,2),a=i[0],l=i[1];return(0,d.useEffect)((function(){return l(e.getState()),e.subscribe((function(){var n=e.getState();t(r.current,n)&&l(te({},n)),r.current=n}))}),[]),a},useNodeSettings:function(t){var n=ie(e.getState(),t),r=(0,d.useRef)(n),o=K((0,d.useState)(n),2),i=o[0],a=o[1];return(0,d.useEffect)((function(){var n=ie(e.getState(),t);return le(n,r.current)&&a(n),r.current=n,e.subscribe((function(){var n=ie(e.getState(),t);le(n,r.current)&&a(n),r.current=n}))}),[t]),i},useNodesWithoutSettings:function(n){var r=t(e.getState(),n),o=(0,d.useRef)(r),i=K((0,d.useState)(r),2),a=i[0],l=i[1];return(0,d.useEffect)((function(){var r=t(e.getState(),n);return ae(r,o.current)&&l(r),o.current=r,e.subscribe((function(){var r=t(e.getState(),n);ae(r,o.current)&&l(r),o.current=r}))}),[]),a}}};function ce(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function se(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ce(Object(n),!0).forEach((function(t){de(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ce(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function de(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var fe={layout:{past:[],present:{attachments:[],nodes:{}},future:[]}},pe={state:{},reducers:{},actions:{},effects:{},tests:{}};const me=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:pe,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"fl-builder/layout",n=se(se({},pe),e),r=se(se({},fe),n.state),o=(0,Q.combineReducers)(n.reducers),i=$(t,n.effects,n.tests),a=(0,Q.createStore)(o,r,i);return{store:a,actions:(0,Q.bindActionCreators)(se({},n.actions),a.dispatch),hooks:ue(a)}};const ge=function(e){var t={past:[],present:e(void 0,{}),future:[]};return function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:t,r=arguments.length>1?arguments[1]:void 0,o=n.past,i=void 0===o?[]:o,a=n.present,l=n.future,u=void 0===l?[]:l;return"RESIZE_COLUMN"===r.type?(r.persist,{past:i,present:e(a,r),future:u}):{past:i,present:e(a,r),future:u}}};function ye(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ye(Object(n),!0).forEach((function(t){he(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ye(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function he(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var be={node:"",type:"",parent:"",position:0,global:!1,settings:{}},Ee=function(e,t){return e.position>t.position?1:e.position<t.position?-1:0},Oe=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return void 0!==t[e]},_e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return Object.values(e).filter((function(e){return t===e.parent})).sort(Ee)},we=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=ve(ve(ve({},be),e),t);return"module"===n.type&&void 0===n.settings.type&&(n.settings.type=e.settings.type),n},Se=function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o={};if(void 0===r[e])return console.error("Undefined node",e),o;var i=_e(r,t).filter((function(t){return e!==t.node})),a=i.map((function(e){return e.node}));return a.splice(n,0,e),a.map((function(e,n){o[e]=we(r[e],{position:n,parent:t})})),o},Ce=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=ve(ve({},e),{},he({},t,we(e[t],n)));return Se(n.node,n.parent,n.position,r)},Le=function(e,t){var n={};if(void 0===t[e])return console.warn("Node to be deleted is undefined",e),t;var r=t[e].parent,o=t[e].type,i=ve({},t);delete i[e],"column"===o&&Ne(r,i)&&delete i[r],function(e,t){var n=[],r=ve({},t);Object.values(r).map((function(t){e===t.parent&&n.push(t.node)})),n.map((function(e){delete r[e]}))}(e,i);var a=_e(i,r);return a.map((function(e,t){if(e.position=t,"column"===e.type){var r=100/a.length;r=r.toPrecision(5),e.settings.size=r}n[e.node]=e})),ve({},i)},Te=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,n={};return e.map((function(e){var r=Object.values(t).filter((function(t){return e===t.parent})),o=(100/r.length).toPrecision(5);r.map((function(e){n[e.node]=we(e,{settings:ve(ve({},e.settings),{},{size:o})})}))})),n},Ne=function(e,t){return 0===Object.values(t).filter((function(t){return t.parent===e})).length},je=function(e){void 0!==e&&(console.assert("node"in e,"Node has no id property"),console.assert("type"in e,"Node has no type property"),console.assert("parent"in e,"Node has no parent property"),console.assert("position"in e,"Node has no position property"),console.assert("settings"in e,"Node has no settings property"),console.assert("global"in e,"Node has no global property"),"module"===e.type&&console.assert("type"in e.settings,"Module settings should contain type property."),"row"!==e.type&&console.assert(null!==e.parent,"Only rows should have a null parent property"))},Ae=function(e){var t=function(e){var t=Object.keys(e);return Object.values(e).filter((function(e){return null!==e.parent&&!t.includes(e.node)}))}(e);console.assert(0===t.length,"There should be no orphaned nodes",t)};function De(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ke(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?De(Object(n),!0).forEach((function(t){Pe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):De(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Pe(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var xe=ge((0,Q.combineReducers)({attachments:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0;return"SET_LAYOUT"===t.type&&void 0!==t.attachments?t.attachments:e},nodes:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0;switch(n.type){case"INSERT_NODE":return ke(ke({},t),Ce(t,n.id,{node:n.id,parent:n.parent,type:n.nodeType,position:n.position,settings:n.settings,global:n.global}));case"INSERT_FREEFORM_NODE":return ke(ke({},t),Ce(t,n.id,n.node));case"INSERT_NODES":return ke(ke({},t),n.nodes);case"REORDER_NODE":case"REORDER_COLUMN":return ke(ke({},t),Se(n.id,t[n.id].parent,n.position,t));case"REPARENT_NODE":case"REPARENT_COLUMN":return ke(ke({},t),Se(n.id,n.parent,n.position,t));case"UPDATE_NODE":return ke(ke({},t),{},Pe({},n.id,we(t[n.id],n.node)));case"UPDATE_NODE_SETTING":return ke(ke({},t),{},Pe({},n.id,we(t[n.id],{settings:ke(ke({},t[n.id].settings),{},Pe({},n.key,n.value))})));case"UPDATE_NODE_SETTINGS":return void 0===t[n.id]?t:ke(ke({},t),{},Pe({},n.id,we(t[n.id],{settings:ke(ke(ke({},t[n.id].settings),n.settings),{},{type:"module"===t[n.id].type?t[n.id].settings.type:void 0})})));case"DELETE_NODE":case"DELETE_COLUMN":return Le(n.id,t);case"RESIZE_COLUMN":return ke(ke({},t),{},(Pe(e={},n.id,we(t[n.id],{settings:ke(ke({},t[n.id].settings),{},{size:n.width})})),Pe(e,n.siblingId,we(t[n.siblingId],{settings:ke(ke({},t[n.siblingId].settings),{},{size:n.siblingWidth})})),e));case"RESET_COLUMN_WIDTHS":return ke(ke({},t),Te(n.groupIds,t));case"RESIZE_ROW_CONTENT":return ke(ke({},t),{},Pe({},n.id,we(t[n.id],{settings:ke(ke({},t[n.id].settings),{},{max_content_width:n.width})})));case"RESET_ROW_WIDTH":return ke(ke({},t),{},Pe({},n.id,we(t[n.id],{settings:ke(ke({},t[n.id].settings),{},{max_content_width:""})})));case"ADD_COLUMN_TEMPLATE":case"ADD_ROW_TEMPLATE":return console.log(n.type,"Needs node reducer implementation?"),t;case"SET_LAYOUT":return n.nodes;default:return t}},globalSettings:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;return"SAVE_GLOBAL_SETTINGS"===t.type?t.settings:e}})),Re=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"DISPLAY_SETTINGS":return t.id;case"UPDATE_NODE_SETTINGS":case"CANCEL_DISPLAY_SETTINGS":return null;default:return e}},Me=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"RESIZING_COMPLETE":return!1;case"RESIZE_ROW_CONTENT":return[t.id];case"RESIZE_COLUMN":return[t.id,t.siblingId];default:return e}};function Fe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Be(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Fe(Object(n),!0).forEach((function(t){Ie(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Fe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ie(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var He=function(){return{type:"UNDO"}},Ue=function(){return{type:"REDO"}},ze=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},i=arguments.length>5&&void 0!==arguments[5]&&arguments[5],a=arguments.length,l=new Array(a>6?a-6:0),u=6;u<a;u++)l[u-6]=arguments[u];return Be({type:"INSERT_NODE",id:e,parent:t,position:r,nodeType:n,settings:o,global:i},l)},Ge=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return{type:"INSERT_FREEFORM_NODE",id:e,node:t}},We=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{type:"INSERT_NODES",nodes:e}},Ye=function(e,t){return{type:"REORDER_NODE",id:e,position:t}},Ze=function(e,t,n){return{type:"REPARENT_NODE",id:e,parent:t,position:n}},Ve=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){};return{type:"RENDER_NODE",id:e,callback:t}},Qe=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return{type:"UPDATE_NODE",id:e,node:t}},qe=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){};return{type:"UPDATE_NODE_SETTINGS",id:e,settings:t,callback:n}},Xe=function(e,t,n){return{type:"UPDATE_NODE_SETTING",id:e,key:t,value:n}},$e=function(e){return{type:"DELETE_NODE",id:e}},Ke=function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return{type:"ADD_MODULE",moduleType:e,parent:t,position:n,config:r}},Je=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){};return{type:"COPY_MODULE",id:e,settings:t,callback:n}},et=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"1-col",r=arguments.length>3?arguments[3]:void 0,o=arguments.length>4?arguments[4]:void 0;return{type:"ADD_COLUMNS",id:e,insert:t,colType:n,nested:r,module:o}},tt=function(e,t){return{type:"REORDER_COLUMN",id:e,position:t}},nt=function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];return{type:"REPARENT_COLUMN",id:e,parent:t,position:n,resize:r}},rt=function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};return{type:"COPY_COLUMN",id:e,settings:t,settingsId:n,callback:r}},ot=function(e,t,n,r){var o=!(arguments.length>4&&void 0!==arguments[4])||arguments[4];return{type:"RESIZE_COLUMN",id:e,width:parseInt(t),siblingId:n,siblingWidth:parseInt(r),shouldPersist:o}},it=function(e,t){return{type:"DELETE_COLUMN",id:e,width:t}},at=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return{type:"RESET_COLUMN_WIDTHS",groupIds:e}},lt=function(e,t,n,r){return{type:"ADD_COLUMN_GROUP",id:e,cols:t,position:n,module:r}},ut=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0;return{type:"ADD_ROW",cols:e,position:t,module:n}},ct=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};return{type:"COPY_ROW",id:e,settings:t,settingsId:n,callback:r}},st=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return{type:"RESIZE_ROW_CONTENT",id:e,width:t,shouldPersist:n}},dt=function(e){return{type:"RESET_ROW_WIDTH",id:e}},ft=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"0",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"core";return{type:"APPLY_TEMPLATE",id:e,append:t,templateType:n}},pt=function(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:function(){};return{type:"ADD_NODE_TEMPLATE",nodeType:e,templateId:t,templateType:n,parent:r,position:o,callback:i}},mt=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return{type:"SAVE_NODE_TEMPLATE",id:e,settings:t}},gt=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return{type:"DELETE_NODE_TEMPLATE",id:e,global:t}},yt=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{type:"SAVE_USER_TEMPLATE_SETTINGS",settings:e}},vt=function(e){return{type:"DELETE_USER_TEMPLATE",id:e}},ht=function(){return{type:"ADD_COLUMN_TEMPLATE"}},bt=function(){return{type:"ADD_ROW_TEMPLATE"}},Et=function(){return{type:"FETCH_LAYOUT"}},Ot=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;return{type:"SET_LAYOUT",nodes:e,attachments:t}},_t=function(){return{type:"RENDER_LAYOUT"}},wt=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{type:"SAVE_LAYOUT_SETTINGS",settings:e}},St=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{type:"SAVE_GLOBAL_SETTINGS",settings:e}},Ct=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){};return{type:"SAVE_LAYOUT",shouldPublish:e,shouldExit:t,callback:n}},Lt=function(){return{type:"SAVE_DRAFT"}},Tt=function(){return{type:"DISCARD_DRAFT"}},Nt=function(e,t){return{type:"SAVE_HISTORY_STATE",label:e,moduleType:t}},jt=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return{type:"CLEAR_HISTORY_STATES",postId:e,shouldExit:t}},At=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){};return{type:"RENDER_HISTORY_STATE",position:e,callback:t}},Dt=function(e){return{type:"DISPLAY_SETTINGS",id:e}},kt=function(){return{type:"CANCEL_DISPLAY_SETTINGS"}},Pt=function(){return{type:"RESIZING_COMPLETE"}};function xt(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,i=[],a=!0,l=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(l)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Rt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Rt(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Rt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Mt=function(e,t){var n=FLBuilder._jsonParse(e),r=n.newNodes,o=void 0===r?{}:r,i=n.updatedNodes,a=void 0===i?{}:i;0<Object.keys(o).length&&t.dispatch(We(o)),Object.entries(a).map((function(e){var n=xt(e,2),r=n[0],o=n[1];t.dispatch(Qe(r,o))}))},Ft={},Bt={UNDO:function(){window.FLBuilderHistoryManager.renderState("prev")},REDO:function(){window.FLBuilderHistoryManager.renderState("next")},UPDATE_NODE_SETTINGS:function(e){var t=e.id,n=e.settings,r=e.callback;FLBuilder.ajax({action:"save_settings",node_id:t,settings:n},r)},REORDER_NODE:function(e,t){var n=e.id,r=e.position;(0,FL.Builder.__canvas.getActions().moveNode)(n,r),FLBuilder.ajax({action:"reorder_node",node_id:n,position:r},(function(e){Mt(e,t),FLBuilder._reorderNodeComplete(e)}))},REPARENT_NODE:function(e,t){var n=e.id,r=e.parent,o=e.position;(0,FL.Builder.__canvas.getActions().moveNode)(n,o,r),FLBuilder.ajax({action:"move_node",new_parent:r,node_id:n,position:o},(function(e){Mt(e,t),FLBuilder._moveNodeComplete(e)}))},RENDER_NODE:function(e){var t=e.id,n=e.callback;FLBuilder.ajax({action:"render_node",node_id:t},(function(e){var t=FLBuilder._jsonParse(e);FLBuilder._renderLayout(t,n)}))},DELETE_NODE:function(e){var t=e.id;FLBuilder.ajax({action:"delete_node",node_id:t})},ADD_MODULE:function(e,t){var n=e.moduleType,r=e.parent,o=e.position,i=e.config;FLBuilder.ajax({action:"render_new_module",parent_id:r,type:n,position:o,node_preview:i.nodePreview,widget:i.widget,alias:i.alias},(function(e){Mt(e,t),FLBuilder._addModuleComplete(e)}))},COPY_MODULE:function(e,t){var n=e.id,r=e.settings,o=e.callback;FLBuilder.ajax({action:"copy_module",node_id:n,settings:r},(function(e){Mt(e,t),o(e)}))},ADD_COLUMNS:function(e,t){var n=e.id,r=e.insert,o=e.colType,i=e.nested,a=e.module;FLBuilder.ajax({action:"render_new_columns",node_id:n,insert:r,type:o,nested:i,module:a},(function(e){Mt(e,t),FLBuilder._addColsComplete(e)}))},RESIZE_COLUMN:function(e,t){var n=e.id,r=e.width,o=e.siblingId,i=e.siblingWidth;e.shouldPersist&&(t.dispatch(Pt()),FLBuilder.ajax({action:"resize_cols",col_id:n,col_width:r,sibling_id:o,sibling_width:i},(function(e){return Mt(e,t)})))},RESET_COLUMN_WIDTHS:function(e){var t=e.groupIds;FLBuilder.ajax({action:"reset_col_widths",group_id:t},(function(){return FLBuilder.triggerHook("didResetColumnWidthsComplete")}))},DELETE_COLUMN:function(e){var t=e.id,n=e.width;FLBuilder.ajax({action:"delete_col",node_id:t,new_width:n})},REORDER_COLUMN:function(e){var t=e.id,n=e.position;(0,FL.Builder.__canvas.getActions().moveNode)(t,n),FLBuilder.ajax({action:"reorder_col",node_id:t,position:n},(function(){return FLBuilder.triggerHook("didMoveColumn")}))},REPARENT_COLUMN:function(e){var t=e.id,n=e.parent,r=e.position,o=e.resize;(0,FL.Builder.__canvas.getActions().moveNode)(t,r,n),FLBuilder.ajax({action:"move_col",node_id:t,new_parent:n,position:r,resize:o},(function(){return FLBuilder.triggerHook("didMoveColumn")}))},COPY_COLUMN:function(e,t){var n=e.id,r=e.settings,o=e.settingsId,i=e.callback;FLBuilder.ajax({action:"copy_col",node_id:n,settings:r,settings_id:o},(function(e){Mt(e,t),i(e)}))},ADD_COLUMN_GROUP:function(e,t){var n=e.id,r=e.cols,o=e.position,i=e.module;FLBuilder.ajax({action:"render_new_column_group",node_id:n,cols:r,position:o,module:i},(function(e){Mt(e,t),FLBuilder._addColGroupComplete(e)}))},ADD_ROW:function(e,t){var n=e.cols,r=e.position,o=e.module;FLBuilder.ajax({action:"render_new_row",cols:n,position:r,module:o},(function(e){Mt(e,t),FLBuilder._addRowComplete(e)}))},COPY_ROW:function(e,t){var n=e.id,r=e.settings,o=e.settingsId,i=e.callback;FLBuilder.ajax({action:"copy_row",node_id:n,settings:r,settings_id:o},(function(e){Mt(e,t),i(e)}))},RESIZE_ROW_CONTENT:function(e,t){var n=e.id,r=e.width;e.shouldPersist&&(FLBuilder.ajax({action:"resize_row_content",node:n,width:r}),t.dispatch(Pt()))},RESET_ROW_WIDTH:function(e){var t=e.id;FLBuilder.ajax({action:"resize_row_content",node:t,width:""})},APPLY_TEMPLATE:function(e,t){var n=e.id,r=e.append,o=e.templateType,i="core"===o?FLBuilder._applyTemplateComplete:FLBuilder._applyUserTemplateComplete;FLBuilder.ajax({action:"core"===o?"apply_template":"apply_user_template",template_id:n,append:r},(function(e){var n=FLBuilder._jsonParse(e);t.dispatch(Ot(n.newNodes,[])),i(e)}))},ADD_NODE_TEMPLATE:function(e,t){var n=e.nodeType,r=e.templateId,o=e.templateType,i=e.parent,a=e.position,l=e.callback,u="";switch(n){case"row":u="render_new_row_template";break;case"column":u="render_new_col_template";break;default:u="render_new_module"}FLBuilder.ajax({action:u,template_id:r,template_type:o,parent_id:i,position:a},(function(e){Mt(e,t),l(e)}))},SAVE_NODE_TEMPLATE:function(e,t){var n=e.id,r=e.settings;FLBuilder.ajax({action:"save_node_template",node_id:n,settings:r},(function(e){t.dispatch(Et()),FLBuilder._saveNodeTemplateComplete(e),FLBuilder._hideNodeLoading(n)}))},DELETE_NODE_TEMPLATE:function(e){var t=e.id,n=e.global;FLBuilder.ajax({action:"delete_node_template",template_id:t},(function(){n&&FLBuilder._updateLayout()}))},SAVE_USER_TEMPLATE_SETTINGS:function(e){var t=e.settings;FLBuilder.ajax({action:"save_user_template",settings:t},FLBuilder._saveUserTemplateSettingsComplete)},DELETE_USER_TEMPLATE:function(e){var t=e.id;FLBuilder.ajax({action:"delete_user_template",template_id:t})},RENDER_LAYOUT:function(){FLBuilder.ajax({action:"render_layout"},FLBuilder._renderLayout)},FETCH_LAYOUT:function(e,t){FLBuilder.ajax({action:"get_layout"},(function(e){var n=FLBuilder._jsonParse(e),r=n.nodes,o=n.attachments;t.dispatch(Ot(r,o))}))},SAVE_LAYOUT:function(e){var t=e.shouldPublish,n=e.shouldExit,r=e.callback;FLBuilder.ajax({action:"save_layout",publish:t,exit:n?1:0},r)},SAVE_DRAFT:function(){FLBuilder.ajax({action:"save_draft"},FLBuilder._exit)},DISCARD_DRAFT:function(){FLBuilder.ajax({action:"clear_draft_layout"},(function(){FLBuilder.triggerHook("didDiscardChanges"),FLBuilder._exit()}))},SAVE_LAYOUT_SETTINGS:function(e){var t=e.settings;FLBuilder.ajax({action:"save_layout_settings",settings:t},(function(){return FLBuilder._saveLayoutSettingsComplete(t)}))},SAVE_GLOBAL_SETTINGS:function(e){var t=e.settings;FLBuilder.ajax({action:"save_global_settings",settings:t},FLBuilder._saveGlobalSettingsComplete)},SAVE_HISTORY_STATE:function(e){var t=e.label,n=e.moduleType;FLBuilder.ajax({action:"save_history_state",label:t,module_type:n},(function(e){var t=FLBuilder._jsonParse(e);FLBuilderHistoryManager.states=t.states,FLBuilderHistoryManager.position=parseInt(t.position),FLBuilderHistoryManager.setupMainMenuData()}))},CLEAR_HISTORY_STATES:function(e){var t=e.postId,n=e.shouldExit;FLBuilder.ajax({action:"clear_history_states",post_id:t},(function(){n||FLBuilderHistoryManager.saveCurrentState("draft_created")}))},RENDER_HISTORY_STATE:function(e,t){var n=e.position,r=e.callback;FLBuilder.ajax({action:"render_history_state",position:n},(function(e){var n=FLBuilder._jsonParse(e),o=n.newNodes,i=n.config;t.dispatch(Ot(o,i.attachments)),r(e)}))},DISPLAY_SETTINGS:function(e,t){var n=e.id,r=t.getState().layout.present.nodes;if("global"!==n)if("layout"!==n){if(void 0!==r[n]){var o=r[n],i=o.type,a=o.settings,l=o.parent,u=o.global,c=o.template_id;switch(i){case"column-group":break;case"row":FLBuilder._showRowSettings(n,u);break;case"column":var s="column"!==FLBuilderConfig.userTemplateType&&void 0!==c;FLBuilder._showColSettings(n,u,s);break;default:FLBuilder._showModuleSettings({nodeId:n,parentId:l,type:a.type,global:u})}}}else FLBuilder._layoutSettingsClicked();else FLBuilder._globalSettingsClicked()}},It={SET_LAYOUT:function(e){!function(e){Object.values(e).map(je)}(e.layout.present.nodes)},INSERT_NODE:function(e,t){var n=e.layout.present.nodes;console.assert(Oe(t.id,n),"Node should exist after insert."),je(n[t.id]),console.assert(n[t.id].position===t.position,"Node position should be consistent after insert."),Ae(n)},REORDER_NODE:function(e,t){var n=e.layout.present.nodes;console.assert(Oe(t.id,n),"Node no longer exists after reorder."),je(n[t.id]);var r=n[t.id];console.assert(t.position===r.position,"Node position should match action.position")},REPARENT_NODE:function(e,t){var n=e.layout.present.nodes;console.assert(Oe(t.id,n),"Node should not exist after reparent"),je(n[t.id]),console.assert(t.parent===n[t.id].parent,"Node should have correct parent after reparent")},DELETE_NODE:function(e,t){var n=e.layout.present.nodes;console.assert(!Oe(t.id,n),"Node should not exist after delete"),Ae(n)},COPY_MODULE:function(e,t){var n=e.layout.present.nodes,r=Oe(t.id,n);console.assert(r,"Node no longer exists after duplicate."),r&&je(n[t.id])},DELETE_COLUMN:function(e){var t=e.layout.present.nodes;Ae(t)},REPARENT_COLUMN:function(){console.warn("REPARENT_COLUMN needs a test.")},RESET_COLUMN_WIDTHS:function(e,t){var n=e.layout.present.nodes;t.groupIds.map((function(e){var t=_e(n,e),r=100/t.length,o=t.every((function(e){return e.settings.size===r.toPrecision(5)}));console.assert(o,"Column sizes should match after reset")}))}};const Ht=It;var Ut=me({state:{layout:{present:{nodes:{},globalSettings:FLBuilderConfig.global}}},reducers:o,effects:a,actions:i,tests:Ht}),zt=Ut.store,Gt=Ut.actions,Wt=Ut.hooks,Yt=function(){return zt},Zt=function(){return zt.getState()},Vt=function(){return Gt},Qt=function(){return Wt},qt=Wt.useLayoutStore,Xt=function(e){var t=Zt().layout.present.nodes;return e&&e in t?t[e]:t},$t=function(e){var t=Zt().layout.present.nodes;return Object.values(t).filter((function(t){return e===t.parent}))},Kt=function(e){return"undefined"!==Zt().layout.present.nodes[e]};zt.dispatch(Et());var Jt=n(184),en=n.n(Jt),tn={},nn=(0,d.createContext)(tn),rn=function(){return(0,d.useContext)(nn)};const on=FL.vendors.BBFluid;var an=["onClick","label"];function ln(){return ln=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ln.apply(this,arguments)}function un(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function cn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,i=[],a=!0,l=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(l)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return sn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return sn(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function sn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}const dn=function(e){var t=e.x,n=e.y,r=e.items,o=void 0===r?{}:r,i=e.clear,a=void 0===i?function(){}:i,l=window.innerWidth-190,u={};return Object.entries(o).map((function(e){var t=cn(e,2),n=t[0],r=t[1];!1!==r.isEnabled&&(u[n]=r)})),f().createElement("div",{className:"fl-builder-context-menu",style:{top:n,left:t<l?t:l,width:180}},f().createElement("ul",null,Object.keys(u).map((function(e){var t=o[e],n=t.onClick,r=t.label,i=un(t,an);return f().createElement("li",{key:e},f().createElement(on.Button,ln({onClick:function(e){n(e),a(),e.stopPropagation()},size:"sm"},i),r))}))))};function fn(){return fn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},fn.apply(this,arguments)}function pn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,i=[],a=!0,l=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(l)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return mn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return mn(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function mn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var gn=function(e){var t=e.children,n=pn((0,d.useState)(!1),2),r=n[0],o=n[1],i=function(){return o(!1)},a={setContextMenu:o,clearContextMenu:i,showContextMenu:!1!==r,contextMenu:r};return f().createElement(nn.Provider,{value:a},f().createElement(yn,null),t,!1!==r&&f().createElement(dn,fn({},r,{clear:i})))},yn=function(){var e=rn().clearContextMenu,t=function(t){document.querySelector(".fl-builder-context-menu")&&!t.target.closest(".fl-builder-context-menu")&&(e(),t.stopPropagation())},n=function(){document.querySelector(".fl-builder-context-menu")&&e()};return(0,d.useEffect)((function(){return window.addEventListener("click",t,{capture:!0}),window.addEventListener("scroll",n,{capture:!0}),function(){window.removeEventListener("click",t,{capture:!0}),window.removeEventListener("scroll",n,{capture:!0})}}),[]),null};function vn(e){return vn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},vn(e)}function hn(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function bn(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function En(e,t,n){return t&&bn(e.prototype,t),n&&bn(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function On(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");Object.defineProperty(e,"prototype",{value:Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),writable:!1}),t&&_n(e,t)}function _n(e,t){return _n=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},_n(e,t)}function wn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Ln(e);if(t){var o=Ln(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Sn(this,n)}}function Sn(e,t){if(t&&("object"===vn(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return Cn(e)}function Cn(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ln(e){return Ln=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Ln(e)}var Tn=FLBuilderConfig.lite,Nn=function(e){var t,n={__html:e.children},r=new Date(e.date).toDateString();if("string"==typeof e.url&&""!==e.url){var o=Tn?e.url+"?utm_medium=bb-lite&utm_source=builder-ui&utm_campaign=notification-center":e.url+"?utm_medium=bb-pro&utm_source=builder-ui&utm_campaign=notification-center";t=f().createElement("a",{className:"fl-builder-ui-post",href:o,target:"_blank",rel:"noopener noreferrer"},f().createElement("div",{className:"fl-builder-ui-post-date"},r),f().createElement("div",{className:"fl-builder-ui-post-title"},e.title),f().createElement("div",{className:"fl-builder-ui-post-content",dangerouslySetInnerHTML:n}))}else t=f().createElement("span",{className:"fl-builder-ui-post"},f().createElement("div",{className:"fl-builder-ui-post-date"},r),f().createElement("div",{className:"fl-builder-ui-post-title"},e.title),f().createElement("div",{className:"fl-builder-ui-post-content",dangerouslySetInnerHTML:n}));return t},jn=function(e){On(n,e);var t=wn(n);function n(){return hn(this,n),t.apply(this,arguments)}return En(n,[{key:"getPosts",value:function(e){var t,n,r=FLBuilderStrings.notifications;return 0<e.length?(n=e.map((function(e){return f().createElement(Nn,{key:e.id,title:(t=e.title.rendered,f().createElement("div",{dangerouslySetInnerHTML:{__html:t}})),date:e.date,url:e.meta._fl_notification[0]},e.content.rendered);var t})),t=f().createElement(f().Fragment,null,n)):t=f().createElement("div",{className:"fl-panel-no-message"},r.none),t}},{key:"componentDidMount",value:function(){FLBuilder._initScrollbars()}},{key:"componentDidUpdate",value:function(){FLBuilder._initScrollbars()}},{key:"render",value:function(){var e=this.getPosts(this.props.posts),t=FLBuilderStrings.notifications;return f().createElement("div",{className:"fl-notifications-panel"},f().createElement("div",{className:"fl-panel-title"},t.title),f().createElement("div",{className:"fl-nanoscroller",ref:this.setupScroller},f().createElement("div",{className:"fl-nanoscroller-content"},e)))}}]),n}(d.Component),An=function(e){On(n,e);var t=wn(n);function n(e){var r;hn(this,n),r=t.call(this,e);var o={},i=FLBuilderConfig.notifications.data;try{o=JSON.parse(i)}catch(e){o={}}return r.state={shouldShowNotifications:!1,posts:o},FLBuilder.addHook("toggleNotifications",r.onToggleNotifications.bind(Cn(r))),r}return En(n,[{key:"onToggleNotifications",value:function(){var e=Y().hideCurrentPanel;this.setState({shouldShowNotifications:!this.state.shouldShowNotifications}),e(),!0===this.state.shouldShowNotifications&&FLBuilder.triggerHook("notificationsLoaded")}},{key:"render",value:function(){var e=this.state,t=e.shouldShowNotifications,n=e.posts;return t&&f().createElement(jn,{posts:n})}}]),n}(d.Component);function Dn(e){return Dn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Dn(e)}function kn(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Pn(e,t){return Pn=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},Pn(e,t)}function xn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Mn(e);if(t){var o=Mn(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Rn(this,n)}}function Rn(e,t){if(t&&("object"===Dn(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function Mn(e){return Mn=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Mn(e)}var Fn=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");Object.defineProperty(e,"prototype",{value:Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),writable:!1}),t&&Pn(e,t)}(i,e);var t,n,r,o=xn(i);function i(e){var t;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i);var n=(t=o.call(this,e)).props.postId;return t.layoutClass=".fl-builder-content-".concat(n||FLBuilderConfig.postId),t}return t=i,n=[{key:"componentDidMount",value:function(){this.setupHooks=this.setupHooks.bind(this),this.hooked=!1,jQuery(document).on("tinymce-editor-init",this.setupHooks),this.setupHooks()}},{key:"setupHooks",value:function(){if(!("ontouchstart"in document)&&window.tinymce&&!this.hooked&&FLBuilderConfig.inlineEnabled){var e=this.initEditables.bind(this),t=this.refreshEditables.bind(this),n=this.destroyAllEditables.bind(this),r=this.destroyLoadingEditables.bind(this);FLBuilder&&(FLBuilder.addHook("settingsConfigLoaded",e),FLBuilder.addHook("restartEditingSession",e),FLBuilder.addHook("endEditingSession",n),FLBuilder.addHook("didStartNodeLoading",r),FLBuilder.addHook("didRenderLayoutComplete",t),FLBuilder.addHook("didDeleteRow",t),FLBuilder.addHook("didDeleteColumn",t),FLBuilder.addHook("didDeleteModule",t)),this.initEditables(),this.hooked=!0}}},{key:"initEditables",value:function(){var e=this,t=FLBuilderSettingsConfig.editables,n=jQuery(this.layoutClass);if(n.length)for(var r in t){var o='.fl-module[data-type="'.concat(r,'"]:not(.fl-editable):not(.fl-node-global)');n.find(o).each((function(t,n){(n=jQuery(n)).addClass("fl-editable"),n.delegate(".fl-block-overlay","click.fl-inline-editing-init",(function(t){return e.initEditable(t,n)}))}))}}},{key:"initEditable",value:function(e,t){var n=this,r=FLBuilder.preview;r&&t.parents(".fl-node-".concat(r.nodeId)).length&&r._settingsHaveChanged()||(this.setupEditable(t,(function(){n.onModuleOverlayClick(e)})),t.undelegate(".fl-block-overlay","click.fl-inline-editing-init"))}},{key:"setupEditable",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){},r=e.data("node"),o=FLBuilderSettingsConfig.nodes[r];if(void 0===o)return!1;var i=e.data("type"),a=FLBuilderSettingsConfig.editables[i],l=".fl-node-".concat(r," "),u="fl-inline-editor-".concat(r),c=jQuery('<div id="'.concat(u,'" class="fl-inline-editor"></div>')),s=jQuery(".fl-builder-settings[data-node=".concat(r,"]")),d=o.connections;e.append(c),e.on("click",".fl-block-overlay",this.onModuleOverlayClick.bind(this)),e.on("mouseleave",this.onModuleMouseleave.bind(this));var f=function(e){var r=a[e],o=FLBuilderPreview.getFormattedSelector(l,r.selector),i=jQuery(o),c=i.html(),f=s.find("#fl-field-".concat(e," .fl-field-connection-value"));return i.length?f.length&&""!==f.val()||!f.length&&d&&d[e]?"continue":(i.hasClass("mce-content-body")?tinymce.execCommand("mceRemoveEditor",!0,i.attr("id")):(i.data("field",r.field),i.on("drop",t.onEditorDrop.bind(t))),void tinymce.init({selector:o,inline:!0,menubar:!1,paste_as_text:!0,relative_urls:!1,convert_urls:!1,skin:!FLBuilder&&"lightgray",skin_url:!FLBuilder&&"".concat(tinyMCEPreInit.baseURL,"/skins/lightgray/"),theme:"modern",theme_url:"".concat(tinyMCEPreInit.baseURL,"/themes/modern/"),fixed_toolbar_container:"#".concat(u),plugins:t.getEditorPluginConfig(r.field.type),toolbar:"string"==typeof r.field.toolbar?r.field.toolbar:t.getEditorToolbarConfig(r.field.type),init_instance_callback:function(e){t.onEditorInit(e),i.html(c),n()}})):"continue"};for(var p in a)f(p)}},{key:"getEditorPluginConfig",value:function(e){return"editor"===e?"wordpress, wplink, lists, paste":"paste"}},{key:"getEditorToolbarConfig",value:function(e){switch(e){case"editor":return"bold italic strikethrough link underline | alignleft aligncenter alignright";case"unit":return!1;default:return"bold italic strikethrough underline"}}},{key:"destroyEditables",value:function(e){var t=e.find(".mce-content-body"),n=e.find(".fl-inline-editor"),r=jQuery(".wplink-autocomplete, .ui-helper-hidden-accessible");t.removeAttr("contenteditable"),e.undelegate(".fl-block-overlay","click"),e.off("mouseleave"),e.removeClass("fl-editable"),n.remove(),r.remove()}},{key:"destroyAllEditables",value:function(){var e=jQuery(this.layoutClass).find(".fl-editable");this.destroyEditables(e)}},{key:"destroyLoadingEditables",value:function(e,t){var n=jQuery(t);n.hasClass("fl-module")||(n=n.find(".fl-module")),this.destroyEditables(n)}},{key:"refreshEditables",value:function(){this.initEditables(),tinymce.editors.map((function(e){e.inline&&!jQuery("#".concat(e.id)).length&&setTimeout((function(){return tinymce.execCommand("mceRemoveEditor",!0,e.id)}),1)}))}},{key:"getEditorEventVars",value:function(e){var t=jQuery(e).closest(".mce-content-body"),n=tinymce.get(t.attr("id")),r=t.data("field"),o=t.closest(".fl-module"),i=o.data("node");return{editable:t,module:o,editor:n,field:r,nodeId:i}}},{key:"onEditorInit",value:function(e){e.on("change",this.onEditorChange.bind(this)),e.on("keyup",this.onEditorChange.bind(this)),e.on("undo",this.onEditorChange.bind(this)),e.on("redo",this.onEditorChange.bind(this)),e.on("focus",this.onEditorFocus.bind(this)),e.on("blur",this.onEditorBlur.bind(this)),e.on("mousedown",this.onEditorMousedown.bind(this))}},{key:"onEditorChange",value:function(e){var t=e.target.bodyElement?e.target.bodyElement:e.target,n=this.getEditorEventVars(t),r=n.editor,o=n.field,i=n.nodeId,a=jQuery('.fl-builder-settings[data-node="'.concat(i,'"]')),l=r.getContent();if(a.length)if("editor"===o.type){var u=a.find("#fl-field-".concat(o.name," textarea.wp-editor-area")),c=u.attr("id");u.closest(".tmce-active").length?tinymce.get(c).setContent(l):u.val(l)}else{var s=document.createElement("textarea");s.innerHTML=l,a.find('[name="'.concat(o.name,'"]')).val(s.value)}}},{key:"onEditorFocus",value:function(e){var t=this.getEditorEventVars(e.target.bodyElement),n=t.editable,r=t.editor,o=t.module,i=t.field,a=t.nodeId,l=o.find(".fl-inline-editor"),u=this.getSettingHTML(a,i);this.matchHTML(r.getContent(),u)||(n.data("original",{settingHTML:u,editableHTML:n.html()}),n.css("min-height",n.height()),r.setContent(u),r.selection.select(r.getBody(),!0),r.selection.collapse(!1)),r.settings.toolbar?l.removeClass("fl-inline-editor-no-toolbar"):l.addClass("fl-inline-editor-no-toolbar"),o.addClass("fl-editable-focused"),this.showEditorOverlay(o),this.showModuleSettings(o)}},{key:"onEditorBlur",value:function(e){var t=this.getEditorEventVars(e.target.bodyElement),n=t.editable,r=t.editor,o=t.module,i=o.find(".fl-inline-editor"),a=n.data("original");i.removeClass("fl-inline-editor-no-toolbar"),o.removeClass("fl-editable-focused"),a&&this.matchHTML(r.getContent(),a.settingHTML)&&(n.html(a.editableHTML),n.css("min-height",""))}},{key:"onEditorMousedown",value:function(e){var t=this.getEditorEventVars(e.target).module;this.showEditorOverlay(t)}},{key:"onEditorDrop",value:function(e){return e.preventDefault(),!1}},{key:"onModuleOverlayClick",value:function(e){var t=jQuery(e.target).closest(".fl-block-overlay-actions"),n=jQuery(e.currentTarget).closest(".fl-module"),r=n.find(".mce-content-body").first().attr("id");t.length||FLBuilder._colResizing||r&&(tinymce.get(r).focus(),n.addClass("fl-editable-focused"))}},{key:"onModuleMouseleave",value:function(){jQuery(".mce-inline-toolbar-grp:visible, .mce-floatpanel:visible").length||(this.hideEditorOverlays(),this.showNodeOverlays())}},{key:"showEditorOverlay",value:function(e){var t=e.find(".fl-inline-editor");this.hideNodeOverlays(),this.hideEditorOverlays(),t.show(),jQuery(".fl-inline-editor-active-toolbar").removeClass("fl-inline-editor-active-toolbar"),t.find("> .mce-panel:visible").addClass("fl-inline-editor-active-toolbar")}},{key:"hideEditorOverlays",value:function(){jQuery(".fl-inline-editor, .mce-floatpanel").hide()}},{key:"showNodeOverlays",value:function(){jQuery(".fl-block-overlay").show()}},{key:"hideNodeOverlays",value:function(){jQuery(".fl-block-overlay").hide()}},{key:"showModuleSettings",value:function(e){var t=e.data("type"),n=e.data("node"),r=e.closest(".fl-col").data("node"),o=e.hasClass("fl-node-global");jQuery('.fl-builder-settings[data-node="'.concat(n,'"]')).length||FLBuilder._showModuleSettings({type:t,nodeId:n,parentId:r,global:o})}},{key:"getSettingValue",value:function(e,t){var n=jQuery('.fl-builder-settings[data-node="'.concat(e,'"]'));return(n.length?FLBuilder._getSettings(n):FLBuilderSettingsConfig.nodes[e])[t]}},{key:"getSettingHTML",value:function(e,t){var n=this.getSettingValue(e,t.name);return"editor"===t.type&&""!==n?wp.editor.autop(n):n}},{key:"matchHTML",value:function(e,t){return this.cleanHTML(e)===this.cleanHTML(t)}},{key:"cleanHTML",value:function(e){return jQuery("<div>".concat(e,"</div>")).html().trim().replace(/(\r\n|\n|\r)/gm,"")}},{key:"render",value:function(){return null}}],n&&kn(t.prototype,n),r&&kn(t,r),Object.defineProperty(t,"prototype",{writable:!1}),i}(d.Component);const Bn=Fn;var In=function(){return f().createElement("svg",{id:"fl-symbol-container",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},f().createElement("symbol",{id:"fl-down-caret",viewBox:"0 0 11 6"},f().createElement("polygon",{points:"0 0 2.05697559 0 5.49235478 3.74058411 8.93443824 0 11 0 5.5 6"})))},Hn=function(){};Hn.Close=function(){return f().createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 14 14",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},f().createElement("g",{stroke:"currentColor",strokeWidth:"2",fill:"none",fillRule:"evenodd",strokeLinecap:"round"},f().createElement("path",{d:"M13,1 L1,13"}),f().createElement("path",{d:"M1,1 L13,13"})))};var Un=["className","children","title","actions","showCloseButton","onClose"];function zn(){return zn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},zn.apply(this,arguments)}function Gn(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var Wn=function(e){var t=e.className,n=e.children,r=e.title,o=e.actions,i=e.showCloseButton,a=void 0===i||i,l=e.onClose,u=void 0===l?function(){}:l,c=Gn(e,Un),s=en()({"fl-ui-panel-area":!0},t),d=function(){return o||a?f().createElement("div",{className:"fl-ui-panel-trailing-actions"},o,f().createElement("button",{onClick:u,className:"fl-ui-button"},f().createElement(Hn.Close,null))):null};return f().createElement("div",{className:s,onClick:u},f().createElement("div",zn({className:"fl-ui-panel"},c,{onClick:function(e){return e.stopPropagation()}}),f().createElement("div",{className:"fl-ui-panel-topbar"},r&&f().createElement("div",{className:"fl-ui-panel-title"},r),f().createElement(d,null)),f().createElement("div",{className:"fl-ui-panel-content"},n)))},Yn=function(e){var t=e.shortcuts;return 0===Object.keys(t).length?null:f().createElement("ul",{className:"fl-ui-shortcut-list"},Object.values(t).map((function(e,t){var n=e.label,r={__html:e.keyLabel};return f().createElement("li",{key:t},f().createElement("span",null,n),f().createElement("span",{className:"fl-ui-shortcut-item-keycode",dangerouslySetInnerHTML:r}))})))};const Zn=function(){var e=Y().setShouldShowShortcuts;return f().createElement(Wn,{title:"Keyboard Shortcuts",onClose:function(){return e(!1)},className:"fl-ui-help",style:{width:360,maxWidth:"95vw"}},f().createElement(Yn,{shortcuts:FLBuilderConfig.keyboardShortcuts}))};wp.i18n;var Vn=function(e){var t=Vt().deleteNode;if(e){var n=!0,r=Xt(e);if(FLBuilder._needsDeleteConfirmation(r)){var o=function(e){var t=window.FLBuilderStrings,n=t.deleteRowMessage,r=t.deleteColumnMessage,o=t.deleteModuleMessage;switch(e){case"row":return n;case"column":return r;default:return o}}(r.type);n=confirm(o)}if(n){var i=FLBuilder._getJQueryElement(e);if(!i.length&&Kt(e))t(e);else if("module"===r.type)FLBuilder._deleteModule(i);else if("column"===r.type){var a=FLBuilder._getColToDelete(i);FLBuilder._deleteCol(a)}else"row"===r.type&&FLBuilder._deleteRow(i);FLBuilder._highlightEmptyCols(),FLBuilder._resizeLayout(),FLBuilder._removeAllOverlays()}}},Qn=function(e){if(e){var t=Xt(e);t&&void 0!==t.type&&("module"===t.type?FLBuilder._copyModule(e):"column"===t.type?FLBuilder._copyColumn(e):"row"===t.type&&FLBuilder._copyRow(e))}},qn=function(e){var t=document.querySelector("".concat(FLBuilder._contentClass,' [data-node="').concat(e,'"]'));t&&t.scrollIntoView({behavior:"smooth",block:"center"})},Xn=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],o=Vt(),i=o.reorderNode,a=o.moveNode,l=o.reorderColumn,u=o.moveColumn,c=Xt(e),s=c.type,d=c.parent,f=c.position,p="column"===s;if(n===d||null===n){if(t===f)return;p?l(e,t):i(e,t)}else p?u(e,n,t,r):a(e,n,t)},$n=function(e){var t=Vt().displaySettings,n=Y().hideCurrentPanel;t(e),document.body.classList.contains("fl-builder-ui-is-pinned-right")&&n()};function Kn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Jn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Kn(Object(n),!0).forEach((function(t){er(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Kn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function er(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var tr=function(){var e=Y();return Jn(Jn(Jn({},{registerPanel:e.registerPanel,displayPanel:e.displayPanel,togglePanel:e.togglePanel}),u),c)},nr=function(){return window.FLBuilderConfig},rr=function(){return window.FLBuilderStrings},or=(0,d.createContext)({});or.use=function(){return(0,d.useContext)(or)};const ir=or;var ar=function(){return f().createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f().createElement("rect",{x:"2.5",y:"2.5",width:"11",height:"11",rx:"1.5",stroke:"currentColor"}))},lr=function(){return f().createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f().createElement("rect",{x:"9.5",y:"13.5",width:"11",height:"4",rx:"0.5",transform:"rotate(-90 9.5 13.5)",stroke:"currentColor"}),f().createElement("rect",{x:"2.5",y:"13.5",width:"11",height:"4",rx:"0.5",transform:"rotate(-90 2.5 13.5)",stroke:"currentColor"}))},ur=function(){return f().createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f().createElement("rect",{x:"2.5",y:"9.5",width:"11",height:"4",rx:"0.5",stroke:"currentColor"}),f().createElement("rect",{x:"2.5",y:"2.5",width:"11",height:"4",rx:"0.5",stroke:"currentColor"}))},cr=function(){return f().createElement("svg",{className:"svg",width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},f().createElement("path",{d:"M12 6c0 1.105-.895 2-2 2-1.105 0-2-.895-2-2 0-1.105.895-2 2-2 1.105 0 2 .895 2 2zm-1 0c0 .552-.448 1-1 1-.552 0-1-.448-1-1 0-.552.448-1 1-1 .552 0 1 .448 1 1zM3 2c-.552 0-1 .448-1 1v10c0 .552.448 1 1 1h10c.552 0 1-.448 1-1V3c0-.552-.448-1-1-1H3zm10 1H3v6.293l2.5-2.5L11.707 13H13V3zM3 13v-2.293l2.5-2.5L10.293 13H3z",fillRule:"evenodd",fillOpacity:"1",fill:"currentCOlor",stroke:"none"}))},sr=function(){return f().createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f().createElement("path",{d:"M3.48254 7.83023L3.05006 9.22531H5.78441L5.35194 7.83023C5.19383 7.31871 5.03572 6.81183 4.87761 6.3096C4.72881 5.79807 4.58465 5.27724 4.44514 4.74711H4.38934C4.24053 5.27724 4.09172 5.79807 3.94291 6.3096C3.7941 6.81183 3.64065 7.31871 3.48254 7.83023ZM0.692383 12.9502L3.7755 3.79846H5.08688L8.17 12.9502H6.94233L6.07738 10.16H2.7571L1.8782 12.9502H0.692383Z",fill:"currentColor"}),f().createElement("path",{d:"M11.5546 13.1176C11.2384 13.1176 10.9407 13.0711 10.6617 12.9781C10.3827 12.8944 10.1363 12.7735 9.92234 12.6153C9.71773 12.4479 9.55497 12.248 9.43407 12.0155C9.31316 11.7737 9.25271 11.4993 9.25271 11.1924C9.25271 10.811 9.34106 10.4809 9.51777 10.2019C9.70378 9.91355 9.9921 9.66709 10.3827 9.46247C10.7826 9.25786 11.2942 9.09045 11.9173 8.96025C12.5404 8.83004 13.2891 8.72773 14.1634 8.65333C14.1541 8.42082 14.1169 8.20225 14.0518 7.99764C13.9867 7.79303 13.8844 7.61632 13.7449 7.46751C13.6053 7.30941 13.4193 7.18385 13.1868 7.09084C12.9636 6.99784 12.6892 6.95134 12.3637 6.95134C11.9173 6.95134 11.4895 7.03969 11.0803 7.2164C10.671 7.38381 10.3083 7.56517 9.9921 7.76048L9.54567 6.97924C9.71308 6.86763 9.90839 6.75603 10.1316 6.64442C10.3641 6.52351 10.6059 6.41656 10.857 6.32355C11.1175 6.23055 11.3918 6.15614 11.6801 6.10034C11.9685 6.03523 12.2614 6.00268 12.559 6.00268C13.4891 6.00268 14.1773 6.25845 14.6238 6.76998C15.0795 7.2722 15.3073 7.94649 15.3073 8.79284V12.9502H14.3726L14.275 12.0294H14.2331C13.8518 12.327 13.4286 12.5828 12.9636 12.7967C12.5079 13.0106 12.0382 13.1176 11.5546 13.1176ZM11.8615 12.1968C12.2521 12.1968 12.6334 12.1131 13.0055 11.9457C13.3868 11.769 13.7728 11.5179 14.1634 11.1924V9.40667C13.4379 9.46248 12.8288 9.54153 12.3358 9.64383C11.8522 9.74614 11.4616 9.8717 11.164 10.0205C10.8756 10.16 10.671 10.3228 10.5501 10.5088C10.4292 10.6855 10.3688 10.8855 10.3688 11.1087C10.3688 11.304 10.4106 11.4714 10.4943 11.6109C10.578 11.7411 10.685 11.8527 10.8152 11.9457C10.9547 12.0294 11.1128 12.0945 11.2895 12.141C11.4755 12.1782 11.6662 12.1968 11.8615 12.1968Z",fill:"currentColor"}))},dr=function(){return f().createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f().createElement("path",{d:"M2.375 15.0203H13.625C14.9067 15.0203 15.7271 14.0754 15.7271 12.9109C15.7271 12.5593 15.6392 12.2004 15.4487 11.8708L9.80908 2.04175C9.41357 1.33862 8.71045 0.979736 8 0.979736C7.28955 0.979736 6.5791 1.34595 6.18359 2.04175L0.543945 11.8782C0.353516 12.2078 0.265625 12.5593 0.265625 12.9109C0.265625 14.0754 1.09326 15.0203 2.375 15.0203ZM2.51416 13.614C2.06006 13.614 1.75977 13.2405 1.75977 12.8376C1.75977 12.7205 1.77441 12.574 1.84766 12.4421L7.34082 2.82544C7.4873 2.57642 7.74365 2.45923 8 2.45923C8.25635 2.45923 8.50537 2.57642 8.64453 2.82544L14.145 12.4568C14.2109 12.5813 14.2402 12.7205 14.2402 12.8376C14.2402 13.2405 13.9326 13.614 13.4785 13.614H2.51416ZM8 9.93726C8.40283 9.93726 8.63721 9.71021 8.64453 9.2854L8.75439 5.76245C8.76904 5.33032 8.44678 5.02271 7.99268 5.02271C7.53857 5.02271 7.22363 5.323 7.23828 5.75513L7.34082 9.29272C7.35547 9.71021 7.58984 9.93726 8 9.93726ZM8 12.3689C8.47607 12.3689 8.86426 12.0247 8.86426 11.5632C8.86426 11.0945 8.4834 10.7576 8 10.7576C7.52393 10.7576 7.13574 11.1018 7.13574 11.5632C7.13574 12.0247 7.53125 12.3689 8 12.3689Z",fill:"currentColor"}))},fr=function(){return f().createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f().createElement("path",{d:"M7.99634 15.5732C12.1492 15.5732 15.5769 12.1455 15.5769 8C15.5769 3.85449 12.1418 0.426758 7.98901 0.426758C3.84351 0.426758 0.423096 3.85449 0.423096 8C0.423096 12.1455 3.85083 15.5732 7.99634 15.5732ZM7.99634 14.0645C4.63452 14.0645 1.94653 11.3618 1.94653 8C1.94653 4.63818 4.63452 1.94287 7.98901 1.94287C11.3508 1.94287 14.0535 4.63818 14.0608 8C14.0681 11.3618 11.3582 14.0645 7.99634 14.0645ZM7.99634 11.1787C10.9919 11.1787 13.0281 8.76172 13.0281 8.00732C13.0281 7.26025 10.9919 4.83594 7.99634 4.83594C5.00806 4.83594 2.94995 7.26025 2.94995 8.00732C2.94995 8.76172 5.02271 11.1787 7.99634 11.1787ZM7.99634 10.0654C6.85376 10.0654 5.93091 9.12793 5.92358 8.00732C5.92358 6.86475 6.85376 5.94922 7.99634 5.94922C9.13159 5.94922 10.0544 6.86475 10.0544 8.00732C10.0544 9.12793 9.13159 10.0654 7.99634 10.0654ZM8.00366 8.9082C8.48706 8.9082 8.89722 8.49072 8.89722 8.00732C8.89722 7.52393 8.48706 7.10645 8.00366 7.10645C7.49829 7.10645 7.08813 7.52393 7.08813 8.00732C7.08813 8.49072 7.49829 8.9082 8.00366 8.9082Z",fill:"currentColor"}))},pr=n(856);function mr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,i=[],a=!0,l=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(l)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return gr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return gr(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function gr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var yr=function(){};const vr=function(e){var t,n,r=e.onClick,o=e.onDoubleClick,i=e.delay,a=void 0===i?300:i,l=mr((t=(0,d.useRef)(yr),n=function(){return t.current()},(0,d.useEffect)((function(){return n}),[]),[function(e){return t.current=e},n]),2),u=l[0],c=l[1];return[function(){c(),function(e,t,n){var r=(new Date).getTime(),o=requestAnimationFrame((function o(){if((new Date).getTime()-r>=t)return e(),void n(yr);var i=requestAnimationFrame(o);n((function(){return cancelAnimationFrame(i)}))}));n((function(){return cancelAnimationFrame(o)}))}(r,a,u)},function(){c(),o()}]};function hr(e){return hr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},hr(e)}var br=function(e){var t=function(e){var t=nr().contentItems.module.find((function(t){return t.slug===e}));return"object"===hr(t)&&t}(e);return t?t.name:e},Er=function(e,t,n){return e<=t+n/2},Or=["module","row","column"],_r=function(e){return!nr().simpleUi&&Or.includes(e)},wr=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return!!Or.includes(t)&&!(t!==e&&!e.includes(t))},Sr=[],Cr=function(e){return function(){if(0>=Sr.length){var e=nr().contentItems;Sr=e.module.map((function(e){return e.slug}))}return Sr}().includes(e)},Lr=["id","type"],Tr=["children","style"];function Nr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function jr(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Nr(Object(n),!0).forEach((function(t){kr(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Nr(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ar(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function Dr(){return Dr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Dr.apply(this,arguments)}function kr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Pr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,i=[],a=!0,l=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(l)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return xr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return xr(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function xr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Rr=function e(t){var n,r=t.node,o=t.index,i=t.level,a=t.type,l=t.global,u=void 0!==l&&l,c=t.parent,s=tr().moveNode,p=(0,Qt().useNodesWithoutSettings)(r),m=0<Object.keys(p).length,g=ir.use(),y=g.draggingItem,v=g.setDraggingItem,h=g.clearDraggingItem,b=Pr((0,d.useState)(!1),2),E=b[0],O=b[1],_=Pr((0,d.useState)(!0),2),w=_[0],S=_[1],C=en()("fl-builder-node-outline-item",(kr(n={},"fl-builder-node-type-".concat(a),a),kr(n,"show-drop-before","before"===E),kr(n,"show-drop-after","after"===E),kr(n,"is-dragging-self",r===(null==y?void 0:y.id)),n));return f().createElement("li",{className:C,style:{"--level":i},draggable:_r(a),onDragStart:function(e){var t;e.stopPropagation(),e.dataTransfer.setDragImage(((t=new Image).src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",t.style.opacity=0,t),0,0),e.dataTransfer.setData(a,r),e.dataTransfer.setData("node-id",r),e.dataTransfer.setData("node-type",a),v({id:r,type:a})},onDragEnd:function(){return h()},onDragOver:function(e){if(e.preventDefault(),e.stopPropagation(),e.dataTransfer.dropEffect="move",e.currentTarget.classList.contains("fl-builder-node-outline-item")){if(wr(e.dataTransfer.types,a)){var t=e.currentTarget.getBoundingClientRect(),n=t.y,r=t.height;Er(e.clientY,n,r)&&"before"!==E?O("before"):Er(e.clientY,n,r)||"after"===E||O("after")}}else console.warn("Problem: Something other than fl-builder-node-outline-item-content")},onDragLeave:function(){E&&O(!1)},onDrop:function(e){if(E&&O(!1),h(),wr(e.dataTransfer.types,a)){var t=e.currentTarget.getBoundingClientRect(),n=t.y,r=t.height,i=Er(e.clientY,n,r)?"before":"after",l=e.dataTransfer.getData("node-id"),u=Xt(l),d=u.position,f=u.parent,p=o;if(c===f){if("before"===i){if(d===o-1)return;p=d>o?o:Math.max(0,o-1)}else if("after"===i){if(d===o+1)return;p=d>o?o+1:o}}else p="after"===i?o+1:o;s(l,p,c,[c,f])}}},"column-group"!==a&&f().createElement(Fr,{id:r,type:a,global:u,position:o,level:i,toggleContent:function(){return S(!w)},isShowingContent:w}),"module"!==a&&!m&&!u&&f().createElement(Mr,{id:r,type:a}),0<Object.keys(p).length&&w&&f().createElement("ul",null,Object.values(p).sort(Ee).map((function(t,n){return f().createElement(e,Dr({key:t.node,level:"column-group"===a?i:i+1,index:n},t))}))))},Mr=function(e){var t=e.id,n=e.type,r=Ar(e,Lr),o=Pr((0,d.useState)(!1),2),i=o[0],a=o[1],l=tr().moveNode,u=ir.use().clearDraggingItem,c=en()("fl-builder-node-empty-drop-area",{"is-over":i});return f().createElement("div",Dr({className:c,onDragOver:function(e){"column"===n&&wr(e.dataTransfer.types,"module")&&a(!0)},onDragLeave:function(){return i&&a(!1)},onDrop:function(e){if(a(!1),u(),"column"===n&&wr(e.dataTransfer.types,"module")){var r=e.dataTransfer.getData("node-id");l(r,0,t)}}},r),f().createElement("div",{className:"drop-area"}))},Fr=(0,d.memo)((function(e){var t=e.id,n=e.type,r=e.global,o=e.level,i=e.toggleContent,a=e.isShowingContent,l=void 0===a||a,u=(0,Qt().useNodeSettings)(t),c=rn(),s=c.setContextMenu,d=c.contextMenu,p=c.clearContextMenu,m=tr(),g=m.openSettings,y=m.deleteNode,v=m.copyNode,h=m.scrollToNode,b=nr().simpleUi,E=function(e){var t=e.responsive_display,n=void 0===t?"":t,r=e.visibility_display;return""!==n||""!==(void 0===r?"":r)}(u),O="row"===n&&!r,_=!0;"module"===n&&(_=Cr(u.type));var w=en()("fl-builder-node-outline-item-content",{"has-context-menu":!1!==d&&t===d.id,"is-global-node":r,"is-missing-definition":!_}),S=Pr(vr({onClick:function(){_&&h(t)},onDoubleClick:function(){_&&(h(t),g(t))}}),2),C=S[0],L=S[1];return f().createElement("div",{className:w,onClick:C,onDoubleClick:L,onPointerEnter:function(){var e=document.querySelector(".fl-node-".concat(t));e&&(e.style.boxShadow="inset 0 0 0 2px var(--fl-builder-".concat(r?"orange":"blue"," ), 0 0 0 1px hsla( 210, 0%, 0%, .5 )"))},onPointerLeave:function(){var e=document.querySelector(".fl-node-".concat(t));e&&(e.style.boxShadow="")},onContextMenu:function(e){if(!1===d||t!==d.id){var o={settings:{label:"Open Settings",isEnabled:_,onClick:function(){h(t),g(t)}},clone:{label:"Duplicate",isEnabled:_&&!b,onClick:function(){return v(t)}},delete:{label:FLBuilderStrings.remove,isEnabled:!b,status:"destructive",onClick:function(){return y(t)}}};s({id:t,items:o,type:n,global:r,x:e.clientX,y:e.clientY}),e.preventDefault()}else p()}},O&&f().createElement("span",{className:"fl-builder-outline-item-gutter"},f().createElement("button",{className:!l&&"is-hiding-content",onClick:function(e){i(e),e.preventDefault(),e.stopPropagation()}},f().createElement(zr,null))),f().createElement("span",{className:"fl-builder-outline-item-icon-wrap"},f().createElement(Hr,{type:n,moduleType:u.type,settings:u,hasDefinition:_})),f().createElement("span",{className:"fl-builder-outline-item-label-wrap"},f().createElement(Br,{type:n,settings:u,level:o})),f().createElement(Ur,{id:t,type:n,size:parseFloat(u.size),width:u.max_content_width,widthUnit:u.max_content_width_unit}),E&&f().createElement("span",{className:"fl-builder-outline-item-icon-wrap"},f().createElement(fr,null)))})),Br=function(e){var t=e.type,n=e.settings,r=void 0===n?{}:n,o=e.level,i=void 0!==r.type?br(r.type):t,a="";if("column"===t&&3<=o&&(i=FLBuilderStrings.childColumn),"row"===i&&(i=FLBuilderStrings.row),"column"===i&&(i=FLBuilderStrings.column),"module"===t&&"type"in r)switch(r.type){case"heading":i=r.tag,a=r.heading;break;case"html":a=r.html;break;case"rich-text":case"icon":case"button":a=r.text;break;case"callout":a=r.title}if("node_label"in r&&""!==r.node_label){var l=r.node_label;a=a&&""!==a?l+" - "+a:l}return f().createElement(f().Fragment,null,i,a&&f().createElement("span",{style:{opacity:.6}},": "+function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return(0,pr.sanitize)(e,{ALLOWED_TAGS:[]}).substring(0,48)}(a)))},Ir=function(e){var t=e.children,n=e.style,r=Ar(e,Tr);return f().createElement("span",Dr({style:jr({textTransform:"lowercase",background:"rgba(0,0,0,.05)",color:"#828282",fontSize:11,flex:"0 0 auto",display:"inline-flex",padding:"2px 6px",borderRadius:25,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontFamily:"monospace"},n),title:t},r),t)},Hr=(0,d.memo)((function(e){var t=e.type,n=e.moduleType,r=e.settings,o=e.hasDefinition;switch(t){case"row":return f().createElement(ur,null);case"column":return f().createElement(lr,null);case"module":var i=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=FLBuilderConfig.contentItems.module;if(!n)return dr;switch(e){case"rich-text":return sr;case"photo":return cr;case"icon":if("icon"in t)return function(){return f().createElement("i",{className:t.icon,"aria-hidden":"true"})};break;default:var o=r.find((function(t){return e===t.slug}));return o&&"icon"in o?function(){return f().createElement("div",{style:{flexShrink:0,width:16,height:16,fill:"currentColor"},dangerouslySetInnerHTML:{__html:o.icon}})}:ar}}(n,r,o);return f().createElement(i,null)}})),Ur=function(e){var t=e.id,n=e.type,r=e.size,o=e.width,i=e.widthUnit,a=qt().resizing,l="";return a&&a.includes(t)&&("column"===n?l+=" ".concat(r,"% "):"row"===n&&(l+="Max: ".concat(o+i))),""===l?null:f().createElement(Ir,{style:{background:"var(--fl-builder-blue)",color:"white"}},l)},zr=function(){return f().createElement("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.79289 1.29289C3.18342 0.902369 3.81658 0.902369 4.20711 1.29289L7.20711 4.29289C7.59763 4.68342 7.59763 5.31658 7.20711 5.70711L4.20711 8.70711C3.81658 9.09763 3.18342 9.09763 2.79289 8.70711C2.40237 8.31658 2.40237 7.68342 2.79289 7.29289L5.08579 5L2.79289 2.70711C2.40237 2.31658 2.40237 1.68342 2.79289 1.29289Z",fill:"currentColor"}))};const Gr=function(){var e=(0,Qt().useNodesWithoutSettings)(null),t=Object.values(e).sort(Ee),n=Pr((0,d.useState)(!1),2),r=n[0],o=n[1],i=!1!==r,a={draggingItem:r,isDraggingItem:i,clearDraggingItem:function(){return o(!1)},setDraggingItem:function(e){return o(e)}},l=en()("fl-builder-node-outline",kr({"is-dragging":i},"is-dragging-type-".concat(r.type),r));return f().createElement(ir.Provider,{value:a},f().createElement("ul",{className:l},t.map((function(e,t){return f().createElement(Rr,Dr({key:e.node,level:1,index:t},e))}))))};var Wr=["className"];function Yr(){return Yr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Yr.apply(this,arguments)}function Zr(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}const Vr=function(e){var t=e.className,n=Zr(e,Wr),r=en()("fl-builder-workspace-panel",t);return f().createElement("div",Yr({className:r},n))};const Qr=function(){var e=z(),t=e.currentPanel,n=e.panels;if(!(t in n))return null;var r,o=n[t],i=o.routerProps,a=o.onHistoryChanged,l=o.root,u=o.render,c=o.frame,s=void 0===c?Vr:c,p=o.className,g=o.wrapClassName,y=!1===s?d.Fragment:s,v=l||u;return f().createElement("div",{className:g},f().createElement(y,{className:!1!==s&&p},f().createElement(m.Root,{routerProps:(r=i,"function"==typeof r?r():r),onHistoryChanged:a},f().createElement(v,null))))};!function(){FLBuilder.addHook("didInitUI",(function(){var t=document.querySelector(".fl-builder-bar-actions"),n=t.querySelector(".fl-builder--saving-indicator"),r=document.createElement("button");r.classList.add("fl-builder-button","fl-builder-button-silent"),r.innerHTML='<svg width="20px" x="0px" y="0px" viewBox="0 0 238 238" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><g id="EMF-by-Xara-X" serif:id="EMF by Xara X"><path d="M170.734,183.655l-32.623,-35.483c-19.089,5.332 -40.624,6.6 -61.992,2.707c-54.118,-9.858 -86.793,-49.103 -72.935,-87.598c13.859,-38.494 69.029,-61.737 123.148,-51.878c7.553,1.375 14.687,3.324 21.334,5.762l-6.462,12.195c-5.266,-1.731 -10.922,-3.111 -16.913,-4.082c-42.267,-6.842 -85.356,9.291 -96.18,36.014c-10.824,26.722 14.695,53.963 56.963,60.808c41.535,6.724 83.865,-8.739 95.589,-34.637l13.176,22.511l0.064,0.113c-4.574,7.429 -10.792,14.102 -18.26,19.85l27.897,25.151c15.605,14.906 -15.073,47.906 -32.806,28.567Zm9.595,-26.401l-34.191,-30.641c-36.604,14.182 -70.685,6.876 -98.296,-5.59c23.399,17.456 58.534,24.774 94.542,14.959l30.526,29.179c1.989,-3.304 4.559,-6.305 7.419,-7.907Z"/><path d="M42.292,90.276l27.528,0l16.45,-26.827l34.049,52.376l44.83,-68.557l34.474,58.905l37.878,0l-29.225,-7.239l-43.694,-98.934l-43.696,82.469l-33.055,-51.241l-24.826,54.79l-20.713,4.258Z" style="fill:#1195d0;"/></g></svg>',r.onclick=function(){return e()},r.title="Query Monitor",jQuery("#query-monitor-main").length>0&&t.insertBefore(r,n)}));var e=function(){var e=document.getElementById("query-monitor-main");if(t(e)){(n=document.getElementById("wp-admin-bar-query-monitor").getElementsByTagName("a"))[0].click()}else{var n=document.getElementsByClassName("qm-button-container-close");n[0].click()}},t=function(e){return"none"===window.getComputedStyle(e).display}}();const qr=function(){var e=z(),t=e.isEditing,n=e.shouldShowShortcuts,r=e.colorScheme,o=en()(function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({},"fluid-color-scheme-".concat(r),r));return f().createElement("div",{className:o},f().createElement(gn,null,f().createElement(Bn,null),t&&f().createElement(f().Fragment,null,f().createElement(In,null),f().createElement(An,null),n&&f().createElement(Zn,null),f().createElement(Qr,null))))};function Xr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function $r(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Xr(Object(n),!0).forEach((function(t){Kr(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Xr(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Kr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Jr,eo=tr(),to=eo.registerPanel,no=eo.displayPanel,ro=eo.togglePanel,oo=window.FL||{},io=$r($r($r({},oo.Builder||{}),s),{},{data:l,registerPanel:to,displayPanel:no,togglePanel:ro});window.FL=$r($r({},oo),{},{Builder:io}),(void 0===(Jr=V().showOutlinePanel)||Jr)&&function(){var e=window.FL.Builder,t=e.registerPanel,n=e.togglePanel;t("outline",{label:"Outline",render:Gr,root:Gr}),FLBuilder.addHook("didInitUI",(function(){var e=document.querySelector(".fl-builder-bar-actions"),t=e.querySelector(".fl-builder--saving-indicator"),r=document.createElement("button");r.classList.add("fl-builder-button","fl-builder-button-silent"),r.innerHTML='<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.38672 5.33984C2.1582 5.33984 2.77344 4.72461 2.77344 3.95312C2.77344 3.19141 2.1582 2.56641 1.38672 2.56641C0.625 2.56641 0 3.19141 0 3.95312C0 4.72461 0.625 5.33984 1.38672 5.33984ZM5.97656 4.89062H14.0565C14.5838 4.89062 15.0038 4.48047 15.0038 3.95312C15.0038 3.42578 14.5936 3.01562 14.0565 3.01562H5.97656C5.45898 3.01562 5.03906 3.42578 5.03906 3.95312C5.03906 4.48047 5.44922 4.89062 5.97656 4.89062ZM3.88672 11.3457C4.64844 11.3457 5.27344 10.7305 5.27344 9.95898C5.27344 9.19727 4.64844 8.57227 3.88672 8.57227C3.11523 8.57227 2.49023 9.19727 2.49023 9.95898C2.49023 10.7305 3.11523 11.3457 3.88672 11.3457ZM8.47656 10.8965H16.5794C17.1068 10.8965 17.5169 10.4863 17.5169 9.95898C17.5169 9.43164 17.1068 9.02148 16.5794 9.02148H8.47656C7.94922 9.02148 7.53906 9.43164 7.53906 9.95898C7.53906 10.4863 7.94922 10.8965 8.47656 10.8965ZM6.37695 17.3516C7.14844 17.3516 7.76367 16.7363 7.76367 15.9648C7.76367 15.2031 7.14844 14.5781 6.37695 14.5781C5.61523 14.5781 4.99023 15.2031 4.99023 15.9648C4.99023 16.7363 5.61523 17.3516 6.37695 17.3516ZM10.9668 16.9023H19.0251C19.5524 16.9023 19.9626 16.4922 19.9626 15.9648C19.9626 15.4375 19.5524 15.0273 19.0251 15.0273H10.9668C10.4395 15.0273 10.0293 15.4375 10.0293 15.9648C10.0293 16.4922 10.4395 16.9023 10.9668 16.9023Z" fill="currentColor"/></svg>',r.onclick=function(){return n("outline")},r.title="Outline",e.insertBefore(r,t)}))}();var ao=document.getElementById("fl-ui-root");ao.classList.add("fluid","fl","uid"),(0,p.render)(f().createElement(qr,null),ao)})()})();
|
js/build/builder.bundle.min.js.LICENSE.txt
CHANGED
@@ -1,7 +1,7 @@
|
|
1 |
/*!
|
2 |
-
Copyright (c)
|
3 |
Licensed under the MIT License (MIT), see
|
4 |
http://jedwatson.github.io/classnames
|
5 |
*/
|
6 |
|
7 |
-
/*! @license DOMPurify | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.
|
1 |
/*!
|
2 |
+
Copyright (c) 2018 Jed Watson.
|
3 |
Licensed under the MIT License (MIT), see
|
4 |
http://jedwatson.github.io/classnames
|
5 |
*/
|
6 |
|
7 |
+
/*! @license DOMPurify 2.3.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.3.4/LICENSE */
|
js/build/canvas.bundle.js
CHANGED
@@ -14,9 +14,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
14 |
/* harmony export */ "getActions": () => (/* binding */ getActions)
|
15 |
/* harmony export */ });
|
16 |
/* harmony import */ var _nodes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./nodes */ "./src/canvas/api/nodes.js");
|
17 |
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
18 |
|
19 |
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
20 |
|
21 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
22 |
|
@@ -155,38 +155,6 @@ var scrollToNode = function scrollToNode(id) {
|
|
155 |
}
|
156 |
};
|
157 |
|
158 |
-
/***/ }),
|
159 |
-
|
160 |
-
/***/ "./src/canvas/index.js":
|
161 |
-
/*!*****************************!*\
|
162 |
-
!*** ./src/canvas/index.js ***!
|
163 |
-
\*****************************/
|
164 |
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
165 |
-
|
166 |
-
__webpack_require__.r(__webpack_exports__);
|
167 |
-
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./api */ "./src/canvas/api/index.js");
|
168 |
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
169 |
-
|
170 |
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
171 |
-
|
172 |
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
173 |
-
|
174 |
-
// Setup public API - window.FL.Builder.__canvas
|
175 |
-
|
176 |
-
var api = window.FL || {};
|
177 |
-
var existing = api.Builder || {};
|
178 |
-
|
179 |
-
var Builder = _objectSpread(_objectSpread({}, existing), {}, {
|
180 |
-
/**
|
181 |
-
* Canvas API is what will ultimately be the FL.Builder public API __INSIDE__ the iframe canvas.
|
182 |
-
*/
|
183 |
-
__canvas: _objectSpread({}, _api__WEBPACK_IMPORTED_MODULE_0__)
|
184 |
-
});
|
185 |
-
|
186 |
-
window.FL = _objectSpread(_objectSpread({}, api), {}, {
|
187 |
-
Builder: Builder
|
188 |
-
});
|
189 |
-
|
190 |
/***/ })
|
191 |
|
192 |
/******/ });
|
@@ -197,8 +165,9 @@ window.FL = _objectSpread(_objectSpread({}, api), {}, {
|
|
197 |
/******/ // The require function
|
198 |
/******/ function __webpack_require__(moduleId) {
|
199 |
/******/ // Check if module is in cache
|
200 |
-
/******/
|
201 |
-
/******/
|
|
|
202 |
/******/ }
|
203 |
/******/ // Create a new module (and put it into the cache)
|
204 |
/******/ var module = __webpack_module_cache__[moduleId] = {
|
@@ -244,10 +213,37 @@ window.FL = _objectSpread(_objectSpread({}, api), {}, {
|
|
244 |
/******/ })();
|
245 |
/******/
|
246 |
/************************************************************************/
|
247 |
-
|
248 |
-
|
249 |
-
|
250 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
251 |
/******/ })()
|
252 |
;
|
253 |
//# sourceMappingURL=canvas.bundle.js.map
|
14 |
/* harmony export */ "getActions": () => (/* binding */ getActions)
|
15 |
/* harmony export */ });
|
16 |
/* harmony import */ var _nodes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./nodes */ "./src/canvas/api/nodes.js");
|
17 |
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
18 |
|
19 |
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
20 |
|
21 |
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
22 |
|
155 |
}
|
156 |
};
|
157 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
158 |
/***/ })
|
159 |
|
160 |
/******/ });
|
165 |
/******/ // The require function
|
166 |
/******/ function __webpack_require__(moduleId) {
|
167 |
/******/ // Check if module is in cache
|
168 |
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
169 |
+
/******/ if (cachedModule !== undefined) {
|
170 |
+
/******/ return cachedModule.exports;
|
171 |
/******/ }
|
172 |
/******/ // Create a new module (and put it into the cache)
|
173 |
/******/ var module = __webpack_module_cache__[moduleId] = {
|
213 |
/******/ })();
|
214 |
/******/
|
215 |
/************************************************************************/
|
216 |
+
var __webpack_exports__ = {};
|
217 |
+
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
218 |
+
(() => {
|
219 |
+
/*!*****************************!*\
|
220 |
+
!*** ./src/canvas/index.js ***!
|
221 |
+
\*****************************/
|
222 |
+
__webpack_require__.r(__webpack_exports__);
|
223 |
+
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./api */ "./src/canvas/api/index.js");
|
224 |
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
225 |
+
|
226 |
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
227 |
+
|
228 |
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
229 |
+
|
230 |
+
// Setup public API - window.FL.Builder.__canvas
|
231 |
+
|
232 |
+
var api = window.FL || {};
|
233 |
+
var existing = api.Builder || {};
|
234 |
+
|
235 |
+
var Builder = _objectSpread(_objectSpread({}, existing), {}, {
|
236 |
+
/**
|
237 |
+
* Canvas API is what will ultimately be the FL.Builder public API __INSIDE__ the iframe canvas.
|
238 |
+
*/
|
239 |
+
__canvas: _objectSpread({}, _api__WEBPACK_IMPORTED_MODULE_0__)
|
240 |
+
});
|
241 |
+
|
242 |
+
window.FL = _objectSpread(_objectSpread({}, api), {}, {
|
243 |
+
Builder: Builder
|
244 |
+
});
|
245 |
+
})();
|
246 |
+
|
247 |
/******/ })()
|
248 |
;
|
249 |
//# sourceMappingURL=canvas.bundle.js.map
|
js/build/vendor-bb-app-core.bundle.js
CHANGED
@@ -10,11 +10,11 @@
|
|
10 |
|
11 |
__webpack_require__.r(__webpack_exports__);
|
12 |
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
13 |
-
/* harmony export */ "App": () => (/* binding */
|
14 |
-
/* harmony export */ "Error": () => (/* binding */
|
15 |
-
/* harmony export */ "Root": () => (/* binding */
|
16 |
-
/* harmony export */ "createAppState": () => (/* binding */
|
17 |
-
/* harmony export */ "createStoreRegistry": () => (/* binding */
|
18 |
/* harmony export */ });
|
19 |
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
20 |
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
@@ -22,24 +22,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
22 |
/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(redux__WEBPACK_IMPORTED_MODULE_1__);
|
23 |
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router-dom */ "react-router-dom");
|
24 |
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_2__);
|
25 |
-
const w={handle:"",label:"",render:()=>null,icon:()=>null,isEnabled:!0},O=(e=w)=>({reducers:{apps:(t={},r)=>{switch(r.type){case"REGISTER_APP":return{[r.handle]:{...e,handle:r.handle,...r.config},...t};case"UNREGISTER_APP":return delete t[r.handle],{...t};default:return t}}},actions:{registerApp:(e="",t={})=>({type:"REGISTER_APP",handle:e,config:t}),unregisterApp:(e="")=>({type:"UNREGISTER_APP",handle:e})}}),_=(e,t)=>typeof e==typeof t&&("string"==typeof e||"number"==typeof e?e===t:JSON.stringify(e)===JSON.stringify(t)),x=(e,t,r)=>"boolean"==typeof e?e:"function"==typeof e?e(t,r):"string"==typeof e?!_(t[e],r[e]):!!Array.isArray(e)&&e.some((e=>!_(t[e],r[e]))),P=(e,t)=>{if("string"!=typeof e&&!Array.isArray(e))throw new TypeError("Expected the input to be `string | string[]`");t=Object.assign({pascalCase:!1},t);if(0===(e=Array.isArray(e)?e.map((e=>e.trim())).filter((e=>e.length)).join("-"):e.trim()).length)return"";if(1===e.length)return t.pascalCase?e.toUpperCase():e.toLowerCase();return e!==e.toLowerCase()&&(e=(e=>{let t=!1,r=!1,n=!1;for(let a=0;a<e.length;a++){const o=e[a];t&&/[a-zA-Z]/.test(o)&&o.toUpperCase()===o?(e=e.slice(0,a)+"-"+e.slice(a),t=!1,n=r,r=!0,a++):r&&n&&/[a-zA-Z]/.test(o)&&o.toLowerCase()===o?(e=e.slice(0,a-1)+"-"+e.slice(a-1),n=r,r=!1,t=!0):(t=o.toLowerCase()===o&&o.toUpperCase()!==o,n=r,r=o.toUpperCase()===o&&o.toLowerCase()!==o)}return e})(e)),e=e.replace(/^[_.\- ]+/,"").toLowerCase().replace(/[_.\- ]+(\w|$)/g,((e,t)=>t.toUpperCase())).replace(/\d+(\w|$)/g,(e=>e.toUpperCase())),r=e,t.pascalCase?r.charAt(0).toUpperCase()+r.slice(1):r;var r};var v=P,U=P;v.default=U;const j=(e,t,r)=>(Object.entries(r).map((([r])=>{if(!t[r]){const t="SET_".concat(r.toUpperCase()),n=v("set_".concat(r));e[n]=e=>({type:t,value:e})}})),e),R=(e,t)=>Object.keys(e).length||Object.keys(t).length?(Object.entries(t).map((([t,r])=>{e[t]||(e[t]=(e=r,n)=>{switch(n.type){case"SET_".concat(t.toUpperCase()):return n.value;default:return e}})})),(0,redux__WEBPACK_IMPORTED_MODULE_1__.combineReducers)(e)):e=>e,T=(e,t)=>{const r=window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__;return(r?r({name:e}):redux__WEBPACK_IMPORTED_MODULE_1__.compose)((0,redux__WEBPACK_IMPORTED_MODULE_1__.applyMiddleware)(L(t)))},L=e=>{const{before:t,after:r}=e;return e=>n=>a=>{t&&t[a.type]&&t[a.type](a,e);const o=n(a);return r&&r[a.type]&&r[a.type](a,e),o}},I=e=>e.charAt(0).toUpperCase()+e.slice(1);const N=()=>{const e={};return{registerStore:(t,{state:r={},cache:n=[],actions:a={},reducers:o={},selectors:s={},effects:c={}})=>{if(!t)throw new Error("Missing key required for registerStore.");if(e[t])throw new Error("A store with the key '".concat(t,"' already exists."));const l=((e,t)=>{const r=localStorage.getItem(e);if(r){const e=JSON.parse(r);return{...t,...e}}return t})(t,r);var i,p,u;e[t]={actions:j(a,o,l),store:(0,redux__WEBPACK_IMPORTED_MODULE_1__.createStore)(R(o,l),l,T(t,c))},e[t].selectors=((e,t)=>{const r={},n=t.getState();return Object.entries(n).map((([t])=>{const r=v("get_".concat(t));e[r]||(e[r]=e=>e[t])})),Object.entries(e).map((([e,n])=>{r[e]=(...e)=>n(t.getState(),...e)})),r})(s,e[t].store),i=t,p=e[t].store,(u=n).length&&p.subscribe((()=>{const e=p.getState(),t={};u.map((r=>{t[r]=e[r]})),localStorage.setItem(i,JSON.stringify(t))}))},useStore:(n,o=!0)=>{const{store:s}=e[n],c=s.getState(),l=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(c),[i,p]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(c);return (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>(p(s.getState()),s.subscribe((()=>{const e=s.getState();x(o,l.current,e)&&p({...e}),l.current=e})))),[]),i},getStore:t=>e[t].store,getDispatch:t=>{const{actions:r,store:n}=e[t];return (0,redux__WEBPACK_IMPORTED_MODULE_1__.bindActionCreators)(r,n.dispatch)},getSelectors:t=>e[t].selectors,getHooks:a=>{const{actions:o,store:s}=e[a];return((e,a)=>{const o=e.getState(),s={};return Object.keys(o).map((o=>{const c="use".concat(I(o));s[c]=(s=!0)=>{const[c,l]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(e.getState()[o]),i=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(e.getState()[o]);(0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((()=>(l(e.getState()[o]),i.current=e.getState()[o],e.subscribe((()=>{const t=e.getState();x(s,c,i.current)&&l(t[o]),i.current=t[o]})))),[]);const p="set".concat(I(o));let u=a[p];return[c,u]}})),s})(s,(0,redux__WEBPACK_IMPORTED_MODULE_1__.bindActionCreators)(o,s.dispatch))}}};function k(){return(k=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}const D={};const B=({error:t,title:r="There seems to be an error",children:n,style:a={},...o})=>{const s={...a,display:"flex",flexDirection:"column",flex:"1 1 auto",justifyContent:"center",alignItems:"center",padding:40,textAlign:"center",minHeight:0,maxHeight:"100%"};return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",k({style:s},o),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h1",{style:{marginBottom:20}},r),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("code",{style:{padding:10}},t.message),n)};D.Boundary=class extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(e){super(e),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}render(){const{alternate:e=B,children:t}=this.props,{hasError:r,error:n}=this.state;return r?(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(e,{error:n}):t}},D.Page=B;const H=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",null,"Loading..."),G=({children:t,error:r,loading:n=H,router:a=react_router_dom__WEBPACK_IMPORTED_MODULE_2__.MemoryRouter,routerProps:o={}})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(D.Boundary,{alternate:r},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(a,o,react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0___default().createElement(n,null)},t))),J={handle:null,label:null,isAppRoot:!1},M=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(J),z=()=>(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(M),F=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(D.Page,k({title:"App Core: There seems to be an issue rendering current app."},t)),X=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h1",{style:{margin:"auto"}},"Loading..."),Z=({loading:t,error:r=V,apps:n})=>{const o=(0,react_router_dom__WEBPACK_IMPORTED_MODULE_2__.useHistory)(),s=(0,react_router_dom__WEBPACK_IMPORTED_MODULE_2__.useLocation)(),{app:l}=(0,react_router_dom__WEBPACK_IMPORTED_MODULE_2__.useParams)();if((0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(n[l]&&"function"==typeof n[l].onMount)return n[l].onMount()}),[l]),!n[l])return o.go(-o.length),o.replace("/",{}),null;const{label:i="",root:p}=n[l],u=2>=s.pathname.split("/").length,g={...J,handle:l,baseURL:"/".concat(l),label:i,isAppRoot:u};return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(M.Provider,{value:g},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(D.Boundary,{alternate:r},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0___default().createElement(t,null)},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(q,k({root:p},g)))))},$=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(K,null,react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h1",null,"App Not Found")),q=(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)((({root:t,...r})=>t?react__WEBPACK_IMPORTED_MODULE_0___default().createElement(t,r):react__WEBPACK_IMPORTED_MODULE_0___default().createElement($,null))),V=t=>{const{label:r}=z();return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(D.Page,k({title:"There seems to be an issue with the ".concat(r," app.")},t))},K=({children:t})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{style:{flex:"1 1 auto",minHeight:0,maxHeight:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},t),Q={};Q.use=z,Q.Content=({apps:t={},defaultApp:r="home",loading:n=X})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(D.Boundary,{alternate:F},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Switch,null,react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Route,{exact:!0,path:"/"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Redirect,{to:"/".concat(r)})),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Route,{path:"/:app",render:()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Z,{loading:n,apps:t})})));
|
26 |
|
27 |
|
28 |
-
/***/ }),
|
29 |
-
|
30 |
-
/***/ "./src/vendors/bb-app-core.js":
|
31 |
-
/*!************************************!*\
|
32 |
-
!*** ./src/vendors/bb-app-core.js ***!
|
33 |
-
\************************************/
|
34 |
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
35 |
-
|
36 |
-
__webpack_require__.r(__webpack_exports__);
|
37 |
-
/* harmony import */ var vendor_app_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vendor-app-core */ "./node_modules/@beaverbuilder/app-core/dist/index.es.js");
|
38 |
-
|
39 |
-
window.FL = window.FL || {};
|
40 |
-
FL.vendors = FL.vendors || {};
|
41 |
-
FL.vendors.BBAppCore = vendor_app_core__WEBPACK_IMPORTED_MODULE_0__;
|
42 |
-
|
43 |
/***/ }),
|
44 |
|
45 |
/***/ "react":
|
@@ -80,8 +65,9 @@ module.exports = Redux;
|
|
80 |
/******/ // The require function
|
81 |
/******/ function __webpack_require__(moduleId) {
|
82 |
/******/ // Check if module is in cache
|
83 |
-
/******/
|
84 |
-
/******/
|
|
|
85 |
/******/ }
|
86 |
/******/ // Create a new module (and put it into the cache)
|
87 |
/******/ var module = __webpack_module_cache__[moduleId] = {
|
@@ -139,10 +125,20 @@ module.exports = Redux;
|
|
139 |
/******/ })();
|
140 |
/******/
|
141 |
/************************************************************************/
|
142 |
-
|
143 |
-
|
144 |
-
|
145 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
146 |
/******/ })()
|
147 |
;
|
148 |
//# sourceMappingURL=vendor-bb-app-core.bundle.js.map
|
10 |
|
11 |
__webpack_require__.r(__webpack_exports__);
|
12 |
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
13 |
+
/* harmony export */ "App": () => (/* binding */ me),
|
14 |
+
/* harmony export */ "Error": () => (/* binding */ re),
|
15 |
+
/* harmony export */ "Root": () => (/* binding */ ae),
|
16 |
+
/* harmony export */ "createAppState": () => (/* binding */ C),
|
17 |
+
/* harmony export */ "createStoreRegistry": () => (/* binding */ F)
|
18 |
/* harmony export */ });
|
19 |
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
20 |
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
22 |
/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(redux__WEBPACK_IMPORTED_MODULE_1__);
|
23 |
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router-dom */ "react-router-dom");
|
24 |
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_2__);
|
25 |
+
function E(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function S(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){E(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var A={handle:"",label:"",render:function(){return null},icon:function(){return null},isEnabled:!0},C=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:A;return{reducers:{apps:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=arguments.length>1?arguments[1]:void 0;switch(r.type){case"REGISTER_APP":return S(E({},r.handle,S(S({},e),{},{handle:r.handle},r.config)),t);case"UNREGISTER_APP":return delete t[r.handle],S({},t);default:return t}}},actions:{registerApp:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return{type:"REGISTER_APP",handle:e,config:t}},unregisterApp:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return{type:"UNREGISTER_APP",handle:e}}}}};function D(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function _(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,c=[],a=!0,i=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(c.push(n.value),!t||c.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==r.return||r.return()}finally{if(i)throw o}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return D(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?D(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e){return(x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var R=function(e,t){return x(e)===x(t)&&("string"==typeof e||"number"==typeof e?e===t:JSON.stringify(e)===JSON.stringify(t))},k=function(e,t,r){return"boolean"==typeof e?e:"function"==typeof e?e(t,r):"string"==typeof e?!R(t[e],r[e]):!!Array.isArray(e)&&e.some((function(e){return!R(t[e],r[e])}))};function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function U(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){E(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var I={exports:{}};const L=(e,t)=>{if("string"!=typeof e&&!Array.isArray(e))throw new TypeError("Expected the input to be `string | string[]`");t=Object.assign({pascalCase:!1},t);if(0===(e=Array.isArray(e)?e.map((e=>e.trim())).filter((e=>e.length)).join("-"):e.trim()).length)return"";if(1===e.length)return t.pascalCase?e.toUpperCase():e.toLowerCase();return e!==e.toLowerCase()&&(e=(e=>{let t=!1,r=!1,n=!1;for(let o=0;o<e.length;o++){const c=e[o];t&&/[a-zA-Z]/.test(c)&&c.toUpperCase()===c?(e=e.slice(0,o)+"-"+e.slice(o),t=!1,n=r,r=!0,o++):r&&n&&/[a-zA-Z]/.test(c)&&c.toLowerCase()===c?(e=e.slice(0,o-1)+"-"+e.slice(o-1),n=r,r=!1,t=!0):(t=c.toLowerCase()===c&&c.toUpperCase()!==c,n=r,r=c.toUpperCase()===c&&c.toLowerCase()!==c)}return e})(e)),e=e.replace(/^[_.\- ]+/,"").toLowerCase().replace(/[_.\- ]+(\w|$)/g,((e,t)=>t.toUpperCase())).replace(/\d+(\w|$)/g,(e=>e.toUpperCase())),r=e,t.pascalCase?r.charAt(0).toUpperCase()+r.slice(1):r;var r};I.exports=L,I.exports.default=L;var N=I.exports,B=function(e,t,r){return Object.entries(r).map((function(r){var n=_(r,1)[0];if(!t[n]){var o="SET_".concat(n.toUpperCase()),c=N("set_".concat(n));e[c]=function(e){return{type:o,value:e}}}})),e},H=function(e,t){return Object.keys(e).length||Object.keys(t).length?(Object.entries(t).map((function(t){var r=_(t,2),n=r[0],o=r[1];e[n]||(e[n]=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"SET_".concat(n.toUpperCase()):return t.value;default:return e}})})),(0,redux__WEBPACK_IMPORTED_MODULE_1__.combineReducers)(e)):function(e){return e}},M=function(e,t){var r="undefined"==typeof window?null:window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__;return(r?r({name:e}):redux__WEBPACK_IMPORTED_MODULE_1__.compose)((0,redux__WEBPACK_IMPORTED_MODULE_1__.applyMiddleware)(G(t)))},G=function(e){var t=e.before,r=e.after;return function(e){return function(n){return function(o){t&&t[o.type]&&t[o.type](o,e);var c=n(o);return r&&r[o.type]&&r[o.type](o,e),c}}}},J=function(e){return e.charAt(0).toUpperCase()+e.slice(1)};function $(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function z(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?$(Object(r),!0).forEach((function(t){E(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):$(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var F=function(){var e={};return{registerStore:function(t,r){var n=r.state,o=void 0===n?{}:n,c=r.cache,a=void 0===c?[]:c,i=r.actions,u=void 0===i?{}:i,l=r.reducers,f=void 0===l?{}:l,s=r.selectors,p=void 0===s?{}:s,y=r.effects,g=void 0===y?{}:y;if(!t)throw new Error("Missing key required for registerStore.");if(e[t])throw new Error("A store with the key '".concat(t,"' already exists."));var v,O,d,h=function(e,t){if("undefined"!=typeof localStorage){var r=localStorage.getItem(e);if(r){var n=JSON.parse(r);return U(U({},t),n)}}return t}(t,o);e[t]={actions:B(z({},u),f,h),store:(0,redux__WEBPACK_IMPORTED_MODULE_1__.createStore)(H(z({},f),h),h,M(t,g))},e[t].selectors=function(e,t){var r={},n=t.getState();return Object.entries(n).map((function(t){var r=_(t,1)[0],n=N("get_".concat(r));e[n]||(e[n]=function(e){return e[r]})})),Object.entries(e).map((function(e){var n=_(e,2),o=n[0],c=n[1];r[o]=function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return c.apply(void 0,[t.getState()].concat(r))}})),r}(z({},p),e[t].store),v=t,O=e[t].store,(d=a).length&&"undefined"!=typeof localStorage&&O.subscribe((function(){var e=O.getState(),t={};d.map((function(r){t[r]=e[r]})),localStorage.setItem(v,JSON.stringify(t))}))},useStore:function(n){var c=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],a=e[n].store,i=a.getState(),u=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(i),l=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(i),f=_(l,2),s=f[0],p=f[1];return (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){return p(a.getState()),a.subscribe((function(){var e=a.getState();k(c,u.current,e)&&p(z({},e)),u.current=e}))}),[]),s},getStore:function(t){return e[t].store},getDispatch:function(t){var r=e[t],n=r.actions,o=r.store,c={};return Object.entries(n).map((function(e){var t=_(e,2),r=t[0],n=t[1];c[r]=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return new Promise((function(e){e(o.dispatch(n.apply(void 0,t)))}))}})),c},getSelectors:function(t){return e[t].selectors},getHooks:function(o){var c=e[o],a=c.actions,i=c.store;return function(e,o){var c=e.getState(),a={};return Object.keys(c).map((function(c){var i="use".concat(J(c));a[i]=function(){var a=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],i=_((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(e.getState()[c]),2),u=i[0],l=i[1],f=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(e.getState()[c]);(0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((function(){return l(e.getState()[c]),f.current=e.getState()[c],e.subscribe((function(){var t=e.getState();k(a,u,f.current)&&l(t[c]),f.current=t[c]}))}),[]);var s="set".concat(J(c)),p=o[s];return[u,p]}})),a}(i,(0,redux__WEBPACK_IMPORTED_MODULE_1__.bindActionCreators)(a,i.dispatch))}}};function X(){return(X=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function Z(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function q(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function V(e,t){return(V=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Y(e,t){return!t||"object"!==x(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function K(e){return(K=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Q=["error","title","children","style"];function W(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ee(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?W(Object(r),!0).forEach((function(t){E(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):W(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function te(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=K(e);if(t){var o=K(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return Y(this,r)}}var re={},ne=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&V(e,t)}(i,react__WEBPACK_IMPORTED_MODULE_0__.Component);var t,r,n,o=te(i);function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(t=o.call(this,e)).state={hasError:!1,error:null},t}return t=i,n=[{key:"getDerivedStateFromError",value:function(e){return{hasError:!0,error:e}}}],(r=[{key:"render",value:function(){var e=this.props,t=e.alternate,r=void 0===t?oe:t,n=e.children,o=this.state,a=o.hasError,i=o.error;return a?(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(r,{error:i}):n}}])&&q(t.prototype,r),n&&q(t,n),i}(),oe=function(t){var r=t.error,n=t.title,o=void 0===n?"There seems to be an error":n,c=t.children,a=t.style,i=void 0===a?{}:a,u=Z(t,Q),l=ee(ee({},i),{},{display:"flex",flexDirection:"column",flex:"1 1 auto",justifyContent:"center",alignItems:"center",padding:40,textAlign:"center",minHeight:0,maxHeight:"100%"});return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",X({style:l},u),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h1",{style:{marginBottom:20}},o),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("code",{style:{padding:10}},r.message),c)};re.Boundary=ne,re.Page=oe;var ce=function(){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",null,"Loading...")},ae=function(t){var r=t.children,n=t.error,o=t.loading,c=void 0===o?ce:o,a=t.router,u=void 0===a?react_router_dom__WEBPACK_IMPORTED_MODULE_2__.MemoryRouter:a,l=t.routerProps,f=void 0===l?{}:l;return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(re.Boundary,{alternate:n},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(u,f,react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0___default().createElement(c,null)},r)))},ie={handle:null,label:null,isAppRoot:!1},ue=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(ie),le=function(){return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ue)},fe=["root"];function se(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function pe(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?se(Object(r),!0).forEach((function(t){E(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):se(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var ye=function(t){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(re.Page,X({title:"App Core: There seems to be an issue rendering current app."},t))},be=function(){return console.log("default loading screen"),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h1",{style:{margin:"auto"}},"Loading...")},ge=function(t){var r=t.loading,n=t.error,c=void 0===n?de:n,a=t.apps,u=(0,react_router_dom__WEBPACK_IMPORTED_MODULE_2__.useHistory)(),l=(0,react_router_dom__WEBPACK_IMPORTED_MODULE_2__.useLocation)(),f=(0,react_router_dom__WEBPACK_IMPORTED_MODULE_2__.useParams)().app;if((0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){if(a[f]&&"function"==typeof a[f].onMount)return a[f].onMount()}),[f]),!a[f])return u.go(-u.length),u.replace("/",{}),null;var s=a[f],p=s.label,y=void 0===p?"":p,b=s.root,g=2>=l.pathname.split("/").length,v=pe(pe({},ie),{},{handle:f,baseURL:"/".concat(f),label:y,isAppRoot:g});return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ue.Provider,{value:v},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(re.Boundary,{alternate:c},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0___default().createElement(r,null)},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Oe,X({root:b},v)))))},ve=function(){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(he,null,react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h1",null,"App Not Found"))},Oe=(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)((function(t){var r=t.root,n=Z(t,fe);return r?react__WEBPACK_IMPORTED_MODULE_0___default().createElement(r,n):react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ve,null)})),de=function(t){var r=le().label;return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(re.Page,X({title:"There seems to be an issue with the ".concat(r," app.")},t))},he=function(t){var r=t.children;return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{style:{flex:"1 1 auto",minHeight:0,maxHeight:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},r)},me={};me.use=le,me.Content=function(t){var r=t.apps,n=void 0===r?{}:r,o=t.defaultApp,c=void 0===o?"home":o,a=t.loading,i=void 0===a?be:a;return Object.keys(n).length?react__WEBPACK_IMPORTED_MODULE_0___default().createElement(re.Boundary,{alternate:ye},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Switch,null,c&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Route,{exact:!0,path:"/"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Redirect,{to:"/".concat(c)})),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Route,{path:"/:app",render:function(){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ge,{loading:i,apps:n})}}))):(console.warn("App Core: You have no apps."),null)};
|
26 |
|
27 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
28 |
/***/ }),
|
29 |
|
30 |
/***/ "react":
|
65 |
/******/ // The require function
|
66 |
/******/ function __webpack_require__(moduleId) {
|
67 |
/******/ // Check if module is in cache
|
68 |
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
69 |
+
/******/ if (cachedModule !== undefined) {
|
70 |
+
/******/ return cachedModule.exports;
|
71 |
/******/ }
|
72 |
/******/ // Create a new module (and put it into the cache)
|
73 |
/******/ var module = __webpack_module_cache__[moduleId] = {
|
125 |
/******/ })();
|
126 |
/******/
|
127 |
/************************************************************************/
|
128 |
+
var __webpack_exports__ = {};
|
129 |
+
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
130 |
+
(() => {
|
131 |
+
/*!************************************!*\
|
132 |
+
!*** ./src/vendors/bb-app-core.js ***!
|
133 |
+
\************************************/
|
134 |
+
__webpack_require__.r(__webpack_exports__);
|
135 |
+
/* harmony import */ var vendor_app_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vendor-app-core */ "./node_modules/@beaverbuilder/app-core/dist/index.es.js");
|
136 |
+
|
137 |
+
window.FL = window.FL || {};
|
138 |
+
FL.vendors = FL.vendors || {};
|
139 |
+
FL.vendors.BBAppCore = vendor_app_core__WEBPACK_IMPORTED_MODULE_0__;
|
140 |
+
})();
|
141 |
+
|
142 |
/******/ })()
|
143 |
;
|
144 |
//# sourceMappingURL=vendor-bb-app-core.bundle.js.map
|
js/build/vendor-bb-app-core.bundle.min.js
CHANGED
@@ -1 +1 @@
|
|
1 |
-
(()=>{"use strict";var e={n:t=>{var r=t&&t.__esModule?()=>t.default:()=>t;return e.d(r,{a:r}),r},d:(t,r)=>{for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{App:()=>M,Error:()=>b,Root:()=>A,createAppState:()=>c,createStoreRegistry:()=>E});const r=React;var n=e.n(r);const a=Redux,o=ReactRouterDOM,s={handle:"",label:"",render:()=>null,icon:()=>null,isEnabled:!0},c=(e=s)=>({reducers:{apps:(t={},r)=>{switch(r.type){case"REGISTER_APP":return{[r.handle]:{...e,handle:r.handle,...r.config},...t};case"UNREGISTER_APP":return delete t[r.handle],{...t};default:return t}}},actions:{registerApp:(e="",t={})=>({type:"REGISTER_APP",handle:e,config:t}),unregisterApp:(e="")=>({type:"UNREGISTER_APP",handle:e})}}),l=(e,t)=>typeof e==typeof t&&("string"==typeof e||"number"==typeof e?e===t:JSON.stringify(e)===JSON.stringify(t)),i=(e,t,r)=>"boolean"==typeof e?e:"function"==typeof e?e(t,r):"string"==typeof e?!l(t[e],r[e]):!!Array.isArray(e)&&e.some((e=>!l(t[e],r[e]))),p=(e,t)=>{if("string"!=typeof e&&!Array.isArray(e))throw new TypeError("Expected the input to be `string | string[]`");return t=Object.assign({pascalCase:!1},t),0===(e=Array.isArray(e)?e.map((e=>e.trim())).filter((e=>e.length)).join("-"):e.trim()).length?"":1===e.length?t.pascalCase?e.toUpperCase():e.toLowerCase():(e!==e.toLowerCase()&&(e=(e=>{let t=!1,r=!1,n=!1;for(let a=0;a<e.length;a++){const o=e[a];t&&/[a-zA-Z]/.test(o)&&o.toUpperCase()===o?(e=e.slice(0,a)+"-"+e.slice(a),t=!1,n=r,r=!0,a++):r&&n&&/[a-zA-Z]/.test(o)&&o.toLowerCase()===o?(e=e.slice(0,a-1)+"-"+e.slice(a-1),n=r,r=!1,t=!0):(t=o.toLowerCase()===o&&o.toUpperCase()!==o,n=r,r=o.toUpperCase()===o&&o.toLowerCase()!==o)}return e})(e)),r=e=e.replace(/^[_.\- ]+/,"").toLowerCase().replace(/[_.\- ]+(\w|$)/g,((e,t)=>t.toUpperCase())).replace(/\d+(\w|$)/g,(e=>e.toUpperCase())),t.pascalCase?r.charAt(0).toUpperCase()+r.slice(1):r);var r};var u=p,d=p;u.default=d;const g=(e,t,r)=>(Object.entries(r).map((([r])=>{if(!t[r]){const t="SET_".concat(r.toUpperCase()),n=u("set_".concat(r));e[n]=e=>({type:t,value:e})}})),e),m=(e,t)=>Object.keys(e).length||Object.keys(t).length?(Object.entries(t).map((([t,r])=>{e[t]||(e[t]=(e=r,n)=>{switch(n.type){case"SET_".concat(t.toUpperCase()):return n.value;default:return e}})})),(0,a.combineReducers)(e)):e=>e,y=(e,t)=>{const r=window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__;return(r?r({name:e}):a.compose)((0,a.applyMiddleware)(f(t)))},f=e=>{const{before:t,after:r}=e;return e=>n=>a=>{t&&t[a.type]&&t[a.type](a,e);const o=n(a);return r&&r[a.type]&&r[a.type](a,e),o}},h=e=>e.charAt(0).toUpperCase()+e.slice(1),E=()=>{const e={};return{registerStore:(t,{state:r={},cache:n=[],actions:o={},reducers:s={},selectors:c={},effects:l={}})=>{if(!t)throw new Error("Missing key required for registerStore.");if(e[t])throw new Error("A store with the key '".concat(t,"' already exists."));const i=((e,t)=>{const r=localStorage.getItem(e);if(r){const e=JSON.parse(r);return{...t,...e}}return t})(t,r);var p,d,f;e[t]={actions:g(o,s,i),store:(0,a.createStore)(m(s,i),i,y(t,l))},e[t].selectors=((e,t)=>{const r={},n=t.getState();return Object.entries(n).map((([t])=>{const r=u("get_".concat(t));e[r]||(e[r]=e=>e[t])})),Object.entries(e).map((([e,n])=>{r[e]=(...e)=>n(t.getState(),...e)})),r})(c,e[t].store),p=t,d=e[t].store,(f=n).length&&d.subscribe((()=>{const e=d.getState(),t={};f.map((r=>{t[r]=e[r]})),localStorage.setItem(p,JSON.stringify(t))}))},useStore:(t,n=!0)=>{const{store:a}=e[t],o=a.getState(),s=(0,r.useRef)(o),[c,l]=(0,r.useState)(o);return(0,r.useEffect)((()=>(l(a.getState()),a.subscribe((()=>{const e=a.getState();i(n,s.current,e)&&l({...e}),s.current=e})))),[]),c},getStore:t=>e[t].store,getDispatch:t=>{const{actions:r,store:n}=e[t];return(0,a.bindActionCreators)(r,n.dispatch)},getSelectors:t=>e[t].selectors,getHooks:t=>{const{actions:n,store:o}=e[t];return((e,t)=>{const n=e.getState(),a={};return Object.keys(n).map((n=>{const o="use".concat(h(n));a[o]=(a=!0)=>{const[o,s]=(0,r.useState)(e.getState()[n]),c=(0,r.useRef)(e.getState()[n]);(0,r.useLayoutEffect)((()=>(s(e.getState()[n]),c.current=e.getState()[n],e.subscribe((()=>{const t=e.getState();i(a,o,c.current)&&s(t[n]),c.current=t[n]})))),[]);const l="set".concat(h(n));let p=t[l];return[o,p]}})),a})(o,(0,a.bindActionCreators)(n,o.dispatch))}}};function S(){return(S=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}const b={},C=({error:e,title:t="There seems to be an error",children:r,style:a={},...o})=>{const s={...a,display:"flex",flexDirection:"column",flex:"1 1 auto",justifyContent:"center",alignItems:"center",padding:40,textAlign:"center",minHeight:0,maxHeight:"100%"};return n().createElement("div",S({style:s},o),n().createElement("h1",{style:{marginBottom:20}},t),n().createElement("code",{style:{padding:10}},e.message),r)};b.Boundary=class extends r.Component{constructor(e){super(e),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}render(){const{alternate:e=C,children:t}=this.props,{hasError:n,error:a}=this.state;return n?(0,r.createElement)(e,{error:a}):t}},b.Page=C;const w=()=>n().createElement("div",null,"Loading..."),A=({children:e,error:t,loading:a=w,router:s=o.MemoryRouter,routerProps:c={}})=>n().createElement(b.Boundary,{alternate:t},n().createElement(s,c,n().createElement(r.Suspense,{fallback:n().createElement(a,null)},e))),O={handle:null,label:null,isAppRoot:!1},R=(0,r.createContext)(O),v=()=>(0,r.useContext)(R),_=e=>n().createElement(b.Page,S({title:"App Core: There seems to be an issue rendering current app."},e)),P=()=>n().createElement("h1",{style:{margin:"auto"}},"Loading..."),j=({loading:e,error:t=T,apps:a})=>{const s=(0,o.useHistory)(),c=(0,o.useLocation)(),{app:l}=(0,o.useParams)();if((0,r.useEffect)((()=>{if(a[l]&&"function"==typeof a[l].onMount)return a[l].onMount()}),[l]),!a[l])return s.go(-s.length),s.replace("/",{}),null;const{label:i="",root:p}=a[l],u=2>=c.pathname.split("/").length,d={...O,handle:l,baseURL:"/".concat(l),label:i,isAppRoot:u};return n().createElement(R.Provider,{value:d},n().createElement(b.Boundary,{alternate:t},n().createElement(r.Suspense,{fallback:n().createElement(e,null)},n().createElement(x,S({root:p},d)))))},L=()=>n().createElement(U,null,n().createElement("h1",null,"App Not Found")),x=(0,r.memo)((({root:e,...t})=>e?n().createElement(e,t):n().createElement(L,null))),T=e=>{const{label:t}=v();return n().createElement(b.Page,S({title:"There seems to be an issue with the ".concat(t," app.")},e))},U=({children:e})=>n().createElement("div",{style:{flex:"1 1 auto",minHeight:0,maxHeight:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},e),M={};M.use=v,M.Content=({apps:e={},defaultApp:t="home",loading:r=P})=>n().createElement(b.Boundary,{alternate:_},n().createElement(o.Switch,null,n().createElement(o.Route,{exact:!0,path:"/"},n().createElement(o.Redirect,{to:"/".concat(t)})),n().createElement(o.Route,{path:"/:app",render:()=>n().createElement(j,{loading:r,apps:e})}))),window.FL=window.FL||{},FL.vendors=FL.vendors||{},FL.vendors.BBAppCore=t})();
|
1 |
+
(()=>{"use strict";var e={n:t=>{var r=t&&t.__esModule?()=>t.default:()=>t;return e.d(r,{a:r}),r},d:(t,r)=>{for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{App:()=>re,Error:()=>B,Root:()=>G,createAppState:()=>s,createStoreRegistry:()=>R});const r=React;var n=e.n(r);const o=Redux,c=ReactRouterDOM;function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var l={handle:"",label:"",render:function(){return null},icon:function(){return null},isEnabled:!0},s=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:l;return{reducers:{apps:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=arguments.length>1?arguments[1]:void 0;switch(r.type){case"REGISTER_APP":return u(a({},r.handle,u(u({},e),{},{handle:r.handle},r.config)),t);case"UNREGISTER_APP":return delete t[r.handle],u({},t);default:return t}}},actions:{registerApp:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return{type:"REGISTER_APP",handle:e,config:t}},unregisterApp:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return{type:"UNREGISTER_APP",handle:e}}}}};function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,c=[],a=!0,i=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(c.push(n.value),!t||c.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==r.return||r.return()}finally{if(i)throw o}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(e){return(y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var b=function(e,t){return y(e)===y(t)&&("string"==typeof e||"number"==typeof e?e===t:JSON.stringify(e)===JSON.stringify(t))},g=function(e,t,r){return"boolean"==typeof e?e:"function"==typeof e?e(t,r):"string"==typeof e?!b(t[e],r[e]):!!Array.isArray(e)&&e.some((function(e){return!b(t[e],r[e])}))};function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O={exports:{}};const h=(e,t)=>{if("string"!=typeof e&&!Array.isArray(e))throw new TypeError("Expected the input to be `string | string[]`");return t=Object.assign({pascalCase:!1},t),0===(e=Array.isArray(e)?e.map((e=>e.trim())).filter((e=>e.length)).join("-"):e.trim()).length?"":1===e.length?t.pascalCase?e.toUpperCase():e.toLowerCase():(e!==e.toLowerCase()&&(e=(e=>{let t=!1,r=!1,n=!1;for(let o=0;o<e.length;o++){const c=e[o];t&&/[a-zA-Z]/.test(c)&&c.toUpperCase()===c?(e=e.slice(0,o)+"-"+e.slice(o),t=!1,n=r,r=!0,o++):r&&n&&/[a-zA-Z]/.test(c)&&c.toLowerCase()===c?(e=e.slice(0,o-1)+"-"+e.slice(o-1),n=r,r=!1,t=!0):(t=c.toLowerCase()===c&&c.toUpperCase()!==c,n=r,r=c.toUpperCase()===c&&c.toLowerCase()!==c)}return e})(e)),e=e.replace(/^[_.\- ]+/,"").toLowerCase().replace(/[_.\- ]+(\w|$)/g,((e,t)=>t.toUpperCase())).replace(/\d+(\w|$)/g,(e=>e.toUpperCase())),r=e,t.pascalCase?r.charAt(0).toUpperCase()+r.slice(1):r);var r};O.exports=h,O.exports.default=h;var m=O.exports,j=function(e,t,r){return Object.entries(r).map((function(r){var n=p(r,1)[0];if(!t[n]){var o="SET_".concat(n.toUpperCase()),c=m("set_".concat(n));e[c]=function(e){return{type:o,value:e}}}})),e},w=function(e,t){return Object.keys(e).length||Object.keys(t).length?(Object.entries(t).map((function(t){var r=p(t,2),n=r[0],o=r[1];e[n]||(e[n]=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o,t=arguments.length>1?arguments[1]:void 0;return t.type==="SET_".concat(n.toUpperCase())?t.value:e})})),(0,o.combineReducers)(e)):function(e){return e}},E=function(e,t){var r="undefined"==typeof window?null:window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__;return(r?r({name:e}):o.compose)((0,o.applyMiddleware)(S(t)))},S=function(e){var t=e.before,r=e.after;return function(e){return function(n){return function(o){t&&t[o.type]&&t[o.type](o,e);var c=n(o);return r&&r[o.type]&&r[o.type](o,e),c}}}},P=function(e){return e.charAt(0).toUpperCase()+e.slice(1)};function A(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function C(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?A(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var R=function(){var e={};return{registerStore:function(t,r){var n=r.state,c=void 0===n?{}:n,a=r.cache,i=void 0===a?[]:a,u=r.actions,l=void 0===u?{}:u,s=r.reducers,f=void 0===s?{}:s,y=r.selectors,b=void 0===y?{}:y,g=r.effects,v=void 0===g?{}:g;if(!t)throw new Error("Missing key required for registerStore.");if(e[t])throw new Error("A store with the key '".concat(t,"' already exists."));var O,h,S,P=function(e,t){if("undefined"!=typeof localStorage){var r=localStorage.getItem(e);if(r){var n=JSON.parse(r);return d(d({},t),n)}}return t}(t,c);e[t]={actions:j(C({},l),f,P),store:(0,o.createStore)(w(C({},f),P),P,E(t,v))},e[t].selectors=function(e,t){var r={},n=t.getState();return Object.entries(n).map((function(t){var r=p(t,1)[0],n=m("get_".concat(r));e[n]||(e[n]=function(e){return e[r]})})),Object.entries(e).map((function(e){var n=p(e,2),o=n[0],c=n[1];r[o]=function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return c.apply(void 0,[t.getState()].concat(r))}})),r}(C({},b),e[t].store),O=t,h=e[t].store,(S=i).length&&"undefined"!=typeof localStorage&&h.subscribe((function(){var e=h.getState(),t={};S.map((function(r){t[r]=e[r]})),localStorage.setItem(O,JSON.stringify(t))}))},useStore:function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=e[t].store,c=o.getState(),a=(0,r.useRef)(c),i=(0,r.useState)(c),u=p(i,2),l=u[0],s=u[1];return(0,r.useEffect)((function(){return s(o.getState()),o.subscribe((function(){var e=o.getState();g(n,a.current,e)&&s(C({},e)),a.current=e}))}),[]),l},getStore:function(t){return e[t].store},getDispatch:function(t){var r=e[t],n=r.actions,o=r.store,c={};return Object.entries(n).map((function(e){var t=p(e,2),r=t[0],n=t[1];c[r]=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return new Promise((function(e){e(o.dispatch(n.apply(void 0,t)))}))}})),c},getSelectors:function(t){return e[t].selectors},getHooks:function(t){var n=e[t],c=n.actions,a=n.store;return function(e,t){var n=e.getState(),o={};return Object.keys(n).map((function(n){var c="use".concat(P(n));o[c]=function(){var o=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],c=p((0,r.useState)(e.getState()[n]),2),a=c[0],i=c[1],u=(0,r.useRef)(e.getState()[n]);(0,r.useLayoutEffect)((function(){return i(e.getState()[n]),u.current=e.getState()[n],e.subscribe((function(){var t=e.getState();g(o,a,u.current)&&i(t[n]),u.current=t[n]}))}),[]);var l="set".concat(P(n)),s=t[l];return[a,s]}})),o}(a,(0,o.bindActionCreators)(c,a.dispatch))}}};function _(){return(_=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function D(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function x(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function k(e,t){return(k=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function L(e,t){return!t||"object"!==y(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function T(e){return(T=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var U=["error","title","children","style"];function I(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function M(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?I(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var B={},N=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&k(e,t)}(a,r.Component);var t,n,o,c=function(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=T(e);if(t){var o=T(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return L(this,r)}}(a);function a(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),(t=c.call(this,e)).state={hasError:!1,error:null},t}return t=a,o=[{key:"getDerivedStateFromError",value:function(e){return{hasError:!0,error:e}}}],(n=[{key:"render",value:function(){var e=this.props,t=e.alternate,n=void 0===t?F:t,o=e.children,c=this.state,a=c.hasError,i=c.error;return a?(0,r.createElement)(n,{error:i}):o}}])&&x(t.prototype,n),o&&x(t,o),a}(),F=function(e){var t=e.error,r=e.title,o=void 0===r?"There seems to be an error":r,c=e.children,a=e.style,i=void 0===a?{}:a,u=D(e,U),l=M(M({},i),{},{display:"flex",flexDirection:"column",flex:"1 1 auto",justifyContent:"center",alignItems:"center",padding:40,textAlign:"center",minHeight:0,maxHeight:"100%"});return n().createElement("div",_({style:l},u),n().createElement("h1",{style:{marginBottom:20}},o),n().createElement("code",{style:{padding:10}},t.message),c)};B.Boundary=N,B.Page=F;var H=function(){return n().createElement("div",null,"Loading...")},G=function(e){var t=e.children,o=e.error,a=e.loading,i=void 0===a?H:a,u=e.router,l=void 0===u?c.MemoryRouter:u,s=e.routerProps,f=void 0===s?{}:s;return n().createElement(B.Boundary,{alternate:o},n().createElement(l,f,n().createElement(r.Suspense,{fallback:n().createElement(i,null)},t)))},J={handle:null,label:null,isAppRoot:!1},$=(0,r.createContext)(J),z=function(){return(0,r.useContext)($)},X=["root"];function Z(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function q(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Z(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var V=function(e){return n().createElement(B.Page,_({title:"App Core: There seems to be an issue rendering current app."},e))},Y=function(){return console.log("default loading screen"),n().createElement("h1",{style:{margin:"auto"}},"Loading...")},K=function(e){var t=e.loading,o=e.error,a=void 0===o?ee:o,i=e.apps,u=(0,c.useHistory)(),l=(0,c.useLocation)(),s=(0,c.useParams)().app;if((0,r.useEffect)((function(){if(i[s]&&"function"==typeof i[s].onMount)return i[s].onMount()}),[s]),!i[s])return u.go(-u.length),u.replace("/",{}),null;var f=i[s],p=f.label,y=void 0===p?"":p,b=f.root,g=2>=l.pathname.split("/").length,v=q(q({},J),{},{handle:s,baseURL:"/".concat(s),label:y,isAppRoot:g});return n().createElement($.Provider,{value:v},n().createElement(B.Boundary,{alternate:a},n().createElement(r.Suspense,{fallback:n().createElement(t,null)},n().createElement(W,_({root:b},v)))))},Q=function(){return n().createElement(te,null,n().createElement("h1",null,"App Not Found"))},W=(0,r.memo)((function(e){var t=e.root,r=D(e,X);return t?n().createElement(t,r):n().createElement(Q,null)})),ee=function(e){var t=z().label;return n().createElement(B.Page,_({title:"There seems to be an issue with the ".concat(t," app.")},e))},te=function(e){var t=e.children;return n().createElement("div",{style:{flex:"1 1 auto",minHeight:0,maxHeight:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},t)},re={};re.use=z,re.Content=function(e){var t=e.apps,r=void 0===t?{}:t,o=e.defaultApp,a=void 0===o?"home":o,i=e.loading,u=void 0===i?Y:i;return Object.keys(r).length?n().createElement(B.Boundary,{alternate:V},n().createElement(c.Switch,null,a&&n().createElement(c.Route,{exact:!0,path:"/"},n().createElement(c.Redirect,{to:"/".concat(a)})),n().createElement(c.Route,{path:"/:app",render:function(){return n().createElement(K,{loading:u,apps:r})}}))):(console.warn("App Core: You have no apps."),null)},window.FL=window.FL||{},FL.vendors=FL.vendors||{},FL.vendors.BBAppCore=t})();
|
js/build/vendor-bb-fluid.bundle.js
CHANGED
@@ -1,5 +1,4 @@
|
|
1 |
/******/ (() => { // webpackBootstrap
|
2 |
-
/******/ "use strict";
|
3 |
/******/ var __webpack_modules__ = ({
|
4 |
|
5 |
/***/ "./node_modules/@beaverbuilder/fluid/dist/index.es.js":
|
@@ -8,50 +7,101 @@
|
|
8 |
\************************************************************/
|
9 |
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
10 |
|
|
|
11 |
__webpack_require__.r(__webpack_exports__);
|
12 |
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
13 |
-
/* harmony export */ "Button": () => (/* binding */
|
14 |
-
/* harmony export */ "Collection": () => (/* binding */
|
15 |
-
/* harmony export */ "Layout": () => (/* binding */
|
16 |
-
/* harmony export */ "Menu": () => (/* binding */
|
17 |
-
/* harmony export */ "
|
18 |
-
/* harmony export */ "
|
|
|
19 |
/* harmony export */ });
|
20 |
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
21 |
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
22 |
-
/* harmony import */ var
|
23 |
-
/* harmony import */ var
|
24 |
-
/* harmony import */ var
|
25 |
-
/* harmony import */ var
|
26 |
-
/* harmony import */ var
|
27 |
-
/* harmony import */ var
|
28 |
-
/* harmony import */ var
|
29 |
-
/* harmony import */ var
|
30 |
-
|
31 |
-
|
32 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
33 |
Licensed under the MIT License (MIT), see
|
34 |
http://jedwatson.github.io/classnames
|
35 |
*/
|
36 |
-
!function(){var t={}.hasOwnProperty;function l(){for(var e=[],a=0;a<arguments.length;a++){var n=arguments[a];if(n){var r=typeof n;if("string"===r||"number"===r)e.push(n);else if(Array.isArray(n)&&n.length){var i=l.apply(null,n);i&&e.push(i)}else if("object"===r)for(var s in n)t.call(n,s)&&n[s]&&e.push(s)}}return e.join(" ")}e.exports?(l.default=l,e.exports=l):window.classNames=l}()}(b={exports:{}},b.exports),b.exports);var w=Object.freeze({__proto__:null,Title:({tag:t="div",eyebrow:l,eyebrowTag:a="div",subtitle:n,subtitleTag:r="div",children:i,className:s,role:c,level:o=2,...d})=>{const m=x("fluid-text-title",s);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(t,y({className:m,role:c||"heading","aria-level":o},d),l&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(a,{className:"fluid-text-eyebrow"},l),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",{style:{display:"inline-flex"}},i),n&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(r,{className:"fluid-text-subtitle"},n))}});const T=({className:t,style:l,padX:a=!0,padY:n=!0,outset:r=!1,tag:i="div",...s})=>{const c=x({"fluid-box":!0,"fluid-pad-x":a&&!r,"fluid-pad-y":n,"fluid-box-outset":r},t);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(i,y({className:c,style:l},s))},O=e=>Number.isInteger(e)&&0!==e?e+"px":"lg"===e||"large"===e?"var(--fluid-lg-space)":"med"===e||"medium"===e||"sm"===e||"small"===e?"var(--fluid-med-space)":e,k=(e,t,l)=>{if(t&&l)return l/t*100+"%";switch(e){case"square":case"1:1":return"100%";case"video":case"16:9":return"56.25%";case"poster":case"3:4":return"133.3%";default:const t=e.split(":");return 100/t[0]*t[1]+"%"}},S=({children:t,className:l,ratio:a="square",style:n,width:r,height:i,...s})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(T,y({padY:!1,padX:!1,className:x("fluid-aspect-box",l),style:{...n,paddingTop:k(a,r,i)}},s),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",null,t)),P=({className:t,align:l="center",style:a,padX:n=!1,padY:r=!1,gap:i=0,direction:s,...c})=>{const o={justifyContent:(d=l,"left"===d?"flex-start":"right"===d?"flex-end":d),"--fluid-gap":O(i),flexDirection:(e=>"reverse"===e?"row-reverse":e)(s),...a};var d;const m=x("fluid-row",t);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(T,y({padX:n,padY:r,className:m,style:o},c))},C=({tag:t="div",className:l,children:a,size:n,style:r,...i})=>{const s=Number.isInteger(n)?n+"px":n,c={...r,flex:void 0!==s&&"0 0 "+s};return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(t,y({className:x("fluid-split-pane",l),style:c},i),a)},D=["lg","med","sm"],B=({className:t,size:l="lg",isSticky:a=!0,tag:n="div",...r})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(n,y({className:x("fluid-toolbar",{["fluid-size-"+l]:D.includes(l),"fluid-is-sticky":a},t)},r)),I=e=>{e.preventDefault(),e.stopPropagation()},z=({children:t})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(framer_motion__WEBPACK_IMPORTED_MODULE_1__.motion.div,{initial:{scale:.8},animate:{scale:1},style:{background:"var(--fluid-box-background)",border:"2px solid var(--fluid-line-color)",flex:"1 1 auto",pointerEvents:"none",display:"flex",justifyContent:"center",alignItems:"center"}},t),H=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(),_=({tag:l="div",children:a,className:n,onDrop:r=(()=>{}),hoverMessage:i=react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h1",null,"You're Hovering..."),...s})=>{const[c,o]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),[d,m]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),u=e=>m(d.filter((t=>t.name!==e))),p={files:d,setFiles:m,removeFile:u},f=x("fluid-drop-area",{"is-hovering":c},n),g=e=>{o(!0),e.preventDefault(),e.stopPropagation()},E=e=>{o(!1),e.preventDefault(),e.stopPropagation()};return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(H.Provider,{value:p},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(l,y({className:f},s,{onDrag:I,onDragStart:I,onDragOver:g,onDragLeave:E,onDragEnter:g,onDragEnd:E,onDrop:e=>{const t=Array.from(e.nativeEvent.dataTransfer.files);m(t),o(!1),0<t.length&&r(t,u),e.preventDefault(),e.stopPropagation()}}),c?react__WEBPACK_IMPORTED_MODULE_0___default().createElement(z,null,i):a))};_.use=()=>(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(H);var F=Object.freeze({__proto__:null,Box:T,Row:P,Loading:({className:t,...l})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",y({className:x("fluid-loading-bar",t)},l),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-dot"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-dot"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-dot"})),Headline:({className:t,...l})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",y({className:x("fluid-headline",t),role:"heading","aria-level":"2"},l)),Message:({status:t,icon:l,className:a,children:n,tag:r="div",...i})=>{const s=x("fluid-message",{"fluid-status-alert":"alert"==t,"fluid-status-destructive":"destructive"==t,"fluid-status-primary":"primary"==t},a);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(r,y({className:s},i),l&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-message-icon"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(l,null)),n)},AspectBox:S,Split:({tag:a="div",panes:n=[],sizes:r=[240],className:i,isShowingFirstPane:s=!0,onToggleFirstPane:c=(()=>{}),...o})=>{const[d,m]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(s);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>m(s)),[s]);const u={...o,toggleFirstPane:()=>{const e=!d;m(e),c(e)},isFirstPaneHidden:!d};return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(a,y({className:x("fluid-split",i)},o),0<n.length&&n.map(((t,l)=>0!==l||d?react__WEBPACK_IMPORTED_MODULE_0___default().createElement(C,{className:"fluid-split-pane",key:l,size:r[l]},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(t,u)):null)))},Toolbar:B,ContentBoundary:({tag:t="div",className:l,...a})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(t,y({className:x("fluid-content-boundary",l)},a)),DropArea:_});class Y extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(e){super(e),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}render(){const{alternate:e=L,children:t}=this.props,{hasError:l,error:a}=this.state;return l?(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(e,{error:a}):t}}const L=({error:t})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-default-error-message",style:{display:"flex",flexDirection:"column",flex:"1 0 auto",justifyContent:"center",alignItems:"center",padding:20}},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",null,"There seems to be an error."),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("code",null,t.message)),j=["normal","transparent","elevator"],W=["sm","med","lg"],X=["round"],A=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(((t,l)=>{const{tag:a,className:n,to:r,type:i="button",href:s,onClick:c,isSelected:o=!1,appearance:d="normal",status:m,icon:u,size:p,shape:g,isLoading:h=!1,disabled:v,children:N,...y}=t;let b={ref:l,className:x("fluid-button",{"is-selected":o,["fluid-status-"+m]:m,["fluid-size-"+p]:W.includes(p),["fluid-appearance-"+d]:j.includes(d),["fluid-shape-"+g]:g&&X.includes(g)},n),role:"button",disabled:v||h,...y},w="button";return a?w=a:r||s?(w="a",s?b.href=s:(w=react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Link,b.to=r)):(b.onClick=c,b.type=i),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(w,b,(u||h)&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",{className:"fluid-button-icon"},!0===h?react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_beaverbuilder_icons__WEBPACK_IMPORTED_MODULE_3__.Loading,null):u),N&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",null,N))})),M=({children:t,content:l,isShowing:a,onOutsideClick:n=(()=>{}),className:r,style:i,...s})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_laag__WEBPACK_IMPORTED_MODULE_4__.ToggleLayer,{isOpen:a,closeOnOutsideClick:!0,onOutsideClick:n,placement:{anchor:"BOTTOM_RIGHT",possibleAnchors:["BOTTOM_LEFT","BOTTOM_CENTER","BOTTOM_RIGHT"]},renderLayer:({layerProps:t,isOpen:a})=>a&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",y({},s,t,{style:{...i,...t.style},className:x("fluid-menu",t.className,r)}),l)},(({triggerRef:e})=>(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(t,{ref:e})));M.Item=({className:t,...l})=>{const a=x("fluid-menu-item",t);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(G,y({className:a,appearance:"transparent"},l))};const R=({className:t,direction:l="horizontal",isHidden:a=!1})=>{const n=x("fluid-divider",{"fluid-vertical-divider":"vertical"===l,"fluid-horizontal-divider":"horizontal"===l,"fluid-is-hidden":a},t);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("hr",{className:n})},G=A;G.Group=({tag:l="div",children:a,className:n,direction:r="row",appearance:i="normal",shouldHandleOverflow:s=!1,label:c,moreMenu:u,...p})=>{const[f,g]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),[E,v]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),N=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(),b="normal"===i,w="row"===r?"vertical":"horizontal";let T=react__WEBPACK_IMPORTED_MODULE_0__.Children.map(a,(e=>e||null));(0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((()=>{if(s){if(N.current){const e=N.current,t=window.getComputedStyle(e),l=parseInt(t.paddingLeft)+parseInt(t.paddingRight),a=e.querySelector(".fluid-more-button"),n=e.clientWidth-l;if((a?e.scrollWidth-(l+a.offsetWidth):e.scrollWidth-l)>n){v(!0);const t=n-a.offsetWidth;let l=0,r=0;for(let a of e.childNodes)l+=a.offsetWidth,l>t||r++;g(r)}else v(!1),g(null)}}else v(!1)}),[a]);const O=x({"fluid-button-group":!0,["fluid-button-group-"+r]:r,["fluid-button-group-appearance-"+i]:i},n),k={...p,className:O,role:p.role?p.role:"group",ref:N},S=()=>u||react__WEBPACK_IMPORTED_MODULE_0__.Children.map(a,((t,l)=>!t||t.props.excludeFromMenu?null:react__WEBPACK_IMPORTED_MODULE_0___default().createElement(M.Item,y({key:l},t.props)))),P=()=>{const[l,a]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,b&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(R,{className:"fluid-more-button-divider",direction:w}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(M,{content:react__WEBPACK_IMPORTED_MODULE_0___default().createElement(S,null),isShowing:l,onOutsideClick:()=>a(!1)},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(A,{className:"fluid-more-button",isSelected:l,onClick:()=>a(!l)},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_beaverbuilder_icons__WEBPACK_IMPORTED_MODULE_3__.More,null))))};return react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,c&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label",null,c),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(l,k,((e,t=null)=>Number.isInteger(t)?react__WEBPACK_IMPORTED_MODULE_0__.Children.map(e,((e,l)=>l+1>t?null:e)):e)(T,f),E&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(P,null)))};const q=t=>{const l=(0,react_router_dom__WEBPACK_IMPORTED_MODULE_2__.useHistory)();return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(G,y({className:"fluid-back-button",appearance:"transparent",onClick:l.goBack},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_beaverbuilder_icons__WEBPACK_IMPORTED_MODULE_3__.BackArrow,null))},J=({children:t,className:a,hero:n,title:r,icon:i,toolbar:s,topContentStyle:c,actions:o,header:d,footer:m,onLoad:u=(()=>{}),shouldScroll:p=!0,shouldShowBackButton:f=(e=>e),style:g={},padX:E=!0,padY:h=!0,contentWrapStyle:v=null,tag:N="div",contentBoxTag:b="div",contentBoxProps:w={},contentBoxStyle:O=null,overlay:k,...S})=>{const P=x("fluid-page",a);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(u,[]);const C="function"==typeof f?f():f,D=({children:t})=>{if(!t)return null;const l="string"==typeof t;return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{style:{transformOrigin:"0 0",flex:"0 0 auto",borderBottom:"2px solid var(--fluid-line-color)"}},l&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("img",{src:t,style:{width:"100%"}}),!l&&t)},I={...g,overflowX:"hidden",overflowY:p?"scroll":"hidden",perspective:1,perspectiveOrigin:"0 0"},z={maxHeight:p?"":"100%",minHeight:0,flexShrink:p?0:1,...O},H={flexGrow:1,flexShrink:1,minHeight:0,maxHeight:"100%",...v};return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(N,{className:"fluid-page-wrap",style:{flex:"1 1 auto",position:"relative",minHeight:0,maxHeight:"100%",minWidth:0,maxWidth:"100%",display:"flex",flexDirection:"column"}},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",y({className:P},S,{style:I}),n&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(D,null,n),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(b,y({className:"fluid-page-content"},w,{style:z}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-sticky-element fluid-page-top-content",style:c},s,!1!==s&&!s&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(B,{className:"fluid-page-top-toolbar"},C&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(q,null),i&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",{className:"fluid-page-title-icon"},i),r&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-page-toolbar-content"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",{className:"fluid-page-title",role:"heading","aria-level":"1",style:{flex:"1 1 auto"}},r)),o&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",{className:"fluid-page-actions"},o)),d&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(B,{size:"sm",className:"fluid-page-header"},d)),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(T,{padX:E,padY:h,style:H},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Y,null,t)))),m&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-page-footer"},m),k&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-page-overlay"},k))};J.Section=({children:t,className:l,label:a,handle:n,contentStyle:r={},padX:i=!0,padY:s=!0,footer:c,description:o,...d})=>{const m=x("fluid-section",{[n+"-section"]:n},l);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",y({className:m},d),a&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-section-title"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",{className:"fluid-section-title-text"},a)),o&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(P,{className:"fluid-section-description"},o),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(T,{className:"fluid-section-content",padX:i,padY:s,style:r},t),c&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(T,{padY:!1,className:"fluid-section-footer"},c))};const K=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({appearance:"grid"}),Q=({tag:t="li",title:l,description:n,thumbnail:r,thumbnailProps:i,truncateTitle:s=!0,icon:c,onClick:o,href:d,to:m,className:u,children:p,...f})=>{const{appearance:g}=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(K),E="list"===g?$:Z,h={title:l,truncateTitle:s,thumbnail:r,thumbnailProps:i,description:n,icon:c},v={onClick:o,href:d,to:m,className:"fluid-collection-item-primary-action",appearance:"transparent"};return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(t,y({className:x("fluid-collection-item",u)},f),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(G,v,(l||r)&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(E,h),p))},U=({children:t,ratio:l="4:3",...a})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-collection-item-thumbnail"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(S,y({ratio:l},a),t)),V=({title:t,description:l,truncate:a,icon:n,...r})=>{if(!t&&!l)return null;const i=x("fluid-item-title",{"fluid-truncate":a});return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",y({className:"fluid-collection-item-text"},r),(t||n)&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:i},n&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",null,n),t),l&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",null,l))},Z=({title:t,description:l,truncateTitle:a,thumbnail:n,thumbnailProps:r,icon:i,tag:s="div",...c})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(s,y({className:"fluid-collection-item-grid-content"},c),n&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(U,r,n),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(V,{title:t,truncate:a,description:l,icon:i})),$=({title:t,description:l,truncateTitle:a,thumbnail:n,thumbnailProps:r,icon:i,...s})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",y({className:"fluid-collection-item-list-content"},s),n&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(U,r,n),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(V,{title:t,truncate:a,description:l,icon:i})),ee=({...t})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Q,y({thumbnail:!0,title:"loading..."},t)),te=["grid","list"],le=({total:t=4})=>Array(t).fill(0).map(((t,l)=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ee,{key:l}))),ae=({tag:t="ul",appearance:l="grid",maxItems:a,className:n,children:r,isLoading:i=!1,loadingItems:s,...c})=>{const o=x("fluid-collection",{["fluid-collection-appearance-"+l]:te.includes(l)},n),m={appearance:l};return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(K.Provider,{value:m},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(framer_motion__WEBPACK_IMPORTED_MODULE_1__.AnimatePresence,null,react__WEBPACK_IMPORTED_MODULE_0___default().createElement(t,y({className:o},c),i&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(le,{total:s}),!i&&((e,t=null)=>Number.isInteger(t)?react__WEBPACK_IMPORTED_MODULE_0__.Children.map(e,((e,l)=>l+1>t?null:e)):react__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(e))(r,a))))};ae.Item=Q,ae.use=()=>(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(K);
|
37 |
|
|
|
|
|
38 |
|
39 |
-
|
40 |
|
41 |
-
|
42 |
-
|
43 |
-
!*** ./src/vendors/bb-fluid.js ***!
|
44 |
-
\*********************************/
|
45 |
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
46 |
|
47 |
-
|
48 |
-
|
49 |
-
|
50 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
51 |
|
52 |
-
window.FL = window.FL || {};
|
53 |
-
FL.vendors = FL.vendors || {};
|
54 |
-
FL.vendors.BBFluid = vendor_fluid__WEBPACK_IMPORTED_MODULE_0__;
|
55 |
|
56 |
/***/ }),
|
57 |
|
@@ -61,6 +111,7 @@ FL.vendors.BBFluid = vendor_fluid__WEBPACK_IMPORTED_MODULE_0__;
|
|
61 |
\**********************************************************/
|
62 |
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
63 |
|
|
|
64 |
__webpack_require__.r(__webpack_exports__);
|
65 |
// extracted by mini-css-extract-plugin
|
66 |
|
@@ -73,6 +124,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
73 |
\*************************************/
|
74 |
/***/ ((module) => {
|
75 |
|
|
|
76 |
module.exports = FL.vendors.BBIcons;
|
77 |
|
78 |
/***/ }),
|
@@ -83,6 +135,7 @@ module.exports = FL.vendors.BBIcons;
|
|
83 |
\*******************************/
|
84 |
/***/ ((module) => {
|
85 |
|
|
|
86 |
module.exports = FramerMotion;
|
87 |
|
88 |
/***/ }),
|
@@ -93,16 +146,29 @@ module.exports = FramerMotion;
|
|
93 |
\************************/
|
94 |
/***/ ((module) => {
|
95 |
|
|
|
96 |
module.exports = React;
|
97 |
|
98 |
/***/ }),
|
99 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
100 |
/***/ "react-laag":
|
101 |
/*!****************************!*\
|
102 |
!*** external "ReactLaag" ***!
|
103 |
\****************************/
|
104 |
/***/ ((module) => {
|
105 |
|
|
|
106 |
module.exports = ReactLaag;
|
107 |
|
108 |
/***/ }),
|
@@ -113,6 +179,7 @@ module.exports = ReactLaag;
|
|
113 |
\*********************************/
|
114 |
/***/ ((module) => {
|
115 |
|
|
|
116 |
module.exports = ReactRouterDOM;
|
117 |
|
118 |
/***/ })
|
@@ -125,8 +192,9 @@ module.exports = ReactRouterDOM;
|
|
125 |
/******/ // The require function
|
126 |
/******/ function __webpack_require__(moduleId) {
|
127 |
/******/ // Check if module is in cache
|
128 |
-
/******/
|
129 |
-
/******/
|
|
|
130 |
/******/ }
|
131 |
/******/ // Create a new module (and put it into the cache)
|
132 |
/******/ var module = __webpack_module_cache__[moduleId] = {
|
@@ -184,10 +252,23 @@ module.exports = ReactRouterDOM;
|
|
184 |
/******/ })();
|
185 |
/******/
|
186 |
/************************************************************************/
|
187 |
-
|
188 |
-
|
189 |
-
|
190 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
191 |
/******/ })()
|
192 |
;
|
193 |
//# sourceMappingURL=vendor-bb-fluid.bundle.js.map
|
1 |
/******/ (() => { // webpackBootstrap
|
|
|
2 |
/******/ var __webpack_modules__ = ({
|
3 |
|
4 |
/***/ "./node_modules/@beaverbuilder/fluid/dist/index.es.js":
|
7 |
\************************************************************/
|
8 |
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
9 |
|
10 |
+
"use strict";
|
11 |
__webpack_require__.r(__webpack_exports__);
|
12 |
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
13 |
+
/* harmony export */ "Button": () => (/* binding */ Ee),
|
14 |
+
/* harmony export */ "Collection": () => (/* binding */ nt),
|
15 |
+
/* harmony export */ "Layout": () => (/* binding */ ne),
|
16 |
+
/* harmony export */ "Menu": () => (/* binding */ pe),
|
17 |
+
/* harmony export */ "Modal": () => (/* binding */ xe),
|
18 |
+
/* harmony export */ "Page": () => (/* binding */ He),
|
19 |
+
/* harmony export */ "Text": () => (/* binding */ P)
|
20 |
/* harmony export */ });
|
21 |
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
22 |
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
23 |
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
24 |
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
|
25 |
+
/* harmony import */ var framer_motion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! framer-motion */ "framer-motion");
|
26 |
+
/* harmony import */ var framer_motion__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(framer_motion__WEBPACK_IMPORTED_MODULE_2__);
|
27 |
+
/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-dom */ "react-dom");
|
28 |
+
/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_3__);
|
29 |
+
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "react-router-dom");
|
30 |
+
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_4__);
|
31 |
+
/* harmony import */ var _beaverbuilder_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @beaverbuilder/icons */ "@beaverbuilder/icons");
|
32 |
+
/* harmony import */ var _beaverbuilder_icons__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_beaverbuilder_icons__WEBPACK_IMPORTED_MODULE_5__);
|
33 |
+
/* harmony import */ var react_laag__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-laag */ "react-laag");
|
34 |
+
/* harmony import */ var react_laag__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react_laag__WEBPACK_IMPORTED_MODULE_6__);
|
35 |
+
function N(){return(N=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function j(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var w=["tag","eyebrow","eyebrowTag","subtitle","subtitleTag","children","className","role","level"],P=Object.freeze({__proto__:null,Title:function(t){var r=t.tag,n=void 0===r?"div":r,a=t.eyebrow,o=t.eyebrowTag,i=void 0===o?"div":o,l=t.subtitle,c=t.subtitleTag,s=void 0===c?"div":c,u=t.children,d=t.className,m=t.role,p=t.level,v=void 0===p?2:p,g=j(t,w),b=classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-text-title",d);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(n,N({className:b,role:m||"heading","aria-level":v},g),a&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(i,{className:"fluid-text-eyebrow"},a),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",{style:{display:"inline-flex"}},u),l&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(s,{className:"fluid-text-subtitle"},l))}}),S=["className","style","padX","padY","outset","tag"],x=function(t){var r=t.className,n=t.style,a=t.padX,o=void 0===a||a,i=t.padY,l=void 0===i||i,c=t.outset,s=void 0!==c&&c,u=t.tag,d=void 0===u?"div":u,m=j(t,S),p=classnames__WEBPACK_IMPORTED_MODULE_1___default()({"fluid-box":!0,"fluid-pad-x":o&&!s,"fluid-pad-y":l,"fluid-box-outset":s},r);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(d,N({className:p,style:n},m))};function D(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var k=function(e){return Number.isInteger(e)&&0!==e?e+"px":"lg"===e||"large"===e?"var(--fluid-lg-space)":"med"===e||"medium"===e||"sm"===e||"small"===e?"var(--fluid-med-space)":e},C=function(e,t,r){if(t&&r)return r/t*100+"%";switch(e){case"square":case"1:1":return"100%";case"video":case"16:9":return"56.25%";case"poster":case"3:4":return"133.3%";default:var n=e.split(":");return 100/n[0]*n[1]+"%"}},I=["children","className","ratio","style","width","height"];function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){D(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var z=function(t){var r=t.children,n=t.className,a=t.ratio,o=void 0===a?"square":a,i=t.style,l=t.width,c=t.height,s=j(t,I);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(x,N({padY:!1,padX:!1,className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-aspect-box",n),style:_(_({},i),{},{paddingTop:C(o,l,c)})},s),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",null,r))},B=["className","align","style","padX","padY","gap","direction"];function A(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}var L=function(t){var r,n=t.className,a=t.align,o=void 0===a?"center":a,i=t.style,l=t.padX,c=void 0!==l&&l,s=t.padY,u=void 0!==s&&s,d=t.gap,m=void 0===d?0:d,p=t.direction,v=j(t,B),g=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?A(Object(r),!0).forEach((function(t){D(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({justifyContent:(r=o,"left"===r?"flex-start":"right"===r?"flex-end":r),"--fluid-gap":k(m),flexDirection:function(e){return"reverse"===e?"row-reverse":e}(p)},i),b=classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-row",n);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(x,N({padX:c,padY:u,className:b,style:g},v))},Y=["className"],F=["status","icon","className","children","tag"];function X(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function H(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==r.return||r.return()}finally{if(l)throw a}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return X(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?X(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var W=["tag","className","children","size","style"],M=["tag","panes","sizes","className","isShowingFirstPane","onToggleFirstPane"];function R(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function q(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?R(Object(r),!0).forEach((function(t){D(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var G=function(t){var r=t.tag,n=void 0===r?"div":r,a=t.className,o=t.children,i=t.size,l=t.style,c=j(t,W),s=Number.isInteger(i)?"".concat(i,"px"):i,u=q(q({},l),{},{flex:void 0!==s&&"0 0 ".concat(s)});return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(n,N({className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-split-pane",a),style:u},c),o)},U=["className","size","isSticky","tag"],$=["lg","med","sm"],J=function(t){var r,n=t.className,a=t.size,o=void 0===a?"lg":a,i=t.isSticky,l=void 0===i||i,c=t.tag,s=void 0===c?"div":c,u=j(t,U);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(s,N({className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-toolbar",(r={},D(r,"fluid-size-".concat(o),$.includes(o)),D(r,"fluid-is-sticky",l),r),n)},u))},K=["tag","className"],Q=["tag","children","className","onDrop","hoverMessage"],V=function(e){e.preventDefault(),e.stopPropagation()},Z=function(t){var r=t.children;return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(framer_motion__WEBPACK_IMPORTED_MODULE_2__.motion.div,{initial:{scale:.8},animate:{scale:1},style:{background:"var(--fluid-box-background)",border:"2px solid var(--fluid-line-color)",flex:"1 1 auto",pointerEvents:"none",display:"flex",justifyContent:"center",alignItems:"center"}},r)},ee=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(),te=function(r){var n=r.tag,a=void 0===n?"div":n,o=r.children,i=r.className,l=r.onDrop,c=void 0===l?function(){}:l,s=r.hoverMessage,u=void 0===s?react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h1",null,"You're Hovering..."):s,d=j(r,Q),m=H((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),p=m[0],v=m[1],g=H((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),b=g[0],y=g[1],h=function(e){return y(b.filter((function(t){return t.name!==e})))},O={files:b,setFiles:y,removeFile:h},E=classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-drop-area",{"is-hovering":p},i),w=function(e){v(!0),e.preventDefault(),e.stopPropagation()},P=function(e){v(!1),e.preventDefault(),e.stopPropagation()};return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ee.Provider,{value:O},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(a,N({className:E},d,{onDrag:V,onDragStart:V,onDragOver:w,onDragLeave:P,onDragEnter:w,onDragEnd:P,onDrop:function(e){var t=Array.from(e.nativeEvent.dataTransfer.files);y(t),v(!1),0<t.length&&c(t,h),e.preventDefault(),e.stopPropagation()}}),p?react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Z,null,u):o))};te.use=function(){return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ee)};var re=["className"],ne=Object.freeze({__proto__:null,Box:x,Row:L,Loading:function(t){var r=t.className,n=j(t,Y);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",N({className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-loading-bar",r)},n),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-dot"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-dot"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-dot"}))},Headline:function(t){var r=t.className,n=j(t,re);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",N({className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-headline",r),role:"heading","aria-level":"2"},n))},Message:function(t){var r=t.status,n=t.icon,a=t.className,o=t.children,i=t.tag,l=void 0===i?"div":i,c=j(t,F),s=classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-message",{"fluid-status-alert":"alert"==r,"fluid-status-destructive":"destructive"==r,"fluid-status-primary":"primary"==r},a);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(l,N({className:s},c),n&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-message-icon"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(n,null)),o)},AspectBox:z,Split:function(n){var a=n.tag,o=void 0===a?"div":a,i=n.panes,l=void 0===i?[]:i,c=n.sizes,s=void 0===c?[240]:c,u=n.className,d=n.isShowingFirstPane,m=void 0===d||d,p=n.onToggleFirstPane,v=void 0===p?function(){}:p,g=j(n,M),b=H((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(m),2),y=b[0],h=b[1];(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){return h(m)}),[m]);var O=q(q({},g),{},{toggleFirstPane:function(){var e=!y;h(e),v(e)},isFirstPaneHidden:!y});return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(o,N({className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-split",u)},g),0<l.length&&l.map((function(t,r){return 0!==r||y?react__WEBPACK_IMPORTED_MODULE_0___default().createElement(G,{className:"fluid-split-pane",key:r,size:s[r]},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(t,O)):null})))},Toolbar:J,ContentBoundary:function(t){var r=t.tag,n=void 0===r?"div":r,a=t.className,o=j(t,K);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(n,N({className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-content-boundary",a)},o))},DropArea:te}),ae=["tag","className","to","type","href","onClick","isSelected","appearance","status","icon","size","shape","isLoading","disabled","children"];function oe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}var ie=["normal","transparent","elevator"],le=["sm","med","lg"],ce=["round"],se=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(t,r){var n,a=t.tag,o=t.className,i=t.to,l=t.type,c=void 0===l?"button":l,s=t.href,u=t.onClick,d=t.isSelected,m=void 0!==d&&d,p=t.appearance,v=void 0===p?"normal":p,b=t.status,h=t.icon,O=t.size,E=t.shape,N=t.isLoading,w=void 0!==N&&N,P=t.disabled,S=t.children,x=j(t,ae),k=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?oe(Object(r),!0).forEach((function(t){D(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):oe(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({ref:r,className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-button",(D(n={"is-selected":m},"fluid-status-".concat(b),b),D(n,"fluid-size-".concat(O),le.includes(O)),D(n,"fluid-appearance-".concat(v),ie.includes(v)),D(n,"fluid-shape-".concat(E),E&&ce.includes(E)),n),o),role:"button",disabled:P||w},x),C="button";return a?C=a:i||s?(C="a",s?k.href=s:(C=react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link,k.to=i)):(k.onClick=u,k.type=c),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(C,k,(h||w)&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",{className:"fluid-button-icon"},!0===w?react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_beaverbuilder_icons__WEBPACK_IMPORTED_MODULE_5__.Loading,null):h),S&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",null,S))})),ue=["children","content","isShowing","onOutsideClick","className","style"],de=["className"];function fe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function me(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?fe(Object(r),!0).forEach((function(t){D(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):fe(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var pe=function(t){var r=t.children,n=t.content,a=t.isShowing,o=t.onOutsideClick,l=void 0===o?function(){}:o,c=t.className,s=t.style,u=j(t,ue),d=(0,react_laag__WEBPACK_IMPORTED_MODULE_6__.useLayer)({onOutsideClick:l,isOpen:a,closeOnOutsideClick:!0,placement:"bottom-end",possiblePlacements:["bottom-start","bottom-cetner","bottom-end"],overflowContainer:!1}),m=d.layerProps,p=d.triggerProps,v=d.renderLayer;return react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(r,p),a&&v(react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",N({},u,m,{style:me(me({},s),m.style),className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-menu",m.className,c)}),n)))};pe.Item=function(t){var r=t.className,n=j(t,de),a=classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-menu-item",r);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Ee,N({className:a,appearance:"transparent"},n))};var ve=["tag","children","className","direction","appearance","shouldHandleOverflow","label","moreMenu"];function ge(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function be(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ge(Object(r),!0).forEach((function(t){D(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ge(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function ye(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=function(e,t){if(!e)return;if("string"==typeof e)return he(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return he(e,t)}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,a=function(){};return{s:a,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,l=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){l=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(l)throw o}}}}function he(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var Oe=function(t){var r=t.className,n=t.direction,a=void 0===n?"horizontal":n,o=t.isHidden,i=classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-divider",{"fluid-vertical-divider":"vertical"===a,"fluid-horizontal-divider":"horizontal"===a,"fluid-is-hidden":void 0!==o&&o},r);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("hr",{className:i})},Ee=se;Ee.Group=function(r){var n,a=r.tag,o=void 0===a?"div":a,i=r.children,u=r.className,d=r.direction,m=void 0===d?"row":d,p=r.appearance,v=void 0===p?"normal":p,g=r.shouldHandleOverflow,b=void 0!==g&&g,y=r.label,O=r.moreMenu,E=j(r,ve),w=H((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),P=w[0],S=w[1],x=H((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),k=x[0],C=x[1],I=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(),T="normal"===v,_="row"===m?"vertical":"horizontal",z=react__WEBPACK_IMPORTED_MODULE_0__.Children.map(i,(function(e){return e||null}));(0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((function(){if(b){if(I.current){var e=I.current,t=window.getComputedStyle(e),r=parseInt(t.paddingLeft)+parseInt(t.paddingRight),n=e.querySelector(".fluid-more-button"),a=e.clientWidth-r;if((n?e.scrollWidth-(r+n.offsetWidth):e.scrollWidth-r)>a){C(!0);var o,i=a-n.offsetWidth,l=0,c=0,s=ye(e.childNodes);try{for(s.s();!(o=s.n()).done;){(l+=o.value.offsetWidth)>i||c++}}catch(e){s.e(e)}finally{s.f()}S(c)}else C(!1),S(null)}}else C(!1)}),[i]);var B=classnames__WEBPACK_IMPORTED_MODULE_1___default()((D(n={"fluid-button-group":!0},"fluid-button-group-".concat(m),m),D(n,"fluid-button-group-appearance-".concat(v),v),n),u),A=be(be({},E),{},{className:B,role:E.role?E.role:"group",ref:I}),L=function(){return O||react__WEBPACK_IMPORTED_MODULE_0__.Children.map(i,(function(t,r){return!t||t.props.excludeFromMenu?null:react__WEBPACK_IMPORTED_MODULE_0___default().createElement(pe.Item,N({key:r},t.props))}))},Y=function(){var r=H((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),n=r[0],a=r[1];return react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,T&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Oe,{className:"fluid-more-button-divider",direction:_}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(pe,{content:react__WEBPACK_IMPORTED_MODULE_0___default().createElement(L,null),isShowing:n,onOutsideClick:function(){return a(!1)}},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(se,{className:"fluid-more-button",isSelected:n,onClick:function(){return a(!n)}},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_beaverbuilder_icons__WEBPACK_IMPORTED_MODULE_5__.More,null))))};return react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,y&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label",null,y),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(o,A,function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return Number.isInteger(t)?react__WEBPACK_IMPORTED_MODULE_0__.Children.map(e,(function(e,r){return r+1>t?null:e})):e}(z,P),k&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Y,null)))};var Ne=["label","onClick"],je=function(t){var r=t.className,n=t.title,a=void 0===n?"":n,o=t.message,i=void 0===o?"":o,l=t.buttons,c=void 0===l?[]:l,s=t.isShowing,u=void 0!==s&&s,d=t.setIsShowing,m=void 0===d?function(){}:d;if(!u)return null;return react_dom__WEBPACK_IMPORTED_MODULE_3___default().createPortal(react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-dialog",r)},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-dialog-window"},a&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-dialog-title"},a),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-dialog-message"},i),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-dialog-buttons"},c.map((function(t,r){var n=t.label,a=t.onClick,o=j(t,Ne);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Ee,N({key:r,onClick:function(e){a&&a({closeDialog:function(){return m(!1)}}),e.stopPropagation()}},o),n)}))))),document.getElementById("fluid-modal-root")||document.body)},we=function(t){var r=t.className,n=t.isShowing,a=void 0!==n&&n,o=t.setIsShowing,i=void 0===o?function(){}:o,l=t.content,c=void 0===l?null:l;if(!a)return null;return react_dom__WEBPACK_IMPORTED_MODULE_3___default().createPortal(react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-lightbox",r)},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button",{className:"fluid-lightbox-close",onClick:function(){return i(!1)}},"X"),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-lightbox-content",onClick:function(){return i(!1)}},c)),document.getElementById("fluid-modal-root")||document.body)},Pe=["onCancel","onConfirm"],Se=function(r){var n=H((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),a=n[0],o=n[1];return[function(){o(!0)},function(){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(je,N({isShowing:a,setIsShowing:o},r))}]},xe=Object.freeze({__proto__:null,Root:function(){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{id:"fluid-modal-root"})},Dialog:je,Lightbox:we,useDialog:Se,useAlert:function(e){return e.buttons=[{label:"Ok",isSelected:!0,onClick:function(e){return(0,e.closeDialog)()}}],Se(e)},useConfirm:function(e){var t=e.onCancel,r=void 0===t?function(){}:t,n=e.onConfirm,a=void 0===n?function(){}:n,o=j(e,Pe);return o.buttons=[{label:"Cancel",onClick:function(e){(0,e.closeDialog)(),r()}},{label:"Ok",isSelected:!0,onClick:function(e){(0,e.closeDialog)(),a()}}],Se(o)},useLightbox:function(r){var n=H((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),a=n[0],o=n[1];return[function(){o(!0)},function(){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(we,N({isShowing:a,setIsShowing:o},r))}]}}),De=["children","className","label","handle","contentStyle","padX","padY","footer","description"];function ke(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function Ce(e,t){return(Ce=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Ie(e){return(Ie="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Te(e,t){return!t||"object"!==Ie(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _e(e){return(_e=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function ze(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=_e(e);if(t){var a=_e(this).constructor;r=Reflect.construct(n,arguments,a)}else r=n.apply(this,arguments);return Te(this,r)}}var Be=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Ce(e,t)}(o,react__WEBPACK_IMPORTED_MODULE_0__.Component);var t,r,n,a=ze(o);function o(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),(t=a.call(this,e)).state={hasError:!1,error:null},t}return t=o,n=[{key:"getDerivedStateFromError",value:function(e){return{hasError:!0,error:e}}}],(r=[{key:"render",value:function(){var e=this.props,t=e.alternate,r=void 0===t?Ae:t,n=e.children,a=this.state,o=a.hasError,i=a.error;return o?(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(r,{error:i}):n}}])&&ke(t.prototype,r),n&&ke(t,n),o}(),Ae=function(t){var r=t.error;return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-default-error-message",style:{display:"flex",flexDirection:"column",flex:"1 0 auto",justifyContent:"center",alignItems:"center",padding:20}},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",null,"There seems to be an error."),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("code",null,r.message))},Le=function(t){var r=(0,react_router_dom__WEBPACK_IMPORTED_MODULE_4__.useHistory)();return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Ee,N({className:"fluid-back-button",appearance:"transparent",onClick:r.goBack},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_beaverbuilder_icons__WEBPACK_IMPORTED_MODULE_5__.BackArrow,null))},Ye=["children","className","hero","title","icon","toolbar","topContentStyle","actions","header","footer","onLoad","shouldScroll","shouldShowBackButton","style","padX","padY","contentWrapStyle","tag","contentBoxTag","contentBoxProps","contentBoxStyle","overlay"];function Fe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Xe(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Fe(Object(r),!0).forEach((function(t){D(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Fe(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var He=function(t){var n=t.children,a=t.className,o=t.hero,i=t.title,l=t.icon,c=t.toolbar,s=t.topContentStyle,u=t.actions,d=t.header,m=t.footer,p=t.onLoad,v=void 0===p?function(){}:p,g=t.shouldScroll,b=void 0===g||g,y=t.shouldShowBackButton,h=void 0===y?function(e){return e}:y,O=t.style,E=void 0===O?{}:O,w=t.padX,P=void 0===w||w,S=t.padY,D=void 0===S||S,k=t.contentWrapStyle,C=void 0===k?null:k,I=t.tag,T=void 0===I?"div":I,_=t.contentBoxTag,z=void 0===_?"div":_,B=t.contentBoxProps,A=void 0===B?{}:B,L=t.contentBoxStyle,Y=void 0===L?null:L,F=t.overlay,X=j(t,Ye),H=classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-page",a);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(v,[]);var W="function"==typeof h?h():h,M=function(t){var r=t.children;if(!r)return null;var n="string"==typeof r;return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{style:{transformOrigin:"0 0",flex:"0 0 auto",borderBottom:"2px solid var(--fluid-line-color)"}},n&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("img",{src:r,style:{width:"100%"}}),!n&&r)},R=Xe(Xe({},E),{},{overflowX:"hidden",overflowY:b?"scroll":"hidden",perspective:1,perspectiveOrigin:"0 0"}),q=Xe({maxHeight:b?"":"100%",minHeight:0,flexShrink:b?0:1},Y),G=Xe({flexGrow:1,flexShrink:1,minHeight:0,maxHeight:"100%"},C);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(T,{className:"fluid-page-wrap",style:{flex:"1 1 auto",position:"relative",minHeight:0,maxHeight:"100%",minWidth:0,maxWidth:"100%",display:"flex",flexDirection:"column"}},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",N({className:H},X,{style:R}),o&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(M,null,o),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(z,N({className:"fluid-page-content"},A,{style:q}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-sticky-element fluid-page-top-content",style:s},c,!1!==c&&!c&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(J,{className:"fluid-page-top-toolbar"},W&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Le,null),l&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",{className:"fluid-page-title-icon"},l),i&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-page-toolbar-content"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",{className:"fluid-page-title",role:"heading","aria-level":"1",style:{flex:"1 1 auto"}},i)),u&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",{className:"fluid-page-actions"},u)),d&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(J,{size:"sm",className:"fluid-page-header"},d)),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(x,{padX:P,padY:D,style:G},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Be,null,n)))),m&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-page-footer"},m),F&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-page-overlay"},F))};He.Section=function(t){var r=t.children,n=t.className,a=t.label,o=t.handle,i=t.contentStyle,l=void 0===i?{}:i,c=t.padX,s=void 0===c||c,u=t.padY,d=void 0===u||u,m=t.footer,p=t.description,v=j(t,De),g=classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-section",D({},"".concat(o,"-section"),o),n);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",N({className:g},v),a&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-section-title"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",{className:"fluid-section-title-text"},a)),p&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(L,{className:"fluid-section-description"},p),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(x,{className:"fluid-section-content",padX:s,padY:d,style:l},r),m&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(x,{padY:!1,className:"fluid-section-footer"},m))};var We=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({appearance:"grid"}),Me=["tag","title","description","thumbnail","thumbnailProps","truncateTitle","icon","onClick","href","to","className","children"],Re=["children","ratio"],qe=["title","description","icon","truncate","className"],Ge=["title","description","truncateTitle","thumbnail","thumbnailProps","icon","tag"],Ue=["title","description","truncateTitle","thumbnail","thumbnailProps","icon"],$e=function(t){var r=t.tag,a=void 0===r?"li":r,o=t.title,i=t.description,l=t.thumbnail,c=t.thumbnailProps,s=t.truncateTitle,u=void 0===s||s,d=t.icon,m=t.onClick,p=t.href,v=t.to,g=t.className,b=t.children,y=j(t,Me),h="list"===(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(We).appearance?Ve:Qe,O={title:o,truncateTitle:u,thumbnail:l,thumbnailProps:c,description:i,icon:d},E={onClick:m,href:p,to:v,className:"fluid-collection-item-primary-action",appearance:"transparent"};return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(a,N({className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-collection-item",g)},y),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Ee,E,(o||l)&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(h,O),b))},Je=function(t){var r=t.children,n=t.ratio,a=void 0===n?"4:3":n,o=j(t,Re);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-collection-item-thumbnail"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(z,N({ratio:a},o),r))},Ke=function(t){var r=t.title,n=t.description,a=t.icon,o=t.truncate,i=void 0===o||o,l=t.className,c=j(t,qe);if(!r&&!n)return null;var s=classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-collection-item-text",{"item-has-icon":a},l);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",N({className:s},c),(r||a)&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,a&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",{className:"fluid-collection-item-icon"},a),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"fluid-item-title"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-item-title-text",{"fluid-truncate":i})},r),n&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span",{className:"fluid-item-description fluid-truncate"},n))))},Qe=function(t){var r=t.title,n=t.description,a=t.truncateTitle,o=t.thumbnail,i=t.thumbnailProps,l=t.icon,c=t.tag,s=void 0===c?"div":c,u=j(t,Ge);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(s,N({className:"fluid-collection-item-grid-content"},u),o&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Je,i,o),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Ke,{title:r,truncate:a,description:n,icon:l}))},Ve=function(t){var r=t.title,n=t.description,a=t.truncateTitle,o=t.thumbnail,i=t.thumbnailProps,l=t.icon,c=j(t,Ue);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",N({className:"fluid-collection-item-list-content"},c),o&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Je,i,o),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Ke,{title:r,truncate:a,description:n,icon:l}))},Ze=function(t){var r=N({},t);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement($e,N({thumbnail:!0,title:"Loading..."},r))},et=["tag","appearance","maxItems","className","children","isLoading","loadingItems"],tt=["grid","list"],rt=function(t){var r=t.total;return Array(void 0===r?4:r).fill(0).map((function(t,r){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Ze,{key:r})}))},nt=function(t){var r=t.tag,n=void 0===r?"ul":r,a=t.appearance,o=void 0===a?"grid":a,i=t.maxItems,l=t.className,s=t.children,u=t.isLoading,d=void 0!==u&&u,m=t.loadingItems,v=j(t,et),g=classnames__WEBPACK_IMPORTED_MODULE_1___default()("fluid-collection",D({},"fluid-collection-appearance-".concat(o),tt.includes(o)),l),b={appearance:o};return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(We.Provider,{value:b},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(framer_motion__WEBPACK_IMPORTED_MODULE_2__.AnimatePresence,null,react__WEBPACK_IMPORTED_MODULE_0___default().createElement(n,N({className:g},v),d&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement(rt,{total:m}),!d&&function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return Number.isInteger(t)?react__WEBPACK_IMPORTED_MODULE_0__.Children.map(e,(function(e,r){return r+1>t?null:e})):react__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(e)}(s,i))))};nt.Item=$e,nt.use=function(){return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(We)};
|
36 |
+
//# sourceMappingURL=index.es.js.map
|
37 |
+
|
38 |
+
|
39 |
+
/***/ }),
|
40 |
+
|
41 |
+
/***/ "./node_modules/classnames/index.js":
|
42 |
+
/*!******************************************!*\
|
43 |
+
!*** ./node_modules/classnames/index.js ***!
|
44 |
+
\******************************************/
|
45 |
+
/***/ ((module, exports) => {
|
46 |
+
|
47 |
+
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
48 |
+
Copyright (c) 2018 Jed Watson.
|
49 |
Licensed under the MIT License (MIT), see
|
50 |
http://jedwatson.github.io/classnames
|
51 |
*/
|
52 |
+
/* global define */
|
53 |
|
54 |
+
(function () {
|
55 |
+
'use strict';
|
56 |
|
57 |
+
var hasOwn = {}.hasOwnProperty;
|
58 |
|
59 |
+
function classNames() {
|
60 |
+
var classes = [];
|
|
|
|
|
|
|
61 |
|
62 |
+
for (var i = 0; i < arguments.length; i++) {
|
63 |
+
var arg = arguments[i];
|
64 |
+
if (!arg) continue;
|
65 |
|
66 |
+
var argType = typeof arg;
|
67 |
+
|
68 |
+
if (argType === 'string' || argType === 'number') {
|
69 |
+
classes.push(arg);
|
70 |
+
} else if (Array.isArray(arg)) {
|
71 |
+
if (arg.length) {
|
72 |
+
var inner = classNames.apply(null, arg);
|
73 |
+
if (inner) {
|
74 |
+
classes.push(inner);
|
75 |
+
}
|
76 |
+
}
|
77 |
+
} else if (argType === 'object') {
|
78 |
+
if (arg.toString === Object.prototype.toString) {
|
79 |
+
for (var key in arg) {
|
80 |
+
if (hasOwn.call(arg, key) && arg[key]) {
|
81 |
+
classes.push(key);
|
82 |
+
}
|
83 |
+
}
|
84 |
+
} else {
|
85 |
+
classes.push(arg.toString());
|
86 |
+
}
|
87 |
+
}
|
88 |
+
}
|
89 |
+
|
90 |
+
return classes.join(' ');
|
91 |
+
}
|
92 |
+
|
93 |
+
if ( true && module.exports) {
|
94 |
+
classNames.default = classNames;
|
95 |
+
module.exports = classNames;
|
96 |
+
} else if (true) {
|
97 |
+
// register as 'classnames', consistent with npm package name
|
98 |
+
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {
|
99 |
+
return classNames;
|
100 |
+
}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
|
101 |
+
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
|
102 |
+
} else {}
|
103 |
+
}());
|
104 |
|
|
|
|
|
|
|
105 |
|
106 |
/***/ }),
|
107 |
|
111 |
\**********************************************************/
|
112 |
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
113 |
|
114 |
+
"use strict";
|
115 |
__webpack_require__.r(__webpack_exports__);
|
116 |
// extracted by mini-css-extract-plugin
|
117 |
|
124 |
\*************************************/
|
125 |
/***/ ((module) => {
|
126 |
|
127 |
+
"use strict";
|
128 |
module.exports = FL.vendors.BBIcons;
|
129 |
|
130 |
/***/ }),
|
135 |
\*******************************/
|
136 |
/***/ ((module) => {
|
137 |
|
138 |
+
"use strict";
|
139 |
module.exports = FramerMotion;
|
140 |
|
141 |
/***/ }),
|
146 |
\************************/
|
147 |
/***/ ((module) => {
|
148 |
|
149 |
+
"use strict";
|
150 |
module.exports = React;
|
151 |
|
152 |
/***/ }),
|
153 |
|
154 |
+
/***/ "react-dom":
|
155 |
+
/*!***************************!*\
|
156 |
+
!*** external "ReactDOM" ***!
|
157 |
+
\***************************/
|
158 |
+
/***/ ((module) => {
|
159 |
+
|
160 |
+
"use strict";
|
161 |
+
module.exports = ReactDOM;
|
162 |
+
|
163 |
+
/***/ }),
|
164 |
+
|
165 |
/***/ "react-laag":
|
166 |
/*!****************************!*\
|
167 |
!*** external "ReactLaag" ***!
|
168 |
\****************************/
|
169 |
/***/ ((module) => {
|
170 |
|
171 |
+
"use strict";
|
172 |
module.exports = ReactLaag;
|
173 |
|
174 |
/***/ }),
|
179 |
\*********************************/
|
180 |
/***/ ((module) => {
|
181 |
|
182 |
+
"use strict";
|
183 |
module.exports = ReactRouterDOM;
|
184 |
|
185 |
/***/ })
|
192 |
/******/ // The require function
|
193 |
/******/ function __webpack_require__(moduleId) {
|
194 |
/******/ // Check if module is in cache
|
195 |
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
196 |
+
/******/ if (cachedModule !== undefined) {
|
197 |
+
/******/ return cachedModule.exports;
|
198 |
/******/ }
|
199 |
/******/ // Create a new module (and put it into the cache)
|
200 |
/******/ var module = __webpack_module_cache__[moduleId] = {
|
252 |
/******/ })();
|
253 |
/******/
|
254 |
/************************************************************************/
|
255 |
+
var __webpack_exports__ = {};
|
256 |
+
// This entry need to be wrapped in an IIFE because it need to be in strict mode.
|
257 |
+
(() => {
|
258 |
+
"use strict";
|
259 |
+
/*!*********************************!*\
|
260 |
+
!*** ./src/vendors/bb-fluid.js ***!
|
261 |
+
\*********************************/
|
262 |
+
__webpack_require__.r(__webpack_exports__);
|
263 |
+
/* harmony import */ var vendor_fluid__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vendor-fluid */ "./node_modules/@beaverbuilder/fluid/dist/index.es.js");
|
264 |
+
/* harmony import */ var vendor_fluid_dist_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vendor-fluid/dist/index.css */ "./node_modules/@beaverbuilder/fluid/dist/index.css");
|
265 |
+
|
266 |
+
|
267 |
+
window.FL = window.FL || {};
|
268 |
+
FL.vendors = FL.vendors || {};
|
269 |
+
FL.vendors.BBFluid = vendor_fluid__WEBPACK_IMPORTED_MODULE_0__;
|
270 |
+
})();
|
271 |
+
|
272 |
/******/ })()
|
273 |
;
|
274 |
//# sourceMappingURL=vendor-bb-fluid.bundle.js.map
|
js/build/vendor-bb-fluid.bundle.min.js
CHANGED
@@ -1 +1,2 @@
|
|
1 |
-
(()=>{"use strict";var e={n:t=>{var l=t&&t.__esModule?()=>t.default:()=>t;return e.d(l,{a:l}),l},d:(t,l)=>{for(var a in l)e.o(l,a)&&!e.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:l[a]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{Button:()=>I,Collection:()=>q,Layout:()=>S,Menu:()=>F,Page:()=>M,Text:()=>m});const l=React;var a=e.n(l);const n=FramerMotion,r=ReactRouterDOM,i=FL.vendors.BBIcons,s=ReactLaag;function o(){return(o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e}).apply(this,arguments)}var c,d,u=(d=c={exports:{}},function(){var e={}.hasOwnProperty;function t(){for(var l=[],a=0;a<arguments.length;a++){var n=arguments[a];if(n){var r=typeof n;if("string"===r||"number"===r)l.push(n);else if(Array.isArray(n)&&n.length){var i=t.apply(null,n);i&&l.push(i)}else if("object"===r)for(var s in n)e.call(n,s)&&n[s]&&l.push(s)}}return l.join(" ")}d.exports?(t.default=t,d.exports=t):window.classNames=t}(),c.exports),m=Object.freeze({__proto__:null,Title:({tag:e="div",eyebrow:t,eyebrowTag:l="div",subtitle:n,subtitleTag:r="div",children:i,className:s,role:c,level:d=2,...m})=>{const p=u("fluid-text-title",s);return a().createElement(e,o({className:p,role:c||"heading","aria-level":d},m),t&&a().createElement(l,{className:"fluid-text-eyebrow"},t),a().createElement("span",{style:{display:"inline-flex"}},i),n&&a().createElement(r,{className:"fluid-text-subtitle"},n))}});const p=({className:e,style:t,padX:l=!0,padY:n=!0,outset:r=!1,tag:i="div",...s})=>{const c=u({"fluid-box":!0,"fluid-pad-x":l&&!r,"fluid-pad-y":n,"fluid-box-outset":r},e);return a().createElement(i,o({className:c,style:t},s))},f=e=>Number.isInteger(e)&&0!==e?e+"px":"lg"===e||"large"===e?"var(--fluid-lg-space)":"med"===e||"medium"===e||"sm"===e||"small"===e?"var(--fluid-med-space)":e,g=(e,t,l)=>{if(t&&l)return l/t*100+"%";switch(e){case"square":case"1:1":return"100%";case"video":case"16:9":return"56.25%";case"poster":case"3:4":return"133.3%";default:const t=e.split(":");return 100/t[0]*t[1]+"%"}},E=({children:e,className:t,ratio:l="square",style:n,width:r,height:i,...s})=>a().createElement(p,o({padY:!1,padX:!1,className:u("fluid-aspect-box",t),style:{...n,paddingTop:g(l,r,i)}},s),a().createElement("div",null,e)),v=({className:e,align:t="center",style:l,padX:n=!1,padY:r=!1,gap:i=0,direction:s,...c})=>{const d={justifyContent:(m=t,"left"===m?"flex-start":"right"===m?"flex-end":m),"--fluid-gap":f(i),flexDirection:(e=>"reverse"===e?"row-reverse":e)(s),...l};var m;const g=u("fluid-row",e);return a().createElement(p,o({padX:n,padY:r,className:g,style:d},c))},h=({tag:e="div",className:t,children:l,size:n,style:r,...i})=>{const s=Number.isInteger(n)?n+"px":n,c={...r,flex:void 0!==s&&"0 0 "+s};return a().createElement(e,o({className:u("fluid-split-pane",t),style:c},i),l)},y=["lg","med","sm"],N=({className:e,size:t="lg",isSticky:l=!0,tag:n="div",...r})=>a().createElement(n,o({className:u("fluid-toolbar",{["fluid-size-"+t]:y.includes(t),"fluid-is-sticky":l},e)},r)),b=e=>{e.preventDefault(),e.stopPropagation()},x=({children:e})=>a().createElement(n.motion.div,{initial:{scale:.8},animate:{scale:1},style:{background:"var(--fluid-box-background)",border:"2px solid var(--fluid-line-color)",flex:"1 1 auto",pointerEvents:"none",display:"flex",justifyContent:"center",alignItems:"center"}},e),w=(0,l.createContext)(),O=({tag:e="div",children:t,className:n,onDrop:r=(()=>{}),hoverMessage:i=a().createElement("h1",null,"You're Hovering..."),...s})=>{const[c,d]=(0,l.useState)(!1),[m,p]=(0,l.useState)([]),f=e=>p(m.filter((t=>t.name!==e))),g={files:m,setFiles:p,removeFile:f},E=u("fluid-drop-area",{"is-hovering":c},n),v=e=>{d(!0),e.preventDefault(),e.stopPropagation()},h=e=>{d(!1),e.preventDefault(),e.stopPropagation()};return a().createElement(w.Provider,{value:g},a().createElement(e,o({className:E},s,{onDrag:b,onDragStart:b,onDragOver:v,onDragLeave:h,onDragEnter:v,onDragEnd:h,onDrop:e=>{const t=Array.from(e.nativeEvent.dataTransfer.files);p(t),d(!1),0<t.length&&r(t,f),e.preventDefault(),e.stopPropagation()}}),c?a().createElement(x,null,i):t))};O.use=()=>(0,l.useContext)(w);var S=Object.freeze({__proto__:null,Box:p,Row:v,Loading:({className:e,...t})=>a().createElement("div",o({className:u("fluid-loading-bar",e)},t),a().createElement("div",{className:"fluid-dot"}),a().createElement("div",{className:"fluid-dot"}),a().createElement("div",{className:"fluid-dot"})),Headline:({className:e,...t})=>a().createElement("div",o({className:u("fluid-headline",e),role:"heading","aria-level":"2"},t)),Message:({status:e,icon:t,className:l,children:n,tag:r="div",...i})=>{const s=u("fluid-message",{"fluid-status-alert":"alert"==e,"fluid-status-destructive":"destructive"==e,"fluid-status-primary":"primary"==e},l);return a().createElement(r,o({className:s},i),t&&a().createElement("div",{className:"fluid-message-icon"},a().createElement(t,null)),n)},AspectBox:E,Split:({tag:e="div",panes:t=[],sizes:n=[240],className:r,isShowingFirstPane:i=!0,onToggleFirstPane:s=(()=>{}),...c})=>{const[d,m]=(0,l.useState)(i);(0,l.useEffect)((()=>m(i)),[i]);const p={...c,toggleFirstPane:()=>{const e=!d;m(e),s(e)},isFirstPaneHidden:!d};return a().createElement(e,o({className:u("fluid-split",r)},c),0<t.length&&t.map(((e,t)=>0!==t||d?a().createElement(h,{className:"fluid-split-pane",key:t,size:n[t]},a().createElement(e,p)):null)))},Toolbar:N,ContentBoundary:({tag:e="div",className:t,...l})=>a().createElement(e,o({className:u("fluid-content-boundary",t)},l)),DropArea:O});class C extends l.Component{constructor(e){super(e),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}render(){const{alternate:e=T,children:t}=this.props,{hasError:a,error:n}=this.state;return a?(0,l.createElement)(e,{error:n}):t}}const T=({error:e})=>a().createElement("div",{className:"fluid-default-error-message",style:{display:"flex",flexDirection:"column",flex:"1 0 auto",justifyContent:"center",alignItems:"center",padding:20}},a().createElement("div",null,"There seems to be an error."),a().createElement("code",null,e.message)),k=["normal","transparent","elevator"],P=["sm","med","lg"],B=["round"],L=(0,l.forwardRef)(((e,t)=>{const{tag:l,className:n,to:s,type:o="button",href:c,onClick:d,isSelected:m=!1,appearance:p="normal",status:f,icon:g,size:E,shape:v,isLoading:h=!1,disabled:y,children:N,...b}=e;let x={ref:t,className:u("fluid-button",{"is-selected":m,["fluid-status-"+f]:f,["fluid-size-"+E]:P.includes(E),["fluid-appearance-"+p]:k.includes(p),["fluid-shape-"+v]:v&&B.includes(v)},n),role:"button",disabled:y||h,...b},w="button";return l?w=l:s||c?(w="a",c?x.href=c:(w=r.Link,x.to=s)):(x.onClick=d,x.type=o),a().createElement(w,x,(g||h)&&a().createElement("span",{className:"fluid-button-icon"},!0===h?a().createElement(i.Loading,null):g),N&&a().createElement("span",null,N))})),F=({children:e,content:t,isShowing:n,onOutsideClick:r=(()=>{}),className:i,style:c,...d})=>a().createElement(s.ToggleLayer,{isOpen:n,closeOnOutsideClick:!0,onOutsideClick:r,placement:{anchor:"BOTTOM_RIGHT",possibleAnchors:["BOTTOM_LEFT","BOTTOM_CENTER","BOTTOM_RIGHT"]},renderLayer:({layerProps:e,isOpen:l})=>l&&a().createElement("div",o({},d,e,{style:{...c,...e.style},className:u("fluid-menu",e.className,i)}),t)},(({triggerRef:t})=>(0,l.cloneElement)(e,{ref:t})));F.Item=({className:e,...t})=>{const l=u("fluid-menu-item",e);return a().createElement(I,o({className:l,appearance:"transparent"},t))};const D=({className:e,direction:t="horizontal",isHidden:l=!1})=>{const n=u("fluid-divider",{"fluid-vertical-divider":"vertical"===t,"fluid-horizontal-divider":"horizontal"===t,"fluid-is-hidden":l},e);return a().createElement("hr",{className:n})},I=L;I.Group=({tag:e="div",children:t,className:n,direction:r="row",appearance:s="normal",shouldHandleOverflow:c=!1,label:d,moreMenu:m,...p})=>{const[f,g]=(0,l.useState)(null),[E,v]=(0,l.useState)(!0),h=(0,l.useRef)(),y="normal"===s,N="row"===r?"vertical":"horizontal";let b=l.Children.map(t,(e=>e||null));(0,l.useLayoutEffect)((()=>{if(c){if(h.current){const e=h.current,t=window.getComputedStyle(e),l=parseInt(t.paddingLeft)+parseInt(t.paddingRight),a=e.querySelector(".fluid-more-button"),n=e.clientWidth-l;if((a?e.scrollWidth-(l+a.offsetWidth):e.scrollWidth-l)>n){v(!0);const t=n-a.offsetWidth;let l=0,r=0;for(let a of e.childNodes)l+=a.offsetWidth,l>t||r++;g(r)}else v(!1),g(null)}}else v(!1)}),[t]);const x=u({"fluid-button-group":!0,["fluid-button-group-"+r]:r,["fluid-button-group-appearance-"+s]:s},n),w={...p,className:x,role:p.role?p.role:"group",ref:h},O=()=>m||l.Children.map(t,((e,t)=>!e||e.props.excludeFromMenu?null:a().createElement(F.Item,o({key:t},e.props))));return a().createElement(a().Fragment,null,d&&a().createElement("label",null,d),a().createElement(e,w,((e,t=null)=>Number.isInteger(t)?l.Children.map(e,((e,l)=>l+1>t?null:e)):e)(b,f),E&&a().createElement((()=>{const[e,t]=(0,l.useState)(!1);return a().createElement(a().Fragment,null,y&&a().createElement(D,{className:"fluid-more-button-divider",direction:N}),a().createElement(F,{content:a().createElement(O,null),isShowing:e,onOutsideClick:()=>t(!1)},a().createElement(L,{className:"fluid-more-button",isSelected:e,onClick:()=>t(!e)},a().createElement(i.More,null))))}),null)))};const _=e=>{const t=(0,r.useHistory)();return a().createElement(I,o({className:"fluid-back-button",appearance:"transparent",onClick:t.goBack},e),a().createElement(i.BackArrow,null))},M=({children:e,className:t,hero:n,title:r,icon:i,toolbar:s,topContentStyle:c,actions:d,header:m,footer:f,onLoad:g=(()=>{}),shouldScroll:E=!0,shouldShowBackButton:v=(e=>e),style:h={},padX:y=!0,padY:b=!0,contentWrapStyle:x=null,tag:w="div",contentBoxTag:O="div",contentBoxProps:S={},contentBoxStyle:T=null,overlay:k,...P})=>{const B=u("fluid-page",t);(0,l.useEffect)(g,[]);const L="function"==typeof v?v():v,F={...h,overflowX:"hidden",overflowY:E?"scroll":"hidden",perspective:1,perspectiveOrigin:"0 0"},D={maxHeight:E?"":"100%",minHeight:0,flexShrink:E?0:1,...T},I={flexGrow:1,flexShrink:1,minHeight:0,maxHeight:"100%",...x};return a().createElement(w,{className:"fluid-page-wrap",style:{flex:"1 1 auto",position:"relative",minHeight:0,maxHeight:"100%",minWidth:0,maxWidth:"100%",display:"flex",flexDirection:"column"}},a().createElement("div",o({className:B},P,{style:F}),n&&a().createElement((({children:e})=>{if(!e)return null;const t="string"==typeof e;return a().createElement("div",{style:{transformOrigin:"0 0",flex:"0 0 auto",borderBottom:"2px solid var(--fluid-line-color)"}},t&&a().createElement("img",{src:e,style:{width:"100%"}}),!t&&e)}),null,n),a().createElement(O,o({className:"fluid-page-content"},S,{style:D}),a().createElement("div",{className:"fluid-sticky-element fluid-page-top-content",style:c},s,!1!==s&&!s&&a().createElement(N,{className:"fluid-page-top-toolbar"},L&&a().createElement(_,null),i&&a().createElement("span",{className:"fluid-page-title-icon"},i),r&&a().createElement("div",{className:"fluid-page-toolbar-content"},a().createElement("span",{className:"fluid-page-title",role:"heading","aria-level":"1",style:{flex:"1 1 auto"}},r)),d&&a().createElement("span",{className:"fluid-page-actions"},d)),m&&a().createElement(N,{size:"sm",className:"fluid-page-header"},m)),a().createElement(p,{padX:y,padY:b,style:I},a().createElement(C,null,e)))),f&&a().createElement("div",{className:"fluid-page-footer"},f),k&&a().createElement("div",{className:"fluid-page-overlay"},k))};M.Section=({children:e,className:t,label:l,handle:n,contentStyle:r={},padX:i=!0,padY:s=!0,footer:c,description:d,...m})=>{const f=u("fluid-section",{[n+"-section"]:n},t);return a().createElement("div",o({className:f},m),l&&a().createElement("div",{className:"fluid-section-title"},a().createElement("span",{className:"fluid-section-title-text"},l)),d&&a().createElement(v,{className:"fluid-section-description"},d),a().createElement(p,{className:"fluid-section-content",padX:i,padY:s,style:r},e),c&&a().createElement(p,{padY:!1,className:"fluid-section-footer"},c))};const z=(0,l.createContext)({appearance:"grid"}),H=({tag:e="li",title:t,description:n,thumbnail:r,thumbnailProps:i,truncateTitle:s=!0,icon:c,onClick:d,href:m,to:p,className:f,children:g,...E})=>{const{appearance:v}=(0,l.useContext)(z),h="list"===v?A:Y,y={title:t,truncateTitle:s,thumbnail:r,thumbnailProps:i,description:n,icon:c},N={onClick:d,href:m,to:p,className:"fluid-collection-item-primary-action",appearance:"transparent"};return a().createElement(e,o({className:u("fluid-collection-item",f)},E),a().createElement(I,N,(t||r)&&a().createElement(h,y),g))},j=({children:e,ratio:t="4:3",...l})=>a().createElement("div",{className:"fluid-collection-item-thumbnail"},a().createElement(E,o({ratio:t},l),e)),R=({title:e,description:t,truncate:l,icon:n,...r})=>{if(!e&&!t)return null;const i=u("fluid-item-title",{"fluid-truncate":l});return a().createElement("div",o({className:"fluid-collection-item-text"},r),(e||n)&&a().createElement("div",{className:i},n&&a().createElement("span",null,n),e),t&&a().createElement("div",null,t))},Y=({title:e,description:t,truncateTitle:l,thumbnail:n,thumbnailProps:r,icon:i,tag:s="div",...c})=>a().createElement(s,o({className:"fluid-collection-item-grid-content"},c),n&&a().createElement(j,r,n),a().createElement(R,{title:e,truncate:l,description:t,icon:i})),A=({title:e,description:t,truncateTitle:l,thumbnail:n,thumbnailProps:r,icon:i,...s})=>a().createElement("div",o({className:"fluid-collection-item-list-content"},s),n&&a().createElement(j,r,n),a().createElement(R,{title:e,truncate:l,description:t,icon:i})),W=({...e})=>a().createElement(H,o({thumbnail:!0,title:"loading..."},e)),X=["grid","list"],G=({total:e=4})=>Array(e).fill(0).map(((e,t)=>a().createElement(W,{key:t}))),q=({tag:e="ul",appearance:t="grid",maxItems:r,className:i,children:s,isLoading:c=!1,loadingItems:d,...m})=>{const p=u("fluid-collection",{["fluid-collection-appearance-"+t]:X.includes(t)},i),f={appearance:t};return a().createElement(z.Provider,{value:f},a().createElement(n.AnimatePresence,null,a().createElement(e,o({className:p},m),c&&a().createElement(G,{total:d}),!c&&((e,t=null)=>Number.isInteger(t)?l.Children.map(e,((e,l)=>l+1>t?null:e)):l.Children.toArray(e))(s,r))))};q.Item=H,q.use=()=>(0,l.useContext)(z),window.FL=window.FL||{},FL.vendors=FL.vendors||{},FL.vendors.BBFluid=t})();
|
|
1 |
+
/*! For license information please see vendor-bb-fluid.bundle.min.js.LICENSE.txt */
|
2 |
+
(()=>{var e={184:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var a=typeof n;if("string"===a||"number"===a)e.push(n);else if(Array.isArray(n)){if(n.length){var i=o.apply(null,n);i&&e.push(i)}}else if("object"===a)if(n.toString===Object.prototype.toString)for(var l in n)r.call(n,l)&&n[l]&&e.push(l);else e.push(n.toString())}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={exports:{}};return e[r](a,a.exports,n),a.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{"use strict";var e={};n.r(e),n.d(e,{Button:()=>se,Collection:()=>We,Layout:()=>G,Menu:()=>re,Modal:()=>ve,Page:()=>De,Text:()=>v});const t=React;var r=n.n(t),o=n(184),a=n.n(o);const i=FramerMotion,l=ReactDOM;var c=n.n(l);const s=ReactRouterDOM,u=FL.vendors.BBIcons,d=ReactLaag;function f(){return(f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function m(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var p=["tag","eyebrow","eyebrowTag","subtitle","subtitleTag","children","className","role","level"],v=Object.freeze({__proto__:null,Title:function(e){var t=e.tag,n=void 0===t?"div":t,o=e.eyebrow,i=e.eyebrowTag,l=void 0===i?"div":i,c=e.subtitle,s=e.subtitleTag,u=void 0===s?"div":s,d=e.children,v=e.className,g=e.role,y=e.level,b=void 0===y?2:y,h=m(e,p),O=a()("fluid-text-title",v);return r().createElement(n,f({className:O,role:g||"heading","aria-level":b},h),o&&r().createElement(l,{className:"fluid-text-eyebrow"},o),r().createElement("span",{style:{display:"inline-flex"}},d),c&&r().createElement(u,{className:"fluid-text-subtitle"},c))}}),g=["className","style","padX","padY","outset","tag"],y=function(e){var t=e.className,n=e.style,o=e.padX,i=void 0===o||o,l=e.padY,c=void 0===l||l,s=e.outset,u=void 0!==s&&s,d=e.tag,p=void 0===d?"div":d,v=m(e,g),y=a()({"fluid-box":!0,"fluid-pad-x":i&&!u,"fluid-pad-y":c,"fluid-box-outset":u},t);return r().createElement(p,f({className:y,style:n},v))};function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var h=function(e,t,n){if(t&&n)return n/t*100+"%";switch(e){case"square":case"1:1":return"100%";case"video":case"16:9":return"56.25%";case"poster":case"3:4":return"133.3%";default:var r=e.split(":");return 100/r[0]*r[1]+"%"}},O=["children","className","ratio","style","width","height"];function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=function(e){var t=e.children,n=e.className,o=e.ratio,i=void 0===o?"square":o,l=e.style,c=e.width,s=e.height,u=m(e,O);return r().createElement(y,f({padY:!1,padX:!1,className:a()("fluid-aspect-box",n),style:N(N({},l),{},{paddingTop:h(i,c,s)})},u),r().createElement("div",null,t))},j=["className","align","style","padX","padY","gap","direction"];function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var S=function(e){var t,n,o=e.className,i=e.align,l=void 0===i?"center":i,c=e.style,s=e.padX,u=void 0!==s&&s,d=e.padY,p=void 0!==d&&d,v=e.gap,g=void 0===v?0:v,h=e.direction,O=m(e,j),E=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({justifyContent:(t=l,"left"===t?"flex-start":"right"===t?"flex-end":t),"--fluid-gap":(n=g,Number.isInteger(n)&&0!==n?n+"px":"lg"===n||"large"===n?"var(--fluid-lg-space)":"med"===n||"medium"===n||"sm"===n||"small"===n?"var(--fluid-med-space)":n),flexDirection:function(e){return"reverse"===e?"row-reverse":e}(h)},c),N=a()("fluid-row",o);return r().createElement(y,f({padX:u,padY:p,className:N,style:E},O))},x=["className"],D=["status","icon","className","children","tag"];function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function C(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return k(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?k(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var I=["tag","className","children","size","style"],T=["tag","panes","sizes","className","isShowingFirstPane","onToggleFirstPane"];function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var _=function(e){var t=e.tag,n=void 0===t?"div":t,o=e.className,i=e.children,l=e.size,c=e.style,s=m(e,I),u=Number.isInteger(l)?"".concat(l,"px"):l,d=L(L({},c),{},{flex:void 0!==u&&"0 0 ".concat(u)});return r().createElement(n,f({className:a()("fluid-split-pane",o),style:d},s),i)},A=["className","size","isSticky","tag"],F=["lg","med","sm"],z=function(e){var t,n=e.className,o=e.size,i=void 0===o?"lg":o,l=e.isSticky,c=void 0===l||l,s=e.tag,u=void 0===s?"div":s,d=m(e,A);return r().createElement(u,f({className:a()("fluid-toolbar",(t={},b(t,"fluid-size-".concat(i),F.includes(i)),b(t,"fluid-is-sticky",c),t),n)},d))},M=["tag","className"],R=["tag","children","className","onDrop","hoverMessage"],Y=function(e){e.preventDefault(),e.stopPropagation()},X=function(e){var t=e.children;return r().createElement(i.motion.div,{initial:{scale:.8},animate:{scale:1},style:{background:"var(--fluid-box-background)",border:"2px solid var(--fluid-line-color)",flex:"1 1 auto",pointerEvents:"none",display:"flex",justifyContent:"center",alignItems:"center"}},t)},H=(0,t.createContext)(),W=function(e){var n=e.tag,o=void 0===n?"div":n,i=e.children,l=e.className,c=e.onDrop,s=void 0===c?function(){}:c,u=e.hoverMessage,d=void 0===u?r().createElement("h1",null,"You're Hovering..."):u,p=m(e,R),v=C((0,t.useState)(!1),2),g=v[0],y=v[1],b=C((0,t.useState)([]),2),h=b[0],O=b[1],E=function(e){return O(h.filter((function(t){return t.name!==e})))},N={files:h,setFiles:O,removeFile:E},w=a()("fluid-drop-area",{"is-hovering":g},l),j=function(e){y(!0),e.preventDefault(),e.stopPropagation()},P=function(e){y(!1),e.preventDefault(),e.stopPropagation()};return r().createElement(H.Provider,{value:N},r().createElement(o,f({className:w},p,{onDrag:Y,onDragStart:Y,onDragOver:j,onDragLeave:P,onDragEnter:j,onDragEnd:P,onDrop:function(e){var t=Array.from(e.nativeEvent.dataTransfer.files);O(t),y(!1),0<t.length&&s(t,E),e.preventDefault(),e.stopPropagation()}}),g?r().createElement(X,null,d):i))};W.use=function(){return(0,t.useContext)(H)};var q=["className"],G=Object.freeze({__proto__:null,Box:y,Row:S,Loading:function(e){var t=e.className,n=m(e,x);return r().createElement("div",f({className:a()("fluid-loading-bar",t)},n),r().createElement("div",{className:"fluid-dot"}),r().createElement("div",{className:"fluid-dot"}),r().createElement("div",{className:"fluid-dot"}))},Headline:function(e){var t=e.className,n=m(e,q);return r().createElement("div",f({className:a()("fluid-headline",t),role:"heading","aria-level":"2"},n))},Message:function(e){var t=e.status,n=e.icon,o=e.className,i=e.children,l=e.tag,c=void 0===l?"div":l,s=m(e,D),u=a()("fluid-message",{"fluid-status-alert":"alert"==t,"fluid-status-destructive":"destructive"==t,"fluid-status-primary":"primary"==t},o);return r().createElement(c,f({className:u},s),n&&r().createElement("div",{className:"fluid-message-icon"},r().createElement(n,null)),i)},AspectBox:w,Split:function(e){var n=e.tag,o=void 0===n?"div":n,i=e.panes,l=void 0===i?[]:i,c=e.sizes,s=void 0===c?[240]:c,u=e.className,d=e.isShowingFirstPane,p=void 0===d||d,v=e.onToggleFirstPane,g=void 0===v?function(){}:v,y=m(e,T),b=C((0,t.useState)(p),2),h=b[0],O=b[1];(0,t.useEffect)((function(){return O(p)}),[p]);var E=L(L({},y),{},{toggleFirstPane:function(){var e=!h;O(e),g(e)},isFirstPaneHidden:!h});return r().createElement(o,f({className:a()("fluid-split",u)},y),0<l.length&&l.map((function(e,t){return 0!==t||h?r().createElement(_,{className:"fluid-split-pane",key:t,size:s[t]},r().createElement(e,E)):null})))},Toolbar:z,ContentBoundary:function(e){var t=e.tag,n=void 0===t?"div":t,o=e.className,i=m(e,M);return r().createElement(n,f({className:a()("fluid-content-boundary",o)},i))},DropArea:W}),U=["tag","className","to","type","href","onClick","isSelected","appearance","status","icon","size","shape","isLoading","disabled","children"];function $(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var J=["normal","transparent","elevator"],K=["sm","med","lg"],Q=["round"],V=(0,t.forwardRef)((function(e,t){var n,o=e.tag,i=e.className,l=e.to,c=e.type,d=void 0===c?"button":c,f=e.href,p=e.onClick,v=e.isSelected,g=void 0!==v&&v,y=e.appearance,h=void 0===y?"normal":y,O=e.status,E=e.icon,N=e.size,w=e.shape,j=e.isLoading,P=void 0!==j&&j,S=e.disabled,x=e.children,D=m(e,U),k=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({ref:t,className:a()("fluid-button",(b(n={"is-selected":g},"fluid-status-".concat(O),O),b(n,"fluid-size-".concat(N),K.includes(N)),b(n,"fluid-appearance-".concat(h),J.includes(h)),b(n,"fluid-shape-".concat(w),w&&Q.includes(w)),n),i),role:"button",disabled:S||P},D),C="button";return o?C=o:l||f?(C="a",f?k.href=f:(C=s.Link,k.to=l)):(k.onClick=p,k.type=d),r().createElement(C,k,(E||P)&&r().createElement("span",{className:"fluid-button-icon"},!0===P?r().createElement(u.Loading,null):E),x&&r().createElement("span",null,x))})),Z=["children","content","isShowing","onOutsideClick","className","style"],ee=["className"];function te(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ne(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?te(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):te(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var re=function(e){var n=e.children,o=e.content,i=e.isShowing,l=e.onOutsideClick,c=void 0===l?function(){}:l,s=e.className,u=e.style,p=m(e,Z),v=(0,d.useLayer)({onOutsideClick:c,isOpen:i,closeOnOutsideClick:!0,placement:"bottom-end",possiblePlacements:["bottom-start","bottom-cetner","bottom-end"],overflowContainer:!1}),g=v.layerProps,y=v.triggerProps,b=v.renderLayer;return r().createElement(r().Fragment,null,(0,t.cloneElement)(n,y),i&&b(r().createElement("div",f({},p,g,{style:ne(ne({},u),g.style),className:a()("fluid-menu",g.className,s)}),o)))};re.Item=function(e){var t=e.className,n=m(e,ee),o=a()("fluid-menu-item",t);return r().createElement(se,f({className:o,appearance:"transparent"},n))};var oe=["tag","children","className","direction","appearance","shouldHandleOverflow","label","moreMenu"];function ae(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ie(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ae(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ae(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function le(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var ce=function(e){var t=e.className,n=e.direction,o=void 0===n?"horizontal":n,i=e.isHidden,l=a()("fluid-divider",{"fluid-vertical-divider":"vertical"===o,"fluid-horizontal-divider":"horizontal"===o,"fluid-is-hidden":void 0!==i&&i},t);return r().createElement("hr",{className:l})},se=V;se.Group=function(e){var n,o=e.tag,i=void 0===o?"div":o,l=e.children,c=e.className,s=e.direction,d=void 0===s?"row":s,p=e.appearance,v=void 0===p?"normal":p,g=e.shouldHandleOverflow,y=void 0!==g&&g,h=e.label,O=e.moreMenu,E=m(e,oe),N=C((0,t.useState)(null),2),w=N[0],j=N[1],P=C((0,t.useState)(!0),2),S=P[0],x=P[1],D=(0,t.useRef)(),k="normal"===v,I="row"===d?"vertical":"horizontal",T=t.Children.map(l,(function(e){return e||null}));(0,t.useLayoutEffect)((function(){if(y){if(D.current){var e=D.current,t=window.getComputedStyle(e),n=parseInt(t.paddingLeft)+parseInt(t.paddingRight),r=e.querySelector(".fluid-more-button"),o=e.clientWidth-n;if((r?e.scrollWidth-(n+r.offsetWidth):e.scrollWidth-n)>o){x(!0);var a,i=o-r.offsetWidth,l=0,c=0,s=function(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return le(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?le(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){l=!0,a=e},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw a}}}}(e.childNodes);try{for(s.s();!(a=s.n()).done;)(l+=a.value.offsetWidth)>i||c++}catch(e){s.e(e)}finally{s.f()}j(c)}else x(!1),j(null)}}else x(!1)}),[l]);var B=a()((b(n={"fluid-button-group":!0},"fluid-button-group-".concat(d),d),b(n,"fluid-button-group-appearance-".concat(v),v),n),c),L=ie(ie({},E),{},{className:B,role:E.role?E.role:"group",ref:D}),_=function(){return O||t.Children.map(l,(function(e,t){return!e||e.props.excludeFromMenu?null:r().createElement(re.Item,f({key:t},e.props))}))};return r().createElement(r().Fragment,null,h&&r().createElement("label",null,h),r().createElement(i,L,function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return Number.isInteger(n)?t.Children.map(e,(function(e,t){return t+1>n?null:e})):e}(T,w),S&&r().createElement((function(){var e=C((0,t.useState)(!1),2),n=e[0],o=e[1];return r().createElement(r().Fragment,null,k&&r().createElement(ce,{className:"fluid-more-button-divider",direction:I}),r().createElement(re,{content:r().createElement(_,null),isShowing:n,onOutsideClick:function(){return o(!1)}},r().createElement(V,{className:"fluid-more-button",isSelected:n,onClick:function(){return o(!n)}},r().createElement(u.More,null))))}),null)))};var ue=["label","onClick"],de=function(e){var t=e.className,n=e.title,o=void 0===n?"":n,i=e.message,l=void 0===i?"":i,s=e.buttons,u=void 0===s?[]:s,d=e.isShowing,p=void 0!==d&&d,v=e.setIsShowing,g=void 0===v?function(){}:v;return p?c().createPortal(r().createElement("div",{className:a()("fluid-dialog",t)},r().createElement("div",{className:"fluid-dialog-window"},o&&r().createElement("div",{className:"fluid-dialog-title"},o),r().createElement("div",{className:"fluid-dialog-message"},l),r().createElement("div",{className:"fluid-dialog-buttons"},u.map((function(e,t){var n=e.label,o=e.onClick,a=m(e,ue);return r().createElement(se,f({key:t,onClick:function(e){o&&o({closeDialog:function(){return g(!1)}}),e.stopPropagation()}},a),n)}))))),document.getElementById("fluid-modal-root")||document.body):null},fe=function(e){var t=e.className,n=e.isShowing,o=void 0!==n&&n,i=e.setIsShowing,l=void 0===i?function(){}:i,s=e.content,u=void 0===s?null:s;return o?c().createPortal(r().createElement("div",{className:a()("fluid-lightbox",t)},r().createElement("button",{className:"fluid-lightbox-close",onClick:function(){return l(!1)}},"X"),r().createElement("div",{className:"fluid-lightbox-content",onClick:function(){return l(!1)}},u)),document.getElementById("fluid-modal-root")||document.body):null},me=["onCancel","onConfirm"],pe=function(e){var n=C((0,t.useState)(!1),2),o=n[0],a=n[1];return[function(){a(!0)},function(){return r().createElement(de,f({isShowing:o,setIsShowing:a},e))}]},ve=Object.freeze({__proto__:null,Root:function(){return r().createElement("div",{id:"fluid-modal-root"})},Dialog:de,Lightbox:fe,useDialog:pe,useAlert:function(e){return e.buttons=[{label:"Ok",isSelected:!0,onClick:function(e){return(0,e.closeDialog)()}}],pe(e)},useConfirm:function(e){var t=e.onCancel,n=void 0===t?function(){}:t,r=e.onConfirm,o=void 0===r?function(){}:r,a=m(e,me);return a.buttons=[{label:"Cancel",onClick:function(e){(0,e.closeDialog)(),n()}},{label:"Ok",isSelected:!0,onClick:function(e){(0,e.closeDialog)(),o()}}],pe(a)},useLightbox:function(e){var n=C((0,t.useState)(!1),2),o=n[0],a=n[1];return[function(){a(!0)},function(){return r().createElement(fe,f({isShowing:o,setIsShowing:a},e))}]}}),ge=["children","className","label","handle","contentStyle","padX","padY","footer","description"];function ye(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function be(e,t){return(be=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function he(e){return(he="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Oe(e,t){return!t||"object"!==he(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function Ee(e){return(Ee=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Ne=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&be(e,t)}(i,t.Component);var n,r,o,a=function(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Ee(e);if(t){var o=Ee(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Oe(this,n)}}(i);function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(t=a.call(this,e)).state={hasError:!1,error:null},t}return n=i,o=[{key:"getDerivedStateFromError",value:function(e){return{hasError:!0,error:e}}}],(r=[{key:"render",value:function(){var e=this.props,n=e.alternate,r=void 0===n?we:n,o=e.children,a=this.state,i=a.hasError,l=a.error;return i?(0,t.createElement)(r,{error:l}):o}}])&&ye(n.prototype,r),o&&ye(n,o),i}(),we=function(e){var t=e.error;return r().createElement("div",{className:"fluid-default-error-message",style:{display:"flex",flexDirection:"column",flex:"1 0 auto",justifyContent:"center",alignItems:"center",padding:20}},r().createElement("div",null,"There seems to be an error."),r().createElement("code",null,t.message))},je=function(e){var t=(0,s.useHistory)();return r().createElement(se,f({className:"fluid-back-button",appearance:"transparent",onClick:t.goBack},e),r().createElement(u.BackArrow,null))},Pe=["children","className","hero","title","icon","toolbar","topContentStyle","actions","header","footer","onLoad","shouldScroll","shouldShowBackButton","style","padX","padY","contentWrapStyle","tag","contentBoxTag","contentBoxProps","contentBoxStyle","overlay"];function Se(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function xe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Se(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var De=function(e){var n=e.children,o=e.className,i=e.hero,l=e.title,c=e.icon,s=e.toolbar,u=e.topContentStyle,d=e.actions,p=e.header,v=e.footer,g=e.onLoad,b=void 0===g?function(){}:g,h=e.shouldScroll,O=void 0===h||h,E=e.shouldShowBackButton,N=void 0===E?function(e){return e}:E,w=e.style,j=void 0===w?{}:w,P=e.padX,S=void 0===P||P,x=e.padY,D=void 0===x||x,k=e.contentWrapStyle,C=void 0===k?null:k,I=e.tag,T=void 0===I?"div":I,B=e.contentBoxTag,L=void 0===B?"div":B,_=e.contentBoxProps,A=void 0===_?{}:_,F=e.contentBoxStyle,M=void 0===F?null:F,R=e.overlay,Y=m(e,Pe),X=a()("fluid-page",o);(0,t.useEffect)(b,[]);var H="function"==typeof N?N():N,W=xe(xe({},j),{},{overflowX:"hidden",overflowY:O?"scroll":"hidden",perspective:1,perspectiveOrigin:"0 0"}),q=xe({maxHeight:O?"":"100%",minHeight:0,flexShrink:O?0:1},M),G=xe({flexGrow:1,flexShrink:1,minHeight:0,maxHeight:"100%"},C);return r().createElement(T,{className:"fluid-page-wrap",style:{flex:"1 1 auto",position:"relative",minHeight:0,maxHeight:"100%",minWidth:0,maxWidth:"100%",display:"flex",flexDirection:"column"}},r().createElement("div",f({className:X},Y,{style:W}),i&&r().createElement((function(e){var t=e.children;if(!t)return null;var n="string"==typeof t;return r().createElement("div",{style:{transformOrigin:"0 0",flex:"0 0 auto",borderBottom:"2px solid var(--fluid-line-color)"}},n&&r().createElement("img",{src:t,style:{width:"100%"}}),!n&&t)}),null,i),r().createElement(L,f({className:"fluid-page-content"},A,{style:q}),r().createElement("div",{className:"fluid-sticky-element fluid-page-top-content",style:u},s,!1!==s&&!s&&r().createElement(z,{className:"fluid-page-top-toolbar"},H&&r().createElement(je,null),c&&r().createElement("span",{className:"fluid-page-title-icon"},c),l&&r().createElement("div",{className:"fluid-page-toolbar-content"},r().createElement("span",{className:"fluid-page-title",role:"heading","aria-level":"1",style:{flex:"1 1 auto"}},l)),d&&r().createElement("span",{className:"fluid-page-actions"},d)),p&&r().createElement(z,{size:"sm",className:"fluid-page-header"},p)),r().createElement(y,{padX:S,padY:D,style:G},r().createElement(Ne,null,n)))),v&&r().createElement("div",{className:"fluid-page-footer"},v),R&&r().createElement("div",{className:"fluid-page-overlay"},R))};De.Section=function(e){var t=e.children,n=e.className,o=e.label,i=e.handle,l=e.contentStyle,c=void 0===l?{}:l,s=e.padX,u=void 0===s||s,d=e.padY,p=void 0===d||d,v=e.footer,g=e.description,h=m(e,ge),O=a()("fluid-section",b({},"".concat(i,"-section"),i),n);return r().createElement("div",f({className:O},h),o&&r().createElement("div",{className:"fluid-section-title"},r().createElement("span",{className:"fluid-section-title-text"},o)),g&&r().createElement(S,{className:"fluid-section-description"},g),r().createElement(y,{className:"fluid-section-content",padX:u,padY:p,style:c},t),v&&r().createElement(y,{padY:!1,className:"fluid-section-footer"},v))};var ke=(0,t.createContext)({appearance:"grid"}),Ce=["tag","title","description","thumbnail","thumbnailProps","truncateTitle","icon","onClick","href","to","className","children"],Ie=["children","ratio"],Te=["title","description","icon","truncate","className"],Be=["title","description","truncateTitle","thumbnail","thumbnailProps","icon","tag"],Le=["title","description","truncateTitle","thumbnail","thumbnailProps","icon"],_e=function(e){var n=e.tag,o=void 0===n?"li":n,i=e.title,l=e.description,c=e.thumbnail,s=e.thumbnailProps,u=e.truncateTitle,d=void 0===u||u,p=e.icon,v=e.onClick,g=e.href,y=e.to,b=e.className,h=e.children,O=m(e,Ce),E="list"===(0,t.useContext)(ke).appearance?Me:ze,N={title:i,truncateTitle:d,thumbnail:c,thumbnailProps:s,description:l,icon:p},w={onClick:v,href:g,to:y,className:"fluid-collection-item-primary-action",appearance:"transparent"};return r().createElement(o,f({className:a()("fluid-collection-item",b)},O),r().createElement(se,w,(i||c)&&r().createElement(E,N),h))},Ae=function(e){var t=e.children,n=e.ratio,o=void 0===n?"4:3":n,a=m(e,Ie);return r().createElement("div",{className:"fluid-collection-item-thumbnail"},r().createElement(w,f({ratio:o},a),t))},Fe=function(e){var t=e.title,n=e.description,o=e.icon,i=e.truncate,l=void 0===i||i,c=e.className,s=m(e,Te);if(!t&&!n)return null;var u=a()("fluid-collection-item-text",{"item-has-icon":o},c);return r().createElement("div",f({className:u},s),(t||o)&&r().createElement(r().Fragment,null,o&&r().createElement("span",{className:"fluid-collection-item-icon"},o),r().createElement("div",{className:"fluid-item-title"},r().createElement("span",{className:a()("fluid-item-title-text",{"fluid-truncate":l})},t),n&&r().createElement("span",{className:"fluid-item-description fluid-truncate"},n))))},ze=function(e){var t=e.title,n=e.description,o=e.truncateTitle,a=e.thumbnail,i=e.thumbnailProps,l=e.icon,c=e.tag,s=void 0===c?"div":c,u=m(e,Be);return r().createElement(s,f({className:"fluid-collection-item-grid-content"},u),a&&r().createElement(Ae,i,a),r().createElement(Fe,{title:t,truncate:o,description:n,icon:l}))},Me=function(e){var t=e.title,n=e.description,o=e.truncateTitle,a=e.thumbnail,i=e.thumbnailProps,l=e.icon,c=m(e,Le);return r().createElement("div",f({className:"fluid-collection-item-list-content"},c),a&&r().createElement(Ae,i,a),r().createElement(Fe,{title:t,truncate:o,description:n,icon:l}))},Re=function(e){var t=f({},e);return r().createElement(_e,f({thumbnail:!0,title:"Loading..."},t))},Ye=["tag","appearance","maxItems","className","children","isLoading","loadingItems"],Xe=["grid","list"],He=function(e){var t=e.total;return Array(void 0===t?4:t).fill(0).map((function(e,t){return r().createElement(Re,{key:t})}))},We=function(e){var n=e.tag,o=void 0===n?"ul":n,l=e.appearance,c=void 0===l?"grid":l,s=e.maxItems,u=e.className,d=e.children,p=e.isLoading,v=void 0!==p&&p,g=e.loadingItems,y=m(e,Ye),h=a()("fluid-collection",b({},"fluid-collection-appearance-".concat(c),Xe.includes(c)),u),O={appearance:c};return r().createElement(ke.Provider,{value:O},r().createElement(i.AnimatePresence,null,r().createElement(o,f({className:h},y),v&&r().createElement(He,{total:g}),!v&&function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return Number.isInteger(n)?t.Children.map(e,(function(e,t){return t+1>n?null:e})):t.Children.toArray(e)}(d,s))))};We.Item=_e,We.use=function(){return(0,t.useContext)(ke)},window.FL=window.FL||{},FL.vendors=FL.vendors||{},FL.vendors.BBFluid=e})()})();
|
js/build/vendor-bb-fluid.bundle.min.js.LICENSE.txt
CHANGED
@@ -1,5 +1,5 @@
|
|
1 |
/*!
|
2 |
-
Copyright (c)
|
3 |
Licensed under the MIT License (MIT), see
|
4 |
http://jedwatson.github.io/classnames
|
5 |
*/
|
1 |
/*!
|
2 |
+
Copyright (c) 2018 Jed Watson.
|
3 |
Licensed under the MIT License (MIT), see
|
4 |
http://jedwatson.github.io/classnames
|
5 |
*/
|
js/build/vendor-bb-icons.bundle.js
CHANGED
@@ -64,21 +64,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
64 |
function C(){return(C=Object.assign||function(e){for(var C=1;C<arguments.length;C++){var t=arguments[C];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}const t=({...t})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.76256 1.66706C10.446 0.983646 11.554 0.983646 12.2374 1.66706L20.3329 9.76256C21.0163 10.446 21.0163 11.554 20.3329 12.2374L12.2374 20.3329C11.554 21.0163 10.446 21.0163 9.76256 20.3329L1.66707 12.2374C0.983651 11.554 0.983651 10.446 1.66707 9.76256L9.76256 1.66706ZM11.1768 2.72772C11.0791 2.63009 10.9209 2.63009 10.8232 2.72772L2.72773 10.8232C2.6301 10.9208 2.6301 11.0791 2.72773 11.1768L10.8232 19.2723C10.9209 19.3699 11.0791 19.3699 11.1768 19.2723L19.2723 11.1768C19.3699 11.0791 19.3699 10.9208 19.2723 10.8232L11.1768 2.72772Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10.7651 12.9678C11.1777 12.9678 11.3682 12.7012 11.3999 12.2949C11.4316 11.6729 11.6475 11.3491 12.4663 10.8667C13.3042 10.3652 13.7993 9.69238 13.7993 8.7085C13.7993 7.30566 12.6504 6.33447 10.9937 6.33447C9.72412 6.33447 8.75928 6.86768 8.37207 7.74365C8.25781 7.99121 8.20068 8.21338 8.20068 8.48633C8.20068 8.87354 8.42285 9.1084 8.81641 9.1084C9.13379 9.1084 9.33057 8.96875 9.45752 8.5752C9.66064 7.8833 10.1685 7.50244 10.9365 7.50244C11.7808 7.50244 12.3584 8.0166 12.3584 8.76562C12.3584 9.3877 12.0854 9.76855 11.3174 10.2319C10.4922 10.7271 10.0986 11.2666 10.0986 12.0791V12.2251C10.0986 12.644 10.3208 12.9678 10.7651 12.9678ZM10.7651 15.6655C11.2412 15.6655 11.603 15.3101 11.603 14.8467C11.603 14.3833 11.2412 14.0278 10.7651 14.0278C10.3018 14.0278 9.93359 14.3833 9.93359 14.8467C9.93359 15.3101 10.3018 15.6655 10.7651 15.6655Z",fill:"currentColor"})),r=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"18",viewBox:"0 0 20 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.16961 12.1746C5.14512 12.1504 5.11077 12.1394 5.07422 12.1425C4.85974 12.1635 4.41612 12.7734 4.25139 13.01C4.18361 12.9398 4.11363 12.8725 4.05038 12.8115C3.98157 12.7451 3.89785 12.6646 3.86972 12.6272C3.9979 12.3619 4.18556 12.0048 4.38398 11.6276C5.19566 10.0838 5.33524 9.75407 5.21342 9.66789C5.1976 9.65674 5.17091 9.64469 5.13384 9.65233C4.97664 9.68408 4.69346 10.1144 4.12866 11.0204C3.82669 11.5048 3.51449 12.0057 3.35715 12.1629C3.30337 12.2166 3.24518 12.2424 3.18777 12.2408C3.13645 12.2381 3.08888 12.2115 3.04508 12.1575C2.97263 12.0682 2.92157 11.9917 2.97704 11.8882C3.16768 11.5318 3.46589 11.034 3.78172 10.5069C4.91715 8.61152 5.42363 7.70121 5.16339 7.54232C5.03172 7.46209 4.85416 7.71598 4.08421 8.93176C3.58058 9.72659 3.00996 10.6276 2.55739 11.1523C2.5145 11.2018 2.48378 11.2158 2.47004 11.2131C2.40511 11.1988 2.33785 10.9616 2.29754 10.8198C2.25633 10.6746 2.21965 10.5453 2.16613 10.4678C2.36286 10.1967 3.0535 9.12927 3.74297 8.02896C5.15924 5.76861 5.12023 5.71781 5.08239 5.66869C5.05893 5.63823 5.02575 5.61983 4.98441 5.6232C4.67233 5.63162 3.69956 7.01005 2.46019 8.81123C2.05286 9.40337 1.701 9.91477 1.62298 9.98242C1.4462 10.1359 1.3547 10.3103 1.35121 10.5012C1.34317 10.9293 1.75335 11.4002 2.41755 12.0217C2.76385 12.3456 3.01825 12.5901 3.21719 12.7814C3.91029 13.4472 3.93724 13.4732 4.83356 13.9587L4.8959 13.9924L4.92389 13.9273C4.95499 13.8556 4.76344 13.5976 4.70512 13.5219C4.72106 13.4679 4.79714 13.3188 4.86492 13.186C5.12581 12.6753 5.30025 12.3038 5.16961 12.1746Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.8669 13.9007C13.7416 13.9644 13.6725 13.9871 13.449 13.9828C14.0307 12.5248 14.46 11.0596 14.7526 9.08706C15.1815 9.60144 15.6872 9.97689 16.1926 10.2592C15.8987 11.283 14.442 13.6079 13.8669 13.9007ZM13.0359 13.9666C12.8663 13.9463 12.7194 13.9103 12.6444 13.8642C12.2235 13.6053 11.3409 11.888 11.1256 10.7259C11.8861 10.5951 13.3297 9.88358 14.0285 9.17519C13.8783 10.7787 13.4602 12.3342 13.0359 13.9666ZM12.9302 2.60473C12.2757 2.6173 11.6191 2.65773 11.1131 2.69013C12.2053 1.82687 14.8144 1.6812 15.0871 2.62831C14.5541 2.62598 13.773 2.58879 12.9302 2.60473ZM10.052 2.58879C9.78673 2.28863 9.43694 1.51168 9.01224 1.60642C9.29697 1.09165 10.0852 0.801083 11.2021 0.683017C11.4669 0.915261 12.0041 1.10707 12.1745 1.63519C11.5543 1.66448 11.0564 1.7228 10.8874 1.81456C10.5865 1.97772 10.2786 2.27982 10.052 2.58879ZM13.5127 0.966582C13.6815 1.11407 13.8231 1.24548 14.0285 1.6243C13.6443 1.61277 13.2382 1.60953 12.8489 1.61497C12.5524 0.988225 12.3332 0.981875 11.9689 0.664744C12.6108 0.583225 13.2146 0.706605 13.5127 0.966582ZM17.5266 3.92626C17.5216 3.60964 18.1967 3.24495 18.1531 2.8463C18.1236 2.5766 16.624 1.72448 16.3679 1.83063C16.1675 1.91383 16.0471 2.27165 15.8769 2.46696C15.9443 2.20517 15.763 1.86419 15.682 1.76505C15.6138 1.68159 15.3768 1.69934 14.7781 1.65942C14.5589 1.16137 14.0666 0.750539 13.7363 0.451681C13.3948 0.142715 12.5218 0.0556239 11.5396 0.152565L11.5394 0.152435C11.4391 0.0772671 11.3239 -0.0258946 11.079 0.00585745C10.9018 0.0287967 10.6646 0.0850431 10.6816 0.163192C10.6902 0.20259 10.6775 0.279184 10.6377 0.286182C9.2323 0.533459 8.02067 0.953752 7.69939 1.78514C7.6399 1.93936 7.5983 2.22189 7.61398 2.57932C7.17049 2.97486 6.79659 3.36781 6.79245 3.49041C6.78312 3.76426 7.26834 4.15396 7.30398 4.35808C7.33975 4.5622 6.43073 5.95424 5.88473 7.874C5.2134 10.2338 5.61361 13.492 7.71533 13.4747C8.85399 13.4652 8.57263 11.7314 7.79918 11.7654C7.57018 11.7756 7.73036 12.9992 7.20963 12.7678C6.28662 12.3578 6.1311 10.0964 6.79932 8.40096C8.14612 4.98444 8.66569 4.80145 8.62421 4.55702C8.58287 4.31272 8.05475 3.88919 8.04192 3.72395C8.02689 3.53214 8.7958 2.79679 9.02714 2.87753C9.23022 2.94817 9.56278 3.72603 9.84867 3.7767C10.1019 3.82167 14.9308 2.97227 16.0928 3.49754C17.2549 4.02281 18.9717 7.88165 18.8423 8.28198C18.7127 8.68206 17.6326 9.3736 16.6573 9.32747C15.9764 9.29533 15.0863 8.67597 14.7058 8.34471C14.715 8.33914 14.7236 8.3311 14.7329 8.32501C14.6325 8.36571 14.5195 8.39098 14.3896 8.39098C14.2678 8.39098 14.1615 8.36739 14.0657 8.33123C13.5148 8.79222 12.5406 9.41521 11.6738 9.47197C10.5403 9.5461 9.42061 8.78703 9.23696 8.45785C9.02908 8.08525 9.79878 6.6625 9.69043 6.5736C9.47206 6.39449 7.49255 8.50904 7.7117 9.25048C7.87772 9.81256 9.11566 10.3816 10.1168 10.6224C10.3704 11.5488 11.7513 13.9294 12.1311 14.1767C12.5362 14.4404 13.4653 14.5391 13.9652 14.3335C14.5358 14.0987 16.386 12.0966 16.9474 10.5062C17.1264 10.4943 17.5467 10.3758 17.775 10.3091C17.5684 13.4463 14.4127 15.6976 14.5249 15.9053C14.6393 16.117 16.3269 15.6068 16.5297 15.8102C16.7172 15.9982 15.8945 16.92 15.9486 16.92C16.8977 16.9202 17.9749 15.6303 17.8258 15.0995C17.7387 14.7889 16.5176 14.949 16.4466 14.8241C16.379 14.705 18.5535 13.1807 19.0591 9.7164C19.4145 9.49491 19.6899 9.25865 19.7828 9.05259C20.0689 8.41949 17.5279 4.00842 17.5266 3.92626Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.4555 5.48616C16.1192 5.48616 15.8447 5.76065 15.8447 6.09684C15.8447 6.43315 16.1192 6.70738 16.4555 6.70738C16.7918 6.70738 17.066 6.43315 17.066 6.09684C17.066 5.76065 16.7918 5.48616 16.4555 5.48616Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.8419 5.4899C11.5067 5.4899 11.2332 5.76348 11.2332 6.09876C11.2332 6.43403 11.5067 6.70749 11.8419 6.70749C12.1772 6.70749 12.4507 6.43403 12.4507 6.09876C12.4507 5.76348 12.1772 5.4899 11.8419 5.4899Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.22005 11.7185C4.89204 12.216 1.70634 8.94399 1.4159 8.73766C0.795121 8.29689 1.66837 7.66717 2.4715 6.75401C3.87986 5.15319 3.35965 6.2128 4.43701 5.48613C4.44388 5.49831 5.42353 6.25919 5.25181 6.53991C5.11728 6.75971 4.08281 5.81415 3.97952 5.9142C3.79951 6.08838 3.49223 6.13659 3.52437 6.17495C4.1064 6.87 4.92819 7.21512 4.63141 7.51191C4.45865 7.68466 3.77968 6.97834 3.29174 6.5898C2.87092 6.25466 2.62935 7.03329 2.70089 7.14047C3.46799 8.29029 4.61845 8.91262 4.34525 9.27226C4.02449 9.54987 3.52307 8.78989 2.4391 7.842C2.07324 7.52228 1.94765 8.10884 1.7885 8.25983C2.09851 8.5789 5.40888 11.432 5.22005 11.7185Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.4595 16.5406C14.142 16.6496 13.5502 16.7063 12.6959 16.6527C11.3022 16.5655 9.97871 16.0712 9.1459 15.8278C9.2269 15.9708 9.44644 16.3947 9.51305 16.5478C9.50061 16.5563 9.51901 16.5819 9.54519 16.6202C9.57358 16.6827 9.60001 16.7353 9.62464 16.773C9.64473 16.8385 9.64784 16.9144 9.60481 16.9967C9.48104 17.2334 8.05713 16.8858 7.98468 16.7067C7.90718 16.5155 8.20694 15.9326 8.16405 15.7424C8.12102 15.5527 7.70682 15.3085 7.45539 15.1524C5.4024 13.8765 1.39556 10.2432 1.67407 9.03758C1.93638 7.90241 3.93014 5.89763 4.3669 5.82195C4.80352 5.74613 6.85094 6.71113 6.94373 6.26414C7.0075 5.9566 4.33229 4.83893 3.84927 4.94948C3.39269 5.05355 0.297456 7.86626 0.0392932 8.95541C-0.569568 11.5258 6.08306 15.2739 6.95617 15.8579C7.21447 16.0305 6.70579 16.6219 6.8893 16.9756C7.1301 17.4393 10.5287 17.9489 10.6092 17.6676C10.6477 17.5335 10.4975 17.2076 10.3085 16.9114C10.7904 16.9738 11.5633 17.0711 12.6702 17.1969C14.6757 17.47 15.1036 17.0198 15.164 16.9513C15.2243 16.883 14.5378 16.5115 14.4595 16.5406Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.0673 8.40698C14.0275 8.38106 13.9629 8.31574 13.8173 8.16501C13.7442 8.0892 13.6815 8.01882 13.6159 7.95247C13.5346 7.87043 13.4531 7.78814 13.3645 7.6807C12.8214 7.0222 15.7123 6.95857 15.3993 7.5835C15.2847 7.81237 15.141 7.97683 14.9788 8.1645C14.7365 8.44482 14.7599 8.50055 14.4381 8.49873C14.3024 8.49809 14.1628 8.47994 14.0673 8.40698Z",fill:"currentColor"})),o=({...t})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:20,height:20,viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("circle",{cx:"10",cy:"10",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeDasharray:"45",strokeLinecap:"round",r:"9"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("animateTransform",{attributeName:"transform",type:"rotate",by:"360",dur:"1s",repeatCount:"indefinite"})),n=({...t})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("rect",{x:"11",y:"1.4903",width:"13.4488",height:"13.4488",rx:"1",transform:"rotate(45 11 1.4903)",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10.9968 12.6472C11.4475 12.6472 11.6951 12.3679 11.7078 11.9045L11.7903 7.21362C11.7903 7.16919 11.7966 7.12476 11.7966 7.09302C11.7966 6.5979 11.4792 6.29321 11.0032 6.29321C10.5271 6.29321 10.2034 6.5979 10.2034 7.09302C10.2034 7.12476 10.2097 7.16919 10.2097 7.21362L10.2922 11.9045C10.3049 12.3679 10.5461 12.6472 10.9968 12.6472ZM10.9968 15.7068C11.5173 15.7068 11.9236 15.3069 11.9236 14.8054C11.9236 14.304 11.5173 13.9104 10.9968 13.9104C10.4827 13.9104 10.0764 14.304 10.0764 14.8054C10.0764 15.3069 10.4827 15.7068 10.9968 15.7068Z",fill:"currentColor"})),l=({direction:t="right",...r})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),"left"===t&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"2.75",y1:"9.94765",x2:"17.25",y2:"9.94765",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"2.74802",y1:"9.94822",x2:"9.69557",y2:"3.00067",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"0.75",y1:"-0.75",x2:"10.5753",y2:"-0.75",transform:"matrix(0.707107 0.707107 0.707107 -0.707107 2.74802 8.94667)",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})),"right"===t&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"17.25",y1:"10.0079",x2:"2.75",y2:"10.0079",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"17.252",y1:"10.0073",x2:"10.3044",y2:"16.9549",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"0.75",y1:"-0.75",x2:"10.5753",y2:"-0.75",transform:"matrix(-0.707107 -0.707107 -0.707107 0.707107 17.252 11.0089)",stroke:"black",strokeWidth:"1.5",strokeLinecap:"round"})),"up"===t&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"10.0301",y1:"2.72777",x2:"10.0301",y2:"17.2278",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"10.0295",y1:"2.72578",x2:"16.9771",y2:"9.67334",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"0.75",y1:"-0.75",x2:"10.5753",y2:"-0.75",transform:"matrix(-0.707107 0.707107 0.707107 0.707107 11.0311 2.72578)",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})),"down"===t&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"9.96985",y1:"17.2278",x2:"9.96985",y2:"2.72777",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"9.97047",y1:"17.2298",x2:"3.02292",y2:"10.2822",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"0.75",y1:"-0.75",x2:"10.5753",y2:"-0.75",transform:"matrix(0.707107 -0.707107 -0.707107 -0.707107 8.96887 17.2298)",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}))),i=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(l,C({direction:"left"},t)),L=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(l,C({direction:"right"},t)),a=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(l,C({direction:"up"},t)),c=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(l,C({direction:"down"},t)),h=({size:t=20,...r})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:t,height:t,viewBox:"0 0 450 450",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},r),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M241.176,32.58 C212.203,3.607 165.229,3.607 136.257,32.58 C104.728,64.108 64.7505,104.086 33.2582,135.578 C4.3968,164.44 4.3968,211.233 33.2582,240.095 C74.0633,280.9 129.115,335.951 161.573,368.409 C178.953,385.789 202.525,395.5527 227.103,395.5527 C265.428,395.5527 323.836,395.5527 361.062,395.5527 C370.443,395.5527 379.44,391.8261 386.073,385.193 C392.706,378.559 396.433,369.563 396.433,360.182 C396.433,325.232 396.433,271.611 396.433,233.469 C396.433,204.251 384.826,176.229 364.165,155.569 C331.325,122.728 279.883,71.286 241.176,32.58 Z",fill:"#FFAD3B"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M356.247,395.5527 C362.981,395.5527 369.052,391.4966 371.63,385.275 C374.208,379.054 372.784,371.893 368.024,367.13 C291.192,290.26 85.032,84.001 85.032,84.001 C67.7094,101.324 50.3646,118.624 32.9985,135.901 L292.65,395.5527 C292.65,395.5527 327.055,395.5527 356.247,395.5527 Z",fill:"#FE8300"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M396.584,291.619 L136.932,31.967 C136.932,31.967 136.932,31.967 136.932,31.967 C150.667,18.162 169.33,10.389 188.804,10.364 C208.278,10.338 226.962,18.063 240.732,31.833 C278.866,69.968 329.542,120.643 362.599,153.701 C384.359,175.461 396.584,204.974 396.584,235.747 C396.584,262.965 396.584,291.619 396.584,291.619 Z",fill:"#FDC950"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M396.232,202.759 C395.989,200.247 394.319,198.1 391.943,197.248 C389.568,196.396 386.914,196.992 385.13,198.777 C352.273,231.665 231.009,353.059 199.222,384.881 C197.563,386.541 197.001,389.005 197.777,391.2207 C198.553,393.436 200.53,395.0112 202.862,395.2735 C204.547,395.4583 206.248,395.5527 207.959,395.5527 C247.622,395.5527 338.046,395.5527 377.469,395.5527 L396.433,376.589 C396.433,337.166 396.433,246.742 396.433,207.079 C396.433,205.631 396.365,204.19 396.232,202.759 Z",fill:"#F8C978"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M396.244,202.896 C396.007,200.358 394.325,198.186 391.927,197.322 C389.53,196.458 386.849,197.057 385.048,198.86 C353.145,230.793 240.578,343.48 240.578,343.48 L292.65,395.5527 C325.192,395.5527 357.727,395.5527 377.469,395.5527 C382.498,395.5527 387.322,393.5548 390.878,389.9984 C394.435,386.442 396.433,381.618 396.433,376.589 C396.433,337.166 396.433,246.742 396.433,207.079 C396.433,205.677 396.369,204.281 396.244,202.896 Z",fill:"#FAA849"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M396.254,203.004 C396.021,200.446 394.33,198.254 391.915,197.38 C389.5,196.506 386.797,197.109 384.982,198.926 C360.753,223.176 292.467,291.536 292.467,291.536 C292.467,291.536 359.703,358.807 383.025,382.141 C385.271,384.388 388.649,385.061 391.584,383.845 C394.519,382.63 396.433,379.766 396.433,376.59 C396.433,376.589 396.433,376.589 396.433,376.589 C396.433,337.166 396.433,246.742 396.433,207.079 C396.433,205.714 396.373,204.354 396.254,203.004 Z",fill:"#FFCC7A"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M396.276,203.263 C396.055,200.657 394.342,198.416 391.886,197.519 C389.429,196.622 386.675,197.232 384.827,199.082 C370.799,213.119 344.456,239.491 344.456,239.491 L396.433,291.671 C396.433,259.264 396.433,226.859 396.433,207.079 C396.433,205.801 396.38,204.528 396.276,203.263 Z",fill:"#FFE09D"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M46.5328,242.175 L52.9512,249.313 C53.9647,250.664 54.8775,252.126 55.2208,253.761 C55.6435,255.774 55.3689,257.989 54.2428,259.718 C53.9658,260.143 53.5981,260.501 53.2757,260.893 C53.274,260.895 53.2722,260.896 53.2722,260.896 C52.1867,261.725 52.0041,262.005 50.6898,262.447 C48.1707,263.294 45.2579,262.721 43.0585,261.237 C42.5802,260.914 42.1613,260.511 41.7126,260.148 C41.7126,260.148 26.1296,245.076 26.1296,245.076 C26.1296,245.076 25.2578,244.255 24.5604,243.563 C15.1361,234.199 8.0369,222.541 4.0988,209.605 C0.2362,196.918 -0.5051,183.315 1.9442,170.235 C4.3825,157.213 10.1396,144.798 18.4641,134.225 L18.568,134.094 C20.238,132.052 22.0092,130.092 23.8572,128.217 L39.2699,112.604 C56.93,94.959 74.5982,77.311 92.363,59.748 C98.876,53.31 105.378,46.86 111.945,40.477 C117.806,34.779 123.789,29.208 129.747,23.628 C130.042,23.351 130.308,23.103 130.308,23.103 C139.686,14.435 151.175,7.899 163.35,4.342 C169.363,2.585 175.521,1.454 181.743,1.068 C183.885,0.907 186.038,0.832 188.208,0.837 C201.73,0.91 215.282,4.826 227.186,11.48 C235.651,16.211 243.295,22.357 250.263,29.1 C258.483,37.055 266.481,45.276 274.395,53.342 C293.825,73.144 313.015,93.115 332.556,112.921 L332.558,112.923 C332.887,113.331 333.258,113.71 333.545,114.149 C334.924,116.255 335.197,119.052 334.25,121.392 C333.728,122.683 333.427,122.887 332.555,123.958 L332.552,123.961 C332.147,124.29 331.774,124.661 331.338,124.949 C328.808,126.62 325.289,126.615 322.743,124.947 C321.708,124.269 321.155,123.602 320.315,122.771 C298.977,101.675 278.191,80.62 256.807,59.542 C250.127,52.958 243.436,46.335 236.521,39.987 C231.091,35.002 225.145,30.557 218.649,27.081 C208.055,21.411 196.13,18.649 184.223,19.655 C183.826,19.688 183.436,19.725 183.339,19.736 C172.551,20.879 161.872,25.255 153.016,32 L189.346,71.345 L201.841,59.271 C203.021,58.269 204.204,57.256 205.555,56.505 C206.743,55.846 208.063,55.316 209.396,55.036 C209.996,54.91 210.613,54.891 211.221,54.818 C211.784,54.866 212.346,54.913 212.908,54.961 C214.371,55.465 214.384,55.465 215.637,56.372 L215.641,56.376 C215.94,56.788 216.304,57.161 216.538,57.614 C217.902,60.251 217.038,63.702 215.508,66.458 C214.757,67.809 213.744,68.992 212.742,70.172 L200.224,83.126 L218.713,103.15 C219.683,104.342 220.663,105.537 221.387,106.887 C222.845,109.606 223.716,113.057 222.389,115.656 C222.165,116.095 221.813,116.457 221.524,116.858 L221.521,116.861 C221.12,117.15 220.758,117.502 220.318,117.727 C217.712,119.058 214.296,118.197 211.55,116.725 C210.2,116 209.005,115.021 207.812,114.05 L188.01,95.766 L150.825,134.247 L189.144,174.99 L207.135,157.69 C208.261,156.746 209.39,155.792 210.683,155.103 C211.832,154.491 213.105,154.017 214.391,153.785 C214.975,153.679 215.574,153.679 216.166,153.626 C216.717,153.689 217.267,153.752 217.817,153.815 C219.266,154.353 219.278,154.353 220.521,155.271 L220.524,155.275 C221.366,156.414 221.646,156.555 221.981,157.979 C222.696,161.018 221.42,164.373 219.552,166.935 C219.11,167.541 218.588,168.085 218.106,168.661 L200.455,187.017 L220.269,208.084 C221.401,209.435 222.543,210.785 223.419,212.307 C225.127,215.272 226.377,219.06 225.003,221.957 C224.781,222.425 224.411,222.807 224.115,223.232 L224.112,223.235 C223.687,223.531 223.305,223.901 222.837,224.123 C221.213,224.893 219.193,224.757 217.452,224.315 C215.173,223.737 212.995,222.587 211.039,221.128 C210.315,220.588 209.656,219.968 208.964,219.389 L188.15,199.813 L151.099,238.345 L219.08,309.063 C220.266,310.466 221.465,311.872 222.354,313.477 C224.144,316.71 225.187,320.848 223.582,323.96 C223.306,324.495 222.876,324.935 222.523,325.422 L222.52,325.426 C222.032,325.779 221.592,326.209 221.057,326.484 C217.935,328.095 213.844,327.068 210.574,325.256 C208.969,324.367 207.563,323.168 206.161,321.983 L135.755,254.302 L97.265,294.33 C121.366,318.49 145.44,342.677 169.72,366.656 C173.648,370.523 178.344,373.639 183.163,376.499 C195.442,383.785 209.247,388.538 223.637,388.553 L224.923,388.673 C225.337,388.791 225.764,388.872 226.165,389.028 C229.765,390.4266 231.69,395.0788 229.893,398.6792 C228.929,400.6113 227.037,402.0394 224.909,402.4348 C223.468,402.7027 222.039,402.5495 220.603,402.4939 C201.006,401.7355 181.739,393.7103 166.235,381.987 C163.993,380.292 161.812,378.523 159.807,376.543 L159.729,376.465 L63.974,280.815 L63.1482,279.821 C62.5922,278.824 62.3733,278.594 62.1079,277.469 C61.4235,274.566 62.8519,271.232 65.5115,269.749 C66.2668,269.327 67.0937,269.05 67.9502,268.93 C68.8013,268.811 69.6653,268.929 70.52,269.047 C70.9283,269.184 71.351,269.283 71.745,269.457 C72.8032,269.924 72.9894,270.181 73.8681,270.91 C76.406,273.445 78.9427,275.981 81.478,278.518 L121.207,240.316 L83.425,203.996 L46.5328,242.175 Z M100.797,186.019 L137.725,224.433 L175.602,188.011 L135.404,150.206 L100.797,186.019 Z M32.3203,154.869 C28.3673,160.645 25.4099,167.115 23.6426,173.764 C20.4984,185.593 20.7944,197.982 24.4876,209.374 C26.1637,214.544 28.46,219.451 31.3582,224.011 L67.7073,188.886 L32.3203,154.869 Z M83.954,101.816 L82.861,102.915 C72.3568,113.466 61.813,123.978 51.2381,134.466 L86.291,170.929 L121.383,137.019 L83.954,101.816 Z M136.574,48.272 C133.845,51.159 131.121,54.051 128.351,56.9 C123.065,62.337 112.48,73.053 102.627,83 L138.173,120.795 L175.77,84.464 L136.574,48.272 Z",fill:"#525252"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M389.513,316.189 C389.506,289.674 389.433,263.159 389.433,236.644 C389.381,216.281 383.785,196.321 373.365,179.165 C368.752,171.57 363.224,164.536 356.975,158.278 L344.644,145.947 C344.369,145.616 344.062,145.308 343.819,144.953 C342.114,142.465 342.243,138.891 344.208,136.525 C345.313,135.195 346.913,134.303 348.627,134.064 C349.478,133.946 350.342,134.064 351.196,134.183 C351.605,134.32 352.027,134.42 352.421,134.594 C353.479,135.061 353.665,135.318 354.543,136.047 C361.842,143.346 369.449,150.416 375.894,158.43 C387.542,172.914 395.902,190.021 400.163,208.251 C402.018,216.188 403.089,224.267 403.36,232.382 C403.403,233.675 403.429,234.962 403.432,236.251 L403.433,236.626 C403.433,278.582 403.615,320.538 403.432,362.493 C403.394,371.349 400.323,380.265 394.78,387.273 C387.318,396.7072 375.511,402.4995 363.363,402.5525 C332.687,402.6027 301.956,402.5583 271.221,402.5603 L257.638,402.5606 L256.352,402.4415 C255.938,402.3236 255.511,402.2435 255.109,402.088 C252.298,400.9988 250.384,397.9774 250.668,394.9149 C250.946,391.9076 253.369,389.2375 256.351,388.68 C256.775,388.601 257.209,388.6 257.638,388.561 C277.493,388.56 297.366,388.558 317.217,388.556 L389.513,316.189 Z",fill:"#525252"})),s=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M14.1155 20C15.3977 20 16.2584 19.1767 16.3212 17.8881L16.9399 4.80537H17.8365C18.2041 4.80537 18.5 4.50112 18.5 4.13423C18.5 3.76734 18.2041 3.45414 17.8365 3.45414H13.9182V2.11186C13.9182 0.832215 13.0485 0 11.6677 0H8.31435C6.93354 0 6.07278 0.832215 6.07278 2.11186V3.45414H2.17247C1.81382 3.45414 1.5 3.76734 1.5 4.13423C1.5 4.50112 1.81382 4.80537 2.17247 4.80537H3.06909L3.68776 17.8971C3.75053 19.1857 4.60232 20 5.89346 20H14.1155ZM12.4926 3.45414H7.50738V2.20134C7.50738 1.69128 7.88397 1.33333 8.42194 1.33333H11.5691C12.116 1.33333 12.4926 1.69128 12.4926 2.20134V3.45414ZM13.981 18.6577H6.02795C5.50791 18.6577 5.12236 18.264 5.09546 17.745L4.46783 4.80537H15.5053L14.9135 17.745C14.8866 18.2729 14.51 18.6577 13.981 18.6577ZM12.663 17.0828C12.9589 17.0828 13.183 16.8412 13.192 16.5011L13.461 7.05145C13.4699 6.71141 13.2368 6.46085 12.932 6.46085C12.654 6.46085 12.4209 6.72036 12.4119 7.04251L12.1429 16.5011C12.134 16.8233 12.3581 17.0828 12.663 17.0828ZM7.34599 17.0828C7.65084 17.0828 7.875 16.8233 7.86603 16.5011L7.59705 7.04251C7.58808 6.72036 7.34599 6.46085 7.06804 6.46085C6.76319 6.46085 6.53903 6.71141 6.548 7.05145L6.82595 16.5011C6.83492 16.8412 7.05011 17.0828 7.34599 17.0828ZM10.009 17.0828C10.2959 17.0828 10.5469 16.8233 10.5469 16.5011V7.04251C10.5469 6.72036 10.3049 6.46085 10.009 6.46085C9.71308 6.46085 9.46203 6.72036 9.46203 7.04251V16.5011C9.46203 16.8233 9.71308 17.0828 10.009 17.0828Z"})),d=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M16.411 14.0458L16.8421 4.82263H17.9198C18.288 4.82263 18.5844 4.50831 18.5844 4.1401C18.5844 3.77189 18.288 3.46655 17.9198 3.46655H13.8156V2.11944C13.8156 0.826224 12.9445 0 11.5615 0H8.20269C6.81966 0 5.95752 0.826224 5.95752 2.11944V3.27795H5.64319L7.17889 4.82263H15.4052L15.037 12.6807L16.411 14.0458ZM18.3868 18.5272C18.6472 18.2488 18.6562 17.8177 18.3868 17.5483L2.3832 1.5357C2.11378 1.26628 1.66475 1.26628 1.39533 1.5357C1.13489 1.79614 1.13489 2.25415 1.39533 2.51459L17.4079 18.5272C17.6773 18.7966 18.1174 18.7966 18.3868 18.5272ZM12.3877 3.46655H7.39443V2.20925C7.39443 1.69735 7.77162 1.33812 8.31046 1.33812H11.4627C12.0105 1.33812 12.3877 1.69735 12.3877 2.20925V3.46655ZM14.0132 20C14.9741 20 15.6567 19.533 15.989 18.7966L15.9979 18.626L14.8304 17.4585L14.8125 17.7189C14.8035 18.2398 14.4173 18.6439 13.8695 18.6439H5.91261C5.39173 18.6439 5.00556 18.2577 4.97862 17.7279L4.45774 7.09475L2.99389 5.62191L3.56865 17.8895C3.63152 19.1738 4.48468 20 5.7779 20H14.0132ZM10.4389 8.07364V7.0678C10.4389 6.7445 10.1964 6.48406 9.90004 6.48406C9.73839 6.48406 9.58572 6.56489 9.50489 6.69062V7.13965L10.4389 8.07364ZM13.2409 10.8936L13.3576 7.0678C13.3666 6.73552 13.1331 6.48406 12.8277 6.48406C12.5493 6.48406 12.3158 6.7445 12.3069 7.0678L12.235 9.86978L13.2409 10.8936ZM7.23278 17.0723C7.53812 17.0723 7.76264 16.8119 7.75366 16.4796L7.57404 10.2021L6.49636 9.12438L6.7119 16.4886C6.72088 16.8298 6.93641 17.0723 7.23278 17.0723ZM9.90004 17.0723C10.1874 17.0723 10.4389 16.8119 10.4389 16.4886V13.0579L9.35222 11.9892V16.4886C9.35222 16.8119 9.60368 17.0723 9.90004 17.0723ZM12.5583 17.0723C12.8547 17.0723 13.0792 16.8298 13.0882 16.4886L13.1061 15.7252L12.0913 14.7104L12.0374 16.4796C12.0285 16.8119 12.253 17.0723 12.5583 17.0723Z"})),w=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10.0037 16C15.9166 16 20 11.4282 20 10C20 8.56476 15.9093 4 10.0037 4C4.17124 4 0 8.56476 0 10C0 11.4282 4.16392 16 10.0037 16ZM10.0037 14.8938C5.18112 14.8938 1.28064 10.9872 1.28064 10C1.28064 9.16686 5.18112 5.10618 10.0037 5.10618C14.8042 5.10618 18.7194 9.16686 18.7194 10C18.7194 10.9872 14.8042 14.8938 10.0037 14.8938ZM10.0037 13.9207C12.2795 13.9207 14.109 12.1354 14.109 10C14.109 7.80863 12.2795 6.07935 10.0037 6.07935C7.71314 6.07935 5.87633 7.80863 5.88362 10C5.89828 12.1354 7.71314 13.9207 10.0037 13.9207ZM10.0037 11.3022C9.24259 11.3022 8.62788 10.7141 8.62788 10C8.62788 9.27888 9.24259 8.69778 10.0037 8.69778C10.7574 8.69778 11.3721 9.27888 11.3721 10C11.3721 10.7141 10.7574 11.3022 10.0037 11.3022Z"})),m=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M16.261 5.45801L17.4563 4.2627C18.0208 3.69824 18.0374 3.01758 17.4978 2.46143L16.9583 1.92187C16.4187 1.36572 15.7131 1.41553 15.1487 1.97168L13.9534 3.15869L16.261 5.45801ZM1.90064 18.2993L4.35767 17.3696L15.1321 6.57861L12.8245 4.2793L2.05005 15.0703L1.15356 17.5273C0.970948 18.0171 1.46899 18.457 1.90064 18.2993Z"})),p=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M14.3727 17.5C16.015 17.5 16.7486 16.7504 16.9904 15.1534L18.2243 6.98126H18.416C19.4414 6.98126 20 6.35388 20 5.35986V4.1214C20 3.12738 19.4414 2.5 18.416 2.5H1.58399C0.608587 2.5 0 3.12738 0 4.1214V5.35986C0 6.35388 0.558566 6.98126 1.58399 6.98126H1.7674L3.00959 15.1534C3.25135 16.7586 3.98499 17.5 5.61901 17.5H14.3727ZM18.0825 5.75095H1.9258C1.50896 5.75095 1.34223 5.57985 1.34223 5.17246V4.3088C1.34223 3.90141 1.50896 3.73031 1.9258 3.73031H18.0825C18.4994 3.73031 18.6578 3.90141 18.6578 4.3088V5.17246C18.6578 5.57985 18.4994 5.75095 18.0825 5.75095ZM14.356 16.2697H5.64402C4.89371 16.2697 4.46019 15.9438 4.34348 15.1372L3.10129 6.98126H16.8987L15.6565 15.1372C15.5315 15.9438 15.0896 16.2697 14.356 16.2697ZM12.4218 14.5668C12.772 14.5668 13.0554 14.2735 13.0554 13.9313C13.0554 13.7439 12.9804 13.6135 12.8554 13.4913L10.8962 11.5684L12.8637 9.62113C12.9971 9.49077 13.0638 9.36855 13.0638 9.19745C13.0638 8.84709 12.7803 8.57007 12.4218 8.57007C12.2551 8.57007 12.1217 8.63525 11.9883 8.76562L9.98749 10.6966L8.01167 8.77376C7.88662 8.65155 7.75323 8.58637 7.57816 8.58637C7.21967 8.58637 6.93622 8.85524 6.93622 9.19745C6.93622 9.3767 7.01125 9.51521 7.12797 9.62928L9.09546 11.5684L7.12797 13.4995C7.01125 13.6135 6.93622 13.752 6.93622 13.9313C6.93622 14.2735 7.21967 14.5668 7.57816 14.5668C7.75323 14.5668 7.90329 14.4853 8.02001 14.3713L9.98749 12.4402L11.9717 14.3713C12.0884 14.4772 12.2301 14.5668 12.4218 14.5668Z"})),M=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M14.3727 17.5C16.015 17.5 16.7486 16.7504 16.9904 15.1534L18.2243 6.98126H18.416C19.4414 6.98126 20 6.35388 20 5.35986V4.1214C20 3.12738 19.4414 2.5 18.416 2.5H1.58399C0.608587 2.5 0 3.12738 0 4.1214V5.35986C0 6.35388 0.558566 6.98126 1.58399 6.98126H1.7674L3.00959 15.1534C3.25135 16.7586 3.98499 17.5 5.61901 17.5H14.3727ZM18.0825 5.75095H1.9258C1.50896 5.75095 1.34223 5.57985 1.34223 5.17246V4.3088C1.34223 3.90141 1.50896 3.73031 1.9258 3.73031H18.0825C18.4994 3.73031 18.6578 3.90141 18.6578 4.3088V5.17246C18.6578 5.57985 18.4994 5.75095 18.0825 5.75095ZM14.356 16.2697H5.64402C4.89371 16.2697 4.46019 15.9438 4.34348 15.1372L3.10129 6.98126H16.8987L15.6565 15.1372C15.5315 15.9438 15.0896 16.2697 14.356 16.2697ZM9.99583 14.9661C10.3543 14.9661 10.6628 14.6809 10.6628 14.3387V11.2996L10.6044 9.93889L11.3214 10.664L12.2384 11.5684C12.3635 11.6907 12.5302 11.7558 12.6886 11.7558C13.0388 11.7558 13.3055 11.5196 13.3055 11.1855C13.3055 10.99 13.2305 10.8514 13.0888 10.7292L10.4794 8.36638C10.3043 8.21157 10.1709 8.14639 9.99583 8.14639C9.8291 8.14639 9.68737 8.21157 9.5123 8.36638L6.91121 10.7292C6.76949 10.8514 6.69446 10.99 6.69446 11.1855C6.69446 11.5196 6.94456 11.7558 7.29471 11.7558C7.46144 11.7558 7.63652 11.6907 7.75323 11.5684L8.67028 10.664L9.38724 9.93889L9.33722 11.2996V14.3387C9.33722 14.6809 9.63735 14.9661 9.99583 14.9661Z"})),g=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M9.7215 13.6806L10.9554 12.4282C9.73078 12.3354 8.93292 11.9643 8.3299 11.3613C6.70636 9.73773 6.71564 7.43695 8.32062 5.83197L11.345 2.80756C12.9686 1.1933 15.2508 1.18402 16.8743 2.80756C18.4979 4.43109 18.4793 6.7226 16.8743 8.32758L15.056 10.1459C15.3157 10.7397 15.3714 11.4262 15.2786 12.0292L18.0062 9.31098C20.2235 7.08441 20.242 3.93939 17.9969 1.685C15.7425 -0.569395 12.5882 -0.55084 10.3616 1.67572L7.19806 4.84857C4.9715 7.07514 4.95294 10.2294 7.20734 12.4746C7.79181 13.059 8.534 13.4765 9.7215 13.6806ZM9.30402 18.0502L12.4769 14.8681C14.7034 12.6415 14.722 9.48725 12.4676 7.24213C11.8831 6.65766 11.1409 6.24018 9.95343 6.03607L8.71955 7.28852C9.94415 7.39057 10.742 7.75238 11.345 8.35541C12.9686 9.97894 12.9593 12.2797 11.3543 13.8847L8.32062 16.9091C6.70636 18.5234 4.42414 18.5327 2.8006 16.9184C1.17706 15.2856 1.18634 13.0034 2.8006 11.3891L4.61896 9.57074C4.35919 8.98627 4.29425 8.29047 4.3963 7.68744L1.66876 10.4057C-0.548521 12.6323 -0.567076 15.7866 1.67804 18.0317C3.93244 20.2861 7.08673 20.2675 9.30402 18.0502Z"})),u=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M16.4502 20C17.0366 20 17.5 19.646 17.5 18.7983V2.9157C17.5 0.978109 16.5259 0 14.5681 0H5.4319C3.47415 0 2.5 0.978109 2.5 2.9157V18.7983C2.5 19.646 2.96343 20 3.54981 20C4.03216 20 4.32535 19.7578 5.27112 18.817L9.86759 14.3083C9.91488 14.2711 9.95271 14.2338 10 14.2338C10.0378 14.2338 10.0851 14.2711 10.1324 14.3083L14.7289 18.817C15.6557 19.7392 15.9678 20 16.4502 20ZM4.0227 17.6525V2.94364C4.0227 2.01211 4.52396 1.49977 5.50757 1.49977H14.4924C15.4666 1.49977 15.9773 2.01211 15.9773 2.94364V17.6525C15.9773 17.8295 15.8733 17.8575 15.7409 17.7364L10.4729 12.6036C10.3026 12.436 10.1324 12.3894 10 12.3894C9.85813 12.3894 9.69735 12.436 9.52711 12.6036L4.25914 17.7364C4.12673 17.8668 4.0227 17.8295 4.0227 17.6525Z"})),E=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M3.75461 20C3.06273 20 2.5 19.5797 2.5 18.6112V3.00594C2.5 1.03243 3.53321 0 5.50738 0H14.4926C16.4668 0 17.5 1.03243 17.5 3.00594V18.6112C17.5 19.5797 16.9373 20 16.2454 20C15.7196 20 15.3875 19.7259 14.9816 19.3422L10.4336 15.0388C10.2491 14.8652 10.1199 14.8013 10 14.8013C9.88007 14.8013 9.76015 14.8561 9.56642 15.0388L5.47048 18.8945C4.58487 19.7168 4.28044 20 3.75461 20Z"})),k=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M14.2127 11.6597L16.1835 9.16538C16.3419 8.96408 16.4299 8.78029 16.4299 8.57025C16.4299 8.21142 16.1483 7.94011 15.7524 7.94011H10.7198L13.3241 1.0699C13.6936 0.107194 12.673 -0.400414 12.0571 0.387254L8.01873 5.49834L9.10092 6.57482L10.9134 4.18556L9.60242 7.07368L11.8988 9.35792H13.984L13.0865 10.5394L14.2127 11.6597ZM17.2921 17.2521C17.5649 16.9895 17.5737 16.5344 17.2921 16.2631L3.69877 2.74151C3.42602 2.47895 2.96851 2.4702 2.70456 2.74151C2.43181 3.00406 2.43181 3.46791 2.70456 3.73047L16.3067 17.2521C16.5795 17.5234 17.0282 17.5234 17.2921 17.2521ZM7.94834 19.6151L11.978 14.504L10.8958 13.4275L9.09212 15.7993L10.3943 12.9287L8.08911 10.6357H6.01272L6.91894 9.46294L5.78396 8.3427L3.82194 10.837C3.66357 11.0295 3.57559 11.2133 3.57559 11.4234C3.57559 11.7909 3.85714 12.0622 4.25306 12.0622H9.28568L6.68139 18.9237C6.31186 19.8864 7.33246 20.4028 7.94834 19.6151Z"})),H=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M9.99565 20C14.9285 20 19 15.8779 19 10.8837C19 8.03874 17.5993 5.3435 15.494 3.74044C15.0242 3.35289 14.45 3.42335 14.1629 3.83733C13.8497 4.26892 13.9889 4.78859 14.3891 5.14972C16.1029 6.47973 17.1904 8.53199 17.1991 10.8837C17.2078 14.9266 13.9889 18.1767 9.99565 18.1767C6.00242 18.1767 2.80957 14.9266 2.80957 10.8837C2.80957 7.46622 5.08893 4.62124 8.20348 3.81971V5.09687C8.20348 5.77509 8.69937 5.96006 9.23876 5.5637L12.1793 3.45858C12.6143 3.13269 12.623 2.63944 12.1793 2.32235L9.24746 0.208434C8.69937 -0.187926 8.20348 -0.0117661 8.20348 0.675258V1.96123C4.11455 2.8156 1 6.51496 1 10.8837C1 15.8779 5.07153 20 9.99565 20ZM9.98695 14.8385C10.4132 14.8385 10.6916 14.5302 10.6916 14.0722V11.8878H12.971C13.4147 11.8878 13.7192 11.6236 13.7192 11.192C13.7192 10.7604 13.4234 10.4874 12.971 10.4874H10.6916V8.18848C10.6916 7.73046 10.4132 7.43099 9.98695 7.43099C9.56936 7.43099 9.29966 7.74808 9.29966 8.18848V10.4874H7.029C6.57661 10.4874 6.27211 10.7604 6.27211 11.192C6.27211 11.6236 6.59401 11.8878 7.029 11.8878H9.29966V14.0722C9.29966 14.5214 9.56936 14.8385 9.98695 14.8385Z"})),v=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M9.18262 17.3281C9.77148 17.3281 10.2021 16.8887 10.2021 16.3086V13.1885H10.4307C13.5947 13.1885 15.5723 14.0322 16.9697 16.6602C17.2686 17.2139 17.6641 17.3193 18.042 17.3193C18.5342 17.3193 18.9561 16.8623 18.9561 16.0361C18.9561 9.92773 16.3281 6.14844 10.4307 6.14844H10.2021V3.06348C10.2021 2.4834 9.77148 2 9.16504 2C8.74316 2 8.47949 2.20215 8.00488 2.60645L1.43066 8.74121C1.11426 9.05762 1 9.37402 1 9.66406C1 9.94531 1.12305 10.2705 1.43066 10.5781L8.00488 16.7744C8.43555 17.1348 8.76074 17.3281 9.18262 17.3281ZM8.68164 15.4209C8.6377 15.4209 8.59375 15.3945 8.54102 15.3506L2.70508 9.82227C2.63477 9.76074 2.61719 9.70801 2.61719 9.66406C2.61719 9.61133 2.63477 9.56738 2.70508 9.50586L8.54102 3.91602C8.58496 3.87207 8.62891 3.8457 8.68164 3.8457C8.75195 3.8457 8.80469 3.89844 8.80469 3.96875V7.21191C8.80469 7.40527 8.89258 7.48438 9.07715 7.48438H10.1758C15.7656 7.48438 17.541 11.3076 17.6904 15.2451C17.6904 15.3066 17.6729 15.333 17.6377 15.333C17.6025 15.333 17.585 15.3066 17.5586 15.2451C16.6006 13.1533 14.0781 11.8438 10.1758 11.8438H9.07715C8.89258 11.8438 8.80469 11.9316 8.80469 12.125V15.2891C8.80469 15.3682 8.76074 15.4209 8.68164 15.4209Z"})),Z=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M11.6749 19.1444L13.0043 17.8243C13.1267 17.6931 13.2492 17.6582 13.4153 17.6582H15.287C16.8962 17.6582 17.6572 16.8976 17.6572 15.2803V13.4095C17.6572 13.2434 17.7096 13.121 17.8233 12.9986L19.144 11.6698C20.2897 10.5333 20.281 9.46672 19.144 8.33024L17.8233 6.99268C17.7009 6.87029 17.6572 6.75664 17.6572 6.59054V4.7197C17.6572 3.11114 16.905 2.34182 15.287 2.34182H13.4153C13.2492 2.34182 13.1267 2.29811 13.0043 2.17572L11.6749 0.855647C10.5291 -0.289583 9.47087 -0.28084 8.32513 0.855647L6.99574 2.17572C6.87329 2.29811 6.75085 2.34182 6.58467 2.34182H4.71302C3.10375 2.34182 2.34285 3.09365 2.34285 4.7197V6.59054C2.34285 6.75664 2.29912 6.87029 2.17667 6.99268L0.856021 8.33024C-0.289709 9.46672 -0.280963 10.5333 0.856021 11.6698L2.17667 12.9986C2.29912 13.121 2.34285 13.2434 2.34285 13.4095V15.2803C2.34285 16.8889 3.10375 17.6582 4.71302 17.6582H6.58467C6.75085 17.6582 6.87329 17.6931 6.99574 17.8243L8.32513 19.1444C9.47087 20.2896 10.5379 20.2808 11.6749 19.1444ZM9.36591 17.9204L7.76539 16.3119C7.58172 16.1195 7.38931 16.0496 7.12693 16.0496H4.84421C4.07456 16.0496 3.95212 15.9185 3.95212 15.1492V12.8762C3.95212 12.6139 3.8734 12.4129 3.68099 12.2293L2.08047 10.6294C1.52947 10.0787 1.52947 9.92132 2.08047 9.37056L3.68099 7.77074C3.8734 7.57841 3.95212 7.38608 3.95212 7.12381V4.8421C3.95212 4.06404 4.06582 3.95039 4.84421 3.95039H7.12693C7.38931 3.95039 7.58172 3.87171 7.76539 3.67938L9.36591 2.07956C9.92566 1.5288 10.0831 1.5288 10.6341 2.07956L12.2346 3.67938C12.4183 3.87171 12.6194 3.95039 12.8731 3.95039H15.1558C15.9254 3.95039 16.0479 4.07278 16.0479 4.8421L16.0566 7.12381C16.0566 7.38608 16.1353 7.57841 16.319 7.77074L17.9283 9.37056C18.4705 9.92132 18.4705 10.0787 17.9283 10.6294L16.319 12.2293C16.1353 12.4129 16.0566 12.6139 16.0566 12.8762L16.0479 15.1492C16.0479 15.9185 15.9254 16.0496 15.1558 16.0496H12.8731C12.6194 16.0496 12.4183 16.1195 12.2346 16.3119L10.6341 17.9204C10.0831 18.4625 9.92566 18.4625 9.36591 17.9204ZM8.67498 14.1963C8.95485 14.1963 9.18225 14.0826 9.33093 13.8815L14.0538 7.28117C14.1587 7.12381 14.2287 6.94023 14.2287 6.78287C14.2287 6.34576 13.8964 6.01355 13.4328 6.01355C13.118 6.01355 12.9343 6.1272 12.7506 6.38947L8.64874 12.203L6.55844 9.89509C6.40101 9.71151 6.20859 9.63283 5.95496 9.63283C5.48267 9.63283 5.15032 9.95629 5.15032 10.4109C5.15032 10.5945 5.22029 10.7868 5.35148 10.9179L8.04526 13.9253C8.20269 14.0914 8.41259 14.1963 8.67498 14.1963Z"})),V=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M11.6749 19.1444L13.0043 17.8243C13.1267 17.6931 13.2492 17.6582 13.4153 17.6582H15.287C16.8962 17.6582 17.6572 16.8976 17.6572 15.2803V13.4095C17.6572 13.2434 17.7096 13.121 17.8233 12.9986L19.144 11.6698C20.2897 10.5333 20.281 9.46672 19.144 8.33024L17.8233 6.99268C17.7009 6.87029 17.6572 6.75664 17.6572 6.59054V4.7197C17.6572 3.11114 16.905 2.34182 15.287 2.34182H13.4153C13.2492 2.34182 13.1267 2.29811 13.0043 2.17572L11.6749 0.855647C10.5291 -0.289583 9.47086 -0.28084 8.32513 0.855647L6.99574 2.17572C6.87329 2.29811 6.75085 2.34182 6.58467 2.34182H4.71302C3.10375 2.34182 2.34285 3.09365 2.34285 4.7197V6.59054C2.34285 6.75664 2.29912 6.87029 2.17667 6.99268L0.856021 8.33024C-0.289709 9.46672 -0.280963 10.5333 0.856021 11.6698L2.17667 12.9986C2.29912 13.121 2.34285 13.2434 2.34285 13.4095V15.2803C2.34285 16.8889 3.10375 17.6582 4.71302 17.6582H6.58467C6.75085 17.6582 6.87329 17.6931 6.99574 17.8243L8.32513 19.1444C9.47086 20.2896 10.5379 20.2808 11.6749 19.1444ZM9.36591 17.9204L7.76539 16.3119C7.58172 16.1195 7.38931 16.0496 7.12693 16.0496H4.84421C4.07456 16.0496 3.95212 15.9185 3.95212 15.1492V12.8762C3.95212 12.6139 3.8734 12.4128 3.68099 12.2293L2.08047 10.6294C1.52947 10.0787 1.52947 9.92132 2.08047 9.37056L3.68099 7.77074C3.8734 7.57841 3.95212 7.38608 3.95212 7.12381V4.8421C3.95212 4.06404 4.06582 3.95039 4.84421 3.95039H7.12693C7.38931 3.95039 7.58172 3.87171 7.76539 3.67938L9.36591 2.07956C9.92566 1.5288 10.0831 1.5288 10.6341 2.07956L12.2346 3.67938C12.4183 3.87171 12.6194 3.95039 12.8731 3.95039H15.1558C15.9254 3.95039 16.0479 4.07278 16.0479 4.8421L16.0566 7.12381C16.0566 7.38608 16.1353 7.57841 16.319 7.77074L17.9283 9.37056C18.4705 9.92132 18.4705 10.0787 17.9283 10.6294L16.319 12.2293C16.1353 12.4128 16.0566 12.6139 16.0566 12.8762L16.0479 15.1492C16.0479 15.9185 15.9254 16.0496 15.1558 16.0496H12.8731C12.6194 16.0496 12.4183 16.1195 12.2346 16.3119L10.6341 17.9204C10.0831 18.4625 9.92566 18.4625 9.36591 17.9204ZM12.8906 13.7329C13.3366 13.7329 13.6865 13.3832 13.6865 12.9374C13.6865 12.7188 13.599 12.5265 13.4416 12.3779L11.1326 10.0612L13.4503 7.72702C13.6165 7.56092 13.6952 7.38608 13.6952 7.17627C13.6952 6.73041 13.3366 6.38072 12.8906 6.38072C12.6719 6.38072 12.497 6.45066 12.3308 6.61676L9.99563 8.94219L7.66918 6.62551C7.5205 6.46815 7.33683 6.38947 7.10943 6.38947C6.66339 6.38947 6.31355 6.73915 6.31355 7.18501C6.31355 7.39482 6.40101 7.58715 6.54969 7.73577L8.86739 10.0612L6.54969 12.3779C6.40101 12.5265 6.31355 12.7188 6.31355 12.9374C6.31355 13.3832 6.66339 13.7329 7.10943 13.7329C7.33683 13.7329 7.53799 13.6542 7.68667 13.4969L9.99563 11.1802L12.3133 13.4969C12.462 13.6455 12.6544 13.7329 12.8906 13.7329Z"})),f=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"22",height:"21",viewBox:"0 0 22 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M18.4959 20.7577C20.4954 20.7577 21.5 19.7627 21.5 17.7919V7.62198C21.5 5.6607 20.4954 4.66571 18.4959 4.66571H16.726V3.11583C16.726 1.14498 15.7118 0.149994 13.7219 0.149994H3.5041C1.49499 0.149994 0.5 1.14498 0.5 3.11583V13.1901C0.5 15.1609 1.49499 16.1463 3.5041 16.1463H5.27403V17.7919C5.27403 19.7627 6.27859 20.7577 8.27813 20.7577H18.4959ZM5.27403 14.606H3.52323C2.56651 14.606 2.04032 14.099 2.04032 13.104V3.20193C2.04032 2.20694 2.56651 1.69031 3.52323 1.69031H13.6932C14.6403 1.69031 15.1856 2.20694 15.1856 3.20193V4.66571H8.27813C6.27859 4.66571 5.27403 5.65113 5.27403 7.62198V14.606ZM18.4768 19.2174H8.30683C7.35011 19.2174 6.81435 18.7008 6.81435 17.7058V7.70808C6.81435 6.71309 7.35011 6.20603 8.30683 6.20603H18.4768C19.4239 6.20603 19.9597 6.71309 19.9597 7.70808V17.7154C19.9597 18.7008 19.4239 19.2174 18.4768 19.2174ZM13.4061 16.6917C13.808 16.6917 14.1333 16.3664 14.1333 15.9359V13.4484H16.5633C17.013 13.4484 17.367 13.104 17.367 12.6926C17.367 12.2908 17.013 11.9463 16.5633 11.9463H14.1333V9.46844C14.1333 9.03792 13.808 8.7222 13.4061 8.7222C13.0043 8.7222 12.6886 9.03792 12.6886 9.46844V11.9463H10.1724C9.77061 11.9463 9.40706 12.3099 9.40706 12.6926C9.40706 13.0944 9.77061 13.4484 10.1724 13.4484H12.6886V15.9359C12.6886 16.3664 13.0043 16.6917 13.4061 16.6917Z"})),x=({...t})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M16 4L4 16",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M4 4L16 16",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})),W=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("g",{transform:"translate(-2.000000, -2.000000)",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M11,3 L3,11"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M3,3 L11,11"}))),B=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"17px",height:"17px",viewBox:"0 0 17 17",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("g",{stroke:"currentColor",strokeWidth:"1.5",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M6.5,12 C3.46243388,12 1,9.53756612 1,6.5 C1,3.46243388 3.46243388,1 6.5,1 C9.53756612,1 12,3.46243388 12,6.5 C12,9.53756612 9.53756612,12 6.5,12 Z M15.8568331,15.8587942 L10.4910728,10.4930339 L15.8568331,15.8587942 Z"}))),y=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M1.5 10H18.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10 18.5L10 1.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})),R=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M15.6569 9.99999H4.34315",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10 4.34314V15.6568",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})),F=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M6.79004 17.0781C7.29102 17.0781 7.61621 16.7354 7.61621 16.2607C7.61621 16.0059 7.51953 15.8301 7.37012 15.6807L5.71777 14.0723L4.54883 13.1143L6.15723 13.1934H14.5068C16.3262 13.1934 17.0732 12.3936 17.0732 10.6182V6.56641C17.0732 4.74707 16.3262 4 14.5068 4H10.8682C10.3584 4 10.0068 4.37793 10.0068 4.84375C10.0068 5.30078 10.3584 5.67871 10.8682 5.67871H14.4717C15.1484 5.67871 15.4121 5.94238 15.4121 6.61914V10.5654C15.4121 11.2422 15.1484 11.5059 14.4717 11.5059H6.15723L4.54883 11.585L5.71777 10.627L7.37012 9.02734C7.51953 8.87793 7.61621 8.69336 7.61621 8.44727C7.61621 7.96387 7.29102 7.62988 6.79004 7.62988C6.58789 7.62988 6.35059 7.72656 6.18359 7.88477L2.26367 11.7256C2.08789 11.8926 2 12.1211 2 12.3496C2 12.5781 2.08789 12.8066 2.26367 12.9736L6.18359 16.8145C6.35059 16.9814 6.58789 17.0781 6.79004 17.0781Z",fill:"currentColor",stroke:"none"})),j=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10 15C8.895 15 8 15.895 8 17C8 18.105 8.895 19 10 19C11.105 19 12 18.105 12 17C12 15.895 11.105 15 10 15Z",fill:"currentColor",stroke:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10 1C8.895 1 8 1.895 8 3C8 4.105 8.895 5 10 5C11.105 5 12 4.105 12 3C12 1.895 11.105 1 10 1Z",fill:"currentColor",stroke:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10 8C8.895 8 8 8.895 8 10C8 11.105 8.895 12 10 12C11.105 12 12 11.105 12 10C12 8.895 11.105 8 10 8Z",fill:"currentColor",stroke:"none"})),b=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M5 10C5 8.895 4.105 8 3 8C1.895 8 1 8.895 1 10C1 11.105 1.895 12 3 12C4.105 12 5 11.105 5 10Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M19 10C19 8.895 18.105 8 17 8C15.895 8 15 8.895 15 10C15 11.105 15.895 12 17 12C18.105 12 19 11.105 19 10Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M12 10C12 8.895 11.105 8 10 8C8.895 8 8 8.895 8 10C8 11.105 8.895 12 10 12C11.105 12 12 11.105 12 10Z",fill:"currentColor"})),A=({strokeWidth:t=1.5,color:r="currentColor",...o})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M19 19C19 18.0475 18.748 16.9941 18.2119 16C17.0596 13.8632 14.5949 12 10.5 12H9.5",stroke:r,strokeWidth:t,strokeLinecap:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M0.999999 19C0.999999 17.3599 1.74722 15.4209 3.40506 14",stroke:r,strokeWidth:t,strokeLinecap:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M9.5 12C6.46243 12 4 9.53757 4 6.5C4 3.46243 6.46243 1 9.5 1C12.5376 1 15 3.46243 15 6.5C15 7.02001 14.9278 7.52317 14.793 8",stroke:r,strokeWidth:t,strokeLinecap:"round",fill:"none"})),D=({...t})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M3.98297 1.75C4.39718 1.75 4.73297 1.41421 4.73297 1C4.73297 0.585786 4.39718 0.25 3.98297 0.25V1.75ZM7.74862 0.25C7.33441 0.25 6.99862 0.585786 6.99862 1C6.99862 1.41421 7.33441 1.75 7.74862 1.75V0.25ZM18.25 3V17H19.75V3H18.25ZM17 18.25H3V19.75H17V18.25ZM1.75 17V3H0.25V17H1.75ZM3 1.75H3.98297V0.25H3V1.75ZM7.74862 1.75H17V0.25H7.74862V1.75ZM3 18.25C2.30964 18.25 1.75 17.6904 1.75 17H0.25C0.25 18.5188 1.48122 19.75 3 19.75V18.25ZM18.25 17C18.25 17.6904 17.6904 18.25 17 18.25V19.75C18.5188 19.75 19.75 18.5188 19.75 17H18.25ZM19.75 3C19.75 1.48122 18.5188 0.25 17 0.25V1.75C17.6904 1.75 18.25 2.30964 18.25 3H19.75ZM1.75 3C1.75 2.30964 2.30964 1.75 3 1.75V0.25C1.48122 0.25 0.25 1.48122 0.25 3H1.75Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M7 1H13V7.28131C13 8.1567 11.9548 8.60957 11.3161 8.01093L10 6.77733L8.68386 8.01093C8.04516 8.60957 7 8.1567 7 7.28131V1Z",fill:"currentColor"})),O=({color:t="currentColor",side:r="left",...o})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),"left"===r&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M5.00737 3.75C5.42158 3.75 5.75737 3.41421 5.75737 3C5.75737 2.58579 5.42158 2.25 5.00737 2.25V3.75ZM9.5 2.25C9.08579 2.25 8.75 2.58579 8.75 3C8.75 3.41421 9.08579 3.75 9.5 3.75V2.25ZM9.5 16.25C9.08579 16.25 8.75 16.5858 8.75 17C8.75 17.4142 9.08579 17.75 9.5 17.75V16.25ZM5.25 17.75C5.66421 17.75 6 17.4142 6 17C6 16.5858 5.66421 16.25 5.25 16.25V17.75ZM18.25 5V15H19.75V5H18.25ZM1.75 15V5H0.25V15H1.75ZM3 3.75H5.00737V2.25H3V3.75ZM9.5 3.75H17V2.25H9.5V3.75ZM17 16.25H9.5V17.75H17V16.25ZM5.25 16.25H3V17.75H5.25V16.25ZM0.25 15C0.25 16.5188 1.48122 17.75 3 17.75V16.25C2.30964 16.25 1.75 15.6904 1.75 15H0.25ZM18.25 15C18.25 15.6904 17.6904 16.25 17 16.25V17.75C18.5188 17.75 19.75 16.5188 19.75 15H18.25ZM19.75 5C19.75 3.48122 18.5188 2.25 17 2.25V3.75C17.6904 3.75 18.25 4.30964 18.25 5H19.75ZM1.75 5C1.75 4.30964 2.30964 3.75 3 3.75V2.25C1.48122 2.25 0.25 3.48122 0.25 5H1.75Z",fill:t}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M1 5C1 3.89543 1.89543 3 3 3H6V17H3C1.89543 17 1 16.1046 1 15V5Z",fill:t,stroke:t,strokeWidth:"1.5"})),"right"===r&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M14.9926 3.75C14.5784 3.75 14.2426 3.41421 14.2426 3C14.2426 2.58579 14.5784 2.25 14.9926 2.25V3.75ZM10.5 2.25C10.9142 2.25 11.25 2.58579 11.25 3C11.25 3.41421 10.9142 3.75 10.5 3.75V2.25ZM10.5 16.25C10.9142 16.25 11.25 16.5858 11.25 17C11.25 17.4142 10.9142 17.75 10.5 17.75V16.25ZM14.75 17.75C14.3358 17.75 14 17.4142 14 17C14 16.5858 14.3358 16.25 14.75 16.25V17.75ZM1.75 5V15H0.25V5H1.75ZM18.25 15V5H19.75V15H18.25ZM17 3.75H14.9926V2.25H17V3.75ZM10.5 3.75H3V2.25H10.5V3.75ZM3 16.25H10.5V17.75H3V16.25ZM14.75 16.25H17V17.75H14.75V16.25ZM19.75 15C19.75 16.5188 18.5188 17.75 17 17.75V16.25C17.6904 16.25 18.25 15.6904 18.25 15H19.75ZM1.75 15C1.75 15.6904 2.30964 16.25 3 16.25V17.75C1.48122 17.75 0.25 16.5188 0.25 15H1.75ZM0.25 5C0.25 3.48122 1.48122 2.25 3 2.25V3.75C2.30964 3.75 1.75 4.30964 1.75 5H0.25ZM18.25 5C18.25 4.30964 17.6904 3.75 17 3.75V2.25C18.5188 2.25 19.75 3.48122 19.75 5H18.25Z",fill:t}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M19 5C19 3.89543 18.1046 3 17 3H14V17H17C18.1046 17 19 16.1046 19 15V5Z",fill:t,stroke:t,strokeWidth:"1.5"}))),z=({...t})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.9412 0.889168C11.9029 0.689035 11.7471 0.530978 11.5459 0.498479C10.5221 0.333067 9.47793 0.333067 8.45405 0.498479C8.25289 0.530978 8.09711 0.689035 8.05877 0.889168L7.74003 2.55309C7.70586 2.73147 7.57719 2.87607 7.4069 2.93922C7.21627 3.00992 7.02849 3.08802 6.84391 3.17352C6.67828 3.25025 6.48393 3.23933 6.33293 3.13676L4.9318 2.18498C4.76335 2.07055 4.5416 2.06873 4.37633 2.18771C3.53336 2.79466 2.79538 3.53267 2.18846 4.37566C2.06958 4.54079 2.0713 4.76233 2.18547 4.93075L3.1366 6.3337C3.23835 6.4838 3.24973 6.67672 3.17403 6.8415C3.08902 7.02654 3.01094 7.21481 2.94013 7.40594C2.87705 7.57625 2.73241 7.70491 2.55404 7.73908L0.889392 8.05796C0.689621 8.09623 0.531722 8.25152 0.498928 8.45227C0.331575 9.47669 0.331575 10.5214 0.498928 11.5458C0.531722 11.7466 0.689621 11.9019 0.889392 11.9401L2.55337 12.2589C2.7321 12.2931 2.87691 12.4222 2.93988 12.593C3.01076 12.7851 3.08892 12.9738 3.17404 13.1592C3.24972 13.324 3.23835 13.5169 3.1366 13.667L2.18571 15.0696C2.07141 15.2382 2.06983 15.46 2.18898 15.6252C2.79592 16.4666 3.5339 17.2059 4.37685 17.8113C4.54186 17.9298 4.76302 17.9279 4.93118 17.8139L6.33303 16.8635C6.48399 16.7612 6.67814 16.7504 6.84365 16.827C7.02753 16.9121 7.21459 16.9897 7.40449 17.0595C7.57601 17.1225 7.70604 17.2676 7.74042 17.447L8.05891 19.1096C8.09718 19.3094 8.25247 19.4673 8.45321 19.5001C9.47764 19.6675 10.5223 19.6675 11.5468 19.5001C11.7475 19.4673 11.9028 19.3094 11.9411 19.1096L12.2594 17.4477C12.2939 17.2679 12.4244 17.1226 12.5963 17.0597C12.7864 16.9901 12.9731 16.9128 13.1559 16.8279C13.3217 16.7509 13.5163 16.7613 13.6677 16.8638L15.0711 17.814C15.2394 17.9279 15.4607 17.9296 15.6257 17.8109C16.4671 17.2056 17.2064 16.4663 17.8117 15.6249C17.9305 15.4599 17.9287 15.2384 17.8146 15.0701L16.8645 13.6686C16.7621 13.5176 16.7514 13.3235 16.8279 13.158C16.9132 12.9738 16.9909 12.7862 17.0607 12.5953C17.1236 12.4234 17.2688 12.2929 17.4487 12.2585L19.1106 11.9401C19.3104 11.9019 19.4683 11.7466 19.5011 11.5458C19.6684 10.5214 19.6684 9.47669 19.5011 8.45227C19.4683 8.25152 19.3104 8.09623 19.1106 8.05796L17.448 7.73947C17.2685 7.70509 17.1234 7.57506 17.0604 7.40354C16.9907 7.21364 16.9131 7.02658 16.828 6.8427C16.7513 6.67719 16.7621 6.48304 16.8645 6.33208L17.8149 4.93024C17.9289 4.76208 17.9308 4.54091 17.8123 4.3759C17.2069 3.53299 16.4676 2.79503 15.6262 2.1881C15.461 2.06891 15.2391 2.07053 15.0705 2.18491L13.6678 3.13646C13.5164 3.23918 13.3215 3.24973 13.1556 3.17264C12.9721 3.08738 12.7848 3.0095 12.5939 2.93898C12.4232 2.87592 12.2941 2.73116 12.2598 2.55242L11.9412 0.889168ZM9.99999 4.97512C12.7737 4.97512 15.0265 7.22534 15.0265 9.99904C15.0265 12.7727 12.7737 15.0256 9.99999 15.0256C7.22629 15.0256 4.97607 12.7727 4.97607 9.99904C4.97607 7.22534 7.22629 4.97512 9.99999 4.97512Z",fill:"currentColor"})),N=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M18.1884 13.4343C17.1688 16.0586 14.0759 18.25 10.4334 18.25C5.4709 18.25 1.75 14.7455 1.75 9.85484C1.75 6.35837 3.81783 3.07341 6.83303 1.83002C6.49358 2.72741 6.27129 4.15306 6.27129 5.16431C6.27129 7.78687 7.11667 9.99076 8.69052 11.5394C10.2629 13.0866 12.4887 13.9073 15.1135 13.9073C16.2726 13.9073 17.4254 13.6688 18.1884 13.4343Z",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})),P=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10.0029 7C11.6398 7 13 8.35749 13 9.99706C13 11.6366 11.6398 13 10.0029 13C8.36016 13 7 11.6366 7 9.99706C7 8.35749 8.36016 7 10.0029 7Z",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10 4L10 1",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M14.2426 5.75736L16.364 3.63604",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M16 10L19 10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M14.2426 14.2426L16.364 16.364",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10 19L10 16",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M3.63603 16.364L5.75735 14.2426",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M1 10L4 10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M3.63603 3.63604L5.75735 5.75736",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})),T=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M2 6V2H6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M14 2H18V6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M18 14V18H14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M6.00003 18H2.00003V14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M18 2L12 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M8 12L2 18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M2 2L8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M12 12L18 18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",fill:"none"})),q=({direction:t="right",...r})=>{let o="M7 4L13 10L7 16";return"left"===t?o="M13 16L7 10L13 4":"up"===t?o="M16 13L10 7L4 13":"down"===t&&(o="M16 7L10 13L4 7"),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:o,stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}))},G=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(q,C({direction:"up"},t)),I=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(q,C({direction:"down"},t)),J=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(q,C({direction:"right"},t)),K=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(q,C({direction:"left"},t)),Q=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M3 11L7 15L17 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})),S=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M16.9212 16.8832C17.2882 17.1074 17.7572 17.0019 18.0086 16.6261C19.2728 14.7668 20 12.4592 20 10C20 7.54736 19.2592 5.23976 18.0086 3.3739C17.7572 2.99809 17.2882 2.8926 16.9212 3.11677C16.527 3.35412 16.4658 3.82224 16.7377 4.2442C17.8047 5.85951 18.4572 7.86383 18.4572 10C18.4572 12.1362 17.8251 14.1669 16.7377 15.7624C16.4658 16.1778 16.527 16.6459 16.9212 16.8832ZM1.67872 13.0328H3.66328C3.72445 13.0328 3.77203 13.046 3.81281 13.0856L6.84402 15.7162C7.23142 16.0525 7.53726 16.2173 7.93145 16.2173C8.51595 16.2173 8.95092 15.7888 8.95092 15.2284V4.80461C8.95092 4.2376 8.51595 3.78927 7.92466 3.78927C7.53726 3.78927 7.2586 3.9541 6.84402 4.31672L3.81281 6.9276C3.76523 6.96716 3.72445 6.98035 3.66328 6.98035H1.67872C0.577698 6.98035 0 7.55395 0 8.68137V11.3318C0 12.4658 0.577698 13.0328 1.67872 13.0328ZM13.8356 15.0108C14.2094 15.2284 14.658 15.136 14.9095 14.78C15.8406 13.4614 16.3707 11.7736 16.3707 10C16.3707 8.22645 15.8474 6.53201 14.9095 5.21998C14.658 4.86395 14.2094 4.77165 13.8356 4.98922C13.4346 5.22657 13.3871 5.70128 13.6657 6.12983C14.3861 7.20451 14.8143 8.5627 14.8143 10C14.8143 11.4373 14.3861 12.8021 13.6657 13.8702C13.3871 14.2987 13.4346 14.7734 13.8356 15.0108ZM1.86902 11.6351C1.65833 11.6351 1.54279 11.5296 1.54279 11.3252V8.69456C1.54279 8.49017 1.65833 8.37809 1.86902 8.37809H4.0235C4.22739 8.37809 4.37011 8.34512 4.53323 8.19348L7.19744 5.84633C7.22462 5.81336 7.2654 5.79358 7.30618 5.79358C7.36735 5.79358 7.40813 5.83314 7.40813 5.89907V14.1075C7.40813 14.1735 7.36735 14.213 7.30618 14.213C7.2722 14.213 7.23142 14.1932 7.19744 14.1603L4.53323 11.8197C4.37011 11.6747 4.22739 11.6351 4.0235 11.6351H1.86902ZM10.7636 13.1449C11.1102 13.3625 11.5588 13.2834 11.7967 12.9537C12.388 12.1757 12.7346 11.1076 12.7346 10C12.7346 8.89235 12.388 7.83086 11.7967 7.04628C11.5588 6.71662 11.1102 6.6441 10.7636 6.85508C10.3626 7.10562 10.2879 7.56054 10.6005 8.04184C10.9607 8.5561 11.1782 9.26816 11.1782 10C11.1782 10.7318 10.9539 11.4505 10.6005 11.9648C10.2879 12.4461 10.3626 12.8944 10.7636 13.1449Z",fill:"currentColor"})),U=i;
|
65 |
|
66 |
|
67 |
-
/***/ }),
|
68 |
-
|
69 |
-
/***/ "./src/vendors/bb-icons.js":
|
70 |
-
/*!*********************************!*\
|
71 |
-
!*** ./src/vendors/bb-icons.js ***!
|
72 |
-
\*********************************/
|
73 |
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
74 |
-
|
75 |
-
__webpack_require__.r(__webpack_exports__);
|
76 |
-
/* harmony import */ var vendor_icons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vendor-icons */ "./node_modules/@beaverbuilder/icons/dist/index.es.js");
|
77 |
-
|
78 |
-
window.FL = window.FL || {};
|
79 |
-
FL.vendors = FL.vendors || {};
|
80 |
-
FL.vendors.BBIcons = vendor_icons__WEBPACK_IMPORTED_MODULE_0__;
|
81 |
-
|
82 |
/***/ }),
|
83 |
|
84 |
/***/ "react":
|
@@ -99,8 +84,9 @@ module.exports = React;
|
|
99 |
/******/ // The require function
|
100 |
/******/ function __webpack_require__(moduleId) {
|
101 |
/******/ // Check if module is in cache
|
102 |
-
/******/
|
103 |
-
/******/
|
|
|
104 |
/******/ }
|
105 |
/******/ // Create a new module (and put it into the cache)
|
106 |
/******/ var module = __webpack_module_cache__[moduleId] = {
|
@@ -158,10 +144,20 @@ module.exports = React;
|
|
158 |
/******/ })();
|
159 |
/******/
|
160 |
/************************************************************************/
|
161 |
-
|
162 |
-
|
163 |
-
|
164 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
165 |
/******/ })()
|
166 |
;
|
167 |
//# sourceMappingURL=vendor-bb-icons.bundle.js.map
|
64 |
function C(){return(C=Object.assign||function(e){for(var C=1;C<arguments.length;C++){var t=arguments[C];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}const t=({...t})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.76256 1.66706C10.446 0.983646 11.554 0.983646 12.2374 1.66706L20.3329 9.76256C21.0163 10.446 21.0163 11.554 20.3329 12.2374L12.2374 20.3329C11.554 21.0163 10.446 21.0163 9.76256 20.3329L1.66707 12.2374C0.983651 11.554 0.983651 10.446 1.66707 9.76256L9.76256 1.66706ZM11.1768 2.72772C11.0791 2.63009 10.9209 2.63009 10.8232 2.72772L2.72773 10.8232C2.6301 10.9208 2.6301 11.0791 2.72773 11.1768L10.8232 19.2723C10.9209 19.3699 11.0791 19.3699 11.1768 19.2723L19.2723 11.1768C19.3699 11.0791 19.3699 10.9208 19.2723 10.8232L11.1768 2.72772Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10.7651 12.9678C11.1777 12.9678 11.3682 12.7012 11.3999 12.2949C11.4316 11.6729 11.6475 11.3491 12.4663 10.8667C13.3042 10.3652 13.7993 9.69238 13.7993 8.7085C13.7993 7.30566 12.6504 6.33447 10.9937 6.33447C9.72412 6.33447 8.75928 6.86768 8.37207 7.74365C8.25781 7.99121 8.20068 8.21338 8.20068 8.48633C8.20068 8.87354 8.42285 9.1084 8.81641 9.1084C9.13379 9.1084 9.33057 8.96875 9.45752 8.5752C9.66064 7.8833 10.1685 7.50244 10.9365 7.50244C11.7808 7.50244 12.3584 8.0166 12.3584 8.76562C12.3584 9.3877 12.0854 9.76855 11.3174 10.2319C10.4922 10.7271 10.0986 11.2666 10.0986 12.0791V12.2251C10.0986 12.644 10.3208 12.9678 10.7651 12.9678ZM10.7651 15.6655C11.2412 15.6655 11.603 15.3101 11.603 14.8467C11.603 14.3833 11.2412 14.0278 10.7651 14.0278C10.3018 14.0278 9.93359 14.3833 9.93359 14.8467C9.93359 15.3101 10.3018 15.6655 10.7651 15.6655Z",fill:"currentColor"})),r=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"18",viewBox:"0 0 20 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.16961 12.1746C5.14512 12.1504 5.11077 12.1394 5.07422 12.1425C4.85974 12.1635 4.41612 12.7734 4.25139 13.01C4.18361 12.9398 4.11363 12.8725 4.05038 12.8115C3.98157 12.7451 3.89785 12.6646 3.86972 12.6272C3.9979 12.3619 4.18556 12.0048 4.38398 11.6276C5.19566 10.0838 5.33524 9.75407 5.21342 9.66789C5.1976 9.65674 5.17091 9.64469 5.13384 9.65233C4.97664 9.68408 4.69346 10.1144 4.12866 11.0204C3.82669 11.5048 3.51449 12.0057 3.35715 12.1629C3.30337 12.2166 3.24518 12.2424 3.18777 12.2408C3.13645 12.2381 3.08888 12.2115 3.04508 12.1575C2.97263 12.0682 2.92157 11.9917 2.97704 11.8882C3.16768 11.5318 3.46589 11.034 3.78172 10.5069C4.91715 8.61152 5.42363 7.70121 5.16339 7.54232C5.03172 7.46209 4.85416 7.71598 4.08421 8.93176C3.58058 9.72659 3.00996 10.6276 2.55739 11.1523C2.5145 11.2018 2.48378 11.2158 2.47004 11.2131C2.40511 11.1988 2.33785 10.9616 2.29754 10.8198C2.25633 10.6746 2.21965 10.5453 2.16613 10.4678C2.36286 10.1967 3.0535 9.12927 3.74297 8.02896C5.15924 5.76861 5.12023 5.71781 5.08239 5.66869C5.05893 5.63823 5.02575 5.61983 4.98441 5.6232C4.67233 5.63162 3.69956 7.01005 2.46019 8.81123C2.05286 9.40337 1.701 9.91477 1.62298 9.98242C1.4462 10.1359 1.3547 10.3103 1.35121 10.5012C1.34317 10.9293 1.75335 11.4002 2.41755 12.0217C2.76385 12.3456 3.01825 12.5901 3.21719 12.7814C3.91029 13.4472 3.93724 13.4732 4.83356 13.9587L4.8959 13.9924L4.92389 13.9273C4.95499 13.8556 4.76344 13.5976 4.70512 13.5219C4.72106 13.4679 4.79714 13.3188 4.86492 13.186C5.12581 12.6753 5.30025 12.3038 5.16961 12.1746Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.8669 13.9007C13.7416 13.9644 13.6725 13.9871 13.449 13.9828C14.0307 12.5248 14.46 11.0596 14.7526 9.08706C15.1815 9.60144 15.6872 9.97689 16.1926 10.2592C15.8987 11.283 14.442 13.6079 13.8669 13.9007ZM13.0359 13.9666C12.8663 13.9463 12.7194 13.9103 12.6444 13.8642C12.2235 13.6053 11.3409 11.888 11.1256 10.7259C11.8861 10.5951 13.3297 9.88358 14.0285 9.17519C13.8783 10.7787 13.4602 12.3342 13.0359 13.9666ZM12.9302 2.60473C12.2757 2.6173 11.6191 2.65773 11.1131 2.69013C12.2053 1.82687 14.8144 1.6812 15.0871 2.62831C14.5541 2.62598 13.773 2.58879 12.9302 2.60473ZM10.052 2.58879C9.78673 2.28863 9.43694 1.51168 9.01224 1.60642C9.29697 1.09165 10.0852 0.801083 11.2021 0.683017C11.4669 0.915261 12.0041 1.10707 12.1745 1.63519C11.5543 1.66448 11.0564 1.7228 10.8874 1.81456C10.5865 1.97772 10.2786 2.27982 10.052 2.58879ZM13.5127 0.966582C13.6815 1.11407 13.8231 1.24548 14.0285 1.6243C13.6443 1.61277 13.2382 1.60953 12.8489 1.61497C12.5524 0.988225 12.3332 0.981875 11.9689 0.664744C12.6108 0.583225 13.2146 0.706605 13.5127 0.966582ZM17.5266 3.92626C17.5216 3.60964 18.1967 3.24495 18.1531 2.8463C18.1236 2.5766 16.624 1.72448 16.3679 1.83063C16.1675 1.91383 16.0471 2.27165 15.8769 2.46696C15.9443 2.20517 15.763 1.86419 15.682 1.76505C15.6138 1.68159 15.3768 1.69934 14.7781 1.65942C14.5589 1.16137 14.0666 0.750539 13.7363 0.451681C13.3948 0.142715 12.5218 0.0556239 11.5396 0.152565L11.5394 0.152435C11.4391 0.0772671 11.3239 -0.0258946 11.079 0.00585745C10.9018 0.0287967 10.6646 0.0850431 10.6816 0.163192C10.6902 0.20259 10.6775 0.279184 10.6377 0.286182C9.2323 0.533459 8.02067 0.953752 7.69939 1.78514C7.6399 1.93936 7.5983 2.22189 7.61398 2.57932C7.17049 2.97486 6.79659 3.36781 6.79245 3.49041C6.78312 3.76426 7.26834 4.15396 7.30398 4.35808C7.33975 4.5622 6.43073 5.95424 5.88473 7.874C5.2134 10.2338 5.61361 13.492 7.71533 13.4747C8.85399 13.4652 8.57263 11.7314 7.79918 11.7654C7.57018 11.7756 7.73036 12.9992 7.20963 12.7678C6.28662 12.3578 6.1311 10.0964 6.79932 8.40096C8.14612 4.98444 8.66569 4.80145 8.62421 4.55702C8.58287 4.31272 8.05475 3.88919 8.04192 3.72395C8.02689 3.53214 8.7958 2.79679 9.02714 2.87753C9.23022 2.94817 9.56278 3.72603 9.84867 3.7767C10.1019 3.82167 14.9308 2.97227 16.0928 3.49754C17.2549 4.02281 18.9717 7.88165 18.8423 8.28198C18.7127 8.68206 17.6326 9.3736 16.6573 9.32747C15.9764 9.29533 15.0863 8.67597 14.7058 8.34471C14.715 8.33914 14.7236 8.3311 14.7329 8.32501C14.6325 8.36571 14.5195 8.39098 14.3896 8.39098C14.2678 8.39098 14.1615 8.36739 14.0657 8.33123C13.5148 8.79222 12.5406 9.41521 11.6738 9.47197C10.5403 9.5461 9.42061 8.78703 9.23696 8.45785C9.02908 8.08525 9.79878 6.6625 9.69043 6.5736C9.47206 6.39449 7.49255 8.50904 7.7117 9.25048C7.87772 9.81256 9.11566 10.3816 10.1168 10.6224C10.3704 11.5488 11.7513 13.9294 12.1311 14.1767C12.5362 14.4404 13.4653 14.5391 13.9652 14.3335C14.5358 14.0987 16.386 12.0966 16.9474 10.5062C17.1264 10.4943 17.5467 10.3758 17.775 10.3091C17.5684 13.4463 14.4127 15.6976 14.5249 15.9053C14.6393 16.117 16.3269 15.6068 16.5297 15.8102C16.7172 15.9982 15.8945 16.92 15.9486 16.92C16.8977 16.9202 17.9749 15.6303 17.8258 15.0995C17.7387 14.7889 16.5176 14.949 16.4466 14.8241C16.379 14.705 18.5535 13.1807 19.0591 9.7164C19.4145 9.49491 19.6899 9.25865 19.7828 9.05259C20.0689 8.41949 17.5279 4.00842 17.5266 3.92626Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.4555 5.48616C16.1192 5.48616 15.8447 5.76065 15.8447 6.09684C15.8447 6.43315 16.1192 6.70738 16.4555 6.70738C16.7918 6.70738 17.066 6.43315 17.066 6.09684C17.066 5.76065 16.7918 5.48616 16.4555 5.48616Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.8419 5.4899C11.5067 5.4899 11.2332 5.76348 11.2332 6.09876C11.2332 6.43403 11.5067 6.70749 11.8419 6.70749C12.1772 6.70749 12.4507 6.43403 12.4507 6.09876C12.4507 5.76348 12.1772 5.4899 11.8419 5.4899Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.22005 11.7185C4.89204 12.216 1.70634 8.94399 1.4159 8.73766C0.795121 8.29689 1.66837 7.66717 2.4715 6.75401C3.87986 5.15319 3.35965 6.2128 4.43701 5.48613C4.44388 5.49831 5.42353 6.25919 5.25181 6.53991C5.11728 6.75971 4.08281 5.81415 3.97952 5.9142C3.79951 6.08838 3.49223 6.13659 3.52437 6.17495C4.1064 6.87 4.92819 7.21512 4.63141 7.51191C4.45865 7.68466 3.77968 6.97834 3.29174 6.5898C2.87092 6.25466 2.62935 7.03329 2.70089 7.14047C3.46799 8.29029 4.61845 8.91262 4.34525 9.27226C4.02449 9.54987 3.52307 8.78989 2.4391 7.842C2.07324 7.52228 1.94765 8.10884 1.7885 8.25983C2.09851 8.5789 5.40888 11.432 5.22005 11.7185Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.4595 16.5406C14.142 16.6496 13.5502 16.7063 12.6959 16.6527C11.3022 16.5655 9.97871 16.0712 9.1459 15.8278C9.2269 15.9708 9.44644 16.3947 9.51305 16.5478C9.50061 16.5563 9.51901 16.5819 9.54519 16.6202C9.57358 16.6827 9.60001 16.7353 9.62464 16.773C9.64473 16.8385 9.64784 16.9144 9.60481 16.9967C9.48104 17.2334 8.05713 16.8858 7.98468 16.7067C7.90718 16.5155 8.20694 15.9326 8.16405 15.7424C8.12102 15.5527 7.70682 15.3085 7.45539 15.1524C5.4024 13.8765 1.39556 10.2432 1.67407 9.03758C1.93638 7.90241 3.93014 5.89763 4.3669 5.82195C4.80352 5.74613 6.85094 6.71113 6.94373 6.26414C7.0075 5.9566 4.33229 4.83893 3.84927 4.94948C3.39269 5.05355 0.297456 7.86626 0.0392932 8.95541C-0.569568 11.5258 6.08306 15.2739 6.95617 15.8579C7.21447 16.0305 6.70579 16.6219 6.8893 16.9756C7.1301 17.4393 10.5287 17.9489 10.6092 17.6676C10.6477 17.5335 10.4975 17.2076 10.3085 16.9114C10.7904 16.9738 11.5633 17.0711 12.6702 17.1969C14.6757 17.47 15.1036 17.0198 15.164 16.9513C15.2243 16.883 14.5378 16.5115 14.4595 16.5406Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.0673 8.40698C14.0275 8.38106 13.9629 8.31574 13.8173 8.16501C13.7442 8.0892 13.6815 8.01882 13.6159 7.95247C13.5346 7.87043 13.4531 7.78814 13.3645 7.6807C12.8214 7.0222 15.7123 6.95857 15.3993 7.5835C15.2847 7.81237 15.141 7.97683 14.9788 8.1645C14.7365 8.44482 14.7599 8.50055 14.4381 8.49873C14.3024 8.49809 14.1628 8.47994 14.0673 8.40698Z",fill:"currentColor"})),o=({...t})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:20,height:20,viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("circle",{cx:"10",cy:"10",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeDasharray:"45",strokeLinecap:"round",r:"9"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("animateTransform",{attributeName:"transform",type:"rotate",by:"360",dur:"1s",repeatCount:"indefinite"})),n=({...t})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("rect",{x:"11",y:"1.4903",width:"13.4488",height:"13.4488",rx:"1",transform:"rotate(45 11 1.4903)",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10.9968 12.6472C11.4475 12.6472 11.6951 12.3679 11.7078 11.9045L11.7903 7.21362C11.7903 7.16919 11.7966 7.12476 11.7966 7.09302C11.7966 6.5979 11.4792 6.29321 11.0032 6.29321C10.5271 6.29321 10.2034 6.5979 10.2034 7.09302C10.2034 7.12476 10.2097 7.16919 10.2097 7.21362L10.2922 11.9045C10.3049 12.3679 10.5461 12.6472 10.9968 12.6472ZM10.9968 15.7068C11.5173 15.7068 11.9236 15.3069 11.9236 14.8054C11.9236 14.304 11.5173 13.9104 10.9968 13.9104C10.4827 13.9104 10.0764 14.304 10.0764 14.8054C10.0764 15.3069 10.4827 15.7068 10.9968 15.7068Z",fill:"currentColor"})),l=({direction:t="right",...r})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),"left"===t&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"2.75",y1:"9.94765",x2:"17.25",y2:"9.94765",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"2.74802",y1:"9.94822",x2:"9.69557",y2:"3.00067",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"0.75",y1:"-0.75",x2:"10.5753",y2:"-0.75",transform:"matrix(0.707107 0.707107 0.707107 -0.707107 2.74802 8.94667)",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})),"right"===t&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"17.25",y1:"10.0079",x2:"2.75",y2:"10.0079",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"17.252",y1:"10.0073",x2:"10.3044",y2:"16.9549",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"0.75",y1:"-0.75",x2:"10.5753",y2:"-0.75",transform:"matrix(-0.707107 -0.707107 -0.707107 0.707107 17.252 11.0089)",stroke:"black",strokeWidth:"1.5",strokeLinecap:"round"})),"up"===t&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"10.0301",y1:"2.72777",x2:"10.0301",y2:"17.2278",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"10.0295",y1:"2.72578",x2:"16.9771",y2:"9.67334",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"0.75",y1:"-0.75",x2:"10.5753",y2:"-0.75",transform:"matrix(-0.707107 0.707107 0.707107 0.707107 11.0311 2.72578)",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})),"down"===t&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"9.96985",y1:"17.2278",x2:"9.96985",y2:"2.72777",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"9.97047",y1:"17.2298",x2:"3.02292",y2:"10.2822",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line",{x1:"0.75",y1:"-0.75",x2:"10.5753",y2:"-0.75",transform:"matrix(0.707107 -0.707107 -0.707107 -0.707107 8.96887 17.2298)",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}))),i=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(l,C({direction:"left"},t)),L=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(l,C({direction:"right"},t)),a=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(l,C({direction:"up"},t)),c=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(l,C({direction:"down"},t)),h=({size:t=20,...r})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:t,height:t,viewBox:"0 0 450 450",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},r),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M241.176,32.58 C212.203,3.607 165.229,3.607 136.257,32.58 C104.728,64.108 64.7505,104.086 33.2582,135.578 C4.3968,164.44 4.3968,211.233 33.2582,240.095 C74.0633,280.9 129.115,335.951 161.573,368.409 C178.953,385.789 202.525,395.5527 227.103,395.5527 C265.428,395.5527 323.836,395.5527 361.062,395.5527 C370.443,395.5527 379.44,391.8261 386.073,385.193 C392.706,378.559 396.433,369.563 396.433,360.182 C396.433,325.232 396.433,271.611 396.433,233.469 C396.433,204.251 384.826,176.229 364.165,155.569 C331.325,122.728 279.883,71.286 241.176,32.58 Z",fill:"#FFAD3B"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M356.247,395.5527 C362.981,395.5527 369.052,391.4966 371.63,385.275 C374.208,379.054 372.784,371.893 368.024,367.13 C291.192,290.26 85.032,84.001 85.032,84.001 C67.7094,101.324 50.3646,118.624 32.9985,135.901 L292.65,395.5527 C292.65,395.5527 327.055,395.5527 356.247,395.5527 Z",fill:"#FE8300"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M396.584,291.619 L136.932,31.967 C136.932,31.967 136.932,31.967 136.932,31.967 C150.667,18.162 169.33,10.389 188.804,10.364 C208.278,10.338 226.962,18.063 240.732,31.833 C278.866,69.968 329.542,120.643 362.599,153.701 C384.359,175.461 396.584,204.974 396.584,235.747 C396.584,262.965 396.584,291.619 396.584,291.619 Z",fill:"#FDC950"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M396.232,202.759 C395.989,200.247 394.319,198.1 391.943,197.248 C389.568,196.396 386.914,196.992 385.13,198.777 C352.273,231.665 231.009,353.059 199.222,384.881 C197.563,386.541 197.001,389.005 197.777,391.2207 C198.553,393.436 200.53,395.0112 202.862,395.2735 C204.547,395.4583 206.248,395.5527 207.959,395.5527 C247.622,395.5527 338.046,395.5527 377.469,395.5527 L396.433,376.589 C396.433,337.166 396.433,246.742 396.433,207.079 C396.433,205.631 396.365,204.19 396.232,202.759 Z",fill:"#F8C978"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M396.244,202.896 C396.007,200.358 394.325,198.186 391.927,197.322 C389.53,196.458 386.849,197.057 385.048,198.86 C353.145,230.793 240.578,343.48 240.578,343.48 L292.65,395.5527 C325.192,395.5527 357.727,395.5527 377.469,395.5527 C382.498,395.5527 387.322,393.5548 390.878,389.9984 C394.435,386.442 396.433,381.618 396.433,376.589 C396.433,337.166 396.433,246.742 396.433,207.079 C396.433,205.677 396.369,204.281 396.244,202.896 Z",fill:"#FAA849"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M396.254,203.004 C396.021,200.446 394.33,198.254 391.915,197.38 C389.5,196.506 386.797,197.109 384.982,198.926 C360.753,223.176 292.467,291.536 292.467,291.536 C292.467,291.536 359.703,358.807 383.025,382.141 C385.271,384.388 388.649,385.061 391.584,383.845 C394.519,382.63 396.433,379.766 396.433,376.59 C396.433,376.589 396.433,376.589 396.433,376.589 C396.433,337.166 396.433,246.742 396.433,207.079 C396.433,205.714 396.373,204.354 396.254,203.004 Z",fill:"#FFCC7A"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M396.276,203.263 C396.055,200.657 394.342,198.416 391.886,197.519 C389.429,196.622 386.675,197.232 384.827,199.082 C370.799,213.119 344.456,239.491 344.456,239.491 L396.433,291.671 C396.433,259.264 396.433,226.859 396.433,207.079 C396.433,205.801 396.38,204.528 396.276,203.263 Z",fill:"#FFE09D"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M46.5328,242.175 L52.9512,249.313 C53.9647,250.664 54.8775,252.126 55.2208,253.761 C55.6435,255.774 55.3689,257.989 54.2428,259.718 C53.9658,260.143 53.5981,260.501 53.2757,260.893 C53.274,260.895 53.2722,260.896 53.2722,260.896 C52.1867,261.725 52.0041,262.005 50.6898,262.447 C48.1707,263.294 45.2579,262.721 43.0585,261.237 C42.5802,260.914 42.1613,260.511 41.7126,260.148 C41.7126,260.148 26.1296,245.076 26.1296,245.076 C26.1296,245.076 25.2578,244.255 24.5604,243.563 C15.1361,234.199 8.0369,222.541 4.0988,209.605 C0.2362,196.918 -0.5051,183.315 1.9442,170.235 C4.3825,157.213 10.1396,144.798 18.4641,134.225 L18.568,134.094 C20.238,132.052 22.0092,130.092 23.8572,128.217 L39.2699,112.604 C56.93,94.959 74.5982,77.311 92.363,59.748 C98.876,53.31 105.378,46.86 111.945,40.477 C117.806,34.779 123.789,29.208 129.747,23.628 C130.042,23.351 130.308,23.103 130.308,23.103 C139.686,14.435 151.175,7.899 163.35,4.342 C169.363,2.585 175.521,1.454 181.743,1.068 C183.885,0.907 186.038,0.832 188.208,0.837 C201.73,0.91 215.282,4.826 227.186,11.48 C235.651,16.211 243.295,22.357 250.263,29.1 C258.483,37.055 266.481,45.276 274.395,53.342 C293.825,73.144 313.015,93.115 332.556,112.921 L332.558,112.923 C332.887,113.331 333.258,113.71 333.545,114.149 C334.924,116.255 335.197,119.052 334.25,121.392 C333.728,122.683 333.427,122.887 332.555,123.958 L332.552,123.961 C332.147,124.29 331.774,124.661 331.338,124.949 C328.808,126.62 325.289,126.615 322.743,124.947 C321.708,124.269 321.155,123.602 320.315,122.771 C298.977,101.675 278.191,80.62 256.807,59.542 C250.127,52.958 243.436,46.335 236.521,39.987 C231.091,35.002 225.145,30.557 218.649,27.081 C208.055,21.411 196.13,18.649 184.223,19.655 C183.826,19.688 183.436,19.725 183.339,19.736 C172.551,20.879 161.872,25.255 153.016,32 L189.346,71.345 L201.841,59.271 C203.021,58.269 204.204,57.256 205.555,56.505 C206.743,55.846 208.063,55.316 209.396,55.036 C209.996,54.91 210.613,54.891 211.221,54.818 C211.784,54.866 212.346,54.913 212.908,54.961 C214.371,55.465 214.384,55.465 215.637,56.372 L215.641,56.376 C215.94,56.788 216.304,57.161 216.538,57.614 C217.902,60.251 217.038,63.702 215.508,66.458 C214.757,67.809 213.744,68.992 212.742,70.172 L200.224,83.126 L218.713,103.15 C219.683,104.342 220.663,105.537 221.387,106.887 C222.845,109.606 223.716,113.057 222.389,115.656 C222.165,116.095 221.813,116.457 221.524,116.858 L221.521,116.861 C221.12,117.15 220.758,117.502 220.318,117.727 C217.712,119.058 214.296,118.197 211.55,116.725 C210.2,116 209.005,115.021 207.812,114.05 L188.01,95.766 L150.825,134.247 L189.144,174.99 L207.135,157.69 C208.261,156.746 209.39,155.792 210.683,155.103 C211.832,154.491 213.105,154.017 214.391,153.785 C214.975,153.679 215.574,153.679 216.166,153.626 C216.717,153.689 217.267,153.752 217.817,153.815 C219.266,154.353 219.278,154.353 220.521,155.271 L220.524,155.275 C221.366,156.414 221.646,156.555 221.981,157.979 C222.696,161.018 221.42,164.373 219.552,166.935 C219.11,167.541 218.588,168.085 218.106,168.661 L200.455,187.017 L220.269,208.084 C221.401,209.435 222.543,210.785 223.419,212.307 C225.127,215.272 226.377,219.06 225.003,221.957 C224.781,222.425 224.411,222.807 224.115,223.232 L224.112,223.235 C223.687,223.531 223.305,223.901 222.837,224.123 C221.213,224.893 219.193,224.757 217.452,224.315 C215.173,223.737 212.995,222.587 211.039,221.128 C210.315,220.588 209.656,219.968 208.964,219.389 L188.15,199.813 L151.099,238.345 L219.08,309.063 C220.266,310.466 221.465,311.872 222.354,313.477 C224.144,316.71 225.187,320.848 223.582,323.96 C223.306,324.495 222.876,324.935 222.523,325.422 L222.52,325.426 C222.032,325.779 221.592,326.209 221.057,326.484 C217.935,328.095 213.844,327.068 210.574,325.256 C208.969,324.367 207.563,323.168 206.161,321.983 L135.755,254.302 L97.265,294.33 C121.366,318.49 145.44,342.677 169.72,366.656 C173.648,370.523 178.344,373.639 183.163,376.499 C195.442,383.785 209.247,388.538 223.637,388.553 L224.923,388.673 C225.337,388.791 225.764,388.872 226.165,389.028 C229.765,390.4266 231.69,395.0788 229.893,398.6792 C228.929,400.6113 227.037,402.0394 224.909,402.4348 C223.468,402.7027 222.039,402.5495 220.603,402.4939 C201.006,401.7355 181.739,393.7103 166.235,381.987 C163.993,380.292 161.812,378.523 159.807,376.543 L159.729,376.465 L63.974,280.815 L63.1482,279.821 C62.5922,278.824 62.3733,278.594 62.1079,277.469 C61.4235,274.566 62.8519,271.232 65.5115,269.749 C66.2668,269.327 67.0937,269.05 67.9502,268.93 C68.8013,268.811 69.6653,268.929 70.52,269.047 C70.9283,269.184 71.351,269.283 71.745,269.457 C72.8032,269.924 72.9894,270.181 73.8681,270.91 C76.406,273.445 78.9427,275.981 81.478,278.518 L121.207,240.316 L83.425,203.996 L46.5328,242.175 Z M100.797,186.019 L137.725,224.433 L175.602,188.011 L135.404,150.206 L100.797,186.019 Z M32.3203,154.869 C28.3673,160.645 25.4099,167.115 23.6426,173.764 C20.4984,185.593 20.7944,197.982 24.4876,209.374 C26.1637,214.544 28.46,219.451 31.3582,224.011 L67.7073,188.886 L32.3203,154.869 Z M83.954,101.816 L82.861,102.915 C72.3568,113.466 61.813,123.978 51.2381,134.466 L86.291,170.929 L121.383,137.019 L83.954,101.816 Z M136.574,48.272 C133.845,51.159 131.121,54.051 128.351,56.9 C123.065,62.337 112.48,73.053 102.627,83 L138.173,120.795 L175.77,84.464 L136.574,48.272 Z",fill:"#525252"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M389.513,316.189 C389.506,289.674 389.433,263.159 389.433,236.644 C389.381,216.281 383.785,196.321 373.365,179.165 C368.752,171.57 363.224,164.536 356.975,158.278 L344.644,145.947 C344.369,145.616 344.062,145.308 343.819,144.953 C342.114,142.465 342.243,138.891 344.208,136.525 C345.313,135.195 346.913,134.303 348.627,134.064 C349.478,133.946 350.342,134.064 351.196,134.183 C351.605,134.32 352.027,134.42 352.421,134.594 C353.479,135.061 353.665,135.318 354.543,136.047 C361.842,143.346 369.449,150.416 375.894,158.43 C387.542,172.914 395.902,190.021 400.163,208.251 C402.018,216.188 403.089,224.267 403.36,232.382 C403.403,233.675 403.429,234.962 403.432,236.251 L403.433,236.626 C403.433,278.582 403.615,320.538 403.432,362.493 C403.394,371.349 400.323,380.265 394.78,387.273 C387.318,396.7072 375.511,402.4995 363.363,402.5525 C332.687,402.6027 301.956,402.5583 271.221,402.5603 L257.638,402.5606 L256.352,402.4415 C255.938,402.3236 255.511,402.2435 255.109,402.088 C252.298,400.9988 250.384,397.9774 250.668,394.9149 C250.946,391.9076 253.369,389.2375 256.351,388.68 C256.775,388.601 257.209,388.6 257.638,388.561 C277.493,388.56 297.366,388.558 317.217,388.556 L389.513,316.189 Z",fill:"#525252"})),s=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M14.1155 20C15.3977 20 16.2584 19.1767 16.3212 17.8881L16.9399 4.80537H17.8365C18.2041 4.80537 18.5 4.50112 18.5 4.13423C18.5 3.76734 18.2041 3.45414 17.8365 3.45414H13.9182V2.11186C13.9182 0.832215 13.0485 0 11.6677 0H8.31435C6.93354 0 6.07278 0.832215 6.07278 2.11186V3.45414H2.17247C1.81382 3.45414 1.5 3.76734 1.5 4.13423C1.5 4.50112 1.81382 4.80537 2.17247 4.80537H3.06909L3.68776 17.8971C3.75053 19.1857 4.60232 20 5.89346 20H14.1155ZM12.4926 3.45414H7.50738V2.20134C7.50738 1.69128 7.88397 1.33333 8.42194 1.33333H11.5691C12.116 1.33333 12.4926 1.69128 12.4926 2.20134V3.45414ZM13.981 18.6577H6.02795C5.50791 18.6577 5.12236 18.264 5.09546 17.745L4.46783 4.80537H15.5053L14.9135 17.745C14.8866 18.2729 14.51 18.6577 13.981 18.6577ZM12.663 17.0828C12.9589 17.0828 13.183 16.8412 13.192 16.5011L13.461 7.05145C13.4699 6.71141 13.2368 6.46085 12.932 6.46085C12.654 6.46085 12.4209 6.72036 12.4119 7.04251L12.1429 16.5011C12.134 16.8233 12.3581 17.0828 12.663 17.0828ZM7.34599 17.0828C7.65084 17.0828 7.875 16.8233 7.86603 16.5011L7.59705 7.04251C7.58808 6.72036 7.34599 6.46085 7.06804 6.46085C6.76319 6.46085 6.53903 6.71141 6.548 7.05145L6.82595 16.5011C6.83492 16.8412 7.05011 17.0828 7.34599 17.0828ZM10.009 17.0828C10.2959 17.0828 10.5469 16.8233 10.5469 16.5011V7.04251C10.5469 6.72036 10.3049 6.46085 10.009 6.46085C9.71308 6.46085 9.46203 6.72036 9.46203 7.04251V16.5011C9.46203 16.8233 9.71308 17.0828 10.009 17.0828Z"})),d=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M16.411 14.0458L16.8421 4.82263H17.9198C18.288 4.82263 18.5844 4.50831 18.5844 4.1401C18.5844 3.77189 18.288 3.46655 17.9198 3.46655H13.8156V2.11944C13.8156 0.826224 12.9445 0 11.5615 0H8.20269C6.81966 0 5.95752 0.826224 5.95752 2.11944V3.27795H5.64319L7.17889 4.82263H15.4052L15.037 12.6807L16.411 14.0458ZM18.3868 18.5272C18.6472 18.2488 18.6562 17.8177 18.3868 17.5483L2.3832 1.5357C2.11378 1.26628 1.66475 1.26628 1.39533 1.5357C1.13489 1.79614 1.13489 2.25415 1.39533 2.51459L17.4079 18.5272C17.6773 18.7966 18.1174 18.7966 18.3868 18.5272ZM12.3877 3.46655H7.39443V2.20925C7.39443 1.69735 7.77162 1.33812 8.31046 1.33812H11.4627C12.0105 1.33812 12.3877 1.69735 12.3877 2.20925V3.46655ZM14.0132 20C14.9741 20 15.6567 19.533 15.989 18.7966L15.9979 18.626L14.8304 17.4585L14.8125 17.7189C14.8035 18.2398 14.4173 18.6439 13.8695 18.6439H5.91261C5.39173 18.6439 5.00556 18.2577 4.97862 17.7279L4.45774 7.09475L2.99389 5.62191L3.56865 17.8895C3.63152 19.1738 4.48468 20 5.7779 20H14.0132ZM10.4389 8.07364V7.0678C10.4389 6.7445 10.1964 6.48406 9.90004 6.48406C9.73839 6.48406 9.58572 6.56489 9.50489 6.69062V7.13965L10.4389 8.07364ZM13.2409 10.8936L13.3576 7.0678C13.3666 6.73552 13.1331 6.48406 12.8277 6.48406C12.5493 6.48406 12.3158 6.7445 12.3069 7.0678L12.235 9.86978L13.2409 10.8936ZM7.23278 17.0723C7.53812 17.0723 7.76264 16.8119 7.75366 16.4796L7.57404 10.2021L6.49636 9.12438L6.7119 16.4886C6.72088 16.8298 6.93641 17.0723 7.23278 17.0723ZM9.90004 17.0723C10.1874 17.0723 10.4389 16.8119 10.4389 16.4886V13.0579L9.35222 11.9892V16.4886C9.35222 16.8119 9.60368 17.0723 9.90004 17.0723ZM12.5583 17.0723C12.8547 17.0723 13.0792 16.8298 13.0882 16.4886L13.1061 15.7252L12.0913 14.7104L12.0374 16.4796C12.0285 16.8119 12.253 17.0723 12.5583 17.0723Z"})),w=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10.0037 16C15.9166 16 20 11.4282 20 10C20 8.56476 15.9093 4 10.0037 4C4.17124 4 0 8.56476 0 10C0 11.4282 4.16392 16 10.0037 16ZM10.0037 14.8938C5.18112 14.8938 1.28064 10.9872 1.28064 10C1.28064 9.16686 5.18112 5.10618 10.0037 5.10618C14.8042 5.10618 18.7194 9.16686 18.7194 10C18.7194 10.9872 14.8042 14.8938 10.0037 14.8938ZM10.0037 13.9207C12.2795 13.9207 14.109 12.1354 14.109 10C14.109 7.80863 12.2795 6.07935 10.0037 6.07935C7.71314 6.07935 5.87633 7.80863 5.88362 10C5.89828 12.1354 7.71314 13.9207 10.0037 13.9207ZM10.0037 11.3022C9.24259 11.3022 8.62788 10.7141 8.62788 10C8.62788 9.27888 9.24259 8.69778 10.0037 8.69778C10.7574 8.69778 11.3721 9.27888 11.3721 10C11.3721 10.7141 10.7574 11.3022 10.0037 11.3022Z"})),m=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M16.261 5.45801L17.4563 4.2627C18.0208 3.69824 18.0374 3.01758 17.4978 2.46143L16.9583 1.92187C16.4187 1.36572 15.7131 1.41553 15.1487 1.97168L13.9534 3.15869L16.261 5.45801ZM1.90064 18.2993L4.35767 17.3696L15.1321 6.57861L12.8245 4.2793L2.05005 15.0703L1.15356 17.5273C0.970948 18.0171 1.46899 18.457 1.90064 18.2993Z"})),p=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M14.3727 17.5C16.015 17.5 16.7486 16.7504 16.9904 15.1534L18.2243 6.98126H18.416C19.4414 6.98126 20 6.35388 20 5.35986V4.1214C20 3.12738 19.4414 2.5 18.416 2.5H1.58399C0.608587 2.5 0 3.12738 0 4.1214V5.35986C0 6.35388 0.558566 6.98126 1.58399 6.98126H1.7674L3.00959 15.1534C3.25135 16.7586 3.98499 17.5 5.61901 17.5H14.3727ZM18.0825 5.75095H1.9258C1.50896 5.75095 1.34223 5.57985 1.34223 5.17246V4.3088C1.34223 3.90141 1.50896 3.73031 1.9258 3.73031H18.0825C18.4994 3.73031 18.6578 3.90141 18.6578 4.3088V5.17246C18.6578 5.57985 18.4994 5.75095 18.0825 5.75095ZM14.356 16.2697H5.64402C4.89371 16.2697 4.46019 15.9438 4.34348 15.1372L3.10129 6.98126H16.8987L15.6565 15.1372C15.5315 15.9438 15.0896 16.2697 14.356 16.2697ZM12.4218 14.5668C12.772 14.5668 13.0554 14.2735 13.0554 13.9313C13.0554 13.7439 12.9804 13.6135 12.8554 13.4913L10.8962 11.5684L12.8637 9.62113C12.9971 9.49077 13.0638 9.36855 13.0638 9.19745C13.0638 8.84709 12.7803 8.57007 12.4218 8.57007C12.2551 8.57007 12.1217 8.63525 11.9883 8.76562L9.98749 10.6966L8.01167 8.77376C7.88662 8.65155 7.75323 8.58637 7.57816 8.58637C7.21967 8.58637 6.93622 8.85524 6.93622 9.19745C6.93622 9.3767 7.01125 9.51521 7.12797 9.62928L9.09546 11.5684L7.12797 13.4995C7.01125 13.6135 6.93622 13.752 6.93622 13.9313C6.93622 14.2735 7.21967 14.5668 7.57816 14.5668C7.75323 14.5668 7.90329 14.4853 8.02001 14.3713L9.98749 12.4402L11.9717 14.3713C12.0884 14.4772 12.2301 14.5668 12.4218 14.5668Z"})),M=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M14.3727 17.5C16.015 17.5 16.7486 16.7504 16.9904 15.1534L18.2243 6.98126H18.416C19.4414 6.98126 20 6.35388 20 5.35986V4.1214C20 3.12738 19.4414 2.5 18.416 2.5H1.58399C0.608587 2.5 0 3.12738 0 4.1214V5.35986C0 6.35388 0.558566 6.98126 1.58399 6.98126H1.7674L3.00959 15.1534C3.25135 16.7586 3.98499 17.5 5.61901 17.5H14.3727ZM18.0825 5.75095H1.9258C1.50896 5.75095 1.34223 5.57985 1.34223 5.17246V4.3088C1.34223 3.90141 1.50896 3.73031 1.9258 3.73031H18.0825C18.4994 3.73031 18.6578 3.90141 18.6578 4.3088V5.17246C18.6578 5.57985 18.4994 5.75095 18.0825 5.75095ZM14.356 16.2697H5.64402C4.89371 16.2697 4.46019 15.9438 4.34348 15.1372L3.10129 6.98126H16.8987L15.6565 15.1372C15.5315 15.9438 15.0896 16.2697 14.356 16.2697ZM9.99583 14.9661C10.3543 14.9661 10.6628 14.6809 10.6628 14.3387V11.2996L10.6044 9.93889L11.3214 10.664L12.2384 11.5684C12.3635 11.6907 12.5302 11.7558 12.6886 11.7558C13.0388 11.7558 13.3055 11.5196 13.3055 11.1855C13.3055 10.99 13.2305 10.8514 13.0888 10.7292L10.4794 8.36638C10.3043 8.21157 10.1709 8.14639 9.99583 8.14639C9.8291 8.14639 9.68737 8.21157 9.5123 8.36638L6.91121 10.7292C6.76949 10.8514 6.69446 10.99 6.69446 11.1855C6.69446 11.5196 6.94456 11.7558 7.29471 11.7558C7.46144 11.7558 7.63652 11.6907 7.75323 11.5684L8.67028 10.664L9.38724 9.93889L9.33722 11.2996V14.3387C9.33722 14.6809 9.63735 14.9661 9.99583 14.9661Z"})),g=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M9.7215 13.6806L10.9554 12.4282C9.73078 12.3354 8.93292 11.9643 8.3299 11.3613C6.70636 9.73773 6.71564 7.43695 8.32062 5.83197L11.345 2.80756C12.9686 1.1933 15.2508 1.18402 16.8743 2.80756C18.4979 4.43109 18.4793 6.7226 16.8743 8.32758L15.056 10.1459C15.3157 10.7397 15.3714 11.4262 15.2786 12.0292L18.0062 9.31098C20.2235 7.08441 20.242 3.93939 17.9969 1.685C15.7425 -0.569395 12.5882 -0.55084 10.3616 1.67572L7.19806 4.84857C4.9715 7.07514 4.95294 10.2294 7.20734 12.4746C7.79181 13.059 8.534 13.4765 9.7215 13.6806ZM9.30402 18.0502L12.4769 14.8681C14.7034 12.6415 14.722 9.48725 12.4676 7.24213C11.8831 6.65766 11.1409 6.24018 9.95343 6.03607L8.71955 7.28852C9.94415 7.39057 10.742 7.75238 11.345 8.35541C12.9686 9.97894 12.9593 12.2797 11.3543 13.8847L8.32062 16.9091C6.70636 18.5234 4.42414 18.5327 2.8006 16.9184C1.17706 15.2856 1.18634 13.0034 2.8006 11.3891L4.61896 9.57074C4.35919 8.98627 4.29425 8.29047 4.3963 7.68744L1.66876 10.4057C-0.548521 12.6323 -0.567076 15.7866 1.67804 18.0317C3.93244 20.2861 7.08673 20.2675 9.30402 18.0502Z"})),u=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M16.4502 20C17.0366 20 17.5 19.646 17.5 18.7983V2.9157C17.5 0.978109 16.5259 0 14.5681 0H5.4319C3.47415 0 2.5 0.978109 2.5 2.9157V18.7983C2.5 19.646 2.96343 20 3.54981 20C4.03216 20 4.32535 19.7578 5.27112 18.817L9.86759 14.3083C9.91488 14.2711 9.95271 14.2338 10 14.2338C10.0378 14.2338 10.0851 14.2711 10.1324 14.3083L14.7289 18.817C15.6557 19.7392 15.9678 20 16.4502 20ZM4.0227 17.6525V2.94364C4.0227 2.01211 4.52396 1.49977 5.50757 1.49977H14.4924C15.4666 1.49977 15.9773 2.01211 15.9773 2.94364V17.6525C15.9773 17.8295 15.8733 17.8575 15.7409 17.7364L10.4729 12.6036C10.3026 12.436 10.1324 12.3894 10 12.3894C9.85813 12.3894 9.69735 12.436 9.52711 12.6036L4.25914 17.7364C4.12673 17.8668 4.0227 17.8295 4.0227 17.6525Z"})),E=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M3.75461 20C3.06273 20 2.5 19.5797 2.5 18.6112V3.00594C2.5 1.03243 3.53321 0 5.50738 0H14.4926C16.4668 0 17.5 1.03243 17.5 3.00594V18.6112C17.5 19.5797 16.9373 20 16.2454 20C15.7196 20 15.3875 19.7259 14.9816 19.3422L10.4336 15.0388C10.2491 14.8652 10.1199 14.8013 10 14.8013C9.88007 14.8013 9.76015 14.8561 9.56642 15.0388L5.47048 18.8945C4.58487 19.7168 4.28044 20 3.75461 20Z"})),k=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M14.2127 11.6597L16.1835 9.16538C16.3419 8.96408 16.4299 8.78029 16.4299 8.57025C16.4299 8.21142 16.1483 7.94011 15.7524 7.94011H10.7198L13.3241 1.0699C13.6936 0.107194 12.673 -0.400414 12.0571 0.387254L8.01873 5.49834L9.10092 6.57482L10.9134 4.18556L9.60242 7.07368L11.8988 9.35792H13.984L13.0865 10.5394L14.2127 11.6597ZM17.2921 17.2521C17.5649 16.9895 17.5737 16.5344 17.2921 16.2631L3.69877 2.74151C3.42602 2.47895 2.96851 2.4702 2.70456 2.74151C2.43181 3.00406 2.43181 3.46791 2.70456 3.73047L16.3067 17.2521C16.5795 17.5234 17.0282 17.5234 17.2921 17.2521ZM7.94834 19.6151L11.978 14.504L10.8958 13.4275L9.09212 15.7993L10.3943 12.9287L8.08911 10.6357H6.01272L6.91894 9.46294L5.78396 8.3427L3.82194 10.837C3.66357 11.0295 3.57559 11.2133 3.57559 11.4234C3.57559 11.7909 3.85714 12.0622 4.25306 12.0622H9.28568L6.68139 18.9237C6.31186 19.8864 7.33246 20.4028 7.94834 19.6151Z"})),H=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M9.99565 20C14.9285 20 19 15.8779 19 10.8837C19 8.03874 17.5993 5.3435 15.494 3.74044C15.0242 3.35289 14.45 3.42335 14.1629 3.83733C13.8497 4.26892 13.9889 4.78859 14.3891 5.14972C16.1029 6.47973 17.1904 8.53199 17.1991 10.8837C17.2078 14.9266 13.9889 18.1767 9.99565 18.1767C6.00242 18.1767 2.80957 14.9266 2.80957 10.8837C2.80957 7.46622 5.08893 4.62124 8.20348 3.81971V5.09687C8.20348 5.77509 8.69937 5.96006 9.23876 5.5637L12.1793 3.45858C12.6143 3.13269 12.623 2.63944 12.1793 2.32235L9.24746 0.208434C8.69937 -0.187926 8.20348 -0.0117661 8.20348 0.675258V1.96123C4.11455 2.8156 1 6.51496 1 10.8837C1 15.8779 5.07153 20 9.99565 20ZM9.98695 14.8385C10.4132 14.8385 10.6916 14.5302 10.6916 14.0722V11.8878H12.971C13.4147 11.8878 13.7192 11.6236 13.7192 11.192C13.7192 10.7604 13.4234 10.4874 12.971 10.4874H10.6916V8.18848C10.6916 7.73046 10.4132 7.43099 9.98695 7.43099C9.56936 7.43099 9.29966 7.74808 9.29966 8.18848V10.4874H7.029C6.57661 10.4874 6.27211 10.7604 6.27211 11.192C6.27211 11.6236 6.59401 11.8878 7.029 11.8878H9.29966V14.0722C9.29966 14.5214 9.56936 14.8385 9.98695 14.8385Z"})),v=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M9.18262 17.3281C9.77148 17.3281 10.2021 16.8887 10.2021 16.3086V13.1885H10.4307C13.5947 13.1885 15.5723 14.0322 16.9697 16.6602C17.2686 17.2139 17.6641 17.3193 18.042 17.3193C18.5342 17.3193 18.9561 16.8623 18.9561 16.0361C18.9561 9.92773 16.3281 6.14844 10.4307 6.14844H10.2021V3.06348C10.2021 2.4834 9.77148 2 9.16504 2C8.74316 2 8.47949 2.20215 8.00488 2.60645L1.43066 8.74121C1.11426 9.05762 1 9.37402 1 9.66406C1 9.94531 1.12305 10.2705 1.43066 10.5781L8.00488 16.7744C8.43555 17.1348 8.76074 17.3281 9.18262 17.3281ZM8.68164 15.4209C8.6377 15.4209 8.59375 15.3945 8.54102 15.3506L2.70508 9.82227C2.63477 9.76074 2.61719 9.70801 2.61719 9.66406C2.61719 9.61133 2.63477 9.56738 2.70508 9.50586L8.54102 3.91602C8.58496 3.87207 8.62891 3.8457 8.68164 3.8457C8.75195 3.8457 8.80469 3.89844 8.80469 3.96875V7.21191C8.80469 7.40527 8.89258 7.48438 9.07715 7.48438H10.1758C15.7656 7.48438 17.541 11.3076 17.6904 15.2451C17.6904 15.3066 17.6729 15.333 17.6377 15.333C17.6025 15.333 17.585 15.3066 17.5586 15.2451C16.6006 13.1533 14.0781 11.8438 10.1758 11.8438H9.07715C8.89258 11.8438 8.80469 11.9316 8.80469 12.125V15.2891C8.80469 15.3682 8.76074 15.4209 8.68164 15.4209Z"})),Z=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M11.6749 19.1444L13.0043 17.8243C13.1267 17.6931 13.2492 17.6582 13.4153 17.6582H15.287C16.8962 17.6582 17.6572 16.8976 17.6572 15.2803V13.4095C17.6572 13.2434 17.7096 13.121 17.8233 12.9986L19.144 11.6698C20.2897 10.5333 20.281 9.46672 19.144 8.33024L17.8233 6.99268C17.7009 6.87029 17.6572 6.75664 17.6572 6.59054V4.7197C17.6572 3.11114 16.905 2.34182 15.287 2.34182H13.4153C13.2492 2.34182 13.1267 2.29811 13.0043 2.17572L11.6749 0.855647C10.5291 -0.289583 9.47087 -0.28084 8.32513 0.855647L6.99574 2.17572C6.87329 2.29811 6.75085 2.34182 6.58467 2.34182H4.71302C3.10375 2.34182 2.34285 3.09365 2.34285 4.7197V6.59054C2.34285 6.75664 2.29912 6.87029 2.17667 6.99268L0.856021 8.33024C-0.289709 9.46672 -0.280963 10.5333 0.856021 11.6698L2.17667 12.9986C2.29912 13.121 2.34285 13.2434 2.34285 13.4095V15.2803C2.34285 16.8889 3.10375 17.6582 4.71302 17.6582H6.58467C6.75085 17.6582 6.87329 17.6931 6.99574 17.8243L8.32513 19.1444C9.47087 20.2896 10.5379 20.2808 11.6749 19.1444ZM9.36591 17.9204L7.76539 16.3119C7.58172 16.1195 7.38931 16.0496 7.12693 16.0496H4.84421C4.07456 16.0496 3.95212 15.9185 3.95212 15.1492V12.8762C3.95212 12.6139 3.8734 12.4129 3.68099 12.2293L2.08047 10.6294C1.52947 10.0787 1.52947 9.92132 2.08047 9.37056L3.68099 7.77074C3.8734 7.57841 3.95212 7.38608 3.95212 7.12381V4.8421C3.95212 4.06404 4.06582 3.95039 4.84421 3.95039H7.12693C7.38931 3.95039 7.58172 3.87171 7.76539 3.67938L9.36591 2.07956C9.92566 1.5288 10.0831 1.5288 10.6341 2.07956L12.2346 3.67938C12.4183 3.87171 12.6194 3.95039 12.8731 3.95039H15.1558C15.9254 3.95039 16.0479 4.07278 16.0479 4.8421L16.0566 7.12381C16.0566 7.38608 16.1353 7.57841 16.319 7.77074L17.9283 9.37056C18.4705 9.92132 18.4705 10.0787 17.9283 10.6294L16.319 12.2293C16.1353 12.4129 16.0566 12.6139 16.0566 12.8762L16.0479 15.1492C16.0479 15.9185 15.9254 16.0496 15.1558 16.0496H12.8731C12.6194 16.0496 12.4183 16.1195 12.2346 16.3119L10.6341 17.9204C10.0831 18.4625 9.92566 18.4625 9.36591 17.9204ZM8.67498 14.1963C8.95485 14.1963 9.18225 14.0826 9.33093 13.8815L14.0538 7.28117C14.1587 7.12381 14.2287 6.94023 14.2287 6.78287C14.2287 6.34576 13.8964 6.01355 13.4328 6.01355C13.118 6.01355 12.9343 6.1272 12.7506 6.38947L8.64874 12.203L6.55844 9.89509C6.40101 9.71151 6.20859 9.63283 5.95496 9.63283C5.48267 9.63283 5.15032 9.95629 5.15032 10.4109C5.15032 10.5945 5.22029 10.7868 5.35148 10.9179L8.04526 13.9253C8.20269 14.0914 8.41259 14.1963 8.67498 14.1963Z"})),V=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M11.6749 19.1444L13.0043 17.8243C13.1267 17.6931 13.2492 17.6582 13.4153 17.6582H15.287C16.8962 17.6582 17.6572 16.8976 17.6572 15.2803V13.4095C17.6572 13.2434 17.7096 13.121 17.8233 12.9986L19.144 11.6698C20.2897 10.5333 20.281 9.46672 19.144 8.33024L17.8233 6.99268C17.7009 6.87029 17.6572 6.75664 17.6572 6.59054V4.7197C17.6572 3.11114 16.905 2.34182 15.287 2.34182H13.4153C13.2492 2.34182 13.1267 2.29811 13.0043 2.17572L11.6749 0.855647C10.5291 -0.289583 9.47086 -0.28084 8.32513 0.855647L6.99574 2.17572C6.87329 2.29811 6.75085 2.34182 6.58467 2.34182H4.71302C3.10375 2.34182 2.34285 3.09365 2.34285 4.7197V6.59054C2.34285 6.75664 2.29912 6.87029 2.17667 6.99268L0.856021 8.33024C-0.289709 9.46672 -0.280963 10.5333 0.856021 11.6698L2.17667 12.9986C2.29912 13.121 2.34285 13.2434 2.34285 13.4095V15.2803C2.34285 16.8889 3.10375 17.6582 4.71302 17.6582H6.58467C6.75085 17.6582 6.87329 17.6931 6.99574 17.8243L8.32513 19.1444C9.47086 20.2896 10.5379 20.2808 11.6749 19.1444ZM9.36591 17.9204L7.76539 16.3119C7.58172 16.1195 7.38931 16.0496 7.12693 16.0496H4.84421C4.07456 16.0496 3.95212 15.9185 3.95212 15.1492V12.8762C3.95212 12.6139 3.8734 12.4128 3.68099 12.2293L2.08047 10.6294C1.52947 10.0787 1.52947 9.92132 2.08047 9.37056L3.68099 7.77074C3.8734 7.57841 3.95212 7.38608 3.95212 7.12381V4.8421C3.95212 4.06404 4.06582 3.95039 4.84421 3.95039H7.12693C7.38931 3.95039 7.58172 3.87171 7.76539 3.67938L9.36591 2.07956C9.92566 1.5288 10.0831 1.5288 10.6341 2.07956L12.2346 3.67938C12.4183 3.87171 12.6194 3.95039 12.8731 3.95039H15.1558C15.9254 3.95039 16.0479 4.07278 16.0479 4.8421L16.0566 7.12381C16.0566 7.38608 16.1353 7.57841 16.319 7.77074L17.9283 9.37056C18.4705 9.92132 18.4705 10.0787 17.9283 10.6294L16.319 12.2293C16.1353 12.4128 16.0566 12.6139 16.0566 12.8762L16.0479 15.1492C16.0479 15.9185 15.9254 16.0496 15.1558 16.0496H12.8731C12.6194 16.0496 12.4183 16.1195 12.2346 16.3119L10.6341 17.9204C10.0831 18.4625 9.92566 18.4625 9.36591 17.9204ZM12.8906 13.7329C13.3366 13.7329 13.6865 13.3832 13.6865 12.9374C13.6865 12.7188 13.599 12.5265 13.4416 12.3779L11.1326 10.0612L13.4503 7.72702C13.6165 7.56092 13.6952 7.38608 13.6952 7.17627C13.6952 6.73041 13.3366 6.38072 12.8906 6.38072C12.6719 6.38072 12.497 6.45066 12.3308 6.61676L9.99563 8.94219L7.66918 6.62551C7.5205 6.46815 7.33683 6.38947 7.10943 6.38947C6.66339 6.38947 6.31355 6.73915 6.31355 7.18501C6.31355 7.39482 6.40101 7.58715 6.54969 7.73577L8.86739 10.0612L6.54969 12.3779C6.40101 12.5265 6.31355 12.7188 6.31355 12.9374C6.31355 13.3832 6.66339 13.7329 7.10943 13.7329C7.33683 13.7329 7.53799 13.6542 7.68667 13.4969L9.99563 11.1802L12.3133 13.4969C12.462 13.6455 12.6544 13.7329 12.8906 13.7329Z"})),f=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"22",height:"21",viewBox:"0 0 22 21",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M18.4959 20.7577C20.4954 20.7577 21.5 19.7627 21.5 17.7919V7.62198C21.5 5.6607 20.4954 4.66571 18.4959 4.66571H16.726V3.11583C16.726 1.14498 15.7118 0.149994 13.7219 0.149994H3.5041C1.49499 0.149994 0.5 1.14498 0.5 3.11583V13.1901C0.5 15.1609 1.49499 16.1463 3.5041 16.1463H5.27403V17.7919C5.27403 19.7627 6.27859 20.7577 8.27813 20.7577H18.4959ZM5.27403 14.606H3.52323C2.56651 14.606 2.04032 14.099 2.04032 13.104V3.20193C2.04032 2.20694 2.56651 1.69031 3.52323 1.69031H13.6932C14.6403 1.69031 15.1856 2.20694 15.1856 3.20193V4.66571H8.27813C6.27859 4.66571 5.27403 5.65113 5.27403 7.62198V14.606ZM18.4768 19.2174H8.30683C7.35011 19.2174 6.81435 18.7008 6.81435 17.7058V7.70808C6.81435 6.71309 7.35011 6.20603 8.30683 6.20603H18.4768C19.4239 6.20603 19.9597 6.71309 19.9597 7.70808V17.7154C19.9597 18.7008 19.4239 19.2174 18.4768 19.2174ZM13.4061 16.6917C13.808 16.6917 14.1333 16.3664 14.1333 15.9359V13.4484H16.5633C17.013 13.4484 17.367 13.104 17.367 12.6926C17.367 12.2908 17.013 11.9463 16.5633 11.9463H14.1333V9.46844C14.1333 9.03792 13.808 8.7222 13.4061 8.7222C13.0043 8.7222 12.6886 9.03792 12.6886 9.46844V11.9463H10.1724C9.77061 11.9463 9.40706 12.3099 9.40706 12.6926C9.40706 13.0944 9.77061 13.4484 10.1724 13.4484H12.6886V15.9359C12.6886 16.3664 13.0043 16.6917 13.4061 16.6917Z"})),x=({...t})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M16 4L4 16",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M4 4L16 16",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})),W=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("g",{transform:"translate(-2.000000, -2.000000)",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M11,3 L3,11"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M3,3 L11,11"}))),B=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"17px",height:"17px",viewBox:"0 0 17 17",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("g",{stroke:"currentColor",strokeWidth:"1.5",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M6.5,12 C3.46243388,12 1,9.53756612 1,6.5 C1,3.46243388 3.46243388,1 6.5,1 C9.53756612,1 12,3.46243388 12,6.5 C12,9.53756612 9.53756612,12 6.5,12 Z M15.8568331,15.8587942 L10.4910728,10.4930339 L15.8568331,15.8587942 Z"}))),y=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M1.5 10H18.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10 18.5L10 1.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})),R=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M15.6569 9.99999H4.34315",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10 4.34314V15.6568",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})),F=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M6.79004 17.0781C7.29102 17.0781 7.61621 16.7354 7.61621 16.2607C7.61621 16.0059 7.51953 15.8301 7.37012 15.6807L5.71777 14.0723L4.54883 13.1143L6.15723 13.1934H14.5068C16.3262 13.1934 17.0732 12.3936 17.0732 10.6182V6.56641C17.0732 4.74707 16.3262 4 14.5068 4H10.8682C10.3584 4 10.0068 4.37793 10.0068 4.84375C10.0068 5.30078 10.3584 5.67871 10.8682 5.67871H14.4717C15.1484 5.67871 15.4121 5.94238 15.4121 6.61914V10.5654C15.4121 11.2422 15.1484 11.5059 14.4717 11.5059H6.15723L4.54883 11.585L5.71777 10.627L7.37012 9.02734C7.51953 8.87793 7.61621 8.69336 7.61621 8.44727C7.61621 7.96387 7.29102 7.62988 6.79004 7.62988C6.58789 7.62988 6.35059 7.72656 6.18359 7.88477L2.26367 11.7256C2.08789 11.8926 2 12.1211 2 12.3496C2 12.5781 2.08789 12.8066 2.26367 12.9736L6.18359 16.8145C6.35059 16.9814 6.58789 17.0781 6.79004 17.0781Z",fill:"currentColor",stroke:"none"})),j=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10 15C8.895 15 8 15.895 8 17C8 18.105 8.895 19 10 19C11.105 19 12 18.105 12 17C12 15.895 11.105 15 10 15Z",fill:"currentColor",stroke:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10 1C8.895 1 8 1.895 8 3C8 4.105 8.895 5 10 5C11.105 5 12 4.105 12 3C12 1.895 11.105 1 10 1Z",fill:"currentColor",stroke:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10 8C8.895 8 8 8.895 8 10C8 11.105 8.895 12 10 12C11.105 12 12 11.105 12 10C12 8.895 11.105 8 10 8Z",fill:"currentColor",stroke:"none"})),b=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M5 10C5 8.895 4.105 8 3 8C1.895 8 1 8.895 1 10C1 11.105 1.895 12 3 12C4.105 12 5 11.105 5 10Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M19 10C19 8.895 18.105 8 17 8C15.895 8 15 8.895 15 10C15 11.105 15.895 12 17 12C18.105 12 19 11.105 19 10Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M12 10C12 8.895 11.105 8 10 8C8.895 8 8 8.895 8 10C8 11.105 8.895 12 10 12C11.105 12 12 11.105 12 10Z",fill:"currentColor"})),A=({strokeWidth:t=1.5,color:r="currentColor",...o})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M19 19C19 18.0475 18.748 16.9941 18.2119 16C17.0596 13.8632 14.5949 12 10.5 12H9.5",stroke:r,strokeWidth:t,strokeLinecap:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M0.999999 19C0.999999 17.3599 1.74722 15.4209 3.40506 14",stroke:r,strokeWidth:t,strokeLinecap:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M9.5 12C6.46243 12 4 9.53757 4 6.5C4 3.46243 6.46243 1 9.5 1C12.5376 1 15 3.46243 15 6.5C15 7.02001 14.9278 7.52317 14.793 8",stroke:r,strokeWidth:t,strokeLinecap:"round",fill:"none"})),D=({...t})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M3.98297 1.75C4.39718 1.75 4.73297 1.41421 4.73297 1C4.73297 0.585786 4.39718 0.25 3.98297 0.25V1.75ZM7.74862 0.25C7.33441 0.25 6.99862 0.585786 6.99862 1C6.99862 1.41421 7.33441 1.75 7.74862 1.75V0.25ZM18.25 3V17H19.75V3H18.25ZM17 18.25H3V19.75H17V18.25ZM1.75 17V3H0.25V17H1.75ZM3 1.75H3.98297V0.25H3V1.75ZM7.74862 1.75H17V0.25H7.74862V1.75ZM3 18.25C2.30964 18.25 1.75 17.6904 1.75 17H0.25C0.25 18.5188 1.48122 19.75 3 19.75V18.25ZM18.25 17C18.25 17.6904 17.6904 18.25 17 18.25V19.75C18.5188 19.75 19.75 18.5188 19.75 17H18.25ZM19.75 3C19.75 1.48122 18.5188 0.25 17 0.25V1.75C17.6904 1.75 18.25 2.30964 18.25 3H19.75ZM1.75 3C1.75 2.30964 2.30964 1.75 3 1.75V0.25C1.48122 0.25 0.25 1.48122 0.25 3H1.75Z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M7 1H13V7.28131C13 8.1567 11.9548 8.60957 11.3161 8.01093L10 6.77733L8.68386 8.01093C8.04516 8.60957 7 8.1567 7 7.28131V1Z",fill:"currentColor"})),O=({color:t="currentColor",side:r="left",...o})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),"left"===r&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M5.00737 3.75C5.42158 3.75 5.75737 3.41421 5.75737 3C5.75737 2.58579 5.42158 2.25 5.00737 2.25V3.75ZM9.5 2.25C9.08579 2.25 8.75 2.58579 8.75 3C8.75 3.41421 9.08579 3.75 9.5 3.75V2.25ZM9.5 16.25C9.08579 16.25 8.75 16.5858 8.75 17C8.75 17.4142 9.08579 17.75 9.5 17.75V16.25ZM5.25 17.75C5.66421 17.75 6 17.4142 6 17C6 16.5858 5.66421 16.25 5.25 16.25V17.75ZM18.25 5V15H19.75V5H18.25ZM1.75 15V5H0.25V15H1.75ZM3 3.75H5.00737V2.25H3V3.75ZM9.5 3.75H17V2.25H9.5V3.75ZM17 16.25H9.5V17.75H17V16.25ZM5.25 16.25H3V17.75H5.25V16.25ZM0.25 15C0.25 16.5188 1.48122 17.75 3 17.75V16.25C2.30964 16.25 1.75 15.6904 1.75 15H0.25ZM18.25 15C18.25 15.6904 17.6904 16.25 17 16.25V17.75C18.5188 17.75 19.75 16.5188 19.75 15H18.25ZM19.75 5C19.75 3.48122 18.5188 2.25 17 2.25V3.75C17.6904 3.75 18.25 4.30964 18.25 5H19.75ZM1.75 5C1.75 4.30964 2.30964 3.75 3 3.75V2.25C1.48122 2.25 0.25 3.48122 0.25 5H1.75Z",fill:t}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M1 5C1 3.89543 1.89543 3 3 3H6V17H3C1.89543 17 1 16.1046 1 15V5Z",fill:t,stroke:t,strokeWidth:"1.5"})),"right"===r&&react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment),null,react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M14.9926 3.75C14.5784 3.75 14.2426 3.41421 14.2426 3C14.2426 2.58579 14.5784 2.25 14.9926 2.25V3.75ZM10.5 2.25C10.9142 2.25 11.25 2.58579 11.25 3C11.25 3.41421 10.9142 3.75 10.5 3.75V2.25ZM10.5 16.25C10.9142 16.25 11.25 16.5858 11.25 17C11.25 17.4142 10.9142 17.75 10.5 17.75V16.25ZM14.75 17.75C14.3358 17.75 14 17.4142 14 17C14 16.5858 14.3358 16.25 14.75 16.25V17.75ZM1.75 5V15H0.25V5H1.75ZM18.25 15V5H19.75V15H18.25ZM17 3.75H14.9926V2.25H17V3.75ZM10.5 3.75H3V2.25H10.5V3.75ZM3 16.25H10.5V17.75H3V16.25ZM14.75 16.25H17V17.75H14.75V16.25ZM19.75 15C19.75 16.5188 18.5188 17.75 17 17.75V16.25C17.6904 16.25 18.25 15.6904 18.25 15H19.75ZM1.75 15C1.75 15.6904 2.30964 16.25 3 16.25V17.75C1.48122 17.75 0.25 16.5188 0.25 15H1.75ZM0.25 5C0.25 3.48122 1.48122 2.25 3 2.25V3.75C2.30964 3.75 1.75 4.30964 1.75 5H0.25ZM18.25 5C18.25 4.30964 17.6904 3.75 17 3.75V2.25C18.5188 2.25 19.75 3.48122 19.75 5H18.25Z",fill:t}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M19 5C19 3.89543 18.1046 3 17 3H14V17H17C18.1046 17 19 16.1046 19 15V5Z",fill:t,stroke:t,strokeWidth:"1.5"}))),z=({...t})=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.9412 0.889168C11.9029 0.689035 11.7471 0.530978 11.5459 0.498479C10.5221 0.333067 9.47793 0.333067 8.45405 0.498479C8.25289 0.530978 8.09711 0.689035 8.05877 0.889168L7.74003 2.55309C7.70586 2.73147 7.57719 2.87607 7.4069 2.93922C7.21627 3.00992 7.02849 3.08802 6.84391 3.17352C6.67828 3.25025 6.48393 3.23933 6.33293 3.13676L4.9318 2.18498C4.76335 2.07055 4.5416 2.06873 4.37633 2.18771C3.53336 2.79466 2.79538 3.53267 2.18846 4.37566C2.06958 4.54079 2.0713 4.76233 2.18547 4.93075L3.1366 6.3337C3.23835 6.4838 3.24973 6.67672 3.17403 6.8415C3.08902 7.02654 3.01094 7.21481 2.94013 7.40594C2.87705 7.57625 2.73241 7.70491 2.55404 7.73908L0.889392 8.05796C0.689621 8.09623 0.531722 8.25152 0.498928 8.45227C0.331575 9.47669 0.331575 10.5214 0.498928 11.5458C0.531722 11.7466 0.689621 11.9019 0.889392 11.9401L2.55337 12.2589C2.7321 12.2931 2.87691 12.4222 2.93988 12.593C3.01076 12.7851 3.08892 12.9738 3.17404 13.1592C3.24972 13.324 3.23835 13.5169 3.1366 13.667L2.18571 15.0696C2.07141 15.2382 2.06983 15.46 2.18898 15.6252C2.79592 16.4666 3.5339 17.2059 4.37685 17.8113C4.54186 17.9298 4.76302 17.9279 4.93118 17.8139L6.33303 16.8635C6.48399 16.7612 6.67814 16.7504 6.84365 16.827C7.02753 16.9121 7.21459 16.9897 7.40449 17.0595C7.57601 17.1225 7.70604 17.2676 7.74042 17.447L8.05891 19.1096C8.09718 19.3094 8.25247 19.4673 8.45321 19.5001C9.47764 19.6675 10.5223 19.6675 11.5468 19.5001C11.7475 19.4673 11.9028 19.3094 11.9411 19.1096L12.2594 17.4477C12.2939 17.2679 12.4244 17.1226 12.5963 17.0597C12.7864 16.9901 12.9731 16.9128 13.1559 16.8279C13.3217 16.7509 13.5163 16.7613 13.6677 16.8638L15.0711 17.814C15.2394 17.9279 15.4607 17.9296 15.6257 17.8109C16.4671 17.2056 17.2064 16.4663 17.8117 15.6249C17.9305 15.4599 17.9287 15.2384 17.8146 15.0701L16.8645 13.6686C16.7621 13.5176 16.7514 13.3235 16.8279 13.158C16.9132 12.9738 16.9909 12.7862 17.0607 12.5953C17.1236 12.4234 17.2688 12.2929 17.4487 12.2585L19.1106 11.9401C19.3104 11.9019 19.4683 11.7466 19.5011 11.5458C19.6684 10.5214 19.6684 9.47669 19.5011 8.45227C19.4683 8.25152 19.3104 8.09623 19.1106 8.05796L17.448 7.73947C17.2685 7.70509 17.1234 7.57506 17.0604 7.40354C16.9907 7.21364 16.9131 7.02658 16.828 6.8427C16.7513 6.67719 16.7621 6.48304 16.8645 6.33208L17.8149 4.93024C17.9289 4.76208 17.9308 4.54091 17.8123 4.3759C17.2069 3.53299 16.4676 2.79503 15.6262 2.1881C15.461 2.06891 15.2391 2.07053 15.0705 2.18491L13.6678 3.13646C13.5164 3.23918 13.3215 3.24973 13.1556 3.17264C12.9721 3.08738 12.7848 3.0095 12.5939 2.93898C12.4232 2.87592 12.2941 2.73116 12.2598 2.55242L11.9412 0.889168ZM9.99999 4.97512C12.7737 4.97512 15.0265 7.22534 15.0265 9.99904C15.0265 12.7727 12.7737 15.0256 9.99999 15.0256C7.22629 15.0256 4.97607 12.7727 4.97607 9.99904C4.97607 7.22534 7.22629 4.97512 9.99999 4.97512Z",fill:"currentColor"})),N=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M18.1884 13.4343C17.1688 16.0586 14.0759 18.25 10.4334 18.25C5.4709 18.25 1.75 14.7455 1.75 9.85484C1.75 6.35837 3.81783 3.07341 6.83303 1.83002C6.49358 2.72741 6.27129 4.15306 6.27129 5.16431C6.27129 7.78687 7.11667 9.99076 8.69052 11.5394C10.2629 13.0866 12.4887 13.9073 15.1135 13.9073C16.2726 13.9073 17.4254 13.6688 18.1884 13.4343Z",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})),P=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10.0029 7C11.6398 7 13 8.35749 13 9.99706C13 11.6366 11.6398 13 10.0029 13C8.36016 13 7 11.6366 7 9.99706C7 8.35749 8.36016 7 10.0029 7Z",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10 4L10 1",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M14.2426 5.75736L16.364 3.63604",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M16 10L19 10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M14.2426 14.2426L16.364 16.364",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M10 19L10 16",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M3.63603 16.364L5.75735 14.2426",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M1 10L4 10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M3.63603 3.63604L5.75735 5.75736",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})),T=()=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M2 6V2H6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M14 2H18V6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M18 14V18H14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M6.00003 18H2.00003V14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M18 2L12 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M8 12L2 18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M2 2L8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",fill:"none"}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M12 12L18 18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",fill:"none"})),q=({direction:t="right",...r})=>{let o="M7 4L13 10L7 16";return"left"===t?o="M13 16L7 10L13 4":"up"===t?o="M16 13L10 7L4 13":"down"===t&&(o="M16 7L10 13L4 7"),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:o,stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}))},G=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(q,C({direction:"up"},t)),I=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(q,C({direction:"down"},t)),J=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(q,C({direction:"right"},t)),K=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement(q,C({direction:"left"},t)),Q=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M3 11L7 15L17 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})),S=t=>react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg",C({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path",{d:"M16.9212 16.8832C17.2882 17.1074 17.7572 17.0019 18.0086 16.6261C19.2728 14.7668 20 12.4592 20 10C20 7.54736 19.2592 5.23976 18.0086 3.3739C17.7572 2.99809 17.2882 2.8926 16.9212 3.11677C16.527 3.35412 16.4658 3.82224 16.7377 4.2442C17.8047 5.85951 18.4572 7.86383 18.4572 10C18.4572 12.1362 17.8251 14.1669 16.7377 15.7624C16.4658 16.1778 16.527 16.6459 16.9212 16.8832ZM1.67872 13.0328H3.66328C3.72445 13.0328 3.77203 13.046 3.81281 13.0856L6.84402 15.7162C7.23142 16.0525 7.53726 16.2173 7.93145 16.2173C8.51595 16.2173 8.95092 15.7888 8.95092 15.2284V4.80461C8.95092 4.2376 8.51595 3.78927 7.92466 3.78927C7.53726 3.78927 7.2586 3.9541 6.84402 4.31672L3.81281 6.9276C3.76523 6.96716 3.72445 6.98035 3.66328 6.98035H1.67872C0.577698 6.98035 0 7.55395 0 8.68137V11.3318C0 12.4658 0.577698 13.0328 1.67872 13.0328ZM13.8356 15.0108C14.2094 15.2284 14.658 15.136 14.9095 14.78C15.8406 13.4614 16.3707 11.7736 16.3707 10C16.3707 8.22645 15.8474 6.53201 14.9095 5.21998C14.658 4.86395 14.2094 4.77165 13.8356 4.98922C13.4346 5.22657 13.3871 5.70128 13.6657 6.12983C14.3861 7.20451 14.8143 8.5627 14.8143 10C14.8143 11.4373 14.3861 12.8021 13.6657 13.8702C13.3871 14.2987 13.4346 14.7734 13.8356 15.0108ZM1.86902 11.6351C1.65833 11.6351 1.54279 11.5296 1.54279 11.3252V8.69456C1.54279 8.49017 1.65833 8.37809 1.86902 8.37809H4.0235C4.22739 8.37809 4.37011 8.34512 4.53323 8.19348L7.19744 5.84633C7.22462 5.81336 7.2654 5.79358 7.30618 5.79358C7.36735 5.79358 7.40813 5.83314 7.40813 5.89907V14.1075C7.40813 14.1735 7.36735 14.213 7.30618 14.213C7.2722 14.213 7.23142 14.1932 7.19744 14.1603L4.53323 11.8197C4.37011 11.6747 4.22739 11.6351 4.0235 11.6351H1.86902ZM10.7636 13.1449C11.1102 13.3625 11.5588 13.2834 11.7967 12.9537C12.388 12.1757 12.7346 11.1076 12.7346 10C12.7346 8.89235 12.388 7.83086 11.7967 7.04628C11.5588 6.71662 11.1102 6.6441 10.7636 6.85508C10.3626 7.10562 10.2879 7.56054 10.6005 8.04184C10.9607 8.5561 11.1782 9.26816 11.1782 10C11.1782 10.7318 10.9539 11.4505 10.6005 11.9648C10.2879 12.4461 10.3626 12.8944 10.7636 13.1449Z",fill:"currentColor"})),U=i;
|
65 |
|
66 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
67 |
/***/ }),
|
68 |
|
69 |
/***/ "react":
|
84 |
/******/ // The require function
|
85 |
/******/ function __webpack_require__(moduleId) {
|
86 |
/******/ // Check if module is in cache
|
87 |
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
88 |
+
/******/ if (cachedModule !== undefined) {
|
89 |
+
/******/ return cachedModule.exports;
|
90 |
/******/ }
|
91 |
/******/ // Create a new module (and put it into the cache)
|
92 |
/******/ var module = __webpack_module_cache__[moduleId] = {
|
144 |
/******/ })();
|
145 |
/******/
|
146 |
/************************************************************************/
|
147 |
+
var __webpack_exports__ = {};
|
148 |
+
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
149 |
+
(() => {
|
150 |
+
/*!*********************************!*\
|
151 |
+
!*** ./src/vendors/bb-icons.js ***!
|
152 |
+
\*********************************/
|
153 |
+
__webpack_require__.r(__webpack_exports__);
|
154 |
+
/* harmony import */ var vendor_icons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vendor-icons */ "./node_modules/@beaverbuilder/icons/dist/index.es.js");
|
155 |
+
|
156 |
+
window.FL = window.FL || {};
|
157 |
+
FL.vendors = FL.vendors || {};
|
158 |
+
FL.vendors.BBIcons = vendor_icons__WEBPACK_IMPORTED_MODULE_0__;
|
159 |
+
})();
|
160 |
+
|
161 |
/******/ })()
|
162 |
;
|
163 |
//# sourceMappingURL=vendor-bb-icons.bundle.js.map
|
js/build/vendor-framer-motion.bundle.js
CHANGED
@@ -17,7 +17,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
17 |
|
18 |
var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
|
19 |
|
20 |
-
var index = (0,_emotion_memoize__WEBPACK_IMPORTED_MODULE_0__
|
21 |
return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111
|
22 |
/* o */
|
23 |
&& prop.charCodeAt(1) === 110
|
@@ -55,6646 +55,10289 @@ function memoize(fn) {
|
|
55 |
|
56 |
/***/ }),
|
57 |
|
58 |
-
/***/ "./
|
59 |
-
|
60 |
-
!*** ./
|
61 |
-
|
62 |
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
63 |
|
64 |
__webpack_require__.r(__webpack_exports__);
|
65 |
-
/* harmony
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
66 |
|
67 |
-
window.FramerMotion = window.FramerMotion || vendor_framer_motion__WEBPACK_IMPORTED_MODULE_0__;
|
68 |
|
69 |
/***/ }),
|
70 |
|
71 |
-
/***/ "./node_modules/framer-motion/dist/
|
72 |
-
|
73 |
-
!*** ./node_modules/framer-motion/dist/
|
74 |
-
|
75 |
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
76 |
|
77 |
__webpack_require__.r(__webpack_exports__);
|
78 |
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
79 |
-
/* harmony export */ "AnimateLayoutFeature": () => (/* binding */ AnimateLayout),
|
80 |
-
/* harmony export */ "AnimatePresence": () => (/* binding */ AnimatePresence),
|
81 |
-
/* harmony export */ "AnimateSharedLayout": () => (/* binding */ AnimateSharedLayout),
|
82 |
-
/* harmony export */ "AnimationControls": () => (/* binding */ AnimationControls),
|
83 |
-
/* harmony export */ "AnimationFeature": () => (/* binding */ Animation),
|
84 |
-
/* harmony export */ "DragControls": () => (/* binding */ DragControls),
|
85 |
-
/* harmony export */ "DragFeature": () => (/* binding */ Drag),
|
86 |
-
/* harmony export */ "ExitFeature": () => (/* binding */ Exit),
|
87 |
-
/* harmony export */ "FramerTreeLayoutContext": () => (/* binding */ FramerTreeLayoutContext),
|
88 |
-
/* harmony export */ "GesturesFeature": () => (/* binding */ Gestures),
|
89 |
-
/* harmony export */ "HTMLVisualElement": () => (/* binding */ HTMLVisualElement),
|
90 |
-
/* harmony export */ "LayoutGroupContext": () => (/* binding */ LayoutGroupContext),
|
91 |
-
/* harmony export */ "MotionConfig": () => (/* binding */ MotionConfig),
|
92 |
-
/* harmony export */ "MotionConfigContext": () => (/* binding */ MotionConfigContext),
|
93 |
-
/* harmony export */ "MotionValue": () => (/* binding */ MotionValue),
|
94 |
-
/* harmony export */ "PresenceContext": () => (/* binding */ PresenceContext),
|
95 |
-
/* harmony export */ "SharedLayoutContext": () => (/* binding */ SharedLayoutContext),
|
96 |
-
/* harmony export */ "VisibilityAction": () => (/* binding */ VisibilityAction),
|
97 |
-
/* harmony export */ "addScaleCorrection": () => (/* binding */ addScaleCorrection),
|
98 |
-
/* harmony export */ "animate": () => (/* binding */ animate),
|
99 |
-
/* harmony export */ "animateVisualElement": () => (/* binding */ animateVisualElement),
|
100 |
/* harmony export */ "animationControls": () => (/* binding */ animationControls),
|
101 |
-
/* harmony export */ "
|
102 |
-
/* harmony export */ "createDomMotionComponent": () => (/* binding */ createDomMotionComponent),
|
103 |
-
/* harmony export */ "createMotionComponent": () => (/* binding */ createMotionComponent),
|
104 |
-
/* harmony export */ "isValidMotionProp": () => (/* binding */ isValidMotionProp),
|
105 |
-
/* harmony export */ "m": () => (/* binding */ m),
|
106 |
-
/* harmony export */ "motion": () => (/* binding */ motion),
|
107 |
-
/* harmony export */ "motionValue": () => (/* binding */ motionValue),
|
108 |
-
/* harmony export */ "resolveMotionValue": () => (/* binding */ resolveMotionValue),
|
109 |
-
/* harmony export */ "transform": () => (/* binding */ transform),
|
110 |
-
/* harmony export */ "useAnimation": () => (/* binding */ useAnimation),
|
111 |
-
/* harmony export */ "useCycle": () => (/* binding */ useCycle),
|
112 |
-
/* harmony export */ "useDeprecatedAnimatedState": () => (/* binding */ useAnimatedState),
|
113 |
-
/* harmony export */ "useDeprecatedInvertedScale": () => (/* binding */ useInvertedScale),
|
114 |
-
/* harmony export */ "useDomEvent": () => (/* binding */ useDomEvent),
|
115 |
-
/* harmony export */ "useDragControls": () => (/* binding */ useDragControls),
|
116 |
-
/* harmony export */ "useElementScroll": () => (/* binding */ useElementScroll),
|
117 |
-
/* harmony export */ "useExternalRef": () => (/* binding */ useExternalRef),
|
118 |
-
/* harmony export */ "useGestures": () => (/* binding */ useGestures),
|
119 |
-
/* harmony export */ "useIsPresent": () => (/* binding */ useIsPresent),
|
120 |
-
/* harmony export */ "useMotionTemplate": () => (/* binding */ useMotionTemplate),
|
121 |
-
/* harmony export */ "useMotionValue": () => (/* binding */ useMotionValue),
|
122 |
-
/* harmony export */ "usePanGesture": () => (/* binding */ usePanGesture),
|
123 |
-
/* harmony export */ "usePresence": () => (/* binding */ usePresence),
|
124 |
-
/* harmony export */ "useReducedMotion": () => (/* binding */ useReducedMotion),
|
125 |
-
/* harmony export */ "useSpring": () => (/* binding */ useSpring),
|
126 |
-
/* harmony export */ "useTapGesture": () => (/* binding */ useTapGesture),
|
127 |
-
/* harmony export */ "useTransform": () => (/* binding */ useTransform),
|
128 |
-
/* harmony export */ "useVariantContext": () => (/* binding */ useVariantContext),
|
129 |
-
/* harmony export */ "useViewportScroll": () => (/* binding */ useViewportScroll)
|
130 |
/* harmony export */ });
|
131 |
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
132 |
-
/* harmony import */ var
|
133 |
-
/* harmony import */ var
|
134 |
-
/* harmony import */ var
|
135 |
-
/* harmony import */ var style_value_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! style-value-types */ "./node_modules/style-value-types/dist/style-value-types.es.js");
|
136 |
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
137 |
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
138 |
-
|
139 |
-
|
140 |
-
|
141 |
|
142 |
|
143 |
|
144 |
|
145 |
-
var isRefObject = function (ref) {
|
146 |
-
return typeof ref === "object" && ref.hasOwnProperty("current");
|
147 |
-
};
|
148 |
|
149 |
-
|
150 |
-
* A generic subscription manager.
|
151 |
-
*/
|
152 |
-
var SubscriptionManager = /** @class */ (function () {
|
153 |
-
function SubscriptionManager() {
|
154 |
-
this.subscriptions = new Set();
|
155 |
-
}
|
156 |
-
SubscriptionManager.prototype.add = function (handler) {
|
157 |
-
var _this = this;
|
158 |
-
this.subscriptions.add(handler);
|
159 |
-
return function () { return void _this.subscriptions.delete(handler); };
|
160 |
-
};
|
161 |
-
SubscriptionManager.prototype.notify = function (
|
162 |
/**
|
163 |
-
*
|
164 |
-
* might be fired every frame.
|
165 |
*/
|
166 |
-
|
167 |
-
|
168 |
-
|
169 |
-
|
170 |
-
|
171 |
-
|
172 |
-
|
173 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
174 |
}
|
175 |
-
|
176 |
-
|
177 |
-
|
178 |
-
|
179 |
-
|
|
|
|
|
180 |
}
|
181 |
-
|
182 |
-
|
183 |
-
|
184 |
-
|
185 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
186 |
};
|
187 |
-
return
|
188 |
-
}
|
|
|
|
|
|
|
189 |
|
190 |
-
|
191 |
-
|
192 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
193 |
/**
|
194 |
-
*
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
195 |
*
|
196 |
* @public
|
197 |
*/
|
198 |
-
|
199 |
-
|
200 |
-
|
201 |
-
|
202 |
-
|
203 |
-
|
204 |
-
|
205 |
-
|
206 |
-
|
207 |
-
|
208 |
-
|
209 |
-
|
210 |
-
|
211 |
-
|
212 |
-
|
213 |
-
|
214 |
-
|
215 |
-
|
216 |
-
|
217 |
-
|
218 |
-
|
219 |
-
|
220 |
-
|
221 |
-
|
222 |
-
|
223 |
-
|
224 |
-
|
225 |
-
|
226 |
-
|
227 |
-
|
228 |
-
|
229 |
-
|
230 |
-
|
231 |
-
|
232 |
-
|
233 |
-
|
234 |
-
|
235 |
-
|
236 |
-
|
237 |
-
|
238 |
-
|
239 |
-
|
240 |
-
|
241 |
-
|
242 |
-
|
243 |
-
|
244 |
-
|
245 |
-
|
246 |
-
|
247 |
-
|
248 |
-
|
249 |
-
|
250 |
-
|
251 |
-
|
252 |
-
|
253 |
-
|
254 |
-
|
255 |
-
|
256 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
257 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
258 |
};
|
259 |
/**
|
260 |
-
*
|
261 |
-
*
|
262 |
-
*
|
263 |
-
*
|
264 |
-
*
|
265 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
266 |
*/
|
267 |
-
this.
|
268 |
/**
|
269 |
-
*
|
270 |
-
|
271 |
-
|
272 |
-
|
273 |
-
*
|
|
|
|
|
|
|
|
|
|
|
|
|
274 |
*
|
275 |
-
*
|
|
|
276 |
*/
|
277 |
-
this.
|
278 |
-
|
279 |
-
|
280 |
-
|
281 |
-
|
282 |
-
|
283 |
-
|
284 |
-
|
285 |
-
}
|
286 |
-
/**
|
287 |
-
* Adds a function that will be notified when the `MotionValue` is updated.
|
288 |
-
*
|
289 |
-
* It returns a function that, when called, will cancel the subscription.
|
290 |
-
*
|
291 |
-
* When calling `onChange` inside a React component, it should be wrapped with the
|
292 |
-
* `useEffect` hook. As it returns an unsubscribe function, this should be returned
|
293 |
-
* from the `useEffect` function to ensure you don't add duplicate subscribers..
|
294 |
-
*
|
295 |
-
* @library
|
296 |
-
*
|
297 |
-
* ```jsx
|
298 |
-
* function MyComponent() {
|
299 |
-
* const x = useMotionValue(0)
|
300 |
-
* const y = useMotionValue(0)
|
301 |
-
* const opacity = useMotionValue(1)
|
302 |
-
*
|
303 |
-
* useEffect(() => {
|
304 |
-
* function updateOpacity() {
|
305 |
-
* const maxXY = Math.max(x.get(), y.get())
|
306 |
-
* const newOpacity = transform(maxXY, [0, 100], [1, 0])
|
307 |
-
* opacity.set(newOpacity)
|
308 |
-
* }
|
309 |
-
*
|
310 |
-
* const unsubscribeX = x.onChange(updateOpacity)
|
311 |
-
* const unsubscribeY = y.onChange(updateOpacity)
|
312 |
-
*
|
313 |
-
* return () => {
|
314 |
-
* unsubscribeX()
|
315 |
-
* unsubscribeY()
|
316 |
-
* }
|
317 |
-
* }, [])
|
318 |
-
*
|
319 |
-
* return <Frame x={x} />
|
320 |
-
* }
|
321 |
-
* ```
|
322 |
-
*
|
323 |
-
* @motion
|
324 |
-
*
|
325 |
-
* ```jsx
|
326 |
-
* export const MyComponent = () => {
|
327 |
-
* const x = useMotionValue(0)
|
328 |
-
* const y = useMotionValue(0)
|
329 |
-
* const opacity = useMotionValue(1)
|
330 |
-
*
|
331 |
-
* useEffect(() => {
|
332 |
-
* function updateOpacity() {
|
333 |
-
* const maxXY = Math.max(x.get(), y.get())
|
334 |
-
* const newOpacity = transform(maxXY, [0, 100], [1, 0])
|
335 |
-
* opacity.set(newOpacity)
|
336 |
-
* }
|
337 |
-
*
|
338 |
-
* const unsubscribeX = x.onChange(updateOpacity)
|
339 |
-
* const unsubscribeY = y.onChange(updateOpacity)
|
340 |
-
*
|
341 |
-
* return () => {
|
342 |
-
* unsubscribeX()
|
343 |
-
* unsubscribeY()
|
344 |
-
* }
|
345 |
-
* }, [])
|
346 |
-
*
|
347 |
-
* return <motion.div style={{ x }} />
|
348 |
-
* }
|
349 |
-
* ```
|
350 |
-
*
|
351 |
-
* @internalremarks
|
352 |
-
*
|
353 |
-
* We could look into a `useOnChange` hook if the above lifecycle management proves confusing.
|
354 |
-
*
|
355 |
-
* ```jsx
|
356 |
-
* useOnChange(x, () => {})
|
357 |
-
* ```
|
358 |
-
*
|
359 |
-
* @param subscriber - A function that receives the latest value.
|
360 |
-
* @returns A function that, when called, will cancel this subscription.
|
361 |
-
*
|
362 |
-
* @public
|
363 |
-
*/
|
364 |
-
MotionValue.prototype.onChange = function (subscription) {
|
365 |
-
return this.updateSubscribers.add(subscription);
|
366 |
};
|
367 |
-
|
368 |
-
this.
|
|
|
|
|
369 |
};
|
370 |
-
|
371 |
-
|
372 |
-
|
373 |
-
|
374 |
-
* @returns A function that, when called, will cancel this subscription.
|
375 |
-
*
|
376 |
-
* @internal
|
377 |
-
*/
|
378 |
-
MotionValue.prototype.onRenderRequest = function (subscription) {
|
379 |
-
// Render immediately
|
380 |
-
subscription(this.get());
|
381 |
-
return this.renderSubscribers.add(subscription);
|
382 |
};
|
383 |
-
|
384 |
-
|
385 |
-
|
386 |
-
* @internal
|
387 |
-
*/
|
388 |
-
MotionValue.prototype.attach = function (passiveEffect) {
|
389 |
-
this.passiveEffect = passiveEffect;
|
390 |
};
|
391 |
-
|
392 |
-
|
393 |
-
|
394 |
-
* @remarks
|
395 |
-
*
|
396 |
-
* ```jsx
|
397 |
-
* const x = useMotionValue(0)
|
398 |
-
* x.set(10)
|
399 |
-
* ```
|
400 |
-
*
|
401 |
-
* @param latest - Latest value to set.
|
402 |
-
* @param render - Whether to notify render subscribers. Defaults to `true`
|
403 |
-
*
|
404 |
-
* @public
|
405 |
-
*/
|
406 |
-
MotionValue.prototype.set = function (v, render) {
|
407 |
-
if (render === void 0) { render = true; }
|
408 |
-
if (!render || !this.passiveEffect) {
|
409 |
-
this.updateAndNotify(v, render);
|
410 |
-
}
|
411 |
-
else {
|
412 |
-
this.passiveEffect(v, this.updateAndNotify);
|
413 |
-
}
|
414 |
};
|
415 |
/**
|
416 |
-
*
|
417 |
-
*
|
418 |
-
* @returns - The latest state of `MotionValue`
|
419 |
-
*
|
420 |
-
* @public
|
421 |
*/
|
422 |
-
|
423 |
-
|
|
|
|
|
|
|
|
|
|
|
424 |
};
|
425 |
-
|
426 |
-
|
427 |
-
|
428 |
-
|
429 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
430 |
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
431 |
/**
|
432 |
-
*
|
433 |
-
*
|
434 |
-
* @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.
|
435 |
-
*
|
436 |
-
* @public
|
437 |
*/
|
438 |
-
|
439 |
-
|
440 |
-
|
441 |
-
|
442 |
-
|
443 |
-
|
444 |
-
|
445 |
-
};
|
|
|
446 |
/**
|
447 |
-
* Registers a new animation to control this `MotionValue`. Only one
|
448 |
-
* animation can drive a `MotionValue` at one time.
|
449 |
-
*
|
450 |
-
* ```jsx
|
451 |
-
* value.start()
|
452 |
-
* ```
|
453 |
-
*
|
454 |
-
* @param animation - A function that starts the provided animation
|
455 |
*
|
456 |
-
* @internal
|
457 |
*/
|
458 |
-
|
459 |
-
var _this = this;
|
460 |
-
this.stop();
|
461 |
-
return new Promise(function (resolve) {
|
462 |
-
_this.stopAnimation = animation(resolve);
|
463 |
-
}).then(function () { return _this.clearAnimation(); });
|
464 |
-
};
|
465 |
/**
|
466 |
-
* Stop the currently active animation.
|
467 |
*
|
468 |
-
* @public
|
469 |
*/
|
470 |
-
|
471 |
-
if (this.stopAnimation)
|
472 |
-
this.stopAnimation();
|
473 |
-
this.clearAnimation();
|
474 |
-
};
|
475 |
/**
|
476 |
-
*
|
477 |
-
*
|
478 |
-
* @public
|
479 |
*/
|
480 |
-
|
481 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
482 |
};
|
483 |
-
|
484 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
485 |
};
|
|
|
|
|
|
|
|
|
486 |
/**
|
487 |
-
*
|
488 |
-
*
|
489 |
-
* The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
|
490 |
-
* handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
|
491 |
-
* created a `MotionValue` via the `motionValue` function.
|
492 |
-
*
|
493 |
-
* @public
|
494 |
*/
|
495 |
-
|
496 |
-
|
497 |
-
|
498 |
-
|
499 |
-
|
500 |
-
|
501 |
-
|
502 |
-
|
503 |
-
* @internal
|
504 |
-
*/
|
505 |
-
function motionValue(init) {
|
506 |
-
return new MotionValue(init);
|
507 |
-
}
|
508 |
-
|
509 |
-
/**
|
510 |
-
* VisualElement is an abstract class that provides a generic animation-optimised interface to the
|
511 |
-
* underlying renderer.
|
512 |
-
*
|
513 |
-
* Currently many features interact directly with HTMLVisualElement/SVGVisualElement
|
514 |
-
* but the idea is we can create, for instance, a ThreeVisualElement that extends
|
515 |
-
* VisualElement and we can quickly offer all the same features.
|
516 |
-
*/
|
517 |
-
var VisualElement = /** @class */ (function () {
|
518 |
-
function VisualElement(parent, ref) {
|
519 |
-
var _this = this;
|
520 |
-
// An iterable list of current children
|
521 |
-
this.children = new Set();
|
522 |
-
this.isHoverEventsEnabled = true;
|
523 |
/**
|
524 |
-
*
|
|
|
|
|
525 |
*/
|
526 |
-
|
527 |
-
|
528 |
-
|
529 |
-
|
530 |
-
|
531 |
-
// Unsubscription callbacks for MotionValue subscriptions
|
532 |
-
this.valueSubscriptions = new Map();
|
533 |
-
// A configuration for this VisualElement, each derived class can extend this.
|
534 |
-
this.config = {};
|
535 |
-
this.isMounted = false;
|
536 |
-
// A pre-bound call to the user-provided `onUpdate` callback. This won't
|
537 |
-
// be called more than once per frame.
|
538 |
-
this.update = function () { return _this.config.onUpdate(_this.latest); };
|
539 |
-
// Pre-bound version of render
|
540 |
-
this.triggerRender = function () { return _this.render(); };
|
541 |
-
// This function gets passed to the rendered component's `ref` prop
|
542 |
-
// and is used to mount/unmount the VisualElement
|
543 |
-
this.ref = function (element) {
|
544 |
-
element ? _this.mount(element) : _this.unmount();
|
545 |
-
if (!_this.externalRef)
|
546 |
-
return;
|
547 |
-
if (typeof _this.externalRef === "function") {
|
548 |
-
_this.externalRef(element);
|
549 |
-
}
|
550 |
-
else if (isRefObject(_this.externalRef)) {
|
551 |
-
_this.externalRef.current = element;
|
552 |
-
}
|
553 |
-
};
|
554 |
-
// Create a relationship with the provided parent.
|
555 |
-
this.parent = parent;
|
556 |
-
this.rootParent = parent ? parent.rootParent : this;
|
557 |
-
this.treePath = parent ? (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__spread)(parent.treePath, [parent]) : [];
|
558 |
-
// Calculate the depth of this node in the VisualElement graph
|
559 |
-
this.depth = parent ? parent.depth + 1 : 0;
|
560 |
-
// A reference to any externally-defined React ref. This might live better
|
561 |
-
// outside the VisualElement and be handled in a hook.
|
562 |
-
this.externalRef = ref;
|
563 |
}
|
564 |
/**
|
565 |
-
*
|
566 |
-
*
|
567 |
-
* This seems like an odd bit of scheduling but what we're doing is saying after
|
568 |
-
* the next render, wait 10 milliseconds before reenabling hover events. Waiting until
|
569 |
-
* the next frame results in missed, valid hover events. But triggering on the postRender
|
570 |
-
* frame is too soon to avoid triggering events with layout measurements.
|
571 |
-
*
|
572 |
-
* Note: If we figure out a way of measuring layout while transforms remain applied, this can be removed.
|
573 |
*/
|
574 |
-
|
575 |
-
var
|
576 |
-
|
577 |
-
|
578 |
-
|
579 |
-
|
580 |
-
|
581 |
-
|
582 |
-
|
583 |
-
|
584 |
-
|
585 |
-
|
586 |
-
|
587 |
-
|
588 |
-
VisualElement.prototype.addVariantChild = function (visualElement) {
|
589 |
-
var _this = this;
|
590 |
-
if (!this.variantChildren)
|
591 |
-
this.variantChildren = new Set();
|
592 |
-
this.variantChildren.add(visualElement);
|
593 |
-
return function () { return _this.variantChildren.delete(visualElement); };
|
594 |
-
};
|
595 |
-
VisualElement.prototype.addVariantChildOrder = function (visualElement) {
|
596 |
-
if (!this.variantChildrenOrder)
|
597 |
-
this.variantChildrenOrder = new Set();
|
598 |
-
this.variantChildrenOrder.add(visualElement);
|
599 |
-
};
|
600 |
-
VisualElement.prototype.onAnimationStart = function () {
|
601 |
-
var _a, _b;
|
602 |
-
(_b = (_a = this.config).onAnimationStart) === null || _b === void 0 ? void 0 : _b.call(_a);
|
603 |
-
};
|
604 |
-
VisualElement.prototype.onAnimationComplete = function () {
|
605 |
-
var _a, _b;
|
606 |
-
this.isMounted && ((_b = (_a = this.config).onAnimationComplete) === null || _b === void 0 ? void 0 : _b.call(_a));
|
607 |
-
};
|
608 |
-
VisualElement.prototype.getDefaultTransition = function () {
|
609 |
-
return this.config.transition;
|
610 |
-
};
|
611 |
-
VisualElement.prototype.subscribe = function (child) {
|
612 |
-
var _this = this;
|
613 |
-
this.children.add(child);
|
614 |
-
return function () { return _this.children.delete(child); };
|
615 |
-
};
|
616 |
-
// Check whether this element has a MotionValue of the provided key
|
617 |
-
VisualElement.prototype.hasValue = function (key) {
|
618 |
-
return this.values.has(key);
|
619 |
-
};
|
620 |
-
// Add a MotionValue
|
621 |
-
VisualElement.prototype.addValue = function (key, value) {
|
622 |
-
if (this.hasValue(key))
|
623 |
-
this.removeValue(key);
|
624 |
-
this.values.set(key, value);
|
625 |
-
this.setSingleStaticValue(key, value.get());
|
626 |
-
this.subscribeToValue(key, value);
|
627 |
-
};
|
628 |
-
// Remove a MotionValue
|
629 |
-
VisualElement.prototype.removeValue = function (key) {
|
630 |
-
var _a;
|
631 |
-
(_a = this.valueSubscriptions.get(key)) === null || _a === void 0 ? void 0 : _a();
|
632 |
-
this.valueSubscriptions.delete(key);
|
633 |
-
this.values.delete(key);
|
634 |
-
delete this.latest[key];
|
635 |
-
};
|
636 |
-
VisualElement.prototype.getValue = function (key, defaultValue) {
|
637 |
-
var value = this.values.get(key);
|
638 |
-
if (value === undefined && defaultValue !== undefined) {
|
639 |
-
value = new MotionValue(defaultValue);
|
640 |
-
this.addValue(key, value);
|
641 |
-
}
|
642 |
-
return value;
|
643 |
-
};
|
644 |
-
// Iterate over all MotionValues
|
645 |
-
VisualElement.prototype.forEachValue = function (callback) {
|
646 |
-
this.values.forEach(callback);
|
647 |
-
};
|
648 |
-
// Get the underlying rendered instance of this VisualElement. For instance in
|
649 |
-
// HTMLVisualElement this will be a HTMLElement.
|
650 |
-
VisualElement.prototype.getInstance = function () {
|
651 |
-
return this.element;
|
652 |
-
};
|
653 |
-
VisualElement.prototype.updateConfig = function (config) {
|
654 |
-
if (config === void 0) { config = {}; }
|
655 |
-
this.config = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, config);
|
656 |
-
};
|
657 |
-
VisualElement.prototype.getBaseValue = function (key, _props) {
|
658 |
-
return this.baseTarget[key];
|
659 |
-
};
|
660 |
-
// Set a single `latest` value
|
661 |
-
VisualElement.prototype.setSingleStaticValue = function (key, value) {
|
662 |
-
this.latest[key] = value;
|
663 |
-
};
|
664 |
-
// Statically set values to `latest` without needing a MotionValue
|
665 |
-
VisualElement.prototype.setStaticValues = function (values, value) {
|
666 |
-
if (typeof values === "string") {
|
667 |
-
this.setSingleStaticValue(values, value);
|
668 |
-
}
|
669 |
-
else {
|
670 |
-
for (var key in values) {
|
671 |
-
this.setSingleStaticValue(key, values[key]);
|
672 |
-
}
|
673 |
-
}
|
674 |
-
};
|
675 |
-
VisualElement.prototype.scheduleRender = function () {
|
676 |
-
framesync__WEBPACK_IMPORTED_MODULE_0__.default.render(this.triggerRender, false, true);
|
677 |
-
};
|
678 |
-
VisualElement.prototype.scheduleUpdateLayoutDelta = function () {
|
679 |
-
framesync__WEBPACK_IMPORTED_MODULE_0__.default.preRender(this.rootParent.updateLayoutDelta, false, true);
|
680 |
-
};
|
681 |
-
VisualElement.prototype.subscribeToValue = function (key, value) {
|
682 |
-
var _this = this;
|
683 |
-
var onChange = function (latest) {
|
684 |
-
_this.setSingleStaticValue(key, latest);
|
685 |
-
// Schedule onUpdate if we have an onUpdate listener and the component has mounted
|
686 |
-
_this.element &&
|
687 |
-
_this.config.onUpdate &&
|
688 |
-
framesync__WEBPACK_IMPORTED_MODULE_0__.default.update(_this.update, false, true);
|
689 |
-
};
|
690 |
-
var onRender = function () {
|
691 |
-
_this.element && _this.scheduleRender();
|
692 |
-
};
|
693 |
-
var unsubscribeOnChange = value.onChange(onChange);
|
694 |
-
var unsubscribeOnRender = value.onRenderRequest(onRender);
|
695 |
-
this.valueSubscriptions.set(key, function () {
|
696 |
-
unsubscribeOnChange();
|
697 |
-
unsubscribeOnRender();
|
698 |
-
});
|
699 |
-
};
|
700 |
-
// Mount the VisualElement with the actual DOM element
|
701 |
-
VisualElement.prototype.mount = function (element) {
|
702 |
-
(0,hey_listen__WEBPACK_IMPORTED_MODULE_1__.invariant)(!!element, "No ref found. Ensure components created with motion.custom forward refs using React.forwardRef");
|
703 |
-
if (this.parent) {
|
704 |
-
this.removeFromParent = this.parent.subscribe(this);
|
705 |
-
}
|
706 |
/**
|
707 |
-
*
|
708 |
-
*
|
|
|
|
|
709 |
*/
|
710 |
-
|
711 |
-
}
|
712 |
-
|
713 |
-
|
714 |
-
|
715 |
-
|
716 |
-
|
717 |
-
|
718 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
719 |
};
|
720 |
-
return VisualElement;
|
721 |
-
}());
|
722 |
-
|
723 |
-
function noop(any) {
|
724 |
-
return any;
|
725 |
}
|
726 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
727 |
/**
|
728 |
-
*
|
729 |
-
* it's easier to consider each axis individually. This function returns a bounding box
|
730 |
-
* as a map of single-axis min/max values.
|
731 |
*/
|
732 |
-
|
733 |
-
|
734 |
-
|
735 |
-
|
736 |
-
|
737 |
-
|
738 |
-
|
739 |
-
|
740 |
-
|
741 |
-
|
742 |
-
|
743 |
-
|
744 |
-
|
745 |
-
|
746 |
-
|
747 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
748 |
/**
|
749 |
-
*
|
750 |
-
* provided by Framer to allow measured points to be corrected for device scaling. This is used
|
751 |
-
* when measuring DOM elements and DOM event points.
|
752 |
*/
|
753 |
-
|
754 |
-
|
755 |
-
|
756 |
-
|
757 |
-
|
758 |
-
return {
|
759 |
-
top: topLeft.y,
|
760 |
-
left: topLeft.x,
|
761 |
-
bottom: bottomRight.y,
|
762 |
-
right: bottomRight.x,
|
763 |
-
};
|
764 |
-
}
|
765 |
/**
|
766 |
-
*
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
767 |
*/
|
768 |
-
function
|
769 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
770 |
}
|
771 |
-
|
772 |
-
|
773 |
-
|
774 |
-
|
775 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
776 |
}
|
777 |
-
|
778 |
-
|
779 |
-
*/
|
780 |
-
var zeroDelta = {
|
781 |
-
translate: 0,
|
782 |
-
scale: 1,
|
783 |
-
origin: 0,
|
784 |
-
originPoint: 0,
|
785 |
-
};
|
786 |
-
function delta() {
|
787 |
-
return {
|
788 |
-
x: (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, zeroDelta),
|
789 |
-
y: (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, zeroDelta),
|
790 |
-
};
|
791 |
}
|
792 |
|
793 |
-
|
794 |
-
|
795 |
-
|
796 |
-
|
797 |
-
|
798 |
-
|
799 |
-
|
800 |
-
|
801 |
-
|
802 |
-
|
803 |
-
|
804 |
-
|
805 |
-
|
806 |
-
*/
|
807 |
-
|
808 |
-
|
809 |
-
|
810 |
-
|
811 |
-
|
812 |
-
|
813 |
-
|
814 |
-
|
815 |
-
|
816 |
-
borderTopColor: style_value_types__WEBPACK_IMPORTED_MODULE_5__.color,
|
817 |
-
borderRightColor: style_value_types__WEBPACK_IMPORTED_MODULE_5__.color,
|
818 |
-
borderBottomColor: style_value_types__WEBPACK_IMPORTED_MODULE_5__.color,
|
819 |
-
borderLeftColor: style_value_types__WEBPACK_IMPORTED_MODULE_5__.color,
|
820 |
-
borderWidth: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
821 |
-
borderTopWidth: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
822 |
-
borderRightWidth: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
823 |
-
borderBottomWidth: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
824 |
-
borderLeftWidth: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
825 |
-
borderRadius: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
826 |
-
radius: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
827 |
-
borderTopLeftRadius: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
828 |
-
borderTopRightRadius: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
829 |
-
borderBottomRightRadius: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
830 |
-
borderBottomLeftRadius: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
831 |
-
// Positioning props
|
832 |
-
width: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
833 |
-
maxWidth: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
834 |
-
height: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
835 |
-
maxHeight: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
836 |
-
size: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
837 |
-
top: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
838 |
-
right: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
839 |
-
bottom: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
840 |
-
left: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
841 |
-
// Spacing props
|
842 |
-
padding: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
843 |
-
paddingTop: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
844 |
-
paddingRight: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
845 |
-
paddingBottom: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
846 |
-
paddingLeft: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
847 |
-
margin: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
848 |
-
marginTop: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
849 |
-
marginRight: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
850 |
-
marginBottom: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
851 |
-
marginLeft: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
852 |
-
// Transform props
|
853 |
-
rotate: style_value_types__WEBPACK_IMPORTED_MODULE_5__.degrees,
|
854 |
-
rotateX: style_value_types__WEBPACK_IMPORTED_MODULE_5__.degrees,
|
855 |
-
rotateY: style_value_types__WEBPACK_IMPORTED_MODULE_5__.degrees,
|
856 |
-
rotateZ: style_value_types__WEBPACK_IMPORTED_MODULE_5__.degrees,
|
857 |
-
scale: style_value_types__WEBPACK_IMPORTED_MODULE_5__.scale,
|
858 |
-
scaleX: style_value_types__WEBPACK_IMPORTED_MODULE_5__.scale,
|
859 |
-
scaleY: style_value_types__WEBPACK_IMPORTED_MODULE_5__.scale,
|
860 |
-
scaleZ: style_value_types__WEBPACK_IMPORTED_MODULE_5__.scale,
|
861 |
-
skew: style_value_types__WEBPACK_IMPORTED_MODULE_5__.degrees,
|
862 |
-
skewX: style_value_types__WEBPACK_IMPORTED_MODULE_5__.degrees,
|
863 |
-
skewY: style_value_types__WEBPACK_IMPORTED_MODULE_5__.degrees,
|
864 |
-
distance: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
865 |
-
translateX: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
866 |
-
translateY: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
867 |
-
translateZ: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
868 |
-
x: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
869 |
-
y: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
870 |
-
z: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
871 |
-
perspective: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
872 |
-
transformPerspective: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
873 |
-
opacity: style_value_types__WEBPACK_IMPORTED_MODULE_5__.alpha,
|
874 |
-
originX: style_value_types__WEBPACK_IMPORTED_MODULE_5__.progressPercentage,
|
875 |
-
originY: style_value_types__WEBPACK_IMPORTED_MODULE_5__.progressPercentage,
|
876 |
-
originZ: style_value_types__WEBPACK_IMPORTED_MODULE_5__.px,
|
877 |
-
// Misc
|
878 |
-
zIndex: int,
|
879 |
-
filter: style_value_types__WEBPACK_IMPORTED_MODULE_5__.filter,
|
880 |
-
WebkitFilter: style_value_types__WEBPACK_IMPORTED_MODULE_5__.filter,
|
881 |
-
// SVG
|
882 |
-
fillOpacity: style_value_types__WEBPACK_IMPORTED_MODULE_5__.alpha,
|
883 |
-
strokeOpacity: style_value_types__WEBPACK_IMPORTED_MODULE_5__.alpha,
|
884 |
-
numOctaves: int,
|
885 |
-
};
|
886 |
-
/**
|
887 |
-
* A list of value types commonly used for dimensions
|
888 |
-
*/
|
889 |
-
var dimensionValueTypes = [style_value_types__WEBPACK_IMPORTED_MODULE_5__.number, style_value_types__WEBPACK_IMPORTED_MODULE_5__.px, style_value_types__WEBPACK_IMPORTED_MODULE_5__.percent, style_value_types__WEBPACK_IMPORTED_MODULE_5__.degrees, style_value_types__WEBPACK_IMPORTED_MODULE_5__.vw, style_value_types__WEBPACK_IMPORTED_MODULE_5__.vh, auto];
|
890 |
-
/**
|
891 |
-
* Tests a provided value against a ValueType
|
892 |
-
*/
|
893 |
-
var testValueType = function (v) { return function (type) { return type.test(v); }; };
|
894 |
-
/**
|
895 |
-
* Tests a dimensional value against the list of dimension ValueTypes
|
896 |
-
*/
|
897 |
-
var findDimensionValueType = function (v) {
|
898 |
-
return dimensionValueTypes.find(testValueType(v));
|
899 |
-
};
|
900 |
-
/**
|
901 |
-
* A list of all ValueTypes
|
902 |
-
*/
|
903 |
-
var valueTypes = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__spread)(dimensionValueTypes, [style_value_types__WEBPACK_IMPORTED_MODULE_5__.color, style_value_types__WEBPACK_IMPORTED_MODULE_5__.complex]);
|
904 |
-
/**
|
905 |
-
* Tests a value against the list of ValueTypes
|
906 |
-
*/
|
907 |
-
var findValueType = function (v) { return valueTypes.find(testValueType(v)); };
|
908 |
-
/**
|
909 |
-
* Gets the default ValueType for the provided value key
|
910 |
-
*/
|
911 |
-
var getDefaultValueType = function (key) { return defaultValueTypes[key]; };
|
912 |
-
/**
|
913 |
-
* Provided a value and a ValueType, returns the value as that value type.
|
914 |
-
*/
|
915 |
-
var getValueAsType = function (value, type) {
|
916 |
-
return type && typeof value === "number"
|
917 |
-
? type.transform(value)
|
918 |
-
: value;
|
919 |
-
};
|
920 |
-
function getAnimatableNone(key, value) {
|
921 |
-
var _a;
|
922 |
-
var defaultValueType = getDefaultValueType(key);
|
923 |
-
if (defaultValueType !== style_value_types__WEBPACK_IMPORTED_MODULE_5__.filter)
|
924 |
-
defaultValueType = style_value_types__WEBPACK_IMPORTED_MODULE_5__.complex;
|
925 |
-
// If value is not recognised as animatable, ie "none", create an animatable version origin based on the target
|
926 |
-
return (_a = defaultValueType.getAnimatableNone) === null || _a === void 0 ? void 0 : _a.call(defaultValueType, value);
|
927 |
}
|
928 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
929 |
/**
|
930 |
-
*
|
931 |
-
* of each axes for each transform.
|
932 |
-
*/
|
933 |
-
var transformAxes = ["", "X", "Y", "Z"];
|
934 |
-
/**
|
935 |
-
* An ordered array of each transformable value. By default, transform values
|
936 |
-
* will be sorted to this order.
|
937 |
-
*/
|
938 |
-
var order = ["perspective", "translate", "scale", "rotate", "skew"];
|
939 |
-
/**
|
940 |
-
* Generate a list of every possible transform key.
|
941 |
*/
|
942 |
-
var
|
943 |
-
|
944 |
-
|
945 |
-
|
946 |
-
|
947 |
-
|
948 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
949 |
/**
|
950 |
-
*
|
951 |
*/
|
952 |
-
|
953 |
-
|
|
|
954 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
955 |
/**
|
956 |
-
*
|
|
|
957 |
*/
|
958 |
-
|
959 |
-
function
|
960 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
961 |
}
|
962 |
-
|
963 |
-
|
964 |
-
|
965 |
-
var
|
966 |
-
|
967 |
-
return
|
|
|
|
|
|
|
968 |
}
|
969 |
-
|
970 |
-
|
971 |
-
|
972 |
-
|
973 |
-
|
974 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
975 |
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
976 |
/**
|
977 |
-
*
|
978 |
*
|
979 |
-
*
|
980 |
-
*
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
981 |
*/
|
982 |
-
function
|
983 |
-
|
984 |
-
|
985 |
-
|
986 |
-
|
987 |
-
|
988 |
-
|
989 |
-
|
990 |
-
|
991 |
-
|
992 |
-
|
993 |
-
|
994 |
-
|
995 |
-
|
996 |
-
|
997 |
-
|
998 |
-
|
999 |
-
|
1000 |
-
|
1001 |
-
|
1002 |
-
|
1003 |
-
|
1004 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1005 |
}
|
1006 |
-
|
1007 |
-
|
1008 |
-
if (transformTemplate) {
|
1009 |
-
transformString = transformTemplate(transform, transformIsDefault ? "" : transformString);
|
1010 |
}
|
1011 |
-
else if (
|
1012 |
-
|
1013 |
}
|
1014 |
-
return
|
1015 |
}
|
1016 |
-
|
1017 |
-
|
1018 |
-
* undefined origins.
|
1019 |
-
*/
|
1020 |
-
function buildTransformOrigin(_a) {
|
1021 |
-
var _b = _a.originX, originX = _b === void 0 ? "50%" : _b, _c = _a.originY, originY = _c === void 0 ? "50%" : _c, _d = _a.originZ, originZ = _d === void 0 ? 0 : _d;
|
1022 |
-
return originX + " " + originY + " " + originZ;
|
1023 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1024 |
/**
|
1025 |
-
*
|
1026 |
-
* space on screen and projects it into the desired space.
|
1027 |
*/
|
1028 |
-
function
|
1029 |
-
|
1030 |
-
|
1031 |
-
|
1032 |
-
|
1033 |
-
|
1034 |
-
|
1035 |
-
|
1036 |
-
|
1037 |
-
|
1038 |
-
|
1039 |
-
|
1040 |
-
|
1041 |
-
|
1042 |
-
|
1043 |
-
|
1044 |
-
|
1045 |
-
|
1046 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1047 |
}
|
1048 |
-
|
1049 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1050 |
}
|
1051 |
-
|
1052 |
-
x:
|
1053 |
-
y: 1,
|
1054 |
-
});
|
1055 |
-
/**
|
1056 |
-
* Take the calculated delta origin and apply it as a transform string.
|
1057 |
-
*/
|
1058 |
-
function buildLayoutProjectionTransformOrigin(_a) {
|
1059 |
-
var x = _a.x, y = _a.y;
|
1060 |
-
return x.origin * 100 + "% " + y.origin * 100 + "% 0";
|
1061 |
}
|
1062 |
-
|
1063 |
-
|
1064 |
-
|
1065 |
-
|
1066 |
-
|
1067 |
-
|
|
|
|
|
1068 |
}
|
1069 |
-
|
1070 |
-
|
1071 |
-
return typeof value === "string" && value.startsWith("var(--");
|
1072 |
}
|
1073 |
-
|
1074 |
-
|
1075 |
-
*
|
1076 |
-
* ```
|
1077 |
-
* `var(--foo, #fff)` => [`--foo`, '#fff']
|
1078 |
-
* ```
|
1079 |
-
*
|
1080 |
-
* @param current
|
1081 |
-
*/
|
1082 |
-
var cssVariableRegex = /var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;
|
1083 |
-
function parseCSSVariable(current) {
|
1084 |
-
var match = cssVariableRegex.exec(current);
|
1085 |
-
if (!match)
|
1086 |
-
return [,];
|
1087 |
-
var _a = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__read)(match, 3), token = _a[1], fallback = _a[2];
|
1088 |
-
return [token, fallback];
|
1089 |
}
|
1090 |
-
|
1091 |
-
|
1092 |
-
|
1093 |
-
(0,hey_listen__WEBPACK_IMPORTED_MODULE_1__.invariant)(depth <= maxDepth, "Max CSS variable fallback depth detected in property \"" + current + "\". This may indicate a circular fallback dependency.");
|
1094 |
-
var _a = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__read)(parseCSSVariable(current), 2), token = _a[0], fallback = _a[1];
|
1095 |
-
// No CSS variable detected
|
1096 |
-
if (!token)
|
1097 |
-
return;
|
1098 |
-
// Attempt to read this CSS variable off the element
|
1099 |
-
var resolved = window.getComputedStyle(element).getPropertyValue(token);
|
1100 |
-
if (resolved) {
|
1101 |
-
return resolved.trim();
|
1102 |
}
|
1103 |
-
|
1104 |
-
|
1105 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1106 |
}
|
1107 |
-
|
1108 |
-
return
|
1109 |
}
|
1110 |
-
|
1111 |
-
|
1112 |
-
|
1113 |
-
*
|
1114 |
-
* @internal
|
1115 |
-
*/
|
1116 |
-
function resolveCSSVariables(visualElement, _a, transitionEnd) {
|
1117 |
-
var _b;
|
1118 |
-
var target = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__rest)(_a, []);
|
1119 |
-
var element = visualElement.getInstance();
|
1120 |
-
if (!(element instanceof HTMLElement))
|
1121 |
-
return { target: target, transitionEnd: transitionEnd };
|
1122 |
-
// If `transitionEnd` isn't `undefined`, clone it. We could clone `target` and `transitionEnd`
|
1123 |
-
// only if they change but I think this reads clearer and this isn't a performance-critical path.
|
1124 |
-
if (transitionEnd) {
|
1125 |
-
transitionEnd = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, transitionEnd);
|
1126 |
}
|
1127 |
-
|
1128 |
-
|
1129 |
-
|
1130 |
-
|
1131 |
-
|
1132 |
-
|
1133 |
-
if (resolved)
|
1134 |
-
value.set(resolved);
|
1135 |
-
});
|
1136 |
-
// Cycle through every target property and resolve CSS variables. Currently
|
1137 |
-
// we only read single-var properties like `var(--foo)`, not `calc(var(--foo) + 20px)`
|
1138 |
-
for (var key in target) {
|
1139 |
-
var current = target[key];
|
1140 |
-
if (!isCSSVariable$1(current))
|
1141 |
-
continue;
|
1142 |
-
var resolved = getVariableValue(current, element);
|
1143 |
-
if (!resolved)
|
1144 |
-
continue;
|
1145 |
-
// Clone target if it hasn't already been
|
1146 |
-
target[key] = resolved;
|
1147 |
-
// If the user hasn't already set this key on `transitionEnd`, set it to the unresolved
|
1148 |
-
// CSS variable. This will ensure that after the animation the component will reflect
|
1149 |
-
// changes in the value of the CSS variable.
|
1150 |
-
if (transitionEnd)
|
1151 |
-
(_b = transitionEnd[key]) !== null && _b !== void 0 ? _b : (transitionEnd[key] = current);
|
1152 |
}
|
1153 |
-
|
|
|
|
|
|
|
1154 |
}
|
1155 |
|
1156 |
-
|
1157 |
-
|
1158 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1159 |
/**
|
1160 |
-
*
|
1161 |
-
* For example, if you are projecting a box that is 100px wide with a 10px borderRadius
|
1162 |
-
* into a box that is 200px wide with a 20px borderRadius, that is actually a 10%
|
1163 |
-
* borderRadius in both states. If we animate between the two in pixels that will trigger
|
1164 |
-
* a paint each time. If we animate between the two in percentage we'll avoid a paint.
|
1165 |
*/
|
1166 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1167 |
/**
|
1168 |
-
*
|
1169 |
-
*
|
|
|
1170 |
*/
|
1171 |
-
|
1172 |
-
|
1173 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1174 |
}
|
1175 |
else {
|
1176 |
-
|
1177 |
}
|
1178 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1179 |
/**
|
1180 |
-
*
|
1181 |
-
* pixel value as a percentage of each axis
|
1182 |
*/
|
1183 |
-
|
1184 |
-
|
1185 |
-
|
1186 |
-
|
1187 |
-
|
1188 |
-
|
1189 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1190 |
/**
|
1191 |
-
*
|
|
|
|
|
|
|
|
|
|
|
1192 |
*/
|
1193 |
-
|
1194 |
-
|
1195 |
-
|
1196 |
-
|
1197 |
-
|
1198 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1199 |
});
|
1200 |
-
|
1201 |
-
|
1202 |
-
|
1203 |
-
|
1204 |
-
return original;
|
1205 |
-
var template = style_value_types__WEBPACK_IMPORTED_MODULE_5__.complex.createTransformer(latest);
|
1206 |
-
var offset = typeof shadow[0] !== "number" ? 1 : 0;
|
1207 |
-
// Calculate the overall context scale
|
1208 |
-
var xScale = delta.x.scale * treeScale.x;
|
1209 |
-
var yScale = delta.y.scale * treeScale.y;
|
1210 |
-
shadow[0 + offset] /= xScale;
|
1211 |
-
shadow[1 + offset] /= yScale;
|
1212 |
-
/**
|
1213 |
-
* Ideally we'd correct x and y scales individually, but because blur and
|
1214 |
-
* spread apply to both we have to take a scale average and apply that instead.
|
1215 |
-
* We could potentially improve the outcome of this by incorporating the ratio between
|
1216 |
-
* the two scales.
|
1217 |
-
*/
|
1218 |
-
var averageScale = (0,popmotion__WEBPACK_IMPORTED_MODULE_4__.mix)(xScale, yScale, 0.5);
|
1219 |
-
// Blur
|
1220 |
-
if (typeof shadow[2 + offset] === "number")
|
1221 |
-
shadow[2 + offset] /= averageScale;
|
1222 |
-
// Spread
|
1223 |
-
if (typeof shadow[3 + offset] === "number")
|
1224 |
-
shadow[3 + offset] /= averageScale;
|
1225 |
-
var output = template(shadow);
|
1226 |
-
if (containsCSSVariables) {
|
1227 |
-
var i_1 = 0;
|
1228 |
-
output = output.replace(varToken, function () {
|
1229 |
-
var cssVariable = cssVariables[i_1];
|
1230 |
-
i_1++;
|
1231 |
-
return cssVariable;
|
1232 |
});
|
1233 |
-
}
|
1234 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1235 |
}
|
1236 |
-
var borderCorrectionDefinition = {
|
1237 |
-
process: correctBorderRadius,
|
1238 |
-
};
|
1239 |
-
var valueScaleCorrection = {
|
1240 |
-
borderRadius: (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, borderCorrectionDefinition), { applyTo: [
|
1241 |
-
"borderTopLeftRadius",
|
1242 |
-
"borderTopRightRadius",
|
1243 |
-
"borderBottomLeftRadius",
|
1244 |
-
"borderBottomRightRadius",
|
1245 |
-
] }),
|
1246 |
-
borderTopLeftRadius: borderCorrectionDefinition,
|
1247 |
-
borderTopRightRadius: borderCorrectionDefinition,
|
1248 |
-
borderBottomLeftRadius: borderCorrectionDefinition,
|
1249 |
-
borderBottomRightRadius: borderCorrectionDefinition,
|
1250 |
-
boxShadow: {
|
1251 |
-
process: correctBoxShadow,
|
1252 |
-
},
|
1253 |
-
};
|
1254 |
/**
|
1255 |
-
*
|
|
|
|
|
|
|
|
|
1256 |
*/
|
1257 |
-
function
|
1258 |
-
|
1259 |
-
|
|
|
|
|
|
|
|
|
|
|
1260 |
}
|
|
|
1261 |
}
|
1262 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1263 |
/**
|
1264 |
-
*
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1265 |
*
|
1266 |
-
*
|
|
|
|
|
|
|
|
|
|
|
|
|
1267 |
*
|
1268 |
-
*
|
1269 |
*
|
1270 |
-
*
|
1271 |
-
*
|
1272 |
*
|
1273 |
-
* {
|
1274 |
-
*
|
1275 |
-
* width: '100px',
|
1276 |
-
* transformOrigin: '50% 50%'
|
1277 |
* }
|
1278 |
*
|
1279 |
-
*
|
|
|
|
|
|
|
|
|
|
|
|
|
1280 |
*
|
1281 |
-
*
|
1282 |
*/
|
1283 |
-
|
1284 |
-
|
1285 |
-
|
1286 |
-
|
1287 |
-
// with a manual incrementation would be better.
|
1288 |
-
transformKeys.length = 0;
|
1289 |
-
// Track whether we encounter any transform or transformOrigin values.
|
1290 |
-
var hasTransform = false;
|
1291 |
-
var hasTransformOrigin = false;
|
1292 |
-
// Does the calculated transform essentially equal "none"?
|
1293 |
-
var transformIsNone = true;
|
1294 |
/**
|
1295 |
-
*
|
1296 |
-
*
|
1297 |
-
*
|
1298 |
*/
|
1299 |
-
|
1300 |
-
var
|
1301 |
-
|
1302 |
-
|
1303 |
-
|
1304 |
-
if (isTransformProp(key)) {
|
1305 |
-
// If this is a transform, flag and enable further transform processing
|
1306 |
-
hasTransform = true;
|
1307 |
-
transform[key] = valueAsType;
|
1308 |
-
transformKeys.push(key);
|
1309 |
-
if (!transformIsNone)
|
1310 |
-
continue;
|
1311 |
-
// If all the transform keys we've so far encountered are their default value
|
1312 |
-
// then check to see if this one isn't
|
1313 |
-
var defaultValue = valueType.default !== undefined ? valueType.default : 0;
|
1314 |
-
if (value !== defaultValue)
|
1315 |
-
transformIsNone = false;
|
1316 |
-
}
|
1317 |
-
else if (isTransformOriginProp(key)) {
|
1318 |
-
// If this is a transform origin, flag and enable further transform-origin processing
|
1319 |
-
transformOrigin[key] = valueAsType;
|
1320 |
-
hasTransformOrigin = true;
|
1321 |
-
}
|
1322 |
-
else if (key !== "transform" || typeof value !== "function") {
|
1323 |
-
// Handle all remaining values. Decide which map to save to depending
|
1324 |
-
// on whether this is a CSS variable
|
1325 |
-
var bucket = isCSSVariable(key) ? vars : style;
|
1326 |
-
// If we need to perform scale correction, and we have a handler for this
|
1327 |
-
// value type (ie borderRadius), perform it
|
1328 |
-
if (isLayoutProjectionEnabled && valueScaleCorrection[key]) {
|
1329 |
-
var corrected = valueScaleCorrection[key].process(value, targetBox, delta, treeScale);
|
1330 |
-
/**
|
1331 |
-
* Scale-correctable values can define a number of other values to break
|
1332 |
-
* down into. For instance borderRadius needs applying to borderBottomLeftRadius etc
|
1333 |
-
*/
|
1334 |
-
var applyTo = valueScaleCorrection[key].applyTo;
|
1335 |
-
if (applyTo) {
|
1336 |
-
var num = applyTo.length;
|
1337 |
-
for (var i = 0; i < num; i++) {
|
1338 |
-
bucket[applyTo[i]] = corrected;
|
1339 |
-
}
|
1340 |
-
}
|
1341 |
-
else {
|
1342 |
-
bucket[key] = corrected;
|
1343 |
-
}
|
1344 |
-
}
|
1345 |
-
else {
|
1346 |
-
bucket[key] = valueAsType;
|
1347 |
-
}
|
1348 |
-
}
|
1349 |
-
}
|
1350 |
/**
|
1351 |
-
*
|
1352 |
-
*
|
1353 |
-
*
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1354 |
*/
|
1355 |
-
|
1356 |
-
|
1357 |
-
|
1358 |
-
|
1359 |
-
|
1360 |
-
|
1361 |
-
|
1362 |
-
|
1363 |
-
|
1364 |
-
|
1365 |
-
|
1366 |
-
|
1367 |
-
|
1368 |
-
|
1369 |
-
}
|
1370 |
-
}
|
1371 |
-
|
1372 |
/**
|
1373 |
-
*
|
|
|
|
|
1374 |
*
|
1375 |
-
*
|
1376 |
-
|
1377 |
-
|
1378 |
-
axis.min = originAxis.min;
|
1379 |
-
axis.max = originAxis.max;
|
1380 |
-
}
|
1381 |
-
/**
|
1382 |
-
* Reset a box to the provided origin box.
|
1383 |
*
|
1384 |
-
*
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1385 |
*/
|
1386 |
-
function
|
1387 |
-
|
1388 |
-
resetAxis(box.y, originBox.y);
|
1389 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1390 |
/**
|
1391 |
-
*
|
|
|
|
|
1392 |
*/
|
1393 |
-
function
|
1394 |
-
var
|
1395 |
-
var
|
1396 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1397 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1398 |
/**
|
1399 |
-
*
|
|
|
|
|
1400 |
*/
|
1401 |
-
function
|
1402 |
-
|
1403 |
-
|
|
|
|
|
1404 |
}
|
1405 |
-
|
1406 |
-
|
1407 |
-
|
1408 |
-
|
1409 |
-
|
1410 |
-
function applyAxisDelta(axis, translate, scale, originPoint, boxScale) {
|
1411 |
-
if (translate === void 0) { translate = 0; }
|
1412 |
-
if (scale === void 0) { scale = 1; }
|
1413 |
-
axis.min = applyPointDelta(axis.min, translate, scale, originPoint, boxScale);
|
1414 |
-
axis.max = applyPointDelta(axis.max, translate, scale, originPoint, boxScale);
|
1415 |
}
|
1416 |
/**
|
1417 |
-
*
|
|
|
|
|
|
|
|
|
|
|
1418 |
*/
|
1419 |
-
function
|
1420 |
-
|
1421 |
-
|
1422 |
-
|
1423 |
}
|
1424 |
/**
|
1425 |
-
*
|
1426 |
-
* This
|
1427 |
-
*
|
1428 |
*/
|
1429 |
-
function
|
1430 |
-
|
1431 |
-
|
1432 |
-
|
1433 |
-
|
1434 |
-
|
1435 |
-
|
1436 |
-
// Apply the axis delta to the final axis
|
1437 |
-
applyAxisDelta(final, transforms[key], transforms[scaleKey], originPoint, transforms.scale);
|
1438 |
}
|
1439 |
/**
|
1440 |
-
*
|
1441 |
-
|
1442 |
-
var xKeys = ["x", "scaleX", "originX"];
|
1443 |
-
var yKeys = ["y", "scaleY", "originY"];
|
1444 |
-
/**
|
1445 |
-
* Apply a transform to a box from the latest resolved motion values.
|
1446 |
*/
|
1447 |
-
function
|
1448 |
-
|
1449 |
-
|
|
|
|
|
|
|
1450 |
}
|
1451 |
/**
|
1452 |
-
*
|
1453 |
*/
|
1454 |
-
function
|
1455 |
-
|
1456 |
-
|
1457 |
-
|
1458 |
-
|
|
|
|
|
|
|
|
|
1459 |
}
|
1460 |
-
return
|
|
|
|
|
|
|
1461 |
}
|
1462 |
/**
|
1463 |
-
*
|
1464 |
*/
|
1465 |
-
function
|
1466 |
-
|
1467 |
-
|
1468 |
-
|
1469 |
-
|
1470 |
-
axis.min = removePointDelta(axis.min, translate, scale, originPoint, boxScale);
|
1471 |
-
axis.max = removePointDelta(axis.max, translate, scale, originPoint, boxScale);
|
1472 |
}
|
1473 |
/**
|
1474 |
-
*
|
1475 |
-
* and acts as a bridge between motion values and removeAxisDelta
|
1476 |
*/
|
1477 |
-
function
|
1478 |
-
var
|
1479 |
-
|
|
|
1480 |
}
|
1481 |
/**
|
1482 |
-
*
|
1483 |
-
* and acts as a bridge between motion values and removeAxisDelta
|
1484 |
*/
|
1485 |
-
function
|
1486 |
-
|
1487 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
1488 |
}
|
|
|
1489 |
/**
|
1490 |
-
*
|
1491 |
-
* in a tree upon our box before then calculating how to project it into our desired viewport-relative box
|
1492 |
-
*
|
1493 |
-
* This is the final nested loop within HTMLVisualElement.updateLayoutDelta
|
1494 |
*/
|
1495 |
-
function
|
1496 |
-
|
1497 |
-
|
1498 |
-
return;
|
1499 |
-
// Reset the treeScale
|
1500 |
-
treeScale.x = treeScale.y = 1;
|
1501 |
-
for (var i = 0; i < treeLength; i++) {
|
1502 |
-
var delta = treePath[i].delta;
|
1503 |
-
// Incoporate each ancestor's scale into a culmulative treeScale for this component
|
1504 |
-
treeScale.x *= delta.x.scale;
|
1505 |
-
treeScale.y *= delta.y.scale;
|
1506 |
-
// Apply each ancestor's calculated delta into this component's recorded layout box
|
1507 |
-
applyBoxDelta(box, delta);
|
1508 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1509 |
}
|
1510 |
-
|
1511 |
-
|
1512 |
-
|
1513 |
-
|
1514 |
-
|
1515 |
-
function isNear(value, target, maxDistance) {
|
1516 |
-
if (target === void 0) { target = 0; }
|
1517 |
-
if (maxDistance === void 0) { maxDistance = 0.01; }
|
1518 |
-
return (0,popmotion__WEBPACK_IMPORTED_MODULE_4__.distance)(value, target) < maxDistance;
|
1519 |
}
|
1520 |
-
function
|
1521 |
-
|
|
|
|
|
|
|
1522 |
}
|
1523 |
-
|
1524 |
-
|
1525 |
-
|
1526 |
-
|
1527 |
-
|
1528 |
-
|
1529 |
-
|
1530 |
-
|
1531 |
-
|
1532 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1533 |
}
|
1534 |
-
else if (
|
1535 |
-
|
1536 |
}
|
1537 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1538 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1539 |
/**
|
1540 |
-
*
|
1541 |
-
*
|
1542 |
-
* The transform `origin` is optional. If not provided, it'll be automatically
|
1543 |
-
* calculated based on the relative positions of the two bounding boxes.
|
1544 |
*/
|
1545 |
-
|
1546 |
-
|
1547 |
-
|
1548 |
-
|
1549 |
-
|
1550 |
-
|
1551 |
-
|
1552 |
-
|
1553 |
-
|
1554 |
-
|
1555 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1556 |
/**
|
1557 |
-
* Update the BoxDelta with a transform that projects the source into the target.
|
1558 |
*
|
1559 |
-
*
|
1560 |
-
*
|
|
|
1561 |
*/
|
1562 |
-
function
|
1563 |
-
|
1564 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1565 |
}
|
1566 |
|
1567 |
-
|
1568 |
-
|
1569 |
-
|
1570 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1571 |
|
1572 |
/**
|
1573 |
-
*
|
1574 |
-
*
|
1575 |
-
* We convert the box into an AxisBox2D to make it easier to work with each axis
|
1576 |
-
* individually and programmatically.
|
1577 |
*
|
1578 |
-
*
|
1579 |
-
*
|
|
|
1580 |
*/
|
1581 |
-
function
|
1582 |
-
|
1583 |
-
|
|
|
|
|
1584 |
}
|
1585 |
|
1586 |
-
var isKeyframesTarget = function (v) {
|
1587 |
-
return Array.isArray(v);
|
1588 |
-
};
|
1589 |
|
1590 |
-
|
1591 |
-
|
1592 |
-
|
1593 |
-
|
1594 |
-
|
1595 |
-
|
1596 |
-
|
1597 |
-
|
1598 |
-
|
1599 |
-
|
1600 |
-
|
1601 |
-
|
1602 |
-
|
1603 |
-
};
|
1604 |
-
var
|
1605 |
-
|
1606 |
-
|
1607 |
-
|
1608 |
-
|
1609 |
-
|
1610 |
-
|
1611 |
-
|
1612 |
-
|
1613 |
-
var
|
1614 |
-
|
1615 |
-
BoundingBoxDimension["width"] = "width";
|
1616 |
-
BoundingBoxDimension["height"] = "height";
|
1617 |
-
BoundingBoxDimension["left"] = "left";
|
1618 |
-
BoundingBoxDimension["right"] = "right";
|
1619 |
-
BoundingBoxDimension["top"] = "top";
|
1620 |
-
BoundingBoxDimension["bottom"] = "bottom";
|
1621 |
-
})(BoundingBoxDimension || (BoundingBoxDimension = {}));
|
1622 |
-
var getPosFromMatrix = function (matrix, pos) {
|
1623 |
-
return parseFloat(matrix.split(", ")[pos]);
|
1624 |
-
};
|
1625 |
-
var getTranslateFromMatrix = function (pos2, pos3) { return function (_bbox, _a) {
|
1626 |
-
var transform = _a.transform;
|
1627 |
-
if (transform === "none" || !transform)
|
1628 |
-
return 0;
|
1629 |
-
var matrix3d = transform.match(/^matrix3d\((.+)\)$/);
|
1630 |
-
if (matrix3d) {
|
1631 |
-
return getPosFromMatrix(matrix3d[1], pos3);
|
1632 |
-
}
|
1633 |
-
else {
|
1634 |
-
var matrix = transform.match(/^matrix\((.+)\)$/);
|
1635 |
-
if (matrix) {
|
1636 |
-
return getPosFromMatrix(matrix[1], pos2);
|
1637 |
-
}
|
1638 |
-
else {
|
1639 |
-
return 0;
|
1640 |
-
}
|
1641 |
-
}
|
1642 |
-
}; };
|
1643 |
-
var transformKeys = new Set(["x", "y", "z"]);
|
1644 |
-
var nonTranslationalTransformKeys = transformProps.filter(function (key) { return !transformKeys.has(key); });
|
1645 |
-
function removeNonTranslationalTransform(visualElement) {
|
1646 |
-
var removedTransforms = [];
|
1647 |
-
nonTranslationalTransformKeys.forEach(function (key) {
|
1648 |
-
var value = visualElement.getValue(key);
|
1649 |
-
if (value !== undefined) {
|
1650 |
-
removedTransforms.push([key, value.get()]);
|
1651 |
-
value.set(key.startsWith("scale") ? 1 : 0);
|
1652 |
-
}
|
1653 |
-
});
|
1654 |
-
// Apply changes to element before measurement
|
1655 |
-
if (removedTransforms.length)
|
1656 |
-
visualElement.render();
|
1657 |
-
return removedTransforms;
|
1658 |
-
}
|
1659 |
-
var positionalValues = {
|
1660 |
-
// Dimensions
|
1661 |
-
width: function (_a) {
|
1662 |
-
var x = _a.x;
|
1663 |
-
return x.max - x.min;
|
1664 |
-
},
|
1665 |
-
height: function (_a) {
|
1666 |
-
var y = _a.y;
|
1667 |
-
return y.max - y.min;
|
1668 |
-
},
|
1669 |
-
top: function (_bbox, _a) {
|
1670 |
-
var top = _a.top;
|
1671 |
-
return parseFloat(top);
|
1672 |
-
},
|
1673 |
-
left: function (_bbox, _a) {
|
1674 |
-
var left = _a.left;
|
1675 |
-
return parseFloat(left);
|
1676 |
-
},
|
1677 |
-
bottom: function (_a, _b) {
|
1678 |
-
var y = _a.y;
|
1679 |
-
var top = _b.top;
|
1680 |
-
return parseFloat(top) + (y.max - y.min);
|
1681 |
-
},
|
1682 |
-
right: function (_a, _b) {
|
1683 |
-
var x = _a.x;
|
1684 |
-
var left = _b.left;
|
1685 |
-
return parseFloat(left) + (x.max - x.min);
|
1686 |
-
},
|
1687 |
-
// Transform
|
1688 |
-
x: getTranslateFromMatrix(4, 13),
|
1689 |
-
y: getTranslateFromMatrix(5, 14),
|
1690 |
-
};
|
1691 |
-
var convertChangedValueTypes = function (target, visualElement, changedKeys) {
|
1692 |
-
var originBbox = visualElement.getBoundingBox();
|
1693 |
-
var elementComputedStyle = visualElement.getComputedStyle();
|
1694 |
-
var display = elementComputedStyle.display, top = elementComputedStyle.top, left = elementComputedStyle.left, bottom = elementComputedStyle.bottom, right = elementComputedStyle.right, transform = elementComputedStyle.transform;
|
1695 |
-
var originComputedStyle = { top: top, left: left, bottom: bottom, right: right, transform: transform };
|
1696 |
-
// If the element is currently set to display: "none", make it visible before
|
1697 |
-
// measuring the target bounding box
|
1698 |
-
if (display === "none") {
|
1699 |
-
visualElement.setStaticValues("display", target.display || "block");
|
1700 |
-
}
|
1701 |
-
// Apply the latest values (as set in checkAndConvertChangedValueTypes)
|
1702 |
-
visualElement.render();
|
1703 |
-
var targetBbox = visualElement.getBoundingBox();
|
1704 |
-
changedKeys.forEach(function (key) {
|
1705 |
-
// Restore styles to their **calculated computed style**, not their actual
|
1706 |
-
// originally set style. This allows us to animate between equivalent pixel units.
|
1707 |
-
var value = visualElement.getValue(key);
|
1708 |
-
setAndResetVelocity(value, positionalValues[key](originBbox, originComputedStyle));
|
1709 |
-
target[key] = positionalValues[key](targetBbox, elementComputedStyle);
|
1710 |
-
});
|
1711 |
-
return target;
|
1712 |
-
};
|
1713 |
-
var checkAndConvertChangedValueTypes = function (visualElement, target, origin, transitionEnd) {
|
1714 |
-
if (origin === void 0) { origin = {}; }
|
1715 |
-
if (transitionEnd === void 0) { transitionEnd = {}; }
|
1716 |
-
target = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, target);
|
1717 |
-
transitionEnd = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, transitionEnd);
|
1718 |
-
var targetPositionalKeys = Object.keys(target).filter(isPositionalKey);
|
1719 |
-
// We want to remove any transform values that could affect the element's bounding box before
|
1720 |
-
// it's measured. We'll reapply these later.
|
1721 |
-
var removedTransformValues = [];
|
1722 |
-
var hasAttemptedToRemoveTransformValues = false;
|
1723 |
-
var changedValueTypeKeys = [];
|
1724 |
-
targetPositionalKeys.forEach(function (key) {
|
1725 |
-
var value = visualElement.getValue(key);
|
1726 |
-
if (!visualElement.hasValue(key))
|
1727 |
return;
|
1728 |
-
|
1729 |
-
|
1730 |
-
|
1731 |
-
|
1732 |
-
|
1733 |
-
|
1734 |
-
|
1735 |
-
|
1736 |
-
|
1737 |
-
|
1738 |
-
|
1739 |
-
|
1740 |
-
|
1741 |
-
|
1742 |
-
|
1743 |
-
|
1744 |
-
|
1745 |
-
|
1746 |
-
|
1747 |
-
|
1748 |
-
|
1749 |
-
|
1750 |
-
|
1751 |
-
|
1752 |
-
|
1753 |
-
|
1754 |
-
|
1755 |
-
|
1756 |
-
|
1757 |
-
|
1758 |
-
|
1759 |
-
|
1760 |
-
|
1761 |
-
|
1762 |
-
|
1763 |
-
|
1764 |
-
|
1765 |
-
|
1766 |
-
|
1767 |
-
|
1768 |
-
|
1769 |
-
|
1770 |
-
|
1771 |
-
|
1772 |
-
|
1773 |
-
|
1774 |
-
|
1775 |
-
|
1776 |
-
|
1777 |
-
|
1778 |
-
|
1779 |
-
|
1780 |
-
|
1781 |
-
|
1782 |
-
|
1783 |
-
|
1784 |
-
|
1785 |
-
|
1786 |
-
|
1787 |
-
|
1788 |
-
|
1789 |
-
|
1790 |
-
|
1791 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
1792 |
}
|
1793 |
});
|
1794 |
-
|
1795 |
-
|
1796 |
-
|
1797 |
-
|
1798 |
-
removedTransformValues.forEach(function (_a) {
|
1799 |
-
var _b = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__read)(_a, 2), key = _b[0], value = _b[1];
|
1800 |
-
visualElement.getValue(key).set(value);
|
1801 |
-
});
|
1802 |
-
}
|
1803 |
-
// Reapply original values
|
1804 |
-
visualElement.render();
|
1805 |
-
return { target: convertedTarget, transitionEnd: transitionEnd };
|
1806 |
-
}
|
1807 |
-
else {
|
1808 |
-
return { target: target, transitionEnd: transitionEnd };
|
1809 |
}
|
1810 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1811 |
/**
|
1812 |
-
*
|
1813 |
-
*
|
1814 |
-
* Allows animation between `'auto'` -> `'100%'` or `0` -> `'calc(50% - 10vw)'`
|
1815 |
-
*
|
1816 |
* @internal
|
1817 |
*/
|
1818 |
-
function
|
1819 |
-
|
1820 |
-
|
1821 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1822 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1823 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1824 |
/**
|
1825 |
-
*
|
1826 |
-
* and ensuring animations like "20%" => "calc(50vw)" are performed in pixels.
|
1827 |
*/
|
1828 |
-
var
|
1829 |
-
|
1830 |
-
|
1831 |
-
|
1832 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1833 |
};
|
1834 |
|
1835 |
-
/**
|
1836 |
-
* Check if value is a numerical string, ie a string that is purely a number eg "100" or "-100.1"
|
1837 |
-
*/
|
1838 |
-
var isNumericalString = function (v) { return /^\-?\d*\.?\d+$/.test(v); };
|
1839 |
|
1840 |
-
var isCustomValue = function (v) {
|
1841 |
-
return Boolean(v && typeof v === "object" && v.mix && v.toValue);
|
1842 |
-
};
|
1843 |
-
var resolveFinalValueInKeyframes = function (v) {
|
1844 |
-
// TODO maybe throw if v.length - 1 is placeholder token?
|
1845 |
-
return isKeyframesTarget(v) ? v[v.length - 1] || 0 : v;
|
1846 |
-
};
|
1847 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1848 |
/**
|
1849 |
-
*
|
1850 |
-
*/
|
1851 |
-
function isVariantLabels(v) {
|
1852 |
-
return Array.isArray(v);
|
1853 |
-
}
|
1854 |
-
/**
|
1855 |
-
* Decides if the supplied variable is variant label
|
1856 |
-
*/
|
1857 |
-
function isVariantLabel(v) {
|
1858 |
-
return typeof v === "string" || isVariantLabels(v);
|
1859 |
-
}
|
1860 |
-
/**
|
1861 |
-
* Creates an object containing the latest state of every MotionValue on a VisualElement
|
1862 |
*/
|
1863 |
-
|
1864 |
-
|
1865 |
-
|
1866 |
-
return
|
1867 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1868 |
/**
|
1869 |
-
*
|
|
|
1870 |
*/
|
1871 |
-
function
|
1872 |
-
var
|
1873 |
-
|
1874 |
-
|
1875 |
-
|
|
|
|
|
|
|
|
|
|
|
1876 |
/**
|
1877 |
-
*
|
1878 |
*/
|
1879 |
-
|
1880 |
-
|
1881 |
-
|
1882 |
-
}
|
1883 |
-
|
1884 |
-
? definition(custom !== null && custom !== void 0 ? custom : visualElement.getVariantPayload(), getCurrent(visualElement), getVelocity(visualElement))
|
1885 |
-
: definition;
|
1886 |
-
}
|
1887 |
|
1888 |
-
/**
|
1889 |
-
* Set VisualElement's MotionValue, creating a new MotionValue for it if
|
1890 |
-
* it doesn't exist.
|
1891 |
-
*/
|
1892 |
-
function setMotionValue(visualElement, key, value) {
|
1893 |
-
if (visualElement.hasValue(key)) {
|
1894 |
-
visualElement.getValue(key).set(value);
|
1895 |
-
}
|
1896 |
-
else {
|
1897 |
-
visualElement.addValue(key, motionValue(value));
|
1898 |
-
}
|
1899 |
-
}
|
1900 |
-
function setTarget(visualElement, definition) {
|
1901 |
-
var resolved = resolveVariant(visualElement, definition);
|
1902 |
-
var _a = resolved
|
1903 |
-
? visualElement.makeTargetAnimatable(resolved, false)
|
1904 |
-
: {}, _b = _a.transitionEnd, transitionEnd = _b === void 0 ? {} : _b, _c = _a.transition, target = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__rest)(_a, ["transitionEnd", "transition"]);
|
1905 |
-
target = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, target), transitionEnd);
|
1906 |
-
for (var key in target) {
|
1907 |
-
var value = resolveFinalValueInKeyframes(target[key]);
|
1908 |
-
setMotionValue(visualElement, key, value);
|
1909 |
-
}
|
1910 |
-
}
|
1911 |
-
function setVariants(visualElement, variantLabels) {
|
1912 |
-
var reversedLabels = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__spread)(variantLabels).reverse();
|
1913 |
-
reversedLabels.forEach(function (key) {
|
1914 |
-
var _a;
|
1915 |
-
setTarget(visualElement, visualElement.getVariant(key));
|
1916 |
-
(_a = visualElement.variantChildren) === null || _a === void 0 ? void 0 : _a.forEach(function (child) {
|
1917 |
-
setVariants(child, variantLabels);
|
1918 |
-
});
|
1919 |
-
});
|
1920 |
-
}
|
1921 |
-
function setValues(visualElement, definition) {
|
1922 |
-
if (Array.isArray(definition)) {
|
1923 |
-
return setVariants(visualElement, definition);
|
1924 |
-
}
|
1925 |
-
else if (typeof definition === "string") {
|
1926 |
-
return setVariants(visualElement, [definition]);
|
1927 |
-
}
|
1928 |
-
else {
|
1929 |
-
setTarget(visualElement, definition);
|
1930 |
-
}
|
1931 |
-
}
|
1932 |
-
function checkTargetForNewValues(visualElement, target, origin) {
|
1933 |
-
var _a, _b;
|
1934 |
-
var _c;
|
1935 |
-
var newValueKeys = Object.keys(target).filter(function (key) { return !visualElement.hasValue(key); });
|
1936 |
-
var numNewValues = newValueKeys.length;
|
1937 |
-
if (!numNewValues)
|
1938 |
-
return;
|
1939 |
-
for (var i = 0; i < numNewValues; i++) {
|
1940 |
-
var key = newValueKeys[i];
|
1941 |
-
var targetValue = target[key];
|
1942 |
-
var value = null;
|
1943 |
-
// If this is a keyframes value, we can attempt to use the first value in the
|
1944 |
-
// array as that's going to be the first value of the animation anyway
|
1945 |
-
if (Array.isArray(targetValue)) {
|
1946 |
-
value = targetValue[0];
|
1947 |
-
}
|
1948 |
-
// If it isn't a keyframes or the first keyframes value was set as `null`, read the
|
1949 |
-
// value from the DOM. It might be worth investigating whether to check props (for SVG)
|
1950 |
-
// or props.style (for HTML) if the value exists there before attempting to read.
|
1951 |
-
if (value === null) {
|
1952 |
-
var readValue = (_a = origin[key]) !== null && _a !== void 0 ? _a : visualElement.readNativeValue(key);
|
1953 |
-
value = readValue !== undefined ? readValue : target[key];
|
1954 |
-
(0,hey_listen__WEBPACK_IMPORTED_MODULE_1__.invariant)(value !== null, "No initial value for \"" + key + "\" can be inferred. Ensure an initial value for \"" + key + "\" is defined on the component.");
|
1955 |
-
}
|
1956 |
-
if (typeof value === "string" && isNumericalString(value)) {
|
1957 |
-
// If this is a number read as a string, ie "0" or "200", convert it to a number
|
1958 |
-
value = parseFloat(value);
|
1959 |
-
}
|
1960 |
-
else if (!findValueType(value) && style_value_types__WEBPACK_IMPORTED_MODULE_5__.complex.test(targetValue)) {
|
1961 |
-
value = getAnimatableNone(key, targetValue);
|
1962 |
-
}
|
1963 |
-
visualElement.addValue(key, motionValue(value));
|
1964 |
-
(_b = (_c = origin)[key]) !== null && _b !== void 0 ? _b : (_c[key] = value);
|
1965 |
-
visualElement.baseTarget[key] = value;
|
1966 |
-
}
|
1967 |
-
}
|
1968 |
-
function getOriginFromTransition(key, transition) {
|
1969 |
-
if (!transition)
|
1970 |
-
return;
|
1971 |
-
var valueTransition = transition[key] || transition["default"] || transition;
|
1972 |
-
return valueTransition.from;
|
1973 |
-
}
|
1974 |
-
function getOrigin(target, transition, visualElement) {
|
1975 |
-
var _a, _b;
|
1976 |
-
var origin = {};
|
1977 |
-
for (var key in target) {
|
1978 |
-
origin[key] = (_a = getOriginFromTransition(key, transition)) !== null && _a !== void 0 ? _a : (_b = visualElement.getValue(key)) === null || _b === void 0 ? void 0 : _b.get();
|
1979 |
-
}
|
1980 |
-
return origin;
|
1981 |
-
}
|
1982 |
|
1983 |
-
var isMotionValue = function (value) {
|
1984 |
-
return value instanceof MotionValue;
|
1985 |
-
};
|
1986 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1987 |
/**
|
1988 |
-
*
|
1989 |
*/
|
1990 |
-
var
|
1991 |
-
|
1992 |
-
function
|
1993 |
-
|
1994 |
-
|
1995 |
-
|
1996 |
-
|
1997 |
-
|
1998 |
-
|
1999 |
-
|
2000 |
-
|
2001 |
-
|
2002 |
-
|
2003 |
-
|
2004 |
-
|
2005 |
-
|
2006 |
-
|
2007 |
-
|
2008 |
-
|
2009 |
-
|
2010 |
-
|
2011 |
-
|
2012 |
-
|
2013 |
-
|
2014 |
-
|
2015 |
-
|
2016 |
-
|
2017 |
-
|
2018 |
-
|
2019 |
-
|
2020 |
-
|
2021 |
-
|
2022 |
-
|
2023 |
-
|
2024 |
-
|
2025 |
-
|
2026 |
-
|
2027 |
-
|
2028 |
-
|
2029 |
-
|
2030 |
-
|
2031 |
-
|
2032 |
-
|
2033 |
-
|
2034 |
-
|
2035 |
-
|
2036 |
-
* ========================================
|
2037 |
-
*/
|
2038 |
-
_this.isLayoutProjectionEnabled = false;
|
2039 |
-
/**
|
2040 |
-
* A set of layout update event handlers. These are only called once all layouts have been read,
|
2041 |
-
* making it safe to perform DOM write operations.
|
2042 |
-
*/
|
2043 |
-
_this.layoutUpdateListeners = new SubscriptionManager();
|
2044 |
-
_this.layoutMeasureListeners = new SubscriptionManager();
|
2045 |
-
_this.viewportBoxUpdateListeners = new SubscriptionManager();
|
2046 |
-
/**
|
2047 |
-
* Keep track of whether the viewport box has been updated since the last render.
|
2048 |
-
* If it has, we want to fire the onViewportBoxUpdate listener.
|
2049 |
-
*/
|
2050 |
-
_this.hasViewportBoxUpdated = false;
|
2051 |
-
/**
|
2052 |
-
* The visual target we want to project our component into on a given frame
|
2053 |
-
* before applying transforms defined in `animate` or `style`.
|
2054 |
-
*
|
2055 |
-
* This is considered mutable to avoid object creation on each frame.
|
2056 |
-
*/
|
2057 |
-
_this.targetBoxFinal = axisBox();
|
2058 |
-
/**
|
2059 |
-
* The overall scale of the local coordinate system as transformed by all parents
|
2060 |
-
* of this component. We use this for scale correction on our calculated layouts
|
2061 |
-
* and scale-affected values like `boxShadow`.
|
2062 |
-
*
|
2063 |
-
* This is considered mutable to avoid object creation on each frame.
|
2064 |
-
*/
|
2065 |
-
_this.treeScale = { x: 1, y: 1 };
|
2066 |
-
/**
|
2067 |
-
* The delta between the boxCorrected and the desired
|
2068 |
-
* targetBox (before user-set transforms are applied). The calculated output will be
|
2069 |
-
* handed to the renderer and used as part of the style correction calculations, for
|
2070 |
-
* instance calculating how to display the desired border-radius correctly.
|
2071 |
-
*
|
2072 |
-
* This is considered mutable to avoid object creation on each frame.
|
2073 |
-
*/
|
2074 |
-
_this.delta = delta();
|
2075 |
/**
|
2076 |
-
*
|
2077 |
-
*
|
2078 |
-
* the targetBoxFinal.
|
2079 |
-
*
|
2080 |
-
* This is considered mutable to avoid object creation on each frame.
|
2081 |
*/
|
2082 |
-
_this.
|
2083 |
/**
|
2084 |
-
* The
|
2085 |
-
*
|
2086 |
-
* could be to provide this to the buildHTMLStyle function.
|
2087 |
*/
|
2088 |
-
_this.
|
2089 |
/**
|
2090 |
-
*
|
2091 |
*/
|
2092 |
-
_this.
|
2093 |
-
x:
|
2094 |
-
y:
|
|
|
|
|
|
|
|
|
2095 |
};
|
2096 |
-
_this.
|
2097 |
-
_this.
|
2098 |
-
|
|
|
|
|
2099 |
/**
|
2100 |
-
*
|
2101 |
-
|
2102 |
-
|
2103 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2104 |
*/
|
2105 |
-
|
|
|
|
|
|
|
|
|
2106 |
};
|
2107 |
return _this;
|
2108 |
}
|
2109 |
-
|
2110 |
-
|
2111 |
-
|
2112 |
-
|
2113 |
-
|
2114 |
-
|
2115 |
-
|
2116 |
-
};
|
2117 |
-
/**
|
2118 |
-
* Empty the mutable data structures by re-creating them. We can do this every React render
|
2119 |
-
* as the comparative workload to the rest of the render is very low and this is also when
|
2120 |
-
* we want to reflect values that might have been removed by the render.
|
2121 |
-
*/
|
2122 |
-
HTMLVisualElement.prototype.clean = function () {
|
2123 |
-
this.style = {};
|
2124 |
-
this.vars = {};
|
2125 |
-
this.transform = {};
|
2126 |
-
};
|
2127 |
-
HTMLVisualElement.prototype.updateConfig = function (config) {
|
2128 |
-
if (config === void 0) { config = {}; }
|
2129 |
-
this.config = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, this.defaultConfig), config);
|
2130 |
-
};
|
2131 |
-
/**
|
2132 |
-
* Read a value directly from the HTMLElement style.
|
2133 |
-
*/
|
2134 |
-
HTMLVisualElement.prototype.read = function (key) {
|
2135 |
-
var computedStyle = this.getComputedStyle();
|
2136 |
-
return ((isCSSVariable(key)
|
2137 |
-
? computedStyle.getPropertyValue(key)
|
2138 |
-
: computedStyle[key]) || 0);
|
2139 |
-
};
|
2140 |
-
HTMLVisualElement.prototype.addValue = function (key, value) {
|
2141 |
-
_super.prototype.addValue.call(this, key, value);
|
2142 |
-
// If we have rotate values we want to foce the layoutOrigin used in layout projection
|
2143 |
-
// to the center of the element.
|
2144 |
-
if (key.startsWith("rotate"))
|
2145 |
-
this.layoutOrigin = 0.5;
|
2146 |
-
};
|
2147 |
-
/**
|
2148 |
-
* Read a value directly from the HTMLElement in case it's not defined by a Motion
|
2149 |
-
* prop. If it's a transform, we just return a pre-defined default value as reading these
|
2150 |
-
* out of a matrix is either error-prone or can incur a big payload for little benefit.
|
2151 |
-
*/
|
2152 |
-
HTMLVisualElement.prototype.readNativeValue = function (key) {
|
2153 |
-
if (isTransformProp(key)) {
|
2154 |
-
var defaultValueType = getDefaultValueType(key);
|
2155 |
-
return defaultValueType ? defaultValueType.default || 0 : 0;
|
2156 |
-
}
|
2157 |
-
else {
|
2158 |
-
return this.read(key);
|
2159 |
-
}
|
2160 |
};
|
2161 |
-
|
2162 |
-
var
|
2163 |
-
|
2164 |
-
return
|
2165 |
-
? style
|
2166 |
-
: _super.prototype.getBaseValue.call(this, key, props);
|
2167 |
};
|
2168 |
/**
|
2169 |
-
*
|
2170 |
-
*
|
|
|
2171 |
*/
|
2172 |
-
|
2173 |
-
|
2174 |
-
var
|
2175 |
-
var
|
2176 |
-
var origin = getOrigin(target, transition || {}, this);
|
2177 |
/**
|
2178 |
-
* If
|
2179 |
*/
|
2180 |
-
if (
|
2181 |
-
|
2182 |
-
transitionEnd = transformValues(transitionEnd);
|
2183 |
-
if (target)
|
2184 |
-
target = transformValues(target);
|
2185 |
-
if (origin)
|
2186 |
-
origin = transformValues(origin);
|
2187 |
-
}
|
2188 |
-
if (parseDOMValues) {
|
2189 |
-
checkTargetForNewValues(this, target, origin);
|
2190 |
-
var parsed = parseDomVariant(this, target, origin, transitionEnd);
|
2191 |
-
transitionEnd = parsed.transitionEnd;
|
2192 |
-
target = parsed.target;
|
2193 |
-
}
|
2194 |
-
return (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({ transition: transition,
|
2195 |
-
transitionEnd: transitionEnd }, target);
|
2196 |
-
};
|
2197 |
-
HTMLVisualElement.prototype.enableLayoutProjection = function () {
|
2198 |
-
this.isLayoutProjectionEnabled = true;
|
2199 |
-
};
|
2200 |
-
HTMLVisualElement.prototype.hide = function () {
|
2201 |
-
if (this.isVisible === false)
|
2202 |
-
return;
|
2203 |
-
this.isVisible = false;
|
2204 |
-
this.scheduleRender();
|
2205 |
-
};
|
2206 |
-
HTMLVisualElement.prototype.show = function () {
|
2207 |
-
if (this.isVisible === true)
|
2208 |
return;
|
2209 |
-
|
2210 |
-
this.
|
2211 |
-
|
2212 |
-
|
2213 |
-
|
2214 |
-
|
2215 |
-
*/
|
2216 |
-
HTMLVisualElement.prototype.onLayoutUpdate = function (callback) {
|
2217 |
-
return this.layoutUpdateListeners.add(callback);
|
2218 |
-
};
|
2219 |
-
HTMLVisualElement.prototype.onLayoutMeasure = function (callback) {
|
2220 |
-
return this.layoutMeasureListeners.add(callback);
|
2221 |
-
};
|
2222 |
-
HTMLVisualElement.prototype.onViewportBoxUpdate = function (callback) {
|
2223 |
-
return this.viewportBoxUpdateListeners.add(callback);
|
2224 |
-
};
|
2225 |
-
/**
|
2226 |
-
* To be called when all layouts are successfully updated. In turn we can notify layoutUpdate
|
2227 |
-
* subscribers.
|
2228 |
-
*/
|
2229 |
-
HTMLVisualElement.prototype.layoutReady = function (config) {
|
2230 |
-
this.layoutUpdateListeners.notify(this.box, this.prevViewportBox || this.box, config);
|
2231 |
-
};
|
2232 |
-
/**
|
2233 |
-
* Measure and return the Element's bounding box. We convert it to a AxisBox2D
|
2234 |
-
* structure to make it easier to work on each individual axis generically.
|
2235 |
-
*/
|
2236 |
-
HTMLVisualElement.prototype.getBoundingBox = function () {
|
2237 |
-
var transformPagePoint = this.config.transformPagePoint;
|
2238 |
-
return getBoundingBox(this.element, transformPagePoint);
|
2239 |
-
};
|
2240 |
-
HTMLVisualElement.prototype.getBoundingBoxWithoutTransforms = function () {
|
2241 |
-
var bbox = this.getBoundingBox();
|
2242 |
-
removeBoxTransforms(bbox, this.latest);
|
2243 |
-
return bbox;
|
2244 |
-
};
|
2245 |
-
/**
|
2246 |
-
* Return the computed style after a render.
|
2247 |
-
*/
|
2248 |
-
HTMLVisualElement.prototype.getComputedStyle = function () {
|
2249 |
-
return window.getComputedStyle(this.element);
|
2250 |
-
};
|
2251 |
-
/**
|
2252 |
-
* Record the bounding box as it exists before a re-render.
|
2253 |
-
*/
|
2254 |
-
HTMLVisualElement.prototype.snapshotBoundingBox = function () {
|
2255 |
-
this.prevViewportBox = this.getBoundingBoxWithoutTransforms();
|
2256 |
/**
|
2257 |
-
*
|
2258 |
-
*
|
2259 |
*/
|
2260 |
-
|
2261 |
-
|
2262 |
-
|
2263 |
-
var _this = this;
|
2264 |
-
if (force === void 0) { force = false; }
|
2265 |
-
if (box === void 0) { box = this.box; }
|
2266 |
-
var _a = this.getAxisProgress(), x = _a.x, y = _a.y;
|
2267 |
-
var shouldRebase = this.box &&
|
2268 |
-
!this.isTargetBoxLocked &&
|
2269 |
-
!x.isAnimating() &&
|
2270 |
-
!y.isAnimating();
|
2271 |
-
if (force || shouldRebase) {
|
2272 |
-
eachAxis(function (axis) {
|
2273 |
-
var _a = box[axis], min = _a.min, max = _a.max;
|
2274 |
-
_this.setAxisTarget(axis, min, max);
|
2275 |
-
});
|
2276 |
-
}
|
2277 |
-
};
|
2278 |
-
HTMLVisualElement.prototype.measureLayout = function () {
|
2279 |
-
var _this = this;
|
2280 |
-
this.box = this.getBoundingBox();
|
2281 |
-
this.boxCorrected = copyAxisBox(this.box);
|
2282 |
-
if (!this.targetBox)
|
2283 |
-
this.targetBox = copyAxisBox(this.box);
|
2284 |
-
this.layoutMeasureListeners.notify(this.box, this.prevViewportBox || this.box);
|
2285 |
-
framesync__WEBPACK_IMPORTED_MODULE_0__.default.update(function () { return _this.rebaseTargetBox(); });
|
2286 |
-
};
|
2287 |
-
HTMLVisualElement.prototype.lockTargetBox = function () {
|
2288 |
-
this.isTargetBoxLocked = true;
|
2289 |
-
};
|
2290 |
-
HTMLVisualElement.prototype.unlockTargetBox = function () {
|
2291 |
-
this.stopLayoutAnimation();
|
2292 |
-
this.isTargetBoxLocked = false;
|
2293 |
-
};
|
2294 |
-
/**
|
2295 |
-
* Reset the transform on the current Element. This is called as part
|
2296 |
-
* of a batched process across the entire layout tree. To remove this write
|
2297 |
-
* cycle it'd be interesting to see if it's possible to "undo" all the current
|
2298 |
-
* layout transforms up the tree in the same way this.getBoundingBoxWithoutTransforms
|
2299 |
-
* works
|
2300 |
-
*/
|
2301 |
-
HTMLVisualElement.prototype.resetTransform = function () {
|
2302 |
/**
|
2303 |
-
*
|
2304 |
-
*
|
2305 |
-
* pointerenter/leave events. We temporarily suspend these while measurement takes place.
|
2306 |
*/
|
2307 |
-
|
2308 |
-
|
2309 |
-
|
2310 |
-
|
2311 |
-
|
2312 |
-
|
2313 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2314 |
};
|
2315 |
-
|
2316 |
-
|
2317 |
-
|
2318 |
-
HTMLVisualElement.prototype.setAxisTarget = function (axis, min, max) {
|
2319 |
-
var targetAxis = this.targetBox[axis];
|
2320 |
-
targetAxis.min = min;
|
2321 |
-
targetAxis.max = max;
|
2322 |
-
// Flag that we want to fire the onViewportBoxUpdate event handler
|
2323 |
-
this.hasViewportBoxUpdated = true;
|
2324 |
-
this.rootParent.scheduleUpdateLayoutDelta();
|
2325 |
};
|
2326 |
-
|
2327 |
-
|
2328 |
-
this.axisProgress = {
|
2329 |
-
x: motionValue(0),
|
2330 |
-
y: motionValue(0),
|
2331 |
-
};
|
2332 |
-
}
|
2333 |
-
return this.axisProgress;
|
2334 |
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2335 |
/**
|
2336 |
-
*
|
2337 |
*/
|
2338 |
-
|
2339 |
-
var
|
2340 |
-
|
2341 |
-
|
2342 |
-
|
2343 |
-
var length = max - min;
|
2344 |
-
progress.clearListeners();
|
2345 |
-
progress.set(min);
|
2346 |
-
progress.set(min); // Set twice to hard-reset velocity
|
2347 |
-
progress.onChange(function (v) { return _this.setAxisTarget(axis, v, v + length); });
|
2348 |
-
return (_a = this.animateMotionValue) === null || _a === void 0 ? void 0 : _a.call(this, axis, progress, 0, transition);
|
2349 |
-
};
|
2350 |
-
HTMLVisualElement.prototype.stopLayoutAnimation = function () {
|
2351 |
-
var _this = this;
|
2352 |
-
eachAxis(function (axis) { return _this.getAxisProgress()[axis].stop(); });
|
2353 |
-
};
|
2354 |
-
HTMLVisualElement.prototype.withoutTransform = function (callback) {
|
2355 |
-
if (this.isLayoutProjectionEnabled) {
|
2356 |
-
this.resetTransform();
|
2357 |
-
}
|
2358 |
-
if (this.parent) {
|
2359 |
-
this.parent.withoutTransform(callback);
|
2360 |
-
}
|
2361 |
-
else {
|
2362 |
-
callback();
|
2363 |
-
}
|
2364 |
-
if (this.isLayoutProjectionEnabled) {
|
2365 |
-
this.element.style.transform = this.style.transform;
|
2366 |
-
}
|
2367 |
};
|
2368 |
/**
|
2369 |
-
*
|
2370 |
-
*
|
|
|
|
|
2371 |
*/
|
2372 |
-
|
2373 |
-
|
2374 |
-
|
2375 |
-
|
2376 |
-
|
2377 |
-
|
2378 |
-
|
2379 |
-
|
2380 |
-
/**
|
2381 |
-
* Apply all the parent deltas to this box to produce the corrected box. This
|
2382 |
-
* is the layout box, as it will appear on screen as a result of the transforms of its parents.
|
2383 |
-
*/
|
2384 |
-
applyTreeDeltas(this.boxCorrected, this.treeScale, this.treePath);
|
2385 |
-
/**
|
2386 |
-
* Update the delta between the corrected box and the target box before user-set transforms were applied.
|
2387 |
-
* This will allow us to calculate the corrected borderRadius and boxShadow to compensate
|
2388 |
-
* for our layout reprojection, but still allow them to be scaled correctly by the user.
|
2389 |
-
* It might be that to simplify this we may want to accept that user-set scale is also corrected
|
2390 |
-
* and we wouldn't have to keep and calc both deltas, OR we could support a user setting
|
2391 |
-
* to allow people to choose whether these styles are corrected based on just the
|
2392 |
-
* layout reprojection or the final bounding box.
|
2393 |
-
*/
|
2394 |
-
updateBoxDelta(this.delta, this.boxCorrected, this.targetBox, this.layoutOrigin);
|
2395 |
-
/**
|
2396 |
-
* If we have a listener for the viewport box, fire it.
|
2397 |
-
*/
|
2398 |
-
this.hasViewportBoxUpdated &&
|
2399 |
-
this.viewportBoxUpdateListeners.notify(this.targetBox, this.delta);
|
2400 |
-
this.hasViewportBoxUpdated = false;
|
2401 |
-
/**
|
2402 |
-
* Ensure this element renders on the next frame if the projection transform has changed.
|
2403 |
-
*/
|
2404 |
-
var deltaTransform = buildLayoutProjectionTransform(this.delta, this.treeScale);
|
2405 |
-
if (deltaTransform !== this.deltaTransform ||
|
2406 |
-
// Also compare calculated treeScale, for values that rely on only this for scale correction.
|
2407 |
-
prevTreeScaleX !== this.treeScale.x ||
|
2408 |
-
prevTreeScaleY !== this.treeScale.y) {
|
2409 |
-
this.scheduleRender();
|
2410 |
}
|
2411 |
-
|
2412 |
};
|
2413 |
-
|
2414 |
-
|
2415 |
-
|
2416 |
-
|
2417 |
-
* Apply the latest user-set transforms to the targetBox to produce the targetBoxFinal.
|
2418 |
-
* This is the final box that we will then project into by calculating a transform delta and
|
2419 |
-
* applying it to the corrected box.
|
2420 |
-
*/
|
2421 |
-
applyBoxTransforms(this.targetBoxFinal, this.targetBox, this.latest);
|
2422 |
/**
|
2423 |
-
*
|
2424 |
-
*
|
2425 |
-
* create a transform style that will reproject the element from its actual layout
|
2426 |
-
* into the desired bounding box.
|
2427 |
*/
|
2428 |
-
|
2429 |
-
};
|
2430 |
-
/**
|
2431 |
-
* ========================================
|
2432 |
-
* Build & render
|
2433 |
-
* ========================================
|
2434 |
-
*/
|
2435 |
-
/**
|
2436 |
-
* Build a style prop using the latest resolved MotionValues
|
2437 |
-
*/
|
2438 |
-
HTMLVisualElement.prototype.build = function () {
|
2439 |
-
this.updateTransformDeltas();
|
2440 |
-
if (this.isVisible !== undefined) {
|
2441 |
-
this.style.visibility = this.isVisible ? "visible" : "hidden";
|
2442 |
-
}
|
2443 |
-
buildHTMLStyles(this.latest, this.style, this.vars, this.transform, this.transformOrigin, this.transformKeys, this.config, this.isLayoutProjectionEnabled && !!this.box, this.delta, this.deltaFinal, this.treeScale, this.targetBoxFinal);
|
2444 |
};
|
2445 |
-
|
2446 |
-
|
2447 |
-
*/
|
2448 |
-
HTMLVisualElement.prototype.render = function () {
|
2449 |
-
// Rebuild the latest animated values into style and vars caches.
|
2450 |
-
this.build();
|
2451 |
-
// Directly assign style into the Element's style prop. In tests Object.assign is the
|
2452 |
-
// fastest way to assign styles.
|
2453 |
-
Object.assign(this.element.style, this.style);
|
2454 |
-
// Loop over any CSS variables and assign those.
|
2455 |
-
for (var key in this.vars) {
|
2456 |
-
this.element.style.setProperty(key, this.vars[key]);
|
2457 |
-
}
|
2458 |
};
|
2459 |
-
return
|
2460 |
-
}(
|
2461 |
-
|
2462 |
-
|
2463 |
-
|
2464 |
-
|
2465 |
-
|
2466 |
-
|
|
|
|
|
|
|
|
|
|
|
2467 |
};
|
2468 |
|
2469 |
-
|
2470 |
-
|
2471 |
-
|
2472 |
-
|
2473 |
-
|
2474 |
-
|
2475 |
-
|
2476 |
-
|
2477 |
-
|
2478 |
-
|
2479 |
-
|
2480 |
-
|
2481 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2482 |
}
|
2483 |
|
2484 |
-
|
2485 |
-
|
2486 |
-
|
2487 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2488 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2489 |
/**
|
2490 |
-
*
|
2491 |
-
*
|
2492 |
*/
|
2493 |
-
function
|
2494 |
-
var
|
2495 |
-
var
|
2496 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2497 |
}
|
2498 |
|
2499 |
-
|
2500 |
-
|
2501 |
-
|
2502 |
-
}
|
2503 |
-
|
2504 |
-
|
2505 |
-
|
2506 |
-
|
2507 |
-
|
2508 |
-
|
2509 |
-
|
2510 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2511 |
/**
|
2512 |
-
*
|
2513 |
-
* our custom pathLength, pathSpacing and pathOffset into stroke-dashoffset
|
2514 |
-
* and stroke-dasharray attributes.
|
2515 |
*
|
2516 |
-
* This function
|
|
|
|
|
|
|
|
|
|
|
|
|
2517 |
*/
|
2518 |
-
function
|
2519 |
-
|
2520 |
-
|
2521 |
-
|
2522 |
-
|
2523 |
-
|
2524 |
-
|
2525 |
-
|
2526 |
-
|
2527 |
-
|
2528 |
-
|
2529 |
-
|
2530 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2531 |
}
|
2532 |
|
2533 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2534 |
/**
|
2535 |
-
*
|
|
|
2536 |
*/
|
2537 |
-
function
|
2538 |
-
|
2539 |
-
|
2540 |
-
|
2541 |
-
|
2542 |
-
|
2543 |
-
|
2544 |
-
|
2545 |
-
|
2546 |
-
|
2547 |
-
|
2548 |
-
|
2549 |
-
|
2550 |
-
|
2551 |
-
|
2552 |
-
}
|
2553 |
-
// Parse transformOrigin
|
2554 |
-
if (originX !== undefined || originY !== undefined || style.transform) {
|
2555 |
-
style.transformOrigin = calcSVGTransformOrigin(dimensions || unmeasured, originX !== undefined ? originX : 0.5, originY !== undefined ? originY : 0.5);
|
2556 |
-
}
|
2557 |
-
// Treat x/y not as shortcuts but as actual attributes
|
2558 |
-
if (attrX !== undefined)
|
2559 |
-
attrs.x = attrX;
|
2560 |
-
if (attrY !== undefined)
|
2561 |
-
attrs.y = attrY;
|
2562 |
-
// Build SVG path if one has been measured
|
2563 |
-
if (totalPathLength !== undefined && pathLength !== undefined) {
|
2564 |
-
buildSVGPath(attrs, totalPathLength, pathLength, pathSpacing, pathOffset, false);
|
2565 |
-
}
|
2566 |
-
return attrs;
|
2567 |
}
|
2568 |
|
2569 |
-
/**
|
2570 |
-
* A set of attribute names that are always read/written as camel case.
|
2571 |
-
*/
|
2572 |
-
var camelCaseAttributes = new Set([
|
2573 |
-
"baseFrequency",
|
2574 |
-
"diffuseConstant",
|
2575 |
-
"kernelMatrix",
|
2576 |
-
"kernelUnitLength",
|
2577 |
-
"keySplines",
|
2578 |
-
"keyTimes",
|
2579 |
-
"limitingConeAngle",
|
2580 |
-
"markerHeight",
|
2581 |
-
"markerWidth",
|
2582 |
-
"numOctaves",
|
2583 |
-
"targetX",
|
2584 |
-
"targetY",
|
2585 |
-
"surfaceScale",
|
2586 |
-
"specularConstant",
|
2587 |
-
"specularExponent",
|
2588 |
-
"stdDeviation",
|
2589 |
-
"tableValues",
|
2590 |
-
"viewBox",
|
2591 |
-
]);
|
2592 |
|
2593 |
-
var CAMEL_CASE_PATTERN = /([a-z])([A-Z])/g;
|
2594 |
-
var REPLACE_TEMPLATE = "$1-$2";
|
2595 |
-
/**
|
2596 |
-
* Convert camelCase to dash-case properties.
|
2597 |
-
*/
|
2598 |
-
var camelToDash = function (str) {
|
2599 |
-
return str.replace(CAMEL_CASE_PATTERN, REPLACE_TEMPLATE).toLowerCase();
|
2600 |
-
};
|
2601 |
|
2602 |
-
|
2603 |
-
|
2604 |
-
|
2605 |
-
|
2606 |
-
|
2607 |
-
|
2608 |
-
|
2609 |
-
|
2610 |
-
|
2611 |
-
|
2612 |
-
|
2613 |
-
|
2614 |
-
|
2615 |
-
|
2616 |
-
|
2617 |
-
|
2618 |
-
|
2619 |
-
|
2620 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2621 |
/**
|
2622 |
-
*
|
2623 |
-
* being assigned to config
|
2624 |
*/
|
2625 |
-
|
2626 |
-
|
2627 |
-
|
2628 |
-
|
2629 |
-
* Measure the SVG element on mount. This can affect page rendering so there might be a
|
2630 |
-
* better time to perform this - for instance dynamically only if there's a transform-origin dependent
|
2631 |
-
* transform being set (like rotate)
|
2632 |
-
*/
|
2633 |
-
SVGVisualElement.prototype.mount = function (element) {
|
2634 |
-
_super.prototype.mount.call(this, element);
|
2635 |
-
this.measure();
|
2636 |
-
};
|
2637 |
-
/**
|
2638 |
-
* Update the SVG dimensions and path length
|
2639 |
-
*/
|
2640 |
-
SVGVisualElement.prototype.measure = function () {
|
2641 |
-
var _this = this;
|
2642 |
-
try {
|
2643 |
-
this.dimensions =
|
2644 |
-
typeof this.element.getBBox ===
|
2645 |
-
"function"
|
2646 |
-
? this.element.getBBox()
|
2647 |
-
: this.element.getBoundingClientRect();
|
2648 |
-
}
|
2649 |
-
catch (e) {
|
2650 |
-
// Most likely trying to measure an unrendered element under Firefox
|
2651 |
-
this.dimensions = { x: 0, y: 0, width: 0, height: 0 };
|
2652 |
-
}
|
2653 |
-
if (isPath(this.element)) {
|
2654 |
-
this.totalPathLength = this.element.getTotalLength();
|
2655 |
-
}
|
2656 |
/**
|
2657 |
-
*
|
2658 |
-
*
|
2659 |
*/
|
2660 |
-
|
2661 |
-
};
|
2662 |
-
SVGVisualElement.prototype.getBaseValue = function (key, props) {
|
2663 |
-
var prop = props[key];
|
2664 |
-
return prop !== undefined && !isMotionValue(prop)
|
2665 |
-
? prop
|
2666 |
-
: _super.prototype.getBaseValue.call(this, key, props);
|
2667 |
-
};
|
2668 |
-
/**
|
2669 |
-
* Empty the mutable data structures in case attrs have been removed between renders.
|
2670 |
-
*/
|
2671 |
-
SVGVisualElement.prototype.clean = function () {
|
2672 |
-
_super.prototype.clean.call(this);
|
2673 |
-
this.attrs = {};
|
2674 |
-
};
|
2675 |
/**
|
2676 |
-
*
|
|
|
|
|
2677 |
*/
|
2678 |
-
|
2679 |
-
|
2680 |
-
|
2681 |
-
|
2682 |
-
|
2683 |
-
|
2684 |
-
|
2685 |
-
|
2686 |
-
|
2687 |
-
|
2688 |
-
|
2689 |
-
|
2690 |
-
|
2691 |
-
|
2692 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2693 |
};
|
2694 |
-
|
2695 |
-
|
2696 |
-
|
2697 |
-
return
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2698 |
}
|
2699 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2700 |
/**
|
2701 |
-
*
|
|
|
|
|
|
|
2702 |
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2703 |
/**
|
2704 |
-
*
|
|
|
|
|
|
|
|
|
|
|
2705 |
*/
|
2706 |
-
|
2707 |
-
|
2708 |
-
|
2709 |
-
|
2710 |
-
|
2711 |
-
|
2712 |
-
|
2713 |
-
|
2714 |
-
|
2715 |
-
|
2716 |
-
|
2717 |
-
|
2718 |
-
|
2719 |
-
|
2720 |
-
|
2721 |
-
|
2722 |
-
|
2723 |
-
|
2724 |
-
|
2725 |
-
|
2726 |
-
|
2727 |
-
|
2728 |
-
|
2729 |
-
|
2730 |
-
|
2731 |
-
|
2732 |
-
|
2733 |
-
|
2734 |
-
|
2735 |
-
|
2736 |
-
|
2737 |
-
|
2738 |
-
|
2739 |
-
|
2740 |
-
|
2741 |
-
|
2742 |
-
|
2743 |
-
|
2744 |
-
|
2745 |
-
|
2746 |
-
|
2747 |
-
|
2748 |
-
|
2749 |
-
|
2750 |
-
|
2751 |
-
|
2752 |
-
|
2753 |
-
|
2754 |
-
|
2755 |
-
|
2756 |
-
"symbol",
|
2757 |
-
"text",
|
2758 |
-
"textPath",
|
2759 |
-
"tspan",
|
2760 |
-
"use",
|
2761 |
-
"view",
|
2762 |
-
];
|
2763 |
|
2764 |
-
var svgTagNames = new Set(svgElements);
|
2765 |
/**
|
2766 |
-
*
|
2767 |
-
*
|
2768 |
-
*
|
2769 |
-
*
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2770 |
*/
|
2771 |
-
function
|
2772 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2773 |
}
|
2774 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2775 |
/**
|
|
|
|
|
|
|
2776 |
* @public
|
2777 |
*/
|
2778 |
-
var
|
2779 |
-
|
2780 |
-
var MotionContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.createContext)({
|
2781 |
-
variantContext: {},
|
2782 |
-
});
|
2783 |
/**
|
2784 |
-
*
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2785 |
*/
|
2786 |
-
function
|
2787 |
-
return (0,
|
2788 |
-
}
|
2789 |
-
function useVisualElementContext() {
|
2790 |
-
return (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(MotionContext).visualElement;
|
2791 |
}
|
2792 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2793 |
/**
|
2794 |
-
*
|
|
|
|
|
|
|
|
|
|
|
|
|
2795 |
*/
|
2796 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2797 |
|
|
|
|
|
|
|
|
|
2798 |
/**
|
2799 |
-
*
|
2800 |
-
*
|
2801 |
-
*
|
|
|
|
|
2802 |
*/
|
2803 |
-
|
2804 |
-
var
|
2805 |
-
var visualElement = useConstant(function () {
|
2806 |
-
var DOMVisualElement = isSVGComponent(Component)
|
2807 |
-
? SVGVisualElement
|
2808 |
-
: HTMLVisualElement;
|
2809 |
-
return new DOMVisualElement(parent, ref);
|
2810 |
-
});
|
2811 |
/**
|
2812 |
-
* If
|
2813 |
-
*
|
2814 |
-
* TODO: This shouldn't live in a DOM-specific hook but there'll be a better sense of where this
|
2815 |
-
* and much of this hook should live when creating a new type of VisualElement (e.g Three.js).
|
2816 |
*/
|
2817 |
-
if (
|
2818 |
-
|
2819 |
-
|
2820 |
-
|
2821 |
-
|
2822 |
-
|
2823 |
-
|
2824 |
-
|
2825 |
-
? layoutGroupId + "-" + props.layoutId
|
2826 |
-
: props.layoutId;
|
2827 |
-
var presenceContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(PresenceContext);
|
2828 |
/**
|
2829 |
-
*
|
|
|
2830 |
*/
|
2831 |
-
var
|
2832 |
-
|
2833 |
-
|
|
|
|
|
|
|
|
|
|
|
2834 |
/**
|
2835 |
-
*
|
2836 |
*/
|
2837 |
-
var
|
2838 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2839 |
/**
|
2840 |
-
*
|
|
|
|
|
|
|
2841 |
*/
|
2842 |
-
(0,
|
2843 |
-
|
2844 |
-
|
2845 |
-
|
2846 |
-
|
2847 |
-
|
2848 |
-
|
2849 |
-
|
2850 |
-
|
2851 |
-
|
2852 |
-
|
2853 |
-
|
2854 |
-
|
2855 |
-
|
2856 |
-
}
|
2857 |
-
}
|
2858 |
-
return
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2859 |
};
|
2860 |
-
|
2861 |
/**
|
2862 |
-
* @
|
2863 |
*/
|
2864 |
-
|
2865 |
-
|
2866 |
-
|
2867 |
-
|
2868 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
17 |
|
18 |
var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
|
19 |
|
20 |
+
var index = (0,_emotion_memoize__WEBPACK_IMPORTED_MODULE_0__["default"])(function (prop) {
|
21 |
return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111
|
22 |
/* o */
|
23 |
&& prop.charCodeAt(1) === 110
|
55 |
|
56 |
/***/ }),
|
57 |
|
58 |
+
/***/ "./node_modules/framer-motion/dist/es/animation/animate.js":
|
59 |
+
/*!*****************************************************************!*\
|
60 |
+
!*** ./node_modules/framer-motion/dist/es/animation/animate.js ***!
|
61 |
+
\*****************************************************************/
|
62 |
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
63 |
|
64 |
__webpack_require__.r(__webpack_exports__);
|
65 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
66 |
+
/* harmony export */ "animate": () => (/* binding */ animate)
|
67 |
+
/* harmony export */ });
|
68 |
+
/* harmony import */ var _utils_transitions_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/transitions.js */ "./node_modules/framer-motion/dist/es/animation/utils/transitions.js");
|
69 |
+
/* harmony import */ var _value_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../value/index.js */ "./node_modules/framer-motion/dist/es/value/index.js");
|
70 |
+
/* harmony import */ var _value_utils_is_motion_value_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../value/utils/is-motion-value.js */ "./node_modules/framer-motion/dist/es/value/utils/is-motion-value.js");
|
71 |
+
|
72 |
+
|
73 |
+
|
74 |
+
|
75 |
+
/**
|
76 |
+
* Animate a single value or a `MotionValue`.
|
77 |
+
*
|
78 |
+
* The first argument is either a `MotionValue` to animate, or an initial animation value.
|
79 |
+
*
|
80 |
+
* The second is either a value to animate to, or an array of keyframes to animate through.
|
81 |
+
*
|
82 |
+
* The third argument can be either tween or spring options, and optional lifecycle methods: `onUpdate`, `onPlay`, `onComplete`, `onRepeat` and `onStop`.
|
83 |
+
*
|
84 |
+
* Returns `AnimationPlaybackControls`, currently just a `stop` method.
|
85 |
+
*
|
86 |
+
* ```javascript
|
87 |
+
* const x = useMotionValue(0)
|
88 |
+
*
|
89 |
+
* useEffect(() => {
|
90 |
+
* const controls = animate(x, 100, {
|
91 |
+
* type: "spring",
|
92 |
+
* stiffness: 2000,
|
93 |
+
* onComplete: v => {}
|
94 |
+
* })
|
95 |
+
*
|
96 |
+
* return controls.stop
|
97 |
+
* })
|
98 |
+
* ```
|
99 |
+
*
|
100 |
+
* @public
|
101 |
+
*/
|
102 |
+
function animate(from, to, transition) {
|
103 |
+
if (transition === void 0) { transition = {}; }
|
104 |
+
var value = (0,_value_utils_is_motion_value_js__WEBPACK_IMPORTED_MODULE_0__.isMotionValue)(from) ? from : (0,_value_index_js__WEBPACK_IMPORTED_MODULE_1__.motionValue)(from);
|
105 |
+
(0,_utils_transitions_js__WEBPACK_IMPORTED_MODULE_2__.startAnimation)("", value, to, transition);
|
106 |
+
return {
|
107 |
+
stop: function () { return value.stop(); },
|
108 |
+
};
|
109 |
+
}
|
110 |
+
|
111 |
+
|
112 |
|
|
|
113 |
|
114 |
/***/ }),
|
115 |
|
116 |
+
/***/ "./node_modules/framer-motion/dist/es/animation/animation-controls.js":
|
117 |
+
/*!****************************************************************************!*\
|
118 |
+
!*** ./node_modules/framer-motion/dist/es/animation/animation-controls.js ***!
|
119 |
+
\****************************************************************************/
|
120 |
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
121 |
|
122 |
__webpack_require__.r(__webpack_exports__);
|
123 |
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
124 |
/* harmony export */ "animationControls": () => (/* binding */ animationControls),
|
125 |
+
/* harmony export */ "isAnimationControls": () => (/* binding */ isAnimationControls)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
126 |
/* harmony export */ });
|
127 |
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
128 |
+
/* harmony import */ var hey_listen__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! hey-listen */ "./node_modules/hey-listen/dist/hey-listen.es.js");
|
129 |
+
/* harmony import */ var _render_utils_setters_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../render/utils/setters.js */ "./node_modules/framer-motion/dist/es/render/utils/setters.js");
|
130 |
+
/* harmony import */ var _render_utils_animation_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../render/utils/animation.js */ "./node_modules/framer-motion/dist/es/render/utils/animation.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
131 |
|
132 |
|
133 |
|
134 |
|
|
|
|
|
|
|
135 |
|
136 |
+
function animationControls() {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
137 |
/**
|
138 |
+
* Track whether the host component has mounted.
|
|
|
139 |
*/
|
140 |
+
var hasMounted = false;
|
141 |
+
/**
|
142 |
+
* Pending animations that are started before a component is mounted.
|
143 |
+
* TODO: Remove this as animations should only run in effects
|
144 |
+
*/
|
145 |
+
var pendingAnimations = [];
|
146 |
+
/**
|
147 |
+
* A collection of linked component animation controls.
|
148 |
+
*/
|
149 |
+
var subscribers = new Set();
|
150 |
+
var controls = {
|
151 |
+
subscribe: function (visualElement) {
|
152 |
+
subscribers.add(visualElement);
|
153 |
+
return function () { return void subscribers.delete(visualElement); };
|
154 |
+
},
|
155 |
+
start: function (definition, transitionOverride) {
|
156 |
+
/**
|
157 |
+
* TODO: We only perform this hasMounted check because in Framer we used to
|
158 |
+
* encourage the ability to start an animation within the render phase. This
|
159 |
+
* isn't behaviour concurrent-safe so when we make Framer concurrent-safe
|
160 |
+
* we can ditch this.
|
161 |
+
*/
|
162 |
+
if (hasMounted) {
|
163 |
+
var animations_1 = [];
|
164 |
+
subscribers.forEach(function (visualElement) {
|
165 |
+
animations_1.push((0,_render_utils_animation_js__WEBPACK_IMPORTED_MODULE_1__.animateVisualElement)(visualElement, definition, {
|
166 |
+
transitionOverride: transitionOverride,
|
167 |
+
}));
|
168 |
+
});
|
169 |
+
return Promise.all(animations_1);
|
170 |
}
|
171 |
+
else {
|
172 |
+
return new Promise(function (resolve) {
|
173 |
+
pendingAnimations.push({
|
174 |
+
animation: [definition, transitionOverride],
|
175 |
+
resolve: resolve,
|
176 |
+
});
|
177 |
+
});
|
178 |
}
|
179 |
+
},
|
180 |
+
set: function (definition) {
|
181 |
+
(0,hey_listen__WEBPACK_IMPORTED_MODULE_0__.invariant)(hasMounted, "controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook.");
|
182 |
+
return subscribers.forEach(function (visualElement) {
|
183 |
+
(0,_render_utils_setters_js__WEBPACK_IMPORTED_MODULE_2__.setValues)(visualElement, definition);
|
184 |
+
});
|
185 |
+
},
|
186 |
+
stop: function () {
|
187 |
+
subscribers.forEach(function (visualElement) {
|
188 |
+
(0,_render_utils_animation_js__WEBPACK_IMPORTED_MODULE_1__.stopAnimation)(visualElement);
|
189 |
+
});
|
190 |
+
},
|
191 |
+
mount: function () {
|
192 |
+
hasMounted = true;
|
193 |
+
pendingAnimations.forEach(function (_a) {
|
194 |
+
var animation = _a.animation, resolve = _a.resolve;
|
195 |
+
controls.start.apply(controls, (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__spread)(animation)).then(resolve);
|
196 |
+
});
|
197 |
+
return function () {
|
198 |
+
hasMounted = false;
|
199 |
+
controls.stop();
|
200 |
+
};
|
201 |
+
},
|
202 |
};
|
203 |
+
return controls;
|
204 |
+
}
|
205 |
+
function isAnimationControls(v) {
|
206 |
+
return typeof v === "object" && typeof v.start === "function";
|
207 |
+
}
|
208 |
|
209 |
+
|
210 |
+
|
211 |
+
|
212 |
+
/***/ }),
|
213 |
+
|
214 |
+
/***/ "./node_modules/framer-motion/dist/es/animation/use-animated-state.js":
|
215 |
+
/*!****************************************************************************!*\
|
216 |
+
!*** ./node_modules/framer-motion/dist/es/animation/use-animated-state.js ***!
|
217 |
+
\****************************************************************************/
|
218 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
219 |
+
|
220 |
+
__webpack_require__.r(__webpack_exports__);
|
221 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
222 |
+
/* harmony export */ "useAnimatedState": () => (/* binding */ useAnimatedState)
|
223 |
+
/* harmony export */ });
|
224 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
225 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
226 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
227 |
+
/* harmony import */ var _utils_use_constant_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/use-constant.js */ "./node_modules/framer-motion/dist/es/utils/use-constant.js");
|
228 |
+
/* harmony import */ var _utils_geometry_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/geometry/index.js */ "./node_modules/framer-motion/dist/es/utils/geometry/index.js");
|
229 |
+
/* harmony import */ var _render_utils_setters_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../render/utils/setters.js */ "./node_modules/framer-motion/dist/es/render/utils/setters.js");
|
230 |
+
/* harmony import */ var _render_utils_animation_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../render/utils/animation.js */ "./node_modules/framer-motion/dist/es/render/utils/animation.js");
|
231 |
+
/* harmony import */ var _render_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../render/index.js */ "./node_modules/framer-motion/dist/es/render/index.js");
|
232 |
+
/* harmony import */ var _motion_utils_use_visual_state_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../motion/utils/use-visual-state.js */ "./node_modules/framer-motion/dist/es/motion/utils/use-visual-state.js");
|
233 |
+
|
234 |
+
|
235 |
+
|
236 |
+
|
237 |
+
|
238 |
+
|
239 |
+
|
240 |
+
|
241 |
+
|
242 |
+
var createObject = function () { return ({}); };
|
243 |
+
var stateVisualElement = (0,_render_index_js__WEBPACK_IMPORTED_MODULE_1__.visualElement)({
|
244 |
+
build: function () { },
|
245 |
+
measureViewportBox: _utils_geometry_index_js__WEBPACK_IMPORTED_MODULE_2__.axisBox,
|
246 |
+
resetTransform: function () { },
|
247 |
+
restoreTransform: function () { },
|
248 |
+
removeValueFromRenderState: function () { },
|
249 |
+
render: function () { },
|
250 |
+
scrapeMotionValuesFromProps: createObject,
|
251 |
+
readValueFromInstance: function (_state, key, options) {
|
252 |
+
return options.initialState[key] || 0;
|
253 |
+
},
|
254 |
+
makeTargetAnimatable: function (element, _a) {
|
255 |
+
var transition = _a.transition, transitionEnd = _a.transitionEnd, target = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__rest)(_a, ["transition", "transitionEnd"]);
|
256 |
+
var origin = (0,_render_utils_setters_js__WEBPACK_IMPORTED_MODULE_4__.getOrigin)(target, transition || {}, element);
|
257 |
+
(0,_render_utils_setters_js__WEBPACK_IMPORTED_MODULE_4__.checkTargetForNewValues)(element, target, origin);
|
258 |
+
return (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({ transition: transition, transitionEnd: transitionEnd }, target);
|
259 |
+
},
|
260 |
+
});
|
261 |
+
var useVisualState = (0,_motion_utils_use_visual_state_js__WEBPACK_IMPORTED_MODULE_5__.makeUseVisualState)({
|
262 |
+
scrapeMotionValuesFromProps: createObject,
|
263 |
+
createRenderState: createObject,
|
264 |
+
});
|
265 |
/**
|
266 |
+
* This is not an officially supported API and may be removed
|
267 |
+
* on any version.
|
268 |
+
* @internal
|
269 |
+
*/
|
270 |
+
function useAnimatedState(initialState) {
|
271 |
+
var _a = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__read)((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialState), 2), animationState = _a[0], setAnimationState = _a[1];
|
272 |
+
var visualState = useVisualState({}, false);
|
273 |
+
var element = (0,_utils_use_constant_js__WEBPACK_IMPORTED_MODULE_6__.useConstant)(function () {
|
274 |
+
return stateVisualElement({ props: {}, visualState: visualState }, { initialState: initialState });
|
275 |
+
});
|
276 |
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
277 |
+
element.mount({});
|
278 |
+
return element.unmount();
|
279 |
+
}, []);
|
280 |
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
281 |
+
element.setProps({
|
282 |
+
onUpdate: function (v) { return setAnimationState((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, v)); },
|
283 |
+
});
|
284 |
+
});
|
285 |
+
var startAnimation = (0,_utils_use_constant_js__WEBPACK_IMPORTED_MODULE_6__.useConstant)(function () { return function (animationDefinition) {
|
286 |
+
return (0,_render_utils_animation_js__WEBPACK_IMPORTED_MODULE_7__.animateVisualElement)(element, animationDefinition);
|
287 |
+
}; });
|
288 |
+
return [animationState, startAnimation];
|
289 |
+
}
|
290 |
+
|
291 |
+
|
292 |
+
|
293 |
+
|
294 |
+
/***/ }),
|
295 |
+
|
296 |
+
/***/ "./node_modules/framer-motion/dist/es/animation/use-animation.js":
|
297 |
+
/*!***********************************************************************!*\
|
298 |
+
!*** ./node_modules/framer-motion/dist/es/animation/use-animation.js ***!
|
299 |
+
\***********************************************************************/
|
300 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
301 |
+
|
302 |
+
__webpack_require__.r(__webpack_exports__);
|
303 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
304 |
+
/* harmony export */ "useAnimation": () => (/* binding */ useAnimation)
|
305 |
+
/* harmony export */ });
|
306 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
307 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
308 |
+
/* harmony import */ var _utils_use_constant_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/use-constant.js */ "./node_modules/framer-motion/dist/es/utils/use-constant.js");
|
309 |
+
/* harmony import */ var _animation_controls_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./animation-controls.js */ "./node_modules/framer-motion/dist/es/animation/animation-controls.js");
|
310 |
+
|
311 |
+
|
312 |
+
|
313 |
+
|
314 |
+
/**
|
315 |
+
* Creates `AnimationControls`, which can be used to manually start, stop
|
316 |
+
* and sequence animations on one or more components.
|
317 |
+
*
|
318 |
+
* The returned `AnimationControls` should be passed to the `animate` property
|
319 |
+
* of the components you want to animate.
|
320 |
+
*
|
321 |
+
* These components can then be animated with the `start` method.
|
322 |
+
*
|
323 |
+
* @library
|
324 |
+
*
|
325 |
+
* ```jsx
|
326 |
+
* import * as React from 'react'
|
327 |
+
* import { Frame, useAnimation } from 'framer'
|
328 |
+
*
|
329 |
+
* export function MyComponent(props) {
|
330 |
+
* const controls = useAnimation()
|
331 |
+
*
|
332 |
+
* controls.start({
|
333 |
+
* x: 100,
|
334 |
+
* transition: { duration: 0.5 },
|
335 |
+
* })
|
336 |
+
*
|
337 |
+
* return <Frame animate={controls} />
|
338 |
+
* }
|
339 |
+
* ```
|
340 |
+
*
|
341 |
+
* @motion
|
342 |
+
*
|
343 |
+
* ```jsx
|
344 |
+
* import * as React from 'react'
|
345 |
+
* import { motion, useAnimation } from 'framer-motion'
|
346 |
+
*
|
347 |
+
* export function MyComponent(props) {
|
348 |
+
* const controls = useAnimation()
|
349 |
+
*
|
350 |
+
* controls.start({
|
351 |
+
* x: 100,
|
352 |
+
* transition: { duration: 0.5 },
|
353 |
+
* })
|
354 |
+
*
|
355 |
+
* return <motion.div animate={controls} />
|
356 |
+
* }
|
357 |
+
* ```
|
358 |
+
*
|
359 |
+
* @returns Animation controller with `start` and `stop` methods
|
360 |
*
|
361 |
* @public
|
362 |
*/
|
363 |
+
function useAnimation() {
|
364 |
+
var controls = (0,_utils_use_constant_js__WEBPACK_IMPORTED_MODULE_1__.useConstant)(_animation_controls_js__WEBPACK_IMPORTED_MODULE_2__.animationControls);
|
365 |
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(controls.mount, []);
|
366 |
+
return controls;
|
367 |
+
}
|
368 |
+
|
369 |
+
|
370 |
+
|
371 |
+
|
372 |
+
/***/ }),
|
373 |
+
|
374 |
+
/***/ "./node_modules/framer-motion/dist/es/animation/utils/default-transitions.js":
|
375 |
+
/*!***********************************************************************************!*\
|
376 |
+
!*** ./node_modules/framer-motion/dist/es/animation/utils/default-transitions.js ***!
|
377 |
+
\***********************************************************************************/
|
378 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
379 |
+
|
380 |
+
__webpack_require__.r(__webpack_exports__);
|
381 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
382 |
+
/* harmony export */ "criticallyDampedSpring": () => (/* binding */ criticallyDampedSpring),
|
383 |
+
/* harmony export */ "getDefaultTransition": () => (/* binding */ getDefaultTransition),
|
384 |
+
/* harmony export */ "linearTween": () => (/* binding */ linearTween),
|
385 |
+
/* harmony export */ "underDampedSpring": () => (/* binding */ underDampedSpring)
|
386 |
+
/* harmony export */ });
|
387 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
388 |
+
/* harmony import */ var _is_keyframes_target_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./is-keyframes-target.js */ "./node_modules/framer-motion/dist/es/animation/utils/is-keyframes-target.js");
|
389 |
+
|
390 |
+
|
391 |
+
|
392 |
+
var underDampedSpring = function () { return ({
|
393 |
+
type: "spring",
|
394 |
+
stiffness: 500,
|
395 |
+
damping: 25,
|
396 |
+
restDelta: 0.5,
|
397 |
+
restSpeed: 10,
|
398 |
+
}); };
|
399 |
+
var criticallyDampedSpring = function (to) { return ({
|
400 |
+
type: "spring",
|
401 |
+
stiffness: 550,
|
402 |
+
damping: to === 0 ? 2 * Math.sqrt(550) : 30,
|
403 |
+
restDelta: 0.01,
|
404 |
+
restSpeed: 10,
|
405 |
+
}); };
|
406 |
+
var linearTween = function () { return ({
|
407 |
+
type: "keyframes",
|
408 |
+
ease: "linear",
|
409 |
+
duration: 0.3,
|
410 |
+
}); };
|
411 |
+
var keyframes = function (values) { return ({
|
412 |
+
type: "keyframes",
|
413 |
+
duration: 0.8,
|
414 |
+
values: values,
|
415 |
+
}); };
|
416 |
+
var defaultTransitions = {
|
417 |
+
x: underDampedSpring,
|
418 |
+
y: underDampedSpring,
|
419 |
+
z: underDampedSpring,
|
420 |
+
rotate: underDampedSpring,
|
421 |
+
rotateX: underDampedSpring,
|
422 |
+
rotateY: underDampedSpring,
|
423 |
+
rotateZ: underDampedSpring,
|
424 |
+
scaleX: criticallyDampedSpring,
|
425 |
+
scaleY: criticallyDampedSpring,
|
426 |
+
scale: criticallyDampedSpring,
|
427 |
+
opacity: linearTween,
|
428 |
+
backgroundColor: linearTween,
|
429 |
+
color: linearTween,
|
430 |
+
default: criticallyDampedSpring,
|
431 |
+
};
|
432 |
+
var getDefaultTransition = function (valueKey, to) {
|
433 |
+
var transitionFactory;
|
434 |
+
if ((0,_is_keyframes_target_js__WEBPACK_IMPORTED_MODULE_0__.isKeyframesTarget)(to)) {
|
435 |
+
transitionFactory = keyframes;
|
436 |
+
}
|
437 |
+
else {
|
438 |
+
transitionFactory =
|
439 |
+
defaultTransitions[valueKey] || defaultTransitions.default;
|
440 |
+
}
|
441 |
+
return (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__assign)({ to: to }, transitionFactory(to));
|
442 |
+
};
|
443 |
+
|
444 |
+
|
445 |
+
|
446 |
+
|
447 |
+
/***/ }),
|
448 |
+
|
449 |
+
/***/ "./node_modules/framer-motion/dist/es/animation/utils/easing.js":
|
450 |
+
/*!**********************************************************************!*\
|
451 |
+
!*** ./node_modules/framer-motion/dist/es/animation/utils/easing.js ***!
|
452 |
+
\**********************************************************************/
|
453 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
454 |
+
|
455 |
+
__webpack_require__.r(__webpack_exports__);
|
456 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
457 |
+
/* harmony export */ "easingDefinitionToFunction": () => (/* binding */ easingDefinitionToFunction),
|
458 |
+
/* harmony export */ "isEasingArray": () => (/* binding */ isEasingArray)
|
459 |
+
/* harmony export */ });
|
460 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
461 |
+
/* harmony import */ var hey_listen__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! hey-listen */ "./node_modules/hey-listen/dist/hey-listen.es.js");
|
462 |
+
/* harmony import */ var popmotion__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! popmotion */ "./node_modules/popmotion/dist/es/easing/index.js");
|
463 |
+
/* harmony import */ var popmotion__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! popmotion */ "./node_modules/popmotion/dist/es/easing/cubic-bezier.js");
|
464 |
+
|
465 |
+
|
466 |
+
|
467 |
+
|
468 |
+
var easingLookup = {
|
469 |
+
linear: popmotion__WEBPACK_IMPORTED_MODULE_1__.linear,
|
470 |
+
easeIn: popmotion__WEBPACK_IMPORTED_MODULE_1__.easeIn,
|
471 |
+
easeInOut: popmotion__WEBPACK_IMPORTED_MODULE_1__.easeInOut,
|
472 |
+
easeOut: popmotion__WEBPACK_IMPORTED_MODULE_1__.easeOut,
|
473 |
+
circIn: popmotion__WEBPACK_IMPORTED_MODULE_1__.circIn,
|
474 |
+
circInOut: popmotion__WEBPACK_IMPORTED_MODULE_1__.circInOut,
|
475 |
+
circOut: popmotion__WEBPACK_IMPORTED_MODULE_1__.circOut,
|
476 |
+
backIn: popmotion__WEBPACK_IMPORTED_MODULE_1__.backIn,
|
477 |
+
backInOut: popmotion__WEBPACK_IMPORTED_MODULE_1__.backInOut,
|
478 |
+
backOut: popmotion__WEBPACK_IMPORTED_MODULE_1__.backOut,
|
479 |
+
anticipate: popmotion__WEBPACK_IMPORTED_MODULE_1__.anticipate,
|
480 |
+
bounceIn: popmotion__WEBPACK_IMPORTED_MODULE_1__.bounceIn,
|
481 |
+
bounceInOut: popmotion__WEBPACK_IMPORTED_MODULE_1__.bounceInOut,
|
482 |
+
bounceOut: popmotion__WEBPACK_IMPORTED_MODULE_1__.bounceOut,
|
483 |
+
};
|
484 |
+
var easingDefinitionToFunction = function (definition) {
|
485 |
+
if (Array.isArray(definition)) {
|
486 |
+
// If cubic bezier definition, create bezier curve
|
487 |
+
(0,hey_listen__WEBPACK_IMPORTED_MODULE_0__.invariant)(definition.length === 4, "Cubic bezier arrays must contain four numerical values.");
|
488 |
+
var _a = (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__read)(definition, 4), x1 = _a[0], y1 = _a[1], x2 = _a[2], y2 = _a[3];
|
489 |
+
return (0,popmotion__WEBPACK_IMPORTED_MODULE_3__.cubicBezier)(x1, y1, x2, y2);
|
490 |
+
}
|
491 |
+
else if (typeof definition === "string") {
|
492 |
+
// Else lookup from table
|
493 |
+
(0,hey_listen__WEBPACK_IMPORTED_MODULE_0__.invariant)(easingLookup[definition] !== undefined, "Invalid easing type '" + definition + "'");
|
494 |
+
return easingLookup[definition];
|
495 |
+
}
|
496 |
+
return definition;
|
497 |
+
};
|
498 |
+
var isEasingArray = function (ease) {
|
499 |
+
return Array.isArray(ease) && typeof ease[0] !== "number";
|
500 |
+
};
|
501 |
+
|
502 |
+
|
503 |
+
|
504 |
+
|
505 |
+
/***/ }),
|
506 |
+
|
507 |
+
/***/ "./node_modules/framer-motion/dist/es/animation/utils/is-animatable.js":
|
508 |
+
/*!*****************************************************************************!*\
|
509 |
+
!*** ./node_modules/framer-motion/dist/es/animation/utils/is-animatable.js ***!
|
510 |
+
\*****************************************************************************/
|
511 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
512 |
+
|
513 |
+
__webpack_require__.r(__webpack_exports__);
|
514 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
515 |
+
/* harmony export */ "isAnimatable": () => (/* binding */ isAnimatable)
|
516 |
+
/* harmony export */ });
|
517 |
+
/* harmony import */ var style_value_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! style-value-types */ "./node_modules/style-value-types/dist/es/complex/index.js");
|
518 |
+
|
519 |
+
|
520 |
+
/**
|
521 |
+
* Check if a value is animatable. Examples:
|
522 |
+
*
|
523 |
+
* ✅: 100, "100px", "#fff"
|
524 |
+
* ❌: "block", "url(2.jpg)"
|
525 |
+
* @param value
|
526 |
+
*
|
527 |
+
* @internal
|
528 |
+
*/
|
529 |
+
var isAnimatable = function (key, value) {
|
530 |
+
// If the list of keys tat might be non-animatable grows, replace with Set
|
531 |
+
if (key === "zIndex")
|
532 |
+
return false;
|
533 |
+
// If it's a number or a keyframes array, we can animate it. We might at some point
|
534 |
+
// need to do a deep isAnimatable check of keyframes, or let Popmotion handle this,
|
535 |
+
// but for now lets leave it like this for performance reasons
|
536 |
+
if (typeof value === "number" || Array.isArray(value))
|
537 |
+
return true;
|
538 |
+
if (typeof value === "string" && // It's animatable if we have a string
|
539 |
+
style_value_types__WEBPACK_IMPORTED_MODULE_0__.complex.test(value) && // And it contains numbers and/or colors
|
540 |
+
!value.startsWith("url(") // Unless it starts with "url("
|
541 |
+
) {
|
542 |
+
return true;
|
543 |
+
}
|
544 |
+
return false;
|
545 |
+
};
|
546 |
+
|
547 |
+
|
548 |
+
|
549 |
+
|
550 |
+
/***/ }),
|
551 |
+
|
552 |
+
/***/ "./node_modules/framer-motion/dist/es/animation/utils/is-keyframes-target.js":
|
553 |
+
/*!***********************************************************************************!*\
|
554 |
+
!*** ./node_modules/framer-motion/dist/es/animation/utils/is-keyframes-target.js ***!
|
555 |
+
\***********************************************************************************/
|
556 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
557 |
+
|
558 |
+
__webpack_require__.r(__webpack_exports__);
|
559 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
560 |
+
/* harmony export */ "isKeyframesTarget": () => (/* binding */ isKeyframesTarget)
|
561 |
+
/* harmony export */ });
|
562 |
+
var isKeyframesTarget = function (v) {
|
563 |
+
return Array.isArray(v);
|
564 |
+
};
|
565 |
+
|
566 |
+
|
567 |
+
|
568 |
+
|
569 |
+
/***/ }),
|
570 |
+
|
571 |
+
/***/ "./node_modules/framer-motion/dist/es/animation/utils/transitions.js":
|
572 |
+
/*!***************************************************************************!*\
|
573 |
+
!*** ./node_modules/framer-motion/dist/es/animation/utils/transitions.js ***!
|
574 |
+
\***************************************************************************/
|
575 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
576 |
+
|
577 |
+
__webpack_require__.r(__webpack_exports__);
|
578 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
579 |
+
/* harmony export */ "convertTransitionToAnimationOptions": () => (/* binding */ convertTransitionToAnimationOptions),
|
580 |
+
/* harmony export */ "getDelayFromTransition": () => (/* binding */ getDelayFromTransition),
|
581 |
+
/* harmony export */ "getPopmotionAnimationOptions": () => (/* binding */ getPopmotionAnimationOptions),
|
582 |
+
/* harmony export */ "getValueTransition": () => (/* binding */ getValueTransition),
|
583 |
+
/* harmony export */ "hydrateKeyframes": () => (/* binding */ hydrateKeyframes),
|
584 |
+
/* harmony export */ "isTransitionDefined": () => (/* binding */ isTransitionDefined),
|
585 |
+
/* harmony export */ "startAnimation": () => (/* binding */ startAnimation)
|
586 |
+
/* harmony export */ });
|
587 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
588 |
+
/* harmony import */ var hey_listen__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! hey-listen */ "./node_modules/hey-listen/dist/hey-listen.es.js");
|
589 |
+
/* harmony import */ var popmotion__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! popmotion */ "./node_modules/popmotion/dist/es/animations/inertia.js");
|
590 |
+
/* harmony import */ var popmotion__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! popmotion */ "./node_modules/popmotion/dist/es/animations/index.js");
|
591 |
+
/* harmony import */ var _utils_time_conversion_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/time-conversion.js */ "./node_modules/framer-motion/dist/es/utils/time-conversion.js");
|
592 |
+
/* harmony import */ var _easing_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./easing.js */ "./node_modules/framer-motion/dist/es/animation/utils/easing.js");
|
593 |
+
/* harmony import */ var _is_animatable_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./is-animatable.js */ "./node_modules/framer-motion/dist/es/animation/utils/is-animatable.js");
|
594 |
+
/* harmony import */ var _default_transitions_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./default-transitions.js */ "./node_modules/framer-motion/dist/es/animation/utils/default-transitions.js");
|
595 |
+
/* harmony import */ var _render_dom_utils_value_types_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../render/dom/utils/value-types.js */ "./node_modules/framer-motion/dist/es/render/dom/utils/value-types.js");
|
596 |
+
|
597 |
+
|
598 |
+
|
599 |
+
|
600 |
+
|
601 |
+
|
602 |
+
|
603 |
+
|
604 |
+
|
605 |
+
/**
|
606 |
+
* Decide whether a transition is defined on a given Transition.
|
607 |
+
* This filters out orchestration options and returns true
|
608 |
+
* if any options are left.
|
609 |
+
*/
|
610 |
+
function isTransitionDefined(_a) {
|
611 |
+
var when = _a.when, delay = _a.delay, delayChildren = _a.delayChildren, staggerChildren = _a.staggerChildren, staggerDirection = _a.staggerDirection, repeat = _a.repeat, repeatType = _a.repeatType, repeatDelay = _a.repeatDelay, from = _a.from, transition = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection", "repeat", "repeatType", "repeatDelay", "from"]);
|
612 |
+
return !!Object.keys(transition).length;
|
613 |
+
}
|
614 |
+
var legacyRepeatWarning = false;
|
615 |
+
/**
|
616 |
+
* Convert Framer Motion's Transition type into Popmotion-compatible options.
|
617 |
+
*/
|
618 |
+
function convertTransitionToAnimationOptions(_a) {
|
619 |
+
var ease = _a.ease, times = _a.times, yoyo = _a.yoyo, flip = _a.flip, loop = _a.loop, transition = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["ease", "times", "yoyo", "flip", "loop"]);
|
620 |
+
var options = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__assign)({}, transition);
|
621 |
+
if (times)
|
622 |
+
options["offset"] = times;
|
623 |
+
/**
|
624 |
+
* Convert any existing durations from seconds to milliseconds
|
625 |
+
*/
|
626 |
+
if (transition.duration)
|
627 |
+
options["duration"] = (0,_utils_time_conversion_js__WEBPACK_IMPORTED_MODULE_2__.secondsToMilliseconds)(transition.duration);
|
628 |
+
if (transition.repeatDelay)
|
629 |
+
options.repeatDelay = (0,_utils_time_conversion_js__WEBPACK_IMPORTED_MODULE_2__.secondsToMilliseconds)(transition.repeatDelay);
|
630 |
+
/**
|
631 |
+
* Map easing names to Popmotion's easing functions
|
632 |
+
*/
|
633 |
+
if (ease) {
|
634 |
+
options["ease"] = (0,_easing_js__WEBPACK_IMPORTED_MODULE_3__.isEasingArray)(ease)
|
635 |
+
? ease.map(_easing_js__WEBPACK_IMPORTED_MODULE_3__.easingDefinitionToFunction)
|
636 |
+
: (0,_easing_js__WEBPACK_IMPORTED_MODULE_3__.easingDefinitionToFunction)(ease);
|
637 |
+
}
|
638 |
+
/**
|
639 |
+
* Support legacy transition API
|
640 |
+
*/
|
641 |
+
if (transition.type === "tween")
|
642 |
+
options.type = "keyframes";
|
643 |
+
/**
|
644 |
+
* TODO: These options are officially removed from the API.
|
645 |
+
*/
|
646 |
+
if (yoyo || loop || flip) {
|
647 |
+
(0,hey_listen__WEBPACK_IMPORTED_MODULE_0__.warning)(!legacyRepeatWarning, "yoyo, loop and flip have been removed from the API. Replace with repeat and repeatType options.");
|
648 |
+
legacyRepeatWarning = true;
|
649 |
+
if (yoyo) {
|
650 |
+
options.repeatType = "reverse";
|
651 |
+
}
|
652 |
+
else if (loop) {
|
653 |
+
options.repeatType = "loop";
|
654 |
+
}
|
655 |
+
else if (flip) {
|
656 |
+
options.repeatType = "mirror";
|
657 |
+
}
|
658 |
+
options.repeat = loop || yoyo || flip || transition.repeat;
|
659 |
+
}
|
660 |
+
/**
|
661 |
+
* TODO: Popmotion 9 has the ability to automatically detect whether to use
|
662 |
+
* a keyframes or spring animation, but does so by detecting velocity and other spring options.
|
663 |
+
* It'd be good to introduce a similar thing here.
|
664 |
+
*/
|
665 |
+
if (transition.type !== "spring")
|
666 |
+
options.type = "keyframes";
|
667 |
+
return options;
|
668 |
+
}
|
669 |
+
/**
|
670 |
+
* Get the delay for a value by checking Transition with decreasing specificity.
|
671 |
+
*/
|
672 |
+
function getDelayFromTransition(transition, key) {
|
673 |
+
var _a;
|
674 |
+
var valueTransition = getValueTransition(transition, key) || {};
|
675 |
+
return (_a = valueTransition.delay) !== null && _a !== void 0 ? _a : 0;
|
676 |
+
}
|
677 |
+
function hydrateKeyframes(options) {
|
678 |
+
if (Array.isArray(options.to) && options.to[0] === null) {
|
679 |
+
options.to = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__spread)(options.to);
|
680 |
+
options.to[0] = options.from;
|
681 |
+
}
|
682 |
+
return options;
|
683 |
+
}
|
684 |
+
function getPopmotionAnimationOptions(transition, options, key) {
|
685 |
+
var _a;
|
686 |
+
if (Array.isArray(options.to)) {
|
687 |
+
(_a = transition.duration) !== null && _a !== void 0 ? _a : (transition.duration = 0.8);
|
688 |
+
}
|
689 |
+
hydrateKeyframes(options);
|
690 |
+
/**
|
691 |
+
* Get a default transition if none is determined to be defined.
|
692 |
+
*/
|
693 |
+
if (!isTransitionDefined(transition)) {
|
694 |
+
transition = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_1__.__assign)({}, transition), (0,_default_transitions_js__WEBPACK_IMPORTED_MODULE_4__.getDefaultTransition)(key, options.to));
|
695 |
+
}
|
696 |
+
return (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_1__.__assign)({}, options), convertTransitionToAnimationOptions(transition));
|
697 |
+
}
|
698 |
+
/**
|
699 |
+
*
|
700 |
+
*/
|
701 |
+
function getAnimation(key, value, target, transition, onComplete) {
|
702 |
+
var _a;
|
703 |
+
var valueTransition = getValueTransition(transition, key);
|
704 |
+
var origin = (_a = valueTransition.from) !== null && _a !== void 0 ? _a : value.get();
|
705 |
+
var isTargetAnimatable = (0,_is_animatable_js__WEBPACK_IMPORTED_MODULE_5__.isAnimatable)(key, target);
|
706 |
+
/**
|
707 |
+
* If we're trying to animate from "none", try and get an animatable version
|
708 |
+
* of the target. This could be improved to work both ways.
|
709 |
+
*/
|
710 |
+
if (origin === "none" && isTargetAnimatable && typeof target === "string") {
|
711 |
+
origin = (0,_render_dom_utils_value_types_js__WEBPACK_IMPORTED_MODULE_6__.getAnimatableNone)(key, target);
|
712 |
+
}
|
713 |
+
var isOriginAnimatable = (0,_is_animatable_js__WEBPACK_IMPORTED_MODULE_5__.isAnimatable)(key, origin);
|
714 |
+
(0,hey_listen__WEBPACK_IMPORTED_MODULE_0__.warning)(isOriginAnimatable === isTargetAnimatable, "You are trying to animate " + key + " from \"" + origin + "\" to \"" + target + "\". " + origin + " is not an animatable value - to enable this animation set " + origin + " to a value animatable to " + target + " via the `style` property.");
|
715 |
+
function start() {
|
716 |
+
var options = {
|
717 |
+
from: origin,
|
718 |
+
to: target,
|
719 |
+
velocity: value.getVelocity(),
|
720 |
+
onComplete: onComplete,
|
721 |
+
onUpdate: function (v) { return value.set(v); },
|
722 |
+
};
|
723 |
+
return valueTransition.type === "inertia" ||
|
724 |
+
valueTransition.type === "decay"
|
725 |
+
? (0,popmotion__WEBPACK_IMPORTED_MODULE_7__.inertia)((0,tslib__WEBPACK_IMPORTED_MODULE_1__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_1__.__assign)({}, options), valueTransition))
|
726 |
+
: (0,popmotion__WEBPACK_IMPORTED_MODULE_8__.animate)((0,tslib__WEBPACK_IMPORTED_MODULE_1__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_1__.__assign)({}, getPopmotionAnimationOptions(valueTransition, options, key)), { onUpdate: function (v) {
|
727 |
+
var _a;
|
728 |
+
options.onUpdate(v);
|
729 |
+
(_a = valueTransition.onUpdate) === null || _a === void 0 ? void 0 : _a.call(valueTransition, v);
|
730 |
+
}, onComplete: function () {
|
731 |
+
var _a;
|
732 |
+
options.onComplete();
|
733 |
+
(_a = valueTransition.onComplete) === null || _a === void 0 ? void 0 : _a.call(valueTransition);
|
734 |
+
} }));
|
735 |
+
}
|
736 |
+
function set() {
|
737 |
+
var _a;
|
738 |
+
value.set(target);
|
739 |
+
onComplete();
|
740 |
+
(_a = valueTransition === null || valueTransition === void 0 ? void 0 : valueTransition.onComplete) === null || _a === void 0 ? void 0 : _a.call(valueTransition);
|
741 |
+
return { stop: function () { } };
|
742 |
+
}
|
743 |
+
return !isOriginAnimatable ||
|
744 |
+
!isTargetAnimatable ||
|
745 |
+
valueTransition.type === false
|
746 |
+
? set
|
747 |
+
: start;
|
748 |
+
}
|
749 |
+
function getValueTransition(transition, key) {
|
750 |
+
return transition[key] || transition["default"] || transition;
|
751 |
+
}
|
752 |
+
/**
|
753 |
+
* Start animation on a MotionValue. This function is an interface between
|
754 |
+
* Framer Motion and Popmotion
|
755 |
+
*
|
756 |
+
* @internal
|
757 |
+
*/
|
758 |
+
function startAnimation(key, value, target, transition) {
|
759 |
+
if (transition === void 0) { transition = {}; }
|
760 |
+
return value.start(function (onComplete) {
|
761 |
+
var delayTimer;
|
762 |
+
var controls;
|
763 |
+
var animation = getAnimation(key, value, target, transition, onComplete);
|
764 |
+
var delay = getDelayFromTransition(transition, key);
|
765 |
+
var start = function () { return (controls = animation()); };
|
766 |
+
if (delay) {
|
767 |
+
delayTimer = setTimeout(start, (0,_utils_time_conversion_js__WEBPACK_IMPORTED_MODULE_2__.secondsToMilliseconds)(delay));
|
768 |
+
}
|
769 |
+
else {
|
770 |
+
start();
|
771 |
+
}
|
772 |
+
return function () {
|
773 |
+
clearTimeout(delayTimer);
|
774 |
+
controls === null || controls === void 0 ? void 0 : controls.stop();
|
775 |
+
};
|
776 |
+
});
|
777 |
+
}
|
778 |
+
|
779 |
+
|
780 |
+
|
781 |
+
|
782 |
+
/***/ }),
|
783 |
+
|
784 |
+
/***/ "./node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.js":
|
785 |
+
/*!****************************************************************************************!*\
|
786 |
+
!*** ./node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.js ***!
|
787 |
+
\****************************************************************************************/
|
788 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
789 |
+
|
790 |
+
__webpack_require__.r(__webpack_exports__);
|
791 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
792 |
+
/* harmony export */ "PresenceChild": () => (/* binding */ PresenceChild)
|
793 |
+
/* harmony export */ });
|
794 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
795 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
796 |
+
/* harmony import */ var _context_PresenceContext_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../context/PresenceContext.js */ "./node_modules/framer-motion/dist/es/context/PresenceContext.js");
|
797 |
+
/* harmony import */ var _utils_use_constant_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/use-constant.js */ "./node_modules/framer-motion/dist/es/utils/use-constant.js");
|
798 |
+
|
799 |
+
|
800 |
+
|
801 |
+
|
802 |
+
var presenceId = 0;
|
803 |
+
function getPresenceId() {
|
804 |
+
var id = presenceId;
|
805 |
+
presenceId++;
|
806 |
+
return id;
|
807 |
+
}
|
808 |
+
var PresenceChild = function (_a) {
|
809 |
+
var children = _a.children, initial = _a.initial, isPresent = _a.isPresent, onExitComplete = _a.onExitComplete, custom = _a.custom, presenceAffectsLayout = _a.presenceAffectsLayout;
|
810 |
+
var presenceChildren = (0,_utils_use_constant_js__WEBPACK_IMPORTED_MODULE_1__.useConstant)(newChildrenMap);
|
811 |
+
var id = (0,_utils_use_constant_js__WEBPACK_IMPORTED_MODULE_1__.useConstant)(getPresenceId);
|
812 |
+
var context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () { return ({
|
813 |
+
id: id,
|
814 |
+
initial: initial,
|
815 |
+
isPresent: isPresent,
|
816 |
+
custom: custom,
|
817 |
+
onExitComplete: function (childId) {
|
818 |
+
presenceChildren.set(childId, true);
|
819 |
+
var allComplete = true;
|
820 |
+
presenceChildren.forEach(function (isComplete) {
|
821 |
+
if (!isComplete)
|
822 |
+
allComplete = false;
|
823 |
+
});
|
824 |
+
allComplete && (onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete());
|
825 |
+
},
|
826 |
+
register: function (childId) {
|
827 |
+
presenceChildren.set(childId, false);
|
828 |
+
return function () { return presenceChildren.delete(childId); };
|
829 |
+
},
|
830 |
+
}); },
|
831 |
+
/**
|
832 |
+
* If the presence of a child affects the layout of the components around it,
|
833 |
+
* we want to make a new context value to ensure they get re-rendered
|
834 |
+
* so they can detect that layout change.
|
835 |
+
*/
|
836 |
+
presenceAffectsLayout ? undefined : [isPresent]);
|
837 |
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
|
838 |
+
presenceChildren.forEach(function (_, key) { return presenceChildren.set(key, false); });
|
839 |
+
}, [isPresent]);
|
840 |
+
/**
|
841 |
+
* If there's no `motion` components to fire exit animations, we want to remove this
|
842 |
+
* component immediately.
|
843 |
+
*/
|
844 |
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
845 |
+
!isPresent && !presenceChildren.size && (onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete());
|
846 |
+
}, [isPresent]);
|
847 |
+
return ((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_context_PresenceContext_js__WEBPACK_IMPORTED_MODULE_2__.PresenceContext.Provider, { value: context }, children));
|
848 |
+
};
|
849 |
+
function newChildrenMap() {
|
850 |
+
return new Map();
|
851 |
+
}
|
852 |
+
|
853 |
+
|
854 |
+
|
855 |
+
|
856 |
+
/***/ }),
|
857 |
+
|
858 |
+
/***/ "./node_modules/framer-motion/dist/es/components/AnimatePresence/index.js":
|
859 |
+
/*!********************************************************************************!*\
|
860 |
+
!*** ./node_modules/framer-motion/dist/es/components/AnimatePresence/index.js ***!
|
861 |
+
\********************************************************************************/
|
862 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
863 |
+
|
864 |
+
__webpack_require__.r(__webpack_exports__);
|
865 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
866 |
+
/* harmony export */ "AnimatePresence": () => (/* binding */ AnimatePresence)
|
867 |
+
/* harmony export */ });
|
868 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
869 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
870 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
871 |
+
/* harmony import */ var _context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../context/SharedLayoutContext.js */ "./node_modules/framer-motion/dist/es/context/SharedLayoutContext.js");
|
872 |
+
/* harmony import */ var _utils_use_force_update_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/use-force-update.js */ "./node_modules/framer-motion/dist/es/utils/use-force-update.js");
|
873 |
+
/* harmony import */ var _PresenceChild_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./PresenceChild.js */ "./node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.js");
|
874 |
+
|
875 |
+
|
876 |
+
|
877 |
+
|
878 |
+
|
879 |
+
|
880 |
+
function getChildKey(child) {
|
881 |
+
return child.key || "";
|
882 |
+
}
|
883 |
+
function updateChildLookup(children, allChildren) {
|
884 |
+
var seenChildren = true ? new Set() : 0;
|
885 |
+
children.forEach(function (child) {
|
886 |
+
var key = getChildKey(child);
|
887 |
+
if ( true && seenChildren) {
|
888 |
+
if (seenChildren.has(key)) {
|
889 |
+
console.warn("Children of AnimatePresence require unique keys. \"" + key + "\" is a duplicate.");
|
890 |
+
}
|
891 |
+
seenChildren.add(key);
|
892 |
+
}
|
893 |
+
allChildren.set(key, child);
|
894 |
+
});
|
895 |
+
}
|
896 |
+
function onlyElements(children) {
|
897 |
+
var filtered = [];
|
898 |
+
// We use forEach here instead of map as map mutates the component key by preprending `.$`
|
899 |
+
react__WEBPACK_IMPORTED_MODULE_0__.Children.forEach(children, function (child) {
|
900 |
+
if ((0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(child))
|
901 |
+
filtered.push(child);
|
902 |
+
});
|
903 |
+
return filtered;
|
904 |
+
}
|
905 |
+
/**
|
906 |
+
* `AnimatePresence` enables the animation of components that have been removed from the tree.
|
907 |
+
*
|
908 |
+
* When adding/removing more than a single child, every child **must** be given a unique `key` prop.
|
909 |
+
*
|
910 |
+
* @library
|
911 |
+
*
|
912 |
+
* Any `Frame` components that have an `exit` property defined will animate out when removed from
|
913 |
+
* the tree.
|
914 |
+
*
|
915 |
+
* ```jsx
|
916 |
+
* import { Frame, AnimatePresence } from 'framer'
|
917 |
+
*
|
918 |
+
* // As items are added and removed from `items`
|
919 |
+
* export function Items({ items }) {
|
920 |
+
* return (
|
921 |
+
* <AnimatePresence>
|
922 |
+
* {items.map(item => (
|
923 |
+
* <Frame
|
924 |
+
* key={item.id}
|
925 |
+
* initial={{ opacity: 0 }}
|
926 |
+
* animate={{ opacity: 1 }}
|
927 |
+
* exit={{ opacity: 0 }}
|
928 |
+
* />
|
929 |
+
* ))}
|
930 |
+
* </AnimatePresence>
|
931 |
+
* )
|
932 |
+
* }
|
933 |
+
* ```
|
934 |
+
*
|
935 |
+
* You can sequence exit animations throughout a tree using variants.
|
936 |
+
*
|
937 |
+
* @motion
|
938 |
+
*
|
939 |
+
* Any `motion` components that have an `exit` property defined will animate out when removed from
|
940 |
+
* the tree.
|
941 |
+
*
|
942 |
+
* ```jsx
|
943 |
+
* import { motion, AnimatePresence } from 'framer-motion'
|
944 |
+
*
|
945 |
+
* export const Items = ({ items }) => (
|
946 |
+
* <AnimatePresence>
|
947 |
+
* {items.map(item => (
|
948 |
+
* <motion.div
|
949 |
+
* key={item.id}
|
950 |
+
* initial={{ opacity: 0 }}
|
951 |
+
* animate={{ opacity: 1 }}
|
952 |
+
* exit={{ opacity: 0 }}
|
953 |
+
* />
|
954 |
+
* ))}
|
955 |
+
* </AnimatePresence>
|
956 |
+
* )
|
957 |
+
* ```
|
958 |
+
*
|
959 |
+
* You can sequence exit animations throughout a tree using variants.
|
960 |
+
*
|
961 |
+
* If a child contains multiple `motion` components with `exit` props, it will only unmount the child
|
962 |
+
* once all `motion` components have finished animating out. Likewise, any components using
|
963 |
+
* `usePresence` all need to call `safeToRemove`.
|
964 |
+
*
|
965 |
+
* @public
|
966 |
+
*/
|
967 |
+
var AnimatePresence = function (_a) {
|
968 |
+
var children = _a.children, custom = _a.custom, _b = _a.initial, initial = _b === void 0 ? true : _b, onExitComplete = _a.onExitComplete, exitBeforeEnter = _a.exitBeforeEnter, _c = _a.presenceAffectsLayout, presenceAffectsLayout = _c === void 0 ? true : _c;
|
969 |
+
// We want to force a re-render once all exiting animations have finished. We
|
970 |
+
// either use a local forceRender function, or one from a parent context if it exists.
|
971 |
+
var forceRender = (0,_utils_use_force_update_js__WEBPACK_IMPORTED_MODULE_1__.useForceUpdate)();
|
972 |
+
var layoutContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_2__.SharedLayoutContext);
|
973 |
+
if ((0,_context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_2__.isSharedLayout)(layoutContext)) {
|
974 |
+
forceRender = layoutContext.forceUpdate;
|
975 |
+
}
|
976 |
+
var isInitialRender = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(true);
|
977 |
+
// Filter out any children that aren't ReactElements. We can only track ReactElements with a props.key
|
978 |
+
var filteredChildren = onlyElements(children);
|
979 |
+
// Keep a living record of the children we're actually rendering so we
|
980 |
+
// can diff to figure out which are entering and exiting
|
981 |
+
var presentChildren = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(filteredChildren);
|
982 |
+
// A lookup table to quickly reference components by key
|
983 |
+
var allChildren = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(new Map())
|
984 |
+
.current;
|
985 |
+
// A living record of all currently exiting components.
|
986 |
+
var exiting = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(new Set()).current;
|
987 |
+
updateChildLookup(filteredChildren, allChildren);
|
988 |
+
// If this is the initial component render, just deal with logic surrounding whether
|
989 |
+
// we play onMount animations or not.
|
990 |
+
if (isInitialRender.current) {
|
991 |
+
isInitialRender.current = false;
|
992 |
+
return ((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, filteredChildren.map(function (child) { return ((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_PresenceChild_js__WEBPACK_IMPORTED_MODULE_3__.PresenceChild, { key: getChildKey(child), isPresent: true, initial: initial ? undefined : false, presenceAffectsLayout: presenceAffectsLayout }, child)); })));
|
993 |
+
}
|
994 |
+
// If this is a subsequent render, deal with entering and exiting children
|
995 |
+
var childrenToRender = (0,tslib__WEBPACK_IMPORTED_MODULE_4__.__spread)(filteredChildren);
|
996 |
+
// Diff the keys of the currently-present and target children to update our
|
997 |
+
// exiting list.
|
998 |
+
var presentKeys = presentChildren.current.map(getChildKey);
|
999 |
+
var targetKeys = filteredChildren.map(getChildKey);
|
1000 |
+
// Diff the present children with our target children and mark those that are exiting
|
1001 |
+
var numPresent = presentKeys.length;
|
1002 |
+
for (var i = 0; i < numPresent; i++) {
|
1003 |
+
var key = presentKeys[i];
|
1004 |
+
if (targetKeys.indexOf(key) === -1) {
|
1005 |
+
exiting.add(key);
|
1006 |
+
}
|
1007 |
+
else {
|
1008 |
+
// In case this key has re-entered, remove from the exiting list
|
1009 |
+
exiting.delete(key);
|
1010 |
+
}
|
1011 |
+
}
|
1012 |
+
// If we currently have exiting children, and we're deferring rendering incoming children
|
1013 |
+
// until after all current children have exiting, empty the childrenToRender array
|
1014 |
+
if (exitBeforeEnter && exiting.size) {
|
1015 |
+
childrenToRender = [];
|
1016 |
+
}
|
1017 |
+
// Loop through all currently exiting components and clone them to overwrite `animate`
|
1018 |
+
// with any `exit` prop they might have defined.
|
1019 |
+
exiting.forEach(function (key) {
|
1020 |
+
// If this component is actually entering again, early return
|
1021 |
+
if (targetKeys.indexOf(key) !== -1)
|
1022 |
+
return;
|
1023 |
+
var child = allChildren.get(key);
|
1024 |
+
if (!child)
|
1025 |
+
return;
|
1026 |
+
var insertionIndex = presentKeys.indexOf(key);
|
1027 |
+
var onExit = function () {
|
1028 |
+
allChildren.delete(key);
|
1029 |
+
exiting.delete(key);
|
1030 |
+
// Remove this child from the present children
|
1031 |
+
var removeIndex = presentChildren.current.findIndex(function (presentChild) { return presentChild.key === key; });
|
1032 |
+
presentChildren.current.splice(removeIndex, 1);
|
1033 |
+
// Defer re-rendering until all exiting children have indeed left
|
1034 |
+
if (!exiting.size) {
|
1035 |
+
presentChildren.current = filteredChildren;
|
1036 |
+
forceRender();
|
1037 |
+
onExitComplete && onExitComplete();
|
1038 |
+
}
|
1039 |
+
};
|
1040 |
+
childrenToRender.splice(insertionIndex, 0, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_PresenceChild_js__WEBPACK_IMPORTED_MODULE_3__.PresenceChild, { key: getChildKey(child), isPresent: false, onExitComplete: onExit, custom: custom, presenceAffectsLayout: presenceAffectsLayout }, child));
|
1041 |
+
});
|
1042 |
+
// Add `MotionContext` even to children that don't need it to ensure we're rendering
|
1043 |
+
// the same tree between renders
|
1044 |
+
childrenToRender = childrenToRender.map(function (child) {
|
1045 |
+
var key = child.key;
|
1046 |
+
return exiting.has(key) ? (child) : ((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_PresenceChild_js__WEBPACK_IMPORTED_MODULE_3__.PresenceChild, { key: getChildKey(child), isPresent: true, presenceAffectsLayout: presenceAffectsLayout }, child));
|
1047 |
+
});
|
1048 |
+
presentChildren.current = childrenToRender;
|
1049 |
+
if ( true &&
|
1050 |
+
exitBeforeEnter &&
|
1051 |
+
childrenToRender.length > 1) {
|
1052 |
+
console.warn("You're attempting to animate multiple children within AnimatePresence, but its exitBeforeEnter prop is set to true. This will lead to odd visual behaviour.");
|
1053 |
+
}
|
1054 |
+
return ((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, exiting.size
|
1055 |
+
? childrenToRender
|
1056 |
+
: childrenToRender.map(function (child) { return (0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(child); })));
|
1057 |
+
};
|
1058 |
+
|
1059 |
+
|
1060 |
+
|
1061 |
+
|
1062 |
+
/***/ }),
|
1063 |
+
|
1064 |
+
/***/ "./node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.js":
|
1065 |
+
/*!***************************************************************************************!*\
|
1066 |
+
!*** ./node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.js ***!
|
1067 |
+
\***************************************************************************************/
|
1068 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
1069 |
+
|
1070 |
+
__webpack_require__.r(__webpack_exports__);
|
1071 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
1072 |
+
/* harmony export */ "isPresent": () => (/* binding */ isPresent),
|
1073 |
+
/* harmony export */ "useIsPresent": () => (/* binding */ useIsPresent),
|
1074 |
+
/* harmony export */ "usePresence": () => (/* binding */ usePresence)
|
1075 |
+
/* harmony export */ });
|
1076 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
1077 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
1078 |
+
/* harmony import */ var _context_PresenceContext_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../context/PresenceContext.js */ "./node_modules/framer-motion/dist/es/context/PresenceContext.js");
|
1079 |
+
/* harmony import */ var _utils_use_constant_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/use-constant.js */ "./node_modules/framer-motion/dist/es/utils/use-constant.js");
|
1080 |
+
|
1081 |
+
|
1082 |
+
|
1083 |
+
|
1084 |
+
/**
|
1085 |
+
* When a component is the child of `AnimatePresence`, it can use `usePresence`
|
1086 |
+
* to access information about whether it's still present in the React tree.
|
1087 |
+
*
|
1088 |
+
* ```jsx
|
1089 |
+
* import { usePresence } from "framer-motion"
|
1090 |
+
*
|
1091 |
+
* export const Component = () => {
|
1092 |
+
* const [isPresent, safeToRemove] = usePresence()
|
1093 |
+
*
|
1094 |
+
* useEffect(() => {
|
1095 |
+
* !isPresent && setTimeout(safeToRemove, 1000)
|
1096 |
+
* }, [isPresent])
|
1097 |
+
*
|
1098 |
+
* return <div />
|
1099 |
+
* }
|
1100 |
+
* ```
|
1101 |
+
*
|
1102 |
+
* If `isPresent` is `false`, it means that a component has been removed the tree, but
|
1103 |
+
* `AnimatePresence` won't really remove it until `safeToRemove` has been called.
|
1104 |
+
*
|
1105 |
+
* @public
|
1106 |
+
*/
|
1107 |
+
function usePresence() {
|
1108 |
+
var context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context_PresenceContext_js__WEBPACK_IMPORTED_MODULE_1__.PresenceContext);
|
1109 |
+
if (context === null)
|
1110 |
+
return [true, null];
|
1111 |
+
var isPresent = context.isPresent, onExitComplete = context.onExitComplete, register = context.register;
|
1112 |
+
// It's safe to call the following hooks conditionally (after an early return) because the context will always
|
1113 |
+
// either be null or non-null for the lifespan of the component.
|
1114 |
+
// Replace with useOpaqueId when released in React
|
1115 |
+
var id = useUniqueId();
|
1116 |
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () { return register(id); }, []);
|
1117 |
+
var safeToRemove = function () { return onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete(id); };
|
1118 |
+
return !isPresent && onExitComplete ? [false, safeToRemove] : [true];
|
1119 |
+
}
|
1120 |
+
/**
|
1121 |
+
* Similar to `usePresence`, except `useIsPresent` simply returns whether or not the component is present.
|
1122 |
+
* There is no `safeToRemove` function.
|
1123 |
+
*
|
1124 |
+
* ```jsx
|
1125 |
+
* import { useIsPresent } from "framer-motion"
|
1126 |
+
*
|
1127 |
+
* export const Component = () => {
|
1128 |
+
* const isPresent = useIsPresent()
|
1129 |
+
*
|
1130 |
+
* useEffect(() => {
|
1131 |
+
* !isPresent && console.log("I've been removed!")
|
1132 |
+
* }, [isPresent])
|
1133 |
+
*
|
1134 |
+
* return <div />
|
1135 |
+
* }
|
1136 |
+
* ```
|
1137 |
+
*
|
1138 |
+
* @public
|
1139 |
+
*/
|
1140 |
+
function useIsPresent() {
|
1141 |
+
return isPresent((0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context_PresenceContext_js__WEBPACK_IMPORTED_MODULE_1__.PresenceContext));
|
1142 |
+
}
|
1143 |
+
function isPresent(context) {
|
1144 |
+
return context === null ? true : context.isPresent;
|
1145 |
+
}
|
1146 |
+
var counter = 0;
|
1147 |
+
var incrementId = function () { return counter++; };
|
1148 |
+
var useUniqueId = function () { return (0,_utils_use_constant_js__WEBPACK_IMPORTED_MODULE_2__.useConstant)(incrementId); };
|
1149 |
+
|
1150 |
+
|
1151 |
+
|
1152 |
+
|
1153 |
+
/***/ }),
|
1154 |
+
|
1155 |
+
/***/ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/index.js":
|
1156 |
+
/*!************************************************************************************!*\
|
1157 |
+
!*** ./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/index.js ***!
|
1158 |
+
\************************************************************************************/
|
1159 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
1160 |
+
|
1161 |
+
__webpack_require__.r(__webpack_exports__);
|
1162 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
1163 |
+
/* harmony export */ "AnimateSharedLayout": () => (/* binding */ AnimateSharedLayout)
|
1164 |
+
/* harmony export */ });
|
1165 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
1166 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
1167 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
1168 |
+
/* harmony import */ var _context_MotionContext_index_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../context/MotionContext/index.js */ "./node_modules/framer-motion/dist/es/context/MotionContext/index.js");
|
1169 |
+
/* harmony import */ var _types_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./types.js */ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/types.js");
|
1170 |
+
/* harmony import */ var _utils_batcher_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/batcher.js */ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/utils/batcher.js");
|
1171 |
+
/* harmony import */ var _context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../context/SharedLayoutContext.js */ "./node_modules/framer-motion/dist/es/context/SharedLayoutContext.js");
|
1172 |
+
/* harmony import */ var _utils_stack_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/stack.js */ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/utils/stack.js");
|
1173 |
+
/* harmony import */ var _utils_rotate_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/rotate.js */ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/utils/rotate.js");
|
1174 |
+
|
1175 |
+
|
1176 |
+
|
1177 |
+
|
1178 |
+
|
1179 |
+
|
1180 |
+
|
1181 |
+
|
1182 |
+
|
1183 |
+
/**
|
1184 |
+
* @public
|
1185 |
+
*/
|
1186 |
+
var AnimateSharedLayout = /** @class */ (function (_super) {
|
1187 |
+
(0,tslib__WEBPACK_IMPORTED_MODULE_1__.__extends)(AnimateSharedLayout, _super);
|
1188 |
+
function AnimateSharedLayout() {
|
1189 |
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
1190 |
+
/**
|
1191 |
+
* A list of all the children in the shared layout
|
1192 |
+
*/
|
1193 |
+
_this.children = new Set();
|
1194 |
+
/**
|
1195 |
+
* As animate components with a defined `layoutId` are added/removed to the tree,
|
1196 |
+
* we store them in order. When one is added, it will animate out from the
|
1197 |
+
* previous one, and when it's removed, it'll animate to the previous one.
|
1198 |
+
*/
|
1199 |
+
_this.stacks = new Map();
|
1200 |
+
/**
|
1201 |
+
* Track whether the component has mounted. If it hasn't, the presence of added children
|
1202 |
+
* are set to Present, whereas if it has they're considered Entering
|
1203 |
+
*/
|
1204 |
+
_this.hasMounted = false;
|
1205 |
+
/**
|
1206 |
+
* Track whether we already have an update scheduled. If we don't, we'll run snapshots
|
1207 |
+
* and schedule one.
|
1208 |
+
*/
|
1209 |
+
_this.updateScheduled = false;
|
1210 |
+
/**
|
1211 |
+
* Tracks whether we already have a render scheduled. If we don't, we'll force one with this.forceRender
|
1212 |
+
*/
|
1213 |
+
_this.renderScheduled = false;
|
1214 |
+
/**
|
1215 |
+
* The methods provided to all children in the shared layout tree.
|
1216 |
+
*/
|
1217 |
+
_this.syncContext = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_1__.__assign)({}, (0,_utils_batcher_js__WEBPACK_IMPORTED_MODULE_2__.createBatcher)()), { syncUpdate: function (force) { return _this.scheduleUpdate(force); }, forceUpdate: function () {
|
1218 |
+
// By copying syncContext to itself, when this component re-renders it'll also re-render
|
1219 |
+
// all children subscribed to the SharedLayout context.
|
1220 |
+
_this.syncContext = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__assign)({}, _this.syncContext);
|
1221 |
+
_this.scheduleUpdate(true);
|
1222 |
+
}, register: function (child) { return _this.addChild(child); }, remove: function (child) { return _this.removeChild(child); } });
|
1223 |
+
return _this;
|
1224 |
+
}
|
1225 |
+
AnimateSharedLayout.prototype.componentDidMount = function () {
|
1226 |
+
this.hasMounted = true;
|
1227 |
+
};
|
1228 |
+
AnimateSharedLayout.prototype.componentDidUpdate = function () {
|
1229 |
+
this.startLayoutAnimation();
|
1230 |
+
};
|
1231 |
+
AnimateSharedLayout.prototype.shouldComponentUpdate = function () {
|
1232 |
+
this.renderScheduled = true;
|
1233 |
+
return true;
|
1234 |
+
};
|
1235 |
+
AnimateSharedLayout.prototype.startLayoutAnimation = function () {
|
1236 |
+
var _this = this;
|
1237 |
+
/**
|
1238 |
+
* Reset update and render scheduled status
|
1239 |
+
*/
|
1240 |
+
this.renderScheduled = this.updateScheduled = false;
|
1241 |
+
var type = this.props.type;
|
1242 |
+
/**
|
1243 |
+
* Update presence metadata based on the latest AnimatePresence status.
|
1244 |
+
* This is a kind of goofy way of dealing with this, perhaps there's a better model to find.
|
1245 |
+
*/
|
1246 |
+
this.children.forEach(function (child) {
|
1247 |
+
if (!child.isPresent) {
|
1248 |
+
child.presence = _types_js__WEBPACK_IMPORTED_MODULE_3__.Presence.Exiting;
|
1249 |
+
}
|
1250 |
+
else if (child.presence !== _types_js__WEBPACK_IMPORTED_MODULE_3__.Presence.Entering) {
|
1251 |
+
child.presence =
|
1252 |
+
child.presence === _types_js__WEBPACK_IMPORTED_MODULE_3__.Presence.Exiting
|
1253 |
+
? _types_js__WEBPACK_IMPORTED_MODULE_3__.Presence.Entering
|
1254 |
+
: _types_js__WEBPACK_IMPORTED_MODULE_3__.Presence.Present;
|
1255 |
}
|
1256 |
+
});
|
1257 |
+
this.updateStacks();
|
1258 |
+
/**
|
1259 |
+
* Create a handler which we can use to flush the children animations
|
1260 |
+
*/
|
1261 |
+
var handler = {
|
1262 |
+
measureLayout: function (child) { return child.updateLayoutMeasurement(); },
|
1263 |
+
layoutReady: function (child) {
|
1264 |
+
if (child.getLayoutId() !== undefined) {
|
1265 |
+
var stack = _this.getStack(child);
|
1266 |
+
stack.animate(child, type === "crossfade");
|
1267 |
+
}
|
1268 |
+
else {
|
1269 |
+
child.notifyLayoutReady();
|
1270 |
+
}
|
1271 |
+
},
|
1272 |
+
parent: this.context.visualElement,
|
1273 |
};
|
1274 |
/**
|
1275 |
+
* Shared layout animations can be used without the AnimateSharedLayout wrapping component.
|
1276 |
+
* This requires some co-ordination across components to stop layout thrashing
|
1277 |
+
* and ensure measurements are taken at the correct time.
|
1278 |
+
*
|
1279 |
+
* Here we use that same mechanism of schedule/flush.
|
1280 |
+
*/
|
1281 |
+
this.children.forEach(function (child) { return _this.syncContext.add(child); });
|
1282 |
+
this.syncContext.flush(handler);
|
1283 |
+
/**
|
1284 |
+
* Clear snapshots so subsequent rerenders don't retain memory of outgoing components
|
1285 |
+
*/
|
1286 |
+
this.stacks.forEach(function (stack) { return stack.clearSnapshot(); });
|
1287 |
+
};
|
1288 |
+
AnimateSharedLayout.prototype.updateStacks = function () {
|
1289 |
+
this.stacks.forEach(function (stack) { return stack.updateLeadAndFollow(); });
|
1290 |
+
};
|
1291 |
+
AnimateSharedLayout.prototype.scheduleUpdate = function (force) {
|
1292 |
+
if (force === void 0) { force = false; }
|
1293 |
+
if (!(force || !this.updateScheduled))
|
1294 |
+
return;
|
1295 |
+
/**
|
1296 |
+
* Flag we've scheduled an update
|
1297 |
*/
|
1298 |
+
this.updateScheduled = true;
|
1299 |
/**
|
1300 |
+
* Write: Reset rotation transforms so bounding boxes can be accurately measured.
|
1301 |
+
*/
|
1302 |
+
this.children.forEach(function (child) { return (0,_utils_rotate_js__WEBPACK_IMPORTED_MODULE_4__.resetRotate)(child); });
|
1303 |
+
/**
|
1304 |
+
* Read: Snapshot children
|
1305 |
+
*/
|
1306 |
+
this.children.forEach(function (child) { return child.snapshotViewportBox(); });
|
1307 |
+
/**
|
1308 |
+
* Every child keeps a local snapshot, but we also want to record
|
1309 |
+
* snapshots of the visible children as, if they're are being removed
|
1310 |
+
* in this render, we can still access them.
|
1311 |
*
|
1312 |
+
* TODO: What would be better here is doing a single loop where we
|
1313 |
+
* only snapshotViewportBoxes of undefined layoutIds and then one for each stack
|
1314 |
*/
|
1315 |
+
this.stacks.forEach(function (stack) { return stack.updateSnapshot(); });
|
1316 |
+
/**
|
1317 |
+
* Force a rerender by setting state if we aren't already going to render.
|
1318 |
+
*/
|
1319 |
+
if (force || !this.renderScheduled) {
|
1320 |
+
this.renderScheduled = true;
|
1321 |
+
this.forceUpdate();
|
1322 |
+
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1323 |
};
|
1324 |
+
AnimateSharedLayout.prototype.addChild = function (child) {
|
1325 |
+
this.children.add(child);
|
1326 |
+
this.addToStack(child);
|
1327 |
+
child.presence = this.hasMounted ? _types_js__WEBPACK_IMPORTED_MODULE_3__.Presence.Entering : _types_js__WEBPACK_IMPORTED_MODULE_3__.Presence.Present;
|
1328 |
};
|
1329 |
+
AnimateSharedLayout.prototype.removeChild = function (child) {
|
1330 |
+
this.scheduleUpdate();
|
1331 |
+
this.children.delete(child);
|
1332 |
+
this.removeFromStack(child);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1333 |
};
|
1334 |
+
AnimateSharedLayout.prototype.addToStack = function (child) {
|
1335 |
+
var stack = this.getStack(child);
|
1336 |
+
stack === null || stack === void 0 ? void 0 : stack.add(child);
|
|
|
|
|
|
|
|
|
1337 |
};
|
1338 |
+
AnimateSharedLayout.prototype.removeFromStack = function (child) {
|
1339 |
+
var stack = this.getStack(child);
|
1340 |
+
stack === null || stack === void 0 ? void 0 : stack.remove(child);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1341 |
};
|
1342 |
/**
|
1343 |
+
* Return a stack of animate children based on the provided layoutId.
|
1344 |
+
* Will create a stack if none currently exists with that layoutId.
|
|
|
|
|
|
|
1345 |
*/
|
1346 |
+
AnimateSharedLayout.prototype.getStack = function (child) {
|
1347 |
+
var id = child.getLayoutId();
|
1348 |
+
if (id === undefined)
|
1349 |
+
return;
|
1350 |
+
// Create stack if it doesn't already exist
|
1351 |
+
!this.stacks.has(id) && this.stacks.set(id, (0,_utils_stack_js__WEBPACK_IMPORTED_MODULE_5__.layoutStack)());
|
1352 |
+
return this.stacks.get(id);
|
1353 |
};
|
1354 |
+
AnimateSharedLayout.prototype.render = function () {
|
1355 |
+
return ((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_6__.SharedLayoutContext.Provider, { value: this.syncContext }, this.props.children));
|
1356 |
+
};
|
1357 |
+
AnimateSharedLayout.contextType = _context_MotionContext_index_js__WEBPACK_IMPORTED_MODULE_7__.MotionContext;
|
1358 |
+
return AnimateSharedLayout;
|
1359 |
+
}(react__WEBPACK_IMPORTED_MODULE_0__.Component));
|
1360 |
+
|
1361 |
+
|
1362 |
+
|
1363 |
+
|
1364 |
+
/***/ }),
|
1365 |
+
|
1366 |
+
/***/ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/types.js":
|
1367 |
+
/*!************************************************************************************!*\
|
1368 |
+
!*** ./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/types.js ***!
|
1369 |
+
\************************************************************************************/
|
1370 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
1371 |
+
|
1372 |
+
__webpack_require__.r(__webpack_exports__);
|
1373 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
1374 |
+
/* harmony export */ "Presence": () => (/* binding */ Presence),
|
1375 |
+
/* harmony export */ "VisibilityAction": () => (/* binding */ VisibilityAction)
|
1376 |
+
/* harmony export */ });
|
1377 |
+
var Presence;
|
1378 |
+
(function (Presence) {
|
1379 |
+
Presence[Presence["Entering"] = 0] = "Entering";
|
1380 |
+
Presence[Presence["Present"] = 1] = "Present";
|
1381 |
+
Presence[Presence["Exiting"] = 2] = "Exiting";
|
1382 |
+
})(Presence || (Presence = {}));
|
1383 |
+
var VisibilityAction;
|
1384 |
+
(function (VisibilityAction) {
|
1385 |
+
VisibilityAction[VisibilityAction["Hide"] = 0] = "Hide";
|
1386 |
+
VisibilityAction[VisibilityAction["Show"] = 1] = "Show";
|
1387 |
+
})(VisibilityAction || (VisibilityAction = {}));
|
1388 |
+
|
1389 |
+
|
1390 |
+
|
1391 |
+
|
1392 |
+
/***/ }),
|
1393 |
+
|
1394 |
+
/***/ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/utils/batcher.js":
|
1395 |
+
/*!********************************************************************************************!*\
|
1396 |
+
!*** ./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/utils/batcher.js ***!
|
1397 |
+
\********************************************************************************************/
|
1398 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
1399 |
+
|
1400 |
+
__webpack_require__.r(__webpack_exports__);
|
1401 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
1402 |
+
/* harmony export */ "createBatcher": () => (/* binding */ createBatcher)
|
1403 |
+
/* harmony export */ });
|
1404 |
+
/* harmony import */ var _types_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../types.js */ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/types.js");
|
1405 |
+
|
1406 |
+
|
1407 |
+
/**
|
1408 |
+
* Default handlers for batching VisualElements
|
1409 |
+
*/
|
1410 |
+
var defaultHandler = {
|
1411 |
+
measureLayout: function (child) { return child.updateLayoutMeasurement(); },
|
1412 |
+
layoutReady: function (child) { return child.notifyLayoutReady(); },
|
1413 |
+
};
|
1414 |
+
/**
|
1415 |
+
* Create a batcher to process VisualElements
|
1416 |
+
*/
|
1417 |
+
function createBatcher() {
|
1418 |
+
var queue = new Set();
|
1419 |
+
return {
|
1420 |
+
add: function (child) { return queue.add(child); },
|
1421 |
+
flush: function (_a) {
|
1422 |
+
var _b = _a === void 0 ? defaultHandler : _a, measureLayout = _b.measureLayout, layoutReady = _b.layoutReady, parent = _b.parent;
|
1423 |
+
var order = Array.from(queue).sort(function (a, b) { return a.depth - b.depth; });
|
1424 |
+
var resetAndMeasure = function () {
|
1425 |
+
/**
|
1426 |
+
* Write: Reset any transforms on children elements so we can read their actual layout
|
1427 |
+
*/
|
1428 |
+
order.forEach(function (child) { return child.resetTransform(); });
|
1429 |
+
/**
|
1430 |
+
* Read: Measure the actual layout
|
1431 |
+
*/
|
1432 |
+
order.forEach(measureLayout);
|
1433 |
+
};
|
1434 |
+
parent
|
1435 |
+
? parent.withoutTransform(resetAndMeasure)
|
1436 |
+
: resetAndMeasure();
|
1437 |
+
/**
|
1438 |
+
* Write: Notify the VisualElements they're ready for further write operations.
|
1439 |
+
*/
|
1440 |
+
order.forEach(layoutReady);
|
1441 |
+
/**
|
1442 |
+
* After all children have started animating, ensure any Entering components are set to Present.
|
1443 |
+
* If we add deferred animations (set up all animations and then start them in two loops) this
|
1444 |
+
* could be moved to the start loop. But it needs to happen after all the animations configs
|
1445 |
+
* are generated in AnimateSharedLayout as this relies on presence data
|
1446 |
+
*/
|
1447 |
+
order.forEach(function (child) {
|
1448 |
+
if (child.isPresent)
|
1449 |
+
child.presence = _types_js__WEBPACK_IMPORTED_MODULE_0__.Presence.Present;
|
1450 |
+
});
|
1451 |
+
queue.clear();
|
1452 |
+
},
|
1453 |
};
|
1454 |
+
}
|
1455 |
+
|
1456 |
+
|
1457 |
+
|
1458 |
+
|
1459 |
+
/***/ }),
|
1460 |
+
|
1461 |
+
/***/ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/utils/crossfader.js":
|
1462 |
+
/*!***********************************************************************************************!*\
|
1463 |
+
!*** ./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/utils/crossfader.js ***!
|
1464 |
+
\***********************************************************************************************/
|
1465 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
1466 |
+
|
1467 |
+
__webpack_require__.r(__webpack_exports__);
|
1468 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
1469 |
+
/* harmony export */ "createCrossfader": () => (/* binding */ createCrossfader)
|
1470 |
+
/* harmony export */ });
|
1471 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
1472 |
+
/* harmony import */ var popmotion__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! popmotion */ "./node_modules/popmotion/dist/es/utils/mix.js");
|
1473 |
+
/* harmony import */ var popmotion__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! popmotion */ "./node_modules/popmotion/dist/es/easing/index.js");
|
1474 |
+
/* harmony import */ var popmotion__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! popmotion */ "./node_modules/popmotion/dist/es/utils/progress.js");
|
1475 |
+
/* harmony import */ var popmotion__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! popmotion */ "./node_modules/popmotion/dist/es/utils/mix-color.js");
|
1476 |
+
/* harmony import */ var framesync__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! framesync */ "./node_modules/framesync/dist/es/index.js");
|
1477 |
+
/* harmony import */ var _value_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../value/index.js */ "./node_modules/framer-motion/dist/es/value/index.js");
|
1478 |
+
/* harmony import */ var _animation_animate_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../animation/animate.js */ "./node_modules/framer-motion/dist/es/animation/animate.js");
|
1479 |
+
|
1480 |
+
|
1481 |
+
|
1482 |
+
|
1483 |
+
|
1484 |
+
|
1485 |
+
function createCrossfader() {
|
1486 |
/**
|
1487 |
+
* The current state of the crossfade as a value between 0 and 1
|
|
|
|
|
|
|
|
|
1488 |
*/
|
1489 |
+
var progress = (0,_value_index_js__WEBPACK_IMPORTED_MODULE_1__.motionValue)(1);
|
1490 |
+
var options = {
|
1491 |
+
lead: undefined,
|
1492 |
+
follow: undefined,
|
1493 |
+
crossfadeOpacity: false,
|
1494 |
+
preserveFollowOpacity: false,
|
1495 |
+
};
|
1496 |
+
var leadState = {};
|
1497 |
+
var followState = {};
|
1498 |
/**
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1499 |
*
|
|
|
1500 |
*/
|
1501 |
+
var isActive = false;
|
|
|
|
|
|
|
|
|
|
|
|
|
1502 |
/**
|
|
|
1503 |
*
|
|
|
1504 |
*/
|
1505 |
+
var finalCrossfadeFrame = null;
|
|
|
|
|
|
|
|
|
1506 |
/**
|
1507 |
+
* Framestamp of the last frame we updated values at.
|
|
|
|
|
1508 |
*/
|
1509 |
+
var prevUpdate = 0;
|
1510 |
+
function startCrossfadeAnimation(target, transition) {
|
1511 |
+
var lead = options.lead, follow = options.follow;
|
1512 |
+
isActive = true;
|
1513 |
+
finalCrossfadeFrame = null;
|
1514 |
+
return (0,_animation_animate_js__WEBPACK_IMPORTED_MODULE_2__.animate)(progress, target, (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, transition), { onUpdate: function () {
|
1515 |
+
lead && lead.scheduleRender();
|
1516 |
+
follow && follow.scheduleRender();
|
1517 |
+
}, onComplete: function () {
|
1518 |
+
isActive = false;
|
1519 |
+
/**
|
1520 |
+
* If the crossfade animation is no longer active, flag a frame
|
1521 |
+
* that we're still allowed to crossfade
|
1522 |
+
*/
|
1523 |
+
finalCrossfadeFrame = (0,framesync__WEBPACK_IMPORTED_MODULE_0__.getFrameData)().timestamp;
|
1524 |
+
} }));
|
1525 |
+
}
|
1526 |
+
function updateCrossfade() {
|
1527 |
+
var _a, _b;
|
1528 |
+
/**
|
1529 |
+
* We only want to compute the crossfade once per frame, so we
|
1530 |
+
* compare the previous update framestamp with the current frame
|
1531 |
+
* and early return if they're the same.
|
1532 |
+
*/
|
1533 |
+
var timestamp = (0,framesync__WEBPACK_IMPORTED_MODULE_0__.getFrameData)().timestamp;
|
1534 |
+
var lead = options.lead, follow = options.follow;
|
1535 |
+
if (timestamp === prevUpdate || !lead)
|
1536 |
+
return;
|
1537 |
+
prevUpdate = timestamp;
|
1538 |
+
/**
|
1539 |
+
* Merge each component's latest values into our crossfaded state
|
1540 |
+
* before crossfading.
|
1541 |
+
*/
|
1542 |
+
var latestLeadValues = lead.getLatestValues();
|
1543 |
+
Object.assign(leadState, latestLeadValues);
|
1544 |
+
var latestFollowValues = follow
|
1545 |
+
? follow.getLatestValues()
|
1546 |
+
: options.prevValues;
|
1547 |
+
Object.assign(followState, latestFollowValues);
|
1548 |
+
var p = progress.get();
|
1549 |
+
/**
|
1550 |
+
* Crossfade the opacity between the two components. This will result
|
1551 |
+
* in a different opacity for each component.
|
1552 |
+
*/
|
1553 |
+
var leadTargetOpacity = (_a = latestLeadValues.opacity) !== null && _a !== void 0 ? _a : 1;
|
1554 |
+
var followTargetOpacity = (_b = latestFollowValues === null || latestFollowValues === void 0 ? void 0 : latestFollowValues.opacity) !== null && _b !== void 0 ? _b : 1;
|
1555 |
+
if (options.crossfadeOpacity && follow) {
|
1556 |
+
leadState.opacity = (0,popmotion__WEBPACK_IMPORTED_MODULE_4__.mix)(0, leadTargetOpacity, easeCrossfadeIn(p));
|
1557 |
+
followState.opacity = options.preserveFollowOpacity
|
1558 |
+
? followTargetOpacity
|
1559 |
+
: (0,popmotion__WEBPACK_IMPORTED_MODULE_4__.mix)(followTargetOpacity, 0, easeCrossfadeOut(p));
|
1560 |
+
}
|
1561 |
+
else if (!follow) {
|
1562 |
+
leadState.opacity = (0,popmotion__WEBPACK_IMPORTED_MODULE_4__.mix)(followTargetOpacity, leadTargetOpacity, p);
|
1563 |
+
}
|
1564 |
+
mixValues(leadState, followState, latestLeadValues, latestFollowValues || {}, Boolean(follow), p);
|
1565 |
+
}
|
1566 |
+
return {
|
1567 |
+
isActive: function () {
|
1568 |
+
return leadState &&
|
1569 |
+
(isActive || (0,framesync__WEBPACK_IMPORTED_MODULE_0__.getFrameData)().timestamp === finalCrossfadeFrame);
|
1570 |
+
},
|
1571 |
+
fromLead: function (transition) {
|
1572 |
+
return startCrossfadeAnimation(0, transition);
|
1573 |
+
},
|
1574 |
+
toLead: function (transition) {
|
1575 |
+
progress.set(options.follow ? 1 - progress.get() : 0);
|
1576 |
+
return startCrossfadeAnimation(1, transition);
|
1577 |
+
},
|
1578 |
+
reset: function () { return progress.set(1); },
|
1579 |
+
stop: function () { return progress.stop(); },
|
1580 |
+
getCrossfadeState: function (element) {
|
1581 |
+
updateCrossfade();
|
1582 |
+
if (element === options.lead) {
|
1583 |
+
return leadState;
|
1584 |
+
}
|
1585 |
+
else if (element === options.follow) {
|
1586 |
+
return followState;
|
1587 |
+
}
|
1588 |
+
},
|
1589 |
+
setOptions: function (newOptions) {
|
1590 |
+
options = newOptions;
|
1591 |
+
leadState = {};
|
1592 |
+
followState = {};
|
1593 |
+
},
|
1594 |
+
getLatestValues: function () {
|
1595 |
+
return leadState;
|
1596 |
+
},
|
1597 |
};
|
1598 |
+
}
|
1599 |
+
var easeCrossfadeIn = compress(0, 0.5, popmotion__WEBPACK_IMPORTED_MODULE_5__.circOut);
|
1600 |
+
var easeCrossfadeOut = compress(0.5, 0.95, popmotion__WEBPACK_IMPORTED_MODULE_5__.linear);
|
1601 |
+
function compress(min, max, easing) {
|
1602 |
+
return function (p) {
|
1603 |
+
// Could replace ifs with clamp
|
1604 |
+
if (p < min)
|
1605 |
+
return 0;
|
1606 |
+
if (p > max)
|
1607 |
+
return 1;
|
1608 |
+
return easing((0,popmotion__WEBPACK_IMPORTED_MODULE_6__.progress)(min, max, p));
|
1609 |
};
|
1610 |
+
}
|
1611 |
+
var borders = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"];
|
1612 |
+
var numBorders = borders.length;
|
1613 |
+
function mixValues(leadState, followState, latestLeadValues, latestFollowValues, hasFollowElement, p) {
|
1614 |
/**
|
1615 |
+
* Mix border radius
|
|
|
|
|
|
|
|
|
|
|
|
|
1616 |
*/
|
1617 |
+
for (var i = 0; i < numBorders; i++) {
|
1618 |
+
var borderLabel = "border" + borders[i] + "Radius";
|
1619 |
+
var followRadius = getRadius(latestFollowValues, borderLabel);
|
1620 |
+
var leadRadius = getRadius(latestLeadValues, borderLabel);
|
1621 |
+
if (followRadius === undefined && leadRadius === undefined)
|
1622 |
+
continue;
|
1623 |
+
followRadius || (followRadius = 0);
|
1624 |
+
leadRadius || (leadRadius = 0);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1625 |
/**
|
1626 |
+
* Currently we're only crossfading between numerical border radius.
|
1627 |
+
* It would be possible to crossfade between percentages for a little
|
1628 |
+
* extra bundle size.
|
1629 |
*/
|
1630 |
+
if (typeof followRadius === "number" &&
|
1631 |
+
typeof leadRadius === "number") {
|
1632 |
+
var radius = (0,popmotion__WEBPACK_IMPORTED_MODULE_4__.mix)(followRadius, leadRadius, p);
|
1633 |
+
leadState[borderLabel] = followState[borderLabel] = radius;
|
1634 |
+
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1635 |
}
|
1636 |
/**
|
1637 |
+
* Mix rotation
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1638 |
*/
|
1639 |
+
if (latestFollowValues.rotate || latestLeadValues.rotate) {
|
1640 |
+
var rotate = (0,popmotion__WEBPACK_IMPORTED_MODULE_4__.mix)(latestFollowValues.rotate || 0, latestLeadValues.rotate || 0, p);
|
1641 |
+
leadState.rotate = followState.rotate = rotate;
|
1642 |
+
}
|
1643 |
+
/**
|
1644 |
+
* We only want to mix the background color if there's a follow element
|
1645 |
+
* that we're not crossfading opacity between. For instance with switch
|
1646 |
+
* AnimateSharedLayout animations, this helps the illusion of a continuous
|
1647 |
+
* element being animated but also cuts down on the number of paints triggered
|
1648 |
+
* for elements where opacity is doing that work for us.
|
1649 |
+
*/
|
1650 |
+
if (!hasFollowElement &&
|
1651 |
+
latestLeadValues.backgroundColor &&
|
1652 |
+
latestFollowValues.backgroundColor) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1653 |
/**
|
1654 |
+
* This isn't ideal performance-wise as mixColor is creating a new function every frame.
|
1655 |
+
* We could probably create a mixer that runs at the start of the animation but
|
1656 |
+
* the idea behind the crossfader is that it runs dynamically between two potentially
|
1657 |
+
* changing targets (ie opacity or borderRadius may be animating independently via variants)
|
1658 |
*/
|
1659 |
+
leadState.backgroundColor = followState.backgroundColor = (0,popmotion__WEBPACK_IMPORTED_MODULE_7__.mixColor)(latestFollowValues.backgroundColor, latestLeadValues.backgroundColor)(p);
|
1660 |
+
}
|
1661 |
+
}
|
1662 |
+
function getRadius(values, radiusName) {
|
1663 |
+
var _a;
|
1664 |
+
return (_a = values[radiusName]) !== null && _a !== void 0 ? _a : values.borderRadius;
|
1665 |
+
}
|
1666 |
+
|
1667 |
+
|
1668 |
+
|
1669 |
+
|
1670 |
+
/***/ }),
|
1671 |
+
|
1672 |
+
/***/ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/utils/rotate.js":
|
1673 |
+
/*!*******************************************************************************************!*\
|
1674 |
+
!*** ./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/utils/rotate.js ***!
|
1675 |
+
\*******************************************************************************************/
|
1676 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
1677 |
+
|
1678 |
+
__webpack_require__.r(__webpack_exports__);
|
1679 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
1680 |
+
/* harmony export */ "resetRotate": () => (/* binding */ resetRotate)
|
1681 |
+
/* harmony export */ });
|
1682 |
+
/* harmony import */ var _render_html_utils_transform_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../render/html/utils/transform.js */ "./node_modules/framer-motion/dist/es/render/html/utils/transform.js");
|
1683 |
+
|
1684 |
+
|
1685 |
+
function resetRotate(child) {
|
1686 |
+
// If there's no detected rotation values, we can early return without a forced render.
|
1687 |
+
var hasRotate = false;
|
1688 |
+
// Keep a record of all the values we've reset
|
1689 |
+
var resetValues = {};
|
1690 |
+
// Check the rotate value of all axes and reset to 0
|
1691 |
+
for (var i = 0; i < _render_html_utils_transform_js__WEBPACK_IMPORTED_MODULE_0__.transformAxes.length; i++) {
|
1692 |
+
var axis = _render_html_utils_transform_js__WEBPACK_IMPORTED_MODULE_0__.transformAxes[i];
|
1693 |
+
var key = "rotate" + axis;
|
1694 |
+
// If this rotation doesn't exist as a motion value, then we don't
|
1695 |
+
// need to reset it
|
1696 |
+
if (!child.hasValue(key) || child.getStaticValue(key) === 0)
|
1697 |
+
continue;
|
1698 |
+
hasRotate = true;
|
1699 |
+
// Record the rotation and then temporarily set it to 0
|
1700 |
+
resetValues[key] = child.getStaticValue(key);
|
1701 |
+
child.setStaticValue(key, 0);
|
1702 |
+
}
|
1703 |
+
// If there's no rotation values, we don't need to do any more.
|
1704 |
+
if (!hasRotate)
|
1705 |
+
return;
|
1706 |
+
// Force a render of this element to apply the transform with all rotations
|
1707 |
+
// set to 0.
|
1708 |
+
child.syncRender();
|
1709 |
+
// Put back all the values we reset
|
1710 |
+
for (var key in resetValues) {
|
1711 |
+
child.setStaticValue(key, resetValues[key]);
|
1712 |
+
}
|
1713 |
+
// Schedule a render for the next frame. This ensures we won't visually
|
1714 |
+
// see the element with the reset rotate value applied.
|
1715 |
+
child.scheduleRender();
|
1716 |
+
}
|
1717 |
+
|
1718 |
+
|
1719 |
+
|
1720 |
+
|
1721 |
+
/***/ }),
|
1722 |
+
|
1723 |
+
/***/ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/utils/stack.js":
|
1724 |
+
/*!******************************************************************************************!*\
|
1725 |
+
!*** ./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/utils/stack.js ***!
|
1726 |
+
\******************************************************************************************/
|
1727 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
1728 |
+
|
1729 |
+
__webpack_require__.r(__webpack_exports__);
|
1730 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
1731 |
+
/* harmony export */ "layoutStack": () => (/* binding */ layoutStack)
|
1732 |
+
/* harmony export */ });
|
1733 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
1734 |
+
/* harmony import */ var _types_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../types.js */ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/types.js");
|
1735 |
+
/* harmony import */ var _gestures_drag_VisualElementDragControls_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../gestures/drag/VisualElementDragControls.js */ "./node_modules/framer-motion/dist/es/gestures/drag/VisualElementDragControls.js");
|
1736 |
+
/* harmony import */ var _crossfader_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./crossfader.js */ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/utils/crossfader.js");
|
1737 |
+
|
1738 |
+
|
1739 |
+
|
1740 |
+
|
1741 |
+
|
1742 |
+
function layoutStack() {
|
1743 |
+
var stack = new Set();
|
1744 |
+
var state = { leadIsExiting: false };
|
1745 |
+
var prevState = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)({}, state);
|
1746 |
+
var prevValues;
|
1747 |
+
var prevViewportBox;
|
1748 |
+
var prevDragCursor;
|
1749 |
+
var crossfader = (0,_crossfader_js__WEBPACK_IMPORTED_MODULE_1__.createCrossfader)();
|
1750 |
+
var needsCrossfadeAnimation = false;
|
1751 |
+
function getFollowViewportBox() {
|
1752 |
+
return state.follow ? state.follow.prevViewportBox : prevViewportBox;
|
1753 |
+
}
|
1754 |
+
function getFollowLayout() {
|
1755 |
+
var _a;
|
1756 |
+
return (_a = state.follow) === null || _a === void 0 ? void 0 : _a.getLayoutState().layout;
|
1757 |
+
}
|
1758 |
+
return {
|
1759 |
+
add: function (element) {
|
1760 |
+
element.setCrossfader(crossfader);
|
1761 |
+
stack.add(element);
|
1762 |
+
/**
|
1763 |
+
* Hydrate new element with previous drag position if we have one
|
1764 |
+
*/
|
1765 |
+
if (prevDragCursor)
|
1766 |
+
element.prevDragCursor = prevDragCursor;
|
1767 |
+
if (!state.lead)
|
1768 |
+
state.lead = element;
|
1769 |
+
},
|
1770 |
+
remove: function (element) {
|
1771 |
+
stack.delete(element);
|
1772 |
+
},
|
1773 |
+
getLead: function () { return state.lead; },
|
1774 |
+
updateSnapshot: function () {
|
1775 |
+
if (!state.lead)
|
1776 |
+
return;
|
1777 |
+
prevValues = crossfader.isActive()
|
1778 |
+
? crossfader.getLatestValues()
|
1779 |
+
: state.lead.getLatestValues();
|
1780 |
+
prevViewportBox = state.lead.prevViewportBox;
|
1781 |
+
var dragControls = _gestures_drag_VisualElementDragControls_js__WEBPACK_IMPORTED_MODULE_2__.elementDragControls.get(state.lead);
|
1782 |
+
if (dragControls && dragControls.isDragging) {
|
1783 |
+
prevDragCursor = dragControls.cursorProgress;
|
1784 |
+
}
|
1785 |
+
},
|
1786 |
+
clearSnapshot: function () {
|
1787 |
+
prevDragCursor = prevViewportBox = undefined;
|
1788 |
+
},
|
1789 |
+
updateLeadAndFollow: function () {
|
1790 |
+
var _a;
|
1791 |
+
prevState = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)({}, state);
|
1792 |
+
var lead;
|
1793 |
+
var follow;
|
1794 |
+
var order = Array.from(stack);
|
1795 |
+
for (var i = order.length; i--; i >= 0) {
|
1796 |
+
var element = order[i];
|
1797 |
+
if (lead)
|
1798 |
+
follow !== null && follow !== void 0 ? follow : (follow = element);
|
1799 |
+
lead !== null && lead !== void 0 ? lead : (lead = element);
|
1800 |
+
if (lead && follow)
|
1801 |
+
break;
|
1802 |
+
}
|
1803 |
+
state.lead = lead;
|
1804 |
+
state.follow = follow;
|
1805 |
+
state.leadIsExiting = ((_a = state.lead) === null || _a === void 0 ? void 0 : _a.presence) === _types_js__WEBPACK_IMPORTED_MODULE_3__.Presence.Exiting;
|
1806 |
+
crossfader.setOptions({
|
1807 |
+
lead: lead,
|
1808 |
+
follow: follow,
|
1809 |
+
prevValues: prevValues,
|
1810 |
+
crossfadeOpacity: (follow === null || follow === void 0 ? void 0 : follow.isPresenceRoot) || (lead === null || lead === void 0 ? void 0 : lead.isPresenceRoot),
|
1811 |
+
});
|
1812 |
+
if (prevState.lead !== state.lead ||
|
1813 |
+
prevState.leadIsExiting !== state.leadIsExiting) {
|
1814 |
+
needsCrossfadeAnimation = true;
|
1815 |
+
}
|
1816 |
+
},
|
1817 |
+
animate: function (child, shouldCrossfade) {
|
1818 |
+
if (shouldCrossfade === void 0) { shouldCrossfade = false; }
|
1819 |
+
if (child === state.lead) {
|
1820 |
+
if (shouldCrossfade) {
|
1821 |
+
/**
|
1822 |
+
* Point a lead to itself in case it was previously pointing
|
1823 |
+
* to a different visual element
|
1824 |
+
*/
|
1825 |
+
child.pointTo(state.lead);
|
1826 |
+
}
|
1827 |
+
else {
|
1828 |
+
child.setVisibility(true);
|
1829 |
+
}
|
1830 |
+
var config = {};
|
1831 |
+
if (child.presence === _types_js__WEBPACK_IMPORTED_MODULE_3__.Presence.Entering) {
|
1832 |
+
config.originBox = getFollowViewportBox();
|
1833 |
+
}
|
1834 |
+
else if (child.presence === _types_js__WEBPACK_IMPORTED_MODULE_3__.Presence.Exiting) {
|
1835 |
+
config.targetBox = getFollowLayout();
|
1836 |
+
}
|
1837 |
+
if (needsCrossfadeAnimation) {
|
1838 |
+
needsCrossfadeAnimation = false;
|
1839 |
+
var transition = child.getDefaultTransition();
|
1840 |
+
child.presence === _types_js__WEBPACK_IMPORTED_MODULE_3__.Presence.Entering
|
1841 |
+
? crossfader.toLead(transition)
|
1842 |
+
: crossfader.fromLead(transition);
|
1843 |
+
}
|
1844 |
+
child.notifyLayoutReady(config);
|
1845 |
+
}
|
1846 |
+
else {
|
1847 |
+
if (shouldCrossfade) {
|
1848 |
+
state.lead && child.pointTo(state.lead);
|
1849 |
+
}
|
1850 |
+
else {
|
1851 |
+
child.setVisibility(false);
|
1852 |
+
}
|
1853 |
+
}
|
1854 |
+
},
|
1855 |
};
|
|
|
|
|
|
|
|
|
|
|
1856 |
}
|
1857 |
|
1858 |
+
|
1859 |
+
|
1860 |
+
|
1861 |
+
/***/ }),
|
1862 |
+
|
1863 |
+
/***/ "./node_modules/framer-motion/dist/es/context/LayoutGroupContext.js":
|
1864 |
+
/*!**************************************************************************!*\
|
1865 |
+
!*** ./node_modules/framer-motion/dist/es/context/LayoutGroupContext.js ***!
|
1866 |
+
\**************************************************************************/
|
1867 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
1868 |
+
|
1869 |
+
__webpack_require__.r(__webpack_exports__);
|
1870 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
1871 |
+
/* harmony export */ "LayoutGroupContext": () => (/* binding */ LayoutGroupContext)
|
1872 |
+
/* harmony export */ });
|
1873 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
1874 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
1875 |
+
|
1876 |
+
|
1877 |
/**
|
1878 |
+
* @internal
|
|
|
|
|
1879 |
*/
|
1880 |
+
var LayoutGroupContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
|
1881 |
+
|
1882 |
+
|
1883 |
+
|
1884 |
+
|
1885 |
+
/***/ }),
|
1886 |
+
|
1887 |
+
/***/ "./node_modules/framer-motion/dist/es/context/MotionConfigContext.js":
|
1888 |
+
/*!***************************************************************************!*\
|
1889 |
+
!*** ./node_modules/framer-motion/dist/es/context/MotionConfigContext.js ***!
|
1890 |
+
\***************************************************************************/
|
1891 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
1892 |
+
|
1893 |
+
__webpack_require__.r(__webpack_exports__);
|
1894 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
1895 |
+
/* harmony export */ "MotionConfig": () => (/* binding */ MotionConfig),
|
1896 |
+
/* harmony export */ "MotionConfigContext": () => (/* binding */ MotionConfigContext)
|
1897 |
+
/* harmony export */ });
|
1898 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
1899 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
1900 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
1901 |
+
|
1902 |
+
|
1903 |
+
|
1904 |
/**
|
1905 |
+
* @public
|
|
|
|
|
1906 |
*/
|
1907 |
+
var MotionConfigContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({
|
1908 |
+
transformPagePoint: function (p) { return p; },
|
1909 |
+
features: [],
|
1910 |
+
isStatic: false,
|
1911 |
+
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1912 |
/**
|
1913 |
+
* MotionConfig can be used in combination with the `m` component to cut bundle size
|
1914 |
+
* and dynamically load only the features you use.
|
1915 |
+
*
|
1916 |
+
* ```jsx
|
1917 |
+
* import {
|
1918 |
+
* m as motion,
|
1919 |
+
* AnimationFeature,
|
1920 |
+
* MotionConfig
|
1921 |
+
* } from "framer-motion"
|
1922 |
+
*
|
1923 |
+
* export function App() {
|
1924 |
+
* return (
|
1925 |
+
* <MotionConfig features={[AnimationFeature]}>
|
1926 |
+
* <motion.div animate={{ x: 100 }} />
|
1927 |
+
* </MotionConfig>
|
1928 |
+
* )
|
1929 |
+
* }
|
1930 |
+
* ```
|
1931 |
+
*
|
1932 |
+
* @public
|
1933 |
*/
|
1934 |
+
function MotionConfig(_a) {
|
1935 |
+
var children = _a.children, _b = _a.features, features = _b === void 0 ? [] : _b, transition = _a.transition, props = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["children", "features", "transition"]);
|
1936 |
+
var pluginContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(MotionConfigContext);
|
1937 |
+
var loadedFeatures = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__spread)(new Set((0,tslib__WEBPACK_IMPORTED_MODULE_1__.__spread)(pluginContext.features, features)));
|
1938 |
+
// We do want to rerender children when the number of loaded features changes
|
1939 |
+
var value = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () { return ({
|
1940 |
+
features: loadedFeatures,
|
1941 |
+
transition: transition || pluginContext.transition,
|
1942 |
+
}); }, [loadedFeatures.length, transition]);
|
1943 |
+
// Mutative to prevent triggering rerenders in all listening
|
1944 |
+
// components every time this component renders
|
1945 |
+
for (var key in props) {
|
1946 |
+
value[key] = props[key];
|
1947 |
+
}
|
1948 |
+
return ((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(MotionConfigContext.Provider, { value: value }, children));
|
1949 |
}
|
1950 |
+
|
1951 |
+
|
1952 |
+
|
1953 |
+
|
1954 |
+
/***/ }),
|
1955 |
+
|
1956 |
+
/***/ "./node_modules/framer-motion/dist/es/context/MotionContext/create.js":
|
1957 |
+
/*!****************************************************************************!*\
|
1958 |
+
!*** ./node_modules/framer-motion/dist/es/context/MotionContext/create.js ***!
|
1959 |
+
\****************************************************************************/
|
1960 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
1961 |
+
|
1962 |
+
__webpack_require__.r(__webpack_exports__);
|
1963 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
1964 |
+
/* harmony export */ "useCreateMotionContext": () => (/* binding */ useCreateMotionContext)
|
1965 |
+
/* harmony export */ });
|
1966 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
1967 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
1968 |
+
/* harmony import */ var _index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index.js */ "./node_modules/framer-motion/dist/es/context/MotionContext/index.js");
|
1969 |
+
/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ "./node_modules/framer-motion/dist/es/context/MotionContext/utils.js");
|
1970 |
+
|
1971 |
+
|
1972 |
+
|
1973 |
+
|
1974 |
+
function useCreateMotionContext(props, isStatic) {
|
1975 |
+
var _a = (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.getCurrentTreeVariants)(props, (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_index_js__WEBPACK_IMPORTED_MODULE_2__.MotionContext)), initial = _a.initial, animate = _a.animate;
|
1976 |
+
return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () { return ({ initial: initial, animate: animate }); },
|
1977 |
+
/**
|
1978 |
+
* Only break memoisation in static mode
|
1979 |
+
*/
|
1980 |
+
isStatic
|
1981 |
+
? [
|
1982 |
+
variantLabelsAsDependency(initial),
|
1983 |
+
variantLabelsAsDependency(animate),
|
1984 |
+
]
|
1985 |
+
: []);
|
1986 |
}
|
1987 |
+
function variantLabelsAsDependency(prop) {
|
1988 |
+
return Array.isArray(prop) ? prop.join(" ") : prop;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1989 |
}
|
1990 |
|
1991 |
+
|
1992 |
+
|
1993 |
+
|
1994 |
+
/***/ }),
|
1995 |
+
|
1996 |
+
/***/ "./node_modules/framer-motion/dist/es/context/MotionContext/index.js":
|
1997 |
+
/*!***************************************************************************!*\
|
1998 |
+
!*** ./node_modules/framer-motion/dist/es/context/MotionContext/index.js ***!
|
1999 |
+
\***************************************************************************/
|
2000 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
2001 |
+
|
2002 |
+
__webpack_require__.r(__webpack_exports__);
|
2003 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
2004 |
+
/* harmony export */ "MotionContext": () => (/* binding */ MotionContext),
|
2005 |
+
/* harmony export */ "useVisualElementContext": () => (/* binding */ useVisualElementContext)
|
2006 |
+
/* harmony export */ });
|
2007 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
2008 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
2009 |
+
|
2010 |
+
|
2011 |
+
var MotionContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({});
|
2012 |
+
function useVisualElementContext() {
|
2013 |
+
return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(MotionContext).visualElement;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2014 |
}
|
2015 |
|
2016 |
+
|
2017 |
+
|
2018 |
+
|
2019 |
+
/***/ }),
|
2020 |
+
|
2021 |
+
/***/ "./node_modules/framer-motion/dist/es/context/MotionContext/utils.js":
|
2022 |
+
/*!***************************************************************************!*\
|
2023 |
+
!*** ./node_modules/framer-motion/dist/es/context/MotionContext/utils.js ***!
|
2024 |
+
\***************************************************************************/
|
2025 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
2026 |
+
|
2027 |
+
__webpack_require__.r(__webpack_exports__);
|
2028 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
2029 |
+
/* harmony export */ "getCurrentTreeVariants": () => (/* binding */ getCurrentTreeVariants)
|
2030 |
+
/* harmony export */ });
|
2031 |
+
/* harmony import */ var _render_utils_variants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../render/utils/variants.js */ "./node_modules/framer-motion/dist/es/render/utils/variants.js");
|
2032 |
+
|
2033 |
+
|
2034 |
+
function getCurrentTreeVariants(props, context) {
|
2035 |
+
if ((0,_render_utils_variants_js__WEBPACK_IMPORTED_MODULE_0__.checkIfControllingVariants)(props)) {
|
2036 |
+
var initial = props.initial, animate = props.animate;
|
2037 |
+
return {
|
2038 |
+
initial: initial === false || (0,_render_utils_variants_js__WEBPACK_IMPORTED_MODULE_0__.isVariantLabel)(initial)
|
2039 |
+
? initial
|
2040 |
+
: undefined,
|
2041 |
+
animate: (0,_render_utils_variants_js__WEBPACK_IMPORTED_MODULE_0__.isVariantLabel)(animate) ? animate : undefined,
|
2042 |
+
};
|
2043 |
+
}
|
2044 |
+
return props.inherit !== false ? context : {};
|
2045 |
+
}
|
2046 |
+
|
2047 |
+
|
2048 |
+
|
2049 |
+
|
2050 |
+
/***/ }),
|
2051 |
+
|
2052 |
+
/***/ "./node_modules/framer-motion/dist/es/context/PresenceContext.js":
|
2053 |
+
/*!***********************************************************************!*\
|
2054 |
+
!*** ./node_modules/framer-motion/dist/es/context/PresenceContext.js ***!
|
2055 |
+
\***********************************************************************/
|
2056 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
2057 |
+
|
2058 |
+
__webpack_require__.r(__webpack_exports__);
|
2059 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
2060 |
+
/* harmony export */ "PresenceContext": () => (/* binding */ PresenceContext)
|
2061 |
+
/* harmony export */ });
|
2062 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
2063 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
2064 |
+
|
2065 |
+
|
2066 |
/**
|
2067 |
+
* @public
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2068 |
*/
|
2069 |
+
var PresenceContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
|
2070 |
+
|
2071 |
+
|
2072 |
+
|
2073 |
+
|
2074 |
+
/***/ }),
|
2075 |
+
|
2076 |
+
/***/ "./node_modules/framer-motion/dist/es/context/SharedLayoutContext.js":
|
2077 |
+
/*!***************************************************************************!*\
|
2078 |
+
!*** ./node_modules/framer-motion/dist/es/context/SharedLayoutContext.js ***!
|
2079 |
+
\***************************************************************************/
|
2080 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
2081 |
+
|
2082 |
+
__webpack_require__.r(__webpack_exports__);
|
2083 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
2084 |
+
/* harmony export */ "FramerTreeLayoutContext": () => (/* binding */ FramerTreeLayoutContext),
|
2085 |
+
/* harmony export */ "SharedLayoutContext": () => (/* binding */ SharedLayoutContext),
|
2086 |
+
/* harmony export */ "isSharedLayout": () => (/* binding */ isSharedLayout)
|
2087 |
+
/* harmony export */ });
|
2088 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
2089 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
2090 |
+
/* harmony import */ var _components_AnimateSharedLayout_utils_batcher_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AnimateSharedLayout/utils/batcher.js */ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/utils/batcher.js");
|
2091 |
+
|
2092 |
+
|
2093 |
+
|
2094 |
+
var SharedLayoutContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)((0,_components_AnimateSharedLayout_utils_batcher_js__WEBPACK_IMPORTED_MODULE_1__.createBatcher)());
|
2095 |
/**
|
2096 |
+
* @internal
|
2097 |
*/
|
2098 |
+
var FramerTreeLayoutContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)((0,_components_AnimateSharedLayout_utils_batcher_js__WEBPACK_IMPORTED_MODULE_1__.createBatcher)());
|
2099 |
+
function isSharedLayout(context) {
|
2100 |
+
return !!context.forceUpdate;
|
2101 |
}
|
2102 |
+
|
2103 |
+
|
2104 |
+
|
2105 |
+
|
2106 |
+
/***/ }),
|
2107 |
+
|
2108 |
+
/***/ "./node_modules/framer-motion/dist/es/events/event-info.js":
|
2109 |
+
/*!*****************************************************************!*\
|
2110 |
+
!*** ./node_modules/framer-motion/dist/es/events/event-info.js ***!
|
2111 |
+
\*****************************************************************/
|
2112 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
2113 |
+
|
2114 |
+
__webpack_require__.r(__webpack_exports__);
|
2115 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
2116 |
+
/* harmony export */ "extractEventInfo": () => (/* binding */ extractEventInfo),
|
2117 |
+
/* harmony export */ "getViewportPointFromEvent": () => (/* binding */ getViewportPointFromEvent),
|
2118 |
+
/* harmony export */ "wrapHandler": () => (/* binding */ wrapHandler)
|
2119 |
+
/* harmony export */ });
|
2120 |
+
/* harmony import */ var _gestures_utils_event_type_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../gestures/utils/event-type.js */ "./node_modules/framer-motion/dist/es/gestures/utils/event-type.js");
|
2121 |
+
|
2122 |
+
|
2123 |
/**
|
2124 |
+
* Filters out events not attached to the primary pointer (currently left mouse button)
|
2125 |
+
* @param eventHandler
|
2126 |
*/
|
2127 |
+
function filterPrimaryPointer(eventHandler) {
|
2128 |
+
return function (event) {
|
2129 |
+
var isMouseEvent = event instanceof MouseEvent;
|
2130 |
+
var isPrimaryPointer = !isMouseEvent ||
|
2131 |
+
(isMouseEvent && event.button === 0);
|
2132 |
+
if (isPrimaryPointer) {
|
2133 |
+
eventHandler(event);
|
2134 |
+
}
|
2135 |
+
};
|
2136 |
}
|
2137 |
+
var defaultPagePoint = { pageX: 0, pageY: 0 };
|
2138 |
+
function pointFromTouch(e, pointType) {
|
2139 |
+
if (pointType === void 0) { pointType = "page"; }
|
2140 |
+
var primaryTouch = e.touches[0] || e.changedTouches[0];
|
2141 |
+
var point = primaryTouch || defaultPagePoint;
|
2142 |
+
return {
|
2143 |
+
x: point[pointType + "X"],
|
2144 |
+
y: point[pointType + "Y"],
|
2145 |
+
};
|
2146 |
}
|
2147 |
+
function pointFromMouse(point, pointType) {
|
2148 |
+
if (pointType === void 0) { pointType = "page"; }
|
2149 |
+
return {
|
2150 |
+
x: point[pointType + "X"],
|
2151 |
+
y: point[pointType + "Y"],
|
2152 |
+
};
|
2153 |
+
}
|
2154 |
+
function extractEventInfo(event, pointType) {
|
2155 |
+
if (pointType === void 0) { pointType = "page"; }
|
2156 |
+
return {
|
2157 |
+
point: (0,_gestures_utils_event_type_js__WEBPACK_IMPORTED_MODULE_0__.isTouchEvent)(event)
|
2158 |
+
? pointFromTouch(event, pointType)
|
2159 |
+
: pointFromMouse(event, pointType),
|
2160 |
+
};
|
2161 |
+
}
|
2162 |
+
function getViewportPointFromEvent(event) {
|
2163 |
+
return extractEventInfo(event, "client");
|
2164 |
+
}
|
2165 |
+
var wrapHandler = function (handler, shouldFilterPrimaryPointer) {
|
2166 |
+
if (shouldFilterPrimaryPointer === void 0) { shouldFilterPrimaryPointer = false; }
|
2167 |
+
var listener = function (event) {
|
2168 |
+
return handler(event, extractEventInfo(event));
|
2169 |
+
};
|
2170 |
+
return shouldFilterPrimaryPointer
|
2171 |
+
? filterPrimaryPointer(listener)
|
2172 |
+
: listener;
|
2173 |
};
|
2174 |
+
|
2175 |
+
|
2176 |
+
|
2177 |
+
|
2178 |
+
/***/ }),
|
2179 |
+
|
2180 |
+
/***/ "./node_modules/framer-motion/dist/es/events/use-dom-event.js":
|
2181 |
+
/*!********************************************************************!*\
|
2182 |
+
!*** ./node_modules/framer-motion/dist/es/events/use-dom-event.js ***!
|
2183 |
+
\********************************************************************/
|
2184 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
2185 |
+
|
2186 |
+
__webpack_require__.r(__webpack_exports__);
|
2187 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
2188 |
+
/* harmony export */ "addDomEvent": () => (/* binding */ addDomEvent),
|
2189 |
+
/* harmony export */ "useDomEvent": () => (/* binding */ useDomEvent)
|
2190 |
+
/* harmony export */ });
|
2191 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
2192 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
2193 |
+
|
2194 |
+
|
2195 |
+
function addDomEvent(target, eventName, handler, options) {
|
2196 |
+
target.addEventListener(eventName, handler, options);
|
2197 |
+
return function () { return target.removeEventListener(eventName, handler, options); };
|
2198 |
+
}
|
2199 |
/**
|
2200 |
+
* Attaches an event listener directly to the provided DOM element.
|
2201 |
*
|
2202 |
+
* Bypassing React's event system can be desirable, for instance when attaching non-passive
|
2203 |
+
* event handlers.
|
2204 |
+
*
|
2205 |
+
* ```jsx
|
2206 |
+
* const ref = useRef(null)
|
2207 |
+
*
|
2208 |
+
* useDomEvent(ref, 'wheel', onWheel, { passive: false })
|
2209 |
+
*
|
2210 |
+
* return <div ref={ref} />
|
2211 |
+
* ```
|
2212 |
+
*
|
2213 |
+
* @param ref - React.RefObject that's been provided to the element you want to bind the listener to.
|
2214 |
+
* @param eventName - Name of the event you want listen for.
|
2215 |
+
* @param handler - Function to fire when receiving the event.
|
2216 |
+
* @param options - Options to pass to `Event.addEventListener`.
|
2217 |
+
*
|
2218 |
+
* @public
|
2219 |
*/
|
2220 |
+
function useDomEvent(ref, eventName, handler, options) {
|
2221 |
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
2222 |
+
var element = ref.current;
|
2223 |
+
if (handler && element) {
|
2224 |
+
return addDomEvent(element, eventName, handler, options);
|
2225 |
+
}
|
2226 |
+
}, [ref, eventName, handler, options]);
|
2227 |
+
}
|
2228 |
+
|
2229 |
+
|
2230 |
+
|
2231 |
+
|
2232 |
+
/***/ }),
|
2233 |
+
|
2234 |
+
/***/ "./node_modules/framer-motion/dist/es/events/use-pointer-event.js":
|
2235 |
+
/*!************************************************************************!*\
|
2236 |
+
!*** ./node_modules/framer-motion/dist/es/events/use-pointer-event.js ***!
|
2237 |
+
\************************************************************************/
|
2238 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
2239 |
+
|
2240 |
+
__webpack_require__.r(__webpack_exports__);
|
2241 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
2242 |
+
/* harmony export */ "addPointerEvent": () => (/* binding */ addPointerEvent),
|
2243 |
+
/* harmony export */ "usePointerEvent": () => (/* binding */ usePointerEvent)
|
2244 |
+
/* harmony export */ });
|
2245 |
+
/* harmony import */ var _event_info_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./event-info.js */ "./node_modules/framer-motion/dist/es/events/event-info.js");
|
2246 |
+
/* harmony import */ var _use_dom_event_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./use-dom-event.js */ "./node_modules/framer-motion/dist/es/events/use-dom-event.js");
|
2247 |
+
/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils.js */ "./node_modules/framer-motion/dist/es/events/utils.js");
|
2248 |
+
|
2249 |
+
|
2250 |
+
|
2251 |
+
|
2252 |
+
var mouseEventNames = {
|
2253 |
+
pointerdown: "mousedown",
|
2254 |
+
pointermove: "mousemove",
|
2255 |
+
pointerup: "mouseup",
|
2256 |
+
pointercancel: "mousecancel",
|
2257 |
+
pointerover: "mouseover",
|
2258 |
+
pointerout: "mouseout",
|
2259 |
+
pointerenter: "mouseenter",
|
2260 |
+
pointerleave: "mouseleave",
|
2261 |
+
};
|
2262 |
+
var touchEventNames = {
|
2263 |
+
pointerdown: "touchstart",
|
2264 |
+
pointermove: "touchmove",
|
2265 |
+
pointerup: "touchend",
|
2266 |
+
pointercancel: "touchcancel",
|
2267 |
+
};
|
2268 |
+
function getPointerEventName(name) {
|
2269 |
+
if ((0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.supportsPointerEvents)()) {
|
2270 |
+
return name;
|
2271 |
}
|
2272 |
+
else if ((0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.supportsTouchEvents)()) {
|
2273 |
+
return touchEventNames[name];
|
|
|
|
|
2274 |
}
|
2275 |
+
else if ((0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.supportsMouseEvents)()) {
|
2276 |
+
return mouseEventNames[name];
|
2277 |
}
|
2278 |
+
return name;
|
2279 |
}
|
2280 |
+
function addPointerEvent(target, eventName, handler, options) {
|
2281 |
+
return (0,_use_dom_event_js__WEBPACK_IMPORTED_MODULE_1__.addDomEvent)(target, getPointerEventName(eventName), (0,_event_info_js__WEBPACK_IMPORTED_MODULE_2__.wrapHandler)(handler, eventName === "pointerdown"), options);
|
|
|
|
|
|
|
|
|
|
|
2282 |
}
|
2283 |
+
function usePointerEvent(ref, eventName, handler, options) {
|
2284 |
+
return (0,_use_dom_event_js__WEBPACK_IMPORTED_MODULE_1__.useDomEvent)(ref, getPointerEventName(eventName), handler && (0,_event_info_js__WEBPACK_IMPORTED_MODULE_2__.wrapHandler)(handler, eventName === "pointerdown"), options);
|
2285 |
+
}
|
2286 |
+
|
2287 |
+
|
2288 |
+
|
2289 |
+
|
2290 |
+
/***/ }),
|
2291 |
+
|
2292 |
+
/***/ "./node_modules/framer-motion/dist/es/events/utils.js":
|
2293 |
+
/*!************************************************************!*\
|
2294 |
+
!*** ./node_modules/framer-motion/dist/es/events/utils.js ***!
|
2295 |
+
\************************************************************/
|
2296 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
2297 |
+
|
2298 |
+
__webpack_require__.r(__webpack_exports__);
|
2299 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
2300 |
+
/* harmony export */ "supportsMouseEvents": () => (/* binding */ supportsMouseEvents),
|
2301 |
+
/* harmony export */ "supportsPointerEvents": () => (/* binding */ supportsPointerEvents),
|
2302 |
+
/* harmony export */ "supportsTouchEvents": () => (/* binding */ supportsTouchEvents)
|
2303 |
+
/* harmony export */ });
|
2304 |
+
var isBrowser = typeof window !== "undefined";
|
2305 |
+
// We check for event support via functions in case they've been mocked by a testing suite.
|
2306 |
+
var supportsPointerEvents = function () {
|
2307 |
+
return isBrowser && window.onpointerdown === null;
|
2308 |
+
};
|
2309 |
+
var supportsTouchEvents = function () {
|
2310 |
+
return isBrowser && window.ontouchstart === null;
|
2311 |
+
};
|
2312 |
+
var supportsMouseEvents = function () {
|
2313 |
+
return isBrowser && window.onmousedown === null;
|
2314 |
+
};
|
2315 |
+
|
2316 |
+
|
2317 |
+
|
2318 |
+
|
2319 |
+
/***/ }),
|
2320 |
+
|
2321 |
+
/***/ "./node_modules/framer-motion/dist/es/gestures/PanSession.js":
|
2322 |
+
/*!*******************************************************************!*\
|
2323 |
+
!*** ./node_modules/framer-motion/dist/es/gestures/PanSession.js ***!
|
2324 |
+
\*******************************************************************/
|
2325 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
2326 |
+
|
2327 |
+
__webpack_require__.r(__webpack_exports__);
|
2328 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
2329 |
+
/* harmony export */ "PanSession": () => (/* binding */ PanSession)
|
2330 |
+
/* harmony export */ });
|
2331 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
2332 |
+
/* harmony import */ var popmotion__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! popmotion */ "./node_modules/popmotion/dist/es/utils/distance.js");
|
2333 |
+
/* harmony import */ var popmotion__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! popmotion */ "./node_modules/popmotion/dist/es/utils/pipe.js");
|
2334 |
+
/* harmony import */ var _utils_event_type_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/event-type.js */ "./node_modules/framer-motion/dist/es/gestures/utils/event-type.js");
|
2335 |
+
/* harmony import */ var _events_event_info_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../events/event-info.js */ "./node_modules/framer-motion/dist/es/events/event-info.js");
|
2336 |
+
/* harmony import */ var framesync__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! framesync */ "./node_modules/framesync/dist/es/index.js");
|
2337 |
+
/* harmony import */ var _utils_time_conversion_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/time-conversion.js */ "./node_modules/framer-motion/dist/es/utils/time-conversion.js");
|
2338 |
+
/* harmony import */ var _events_use_pointer_event_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../events/use-pointer-event.js */ "./node_modules/framer-motion/dist/es/events/use-pointer-event.js");
|
2339 |
+
|
2340 |
+
|
2341 |
+
|
2342 |
+
|
2343 |
+
|
2344 |
+
|
2345 |
+
|
2346 |
+
|
2347 |
/**
|
2348 |
+
* @internal
|
|
|
2349 |
*/
|
2350 |
+
var PanSession = /** @class */ (function () {
|
2351 |
+
function PanSession(event, handlers, _a) {
|
2352 |
+
var _this = this;
|
2353 |
+
var transformPagePoint = (_a === void 0 ? {} : _a).transformPagePoint;
|
2354 |
+
/**
|
2355 |
+
* @internal
|
2356 |
+
*/
|
2357 |
+
this.startEvent = null;
|
2358 |
+
/**
|
2359 |
+
* @internal
|
2360 |
+
*/
|
2361 |
+
this.lastMoveEvent = null;
|
2362 |
+
/**
|
2363 |
+
* @internal
|
2364 |
+
*/
|
2365 |
+
this.lastMoveEventInfo = null;
|
2366 |
+
/**
|
2367 |
+
* @internal
|
2368 |
+
*/
|
2369 |
+
this.handlers = {};
|
2370 |
+
this.updatePoint = function () {
|
2371 |
+
if (!(_this.lastMoveEvent && _this.lastMoveEventInfo))
|
2372 |
+
return;
|
2373 |
+
var info = getPanInfo(_this.lastMoveEventInfo, _this.history);
|
2374 |
+
var isPanStarted = _this.startEvent !== null;
|
2375 |
+
// Only start panning if the offset is larger than 3 pixels. If we make it
|
2376 |
+
// any larger than this we'll want to reset the pointer history
|
2377 |
+
// on the first update to avoid visual snapping to the cursoe.
|
2378 |
+
var isDistancePastThreshold = (0,popmotion__WEBPACK_IMPORTED_MODULE_1__.distance)(info.offset, { x: 0, y: 0 }) >= 3;
|
2379 |
+
if (!isPanStarted && !isDistancePastThreshold)
|
2380 |
+
return;
|
2381 |
+
var point = info.point;
|
2382 |
+
var timestamp = (0,framesync__WEBPACK_IMPORTED_MODULE_0__.getFrameData)().timestamp;
|
2383 |
+
_this.history.push((0,tslib__WEBPACK_IMPORTED_MODULE_2__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_2__.__assign)({}, point), { timestamp: timestamp }));
|
2384 |
+
var _a = _this.handlers, onStart = _a.onStart, onMove = _a.onMove;
|
2385 |
+
if (!isPanStarted) {
|
2386 |
+
onStart && onStart(_this.lastMoveEvent, info);
|
2387 |
+
_this.startEvent = _this.lastMoveEvent;
|
2388 |
+
}
|
2389 |
+
onMove && onMove(_this.lastMoveEvent, info);
|
2390 |
+
};
|
2391 |
+
this.handlePointerMove = function (event, info) {
|
2392 |
+
_this.lastMoveEvent = event;
|
2393 |
+
_this.lastMoveEventInfo = transformPoint(info, _this.transformPagePoint);
|
2394 |
+
// Because Safari doesn't trigger mouseup events when it's above a `<select>`
|
2395 |
+
if ((0,_utils_event_type_js__WEBPACK_IMPORTED_MODULE_3__.isMouseEvent)(event) && event.buttons === 0) {
|
2396 |
+
_this.handlePointerUp(event, info);
|
2397 |
+
return;
|
2398 |
+
}
|
2399 |
+
// Throttle mouse move event to once per frame
|
2400 |
+
framesync__WEBPACK_IMPORTED_MODULE_0__["default"].update(_this.updatePoint, true);
|
2401 |
+
};
|
2402 |
+
this.handlePointerUp = function (event, info) {
|
2403 |
+
_this.end();
|
2404 |
+
var onEnd = _this.handlers.onEnd;
|
2405 |
+
if (!onEnd || !_this.startEvent)
|
2406 |
+
return;
|
2407 |
+
var panInfo = getPanInfo(transformPoint(info, _this.transformPagePoint), _this.history);
|
2408 |
+
onEnd && onEnd(event, panInfo);
|
2409 |
+
};
|
2410 |
+
// If we have more than one touch, don't start detecting this gesture
|
2411 |
+
if ((0,_utils_event_type_js__WEBPACK_IMPORTED_MODULE_3__.isTouchEvent)(event) && event.touches.length > 1)
|
2412 |
+
return;
|
2413 |
+
this.handlers = handlers;
|
2414 |
+
this.transformPagePoint = transformPagePoint;
|
2415 |
+
var info = (0,_events_event_info_js__WEBPACK_IMPORTED_MODULE_4__.extractEventInfo)(event);
|
2416 |
+
var initialInfo = transformPoint(info, this.transformPagePoint);
|
2417 |
+
var point = initialInfo.point;
|
2418 |
+
var timestamp = (0,framesync__WEBPACK_IMPORTED_MODULE_0__.getFrameData)().timestamp;
|
2419 |
+
this.history = [(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_2__.__assign)({}, point), { timestamp: timestamp })];
|
2420 |
+
var onSessionStart = handlers.onSessionStart;
|
2421 |
+
onSessionStart &&
|
2422 |
+
onSessionStart(event, getPanInfo(initialInfo, this.history));
|
2423 |
+
this.removeListeners = (0,popmotion__WEBPACK_IMPORTED_MODULE_5__.pipe)((0,_events_use_pointer_event_js__WEBPACK_IMPORTED_MODULE_6__.addPointerEvent)(window, "pointermove", this.handlePointerMove), (0,_events_use_pointer_event_js__WEBPACK_IMPORTED_MODULE_6__.addPointerEvent)(window, "pointerup", this.handlePointerUp), (0,_events_use_pointer_event_js__WEBPACK_IMPORTED_MODULE_6__.addPointerEvent)(window, "pointercancel", this.handlePointerUp));
|
2424 |
}
|
2425 |
+
PanSession.prototype.updateHandlers = function (handlers) {
|
2426 |
+
this.handlers = handlers;
|
2427 |
+
};
|
2428 |
+
PanSession.prototype.end = function () {
|
2429 |
+
this.removeListeners && this.removeListeners();
|
2430 |
+
framesync__WEBPACK_IMPORTED_MODULE_0__.cancelSync.update(this.updatePoint);
|
2431 |
+
};
|
2432 |
+
return PanSession;
|
2433 |
+
}());
|
2434 |
+
function transformPoint(info, transformPagePoint) {
|
2435 |
+
return transformPagePoint ? { point: transformPagePoint(info.point) } : info;
|
2436 |
}
|
2437 |
+
function subtractPoint(a, b) {
|
2438 |
+
return { x: a.x - b.x, y: a.y - b.y };
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2439 |
}
|
2440 |
+
function getPanInfo(_a, history) {
|
2441 |
+
var point = _a.point;
|
2442 |
+
return {
|
2443 |
+
point: point,
|
2444 |
+
delta: subtractPoint(point, lastDevicePoint(history)),
|
2445 |
+
offset: subtractPoint(point, startDevicePoint(history)),
|
2446 |
+
velocity: getVelocity(history, 0.1),
|
2447 |
+
};
|
2448 |
}
|
2449 |
+
function startDevicePoint(history) {
|
2450 |
+
return history[0];
|
|
|
2451 |
}
|
2452 |
+
function lastDevicePoint(history) {
|
2453 |
+
return history[history.length - 1];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2454 |
}
|
2455 |
+
function getVelocity(history, timeDelta) {
|
2456 |
+
if (history.length < 2) {
|
2457 |
+
return { x: 0, y: 0 };
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2458 |
}
|
2459 |
+
var i = history.length - 1;
|
2460 |
+
var timestampedPoint = null;
|
2461 |
+
var lastPoint = lastDevicePoint(history);
|
2462 |
+
while (i >= 0) {
|
2463 |
+
timestampedPoint = history[i];
|
2464 |
+
if (lastPoint.timestamp - timestampedPoint.timestamp >
|
2465 |
+
(0,_utils_time_conversion_js__WEBPACK_IMPORTED_MODULE_7__.secondsToMilliseconds)(timeDelta)) {
|
2466 |
+
break;
|
2467 |
+
}
|
2468 |
+
i--;
|
2469 |
}
|
2470 |
+
if (!timestampedPoint) {
|
2471 |
+
return { x: 0, y: 0 };
|
2472 |
}
|
2473 |
+
var time = (lastPoint.timestamp - timestampedPoint.timestamp) / 1000;
|
2474 |
+
if (time === 0) {
|
2475 |
+
return { x: 0, y: 0 };
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2476 |
}
|
2477 |
+
var currentVelocity = {
|
2478 |
+
x: (lastPoint.x - timestampedPoint.x) / time,
|
2479 |
+
y: (lastPoint.y - timestampedPoint.y) / time,
|
2480 |
+
};
|
2481 |
+
if (currentVelocity.x === Infinity) {
|
2482 |
+
currentVelocity.x = 0;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2483 |
}
|
2484 |
+
if (currentVelocity.y === Infinity) {
|
2485 |
+
currentVelocity.y = 0;
|
2486 |
+
}
|
2487 |
+
return currentVelocity;
|
2488 |
}
|
2489 |
|
2490 |
+
|
2491 |
+
|
2492 |
+
|
2493 |
+
/***/ }),
|
2494 |
+
|
2495 |
+
/***/ "./node_modules/framer-motion/dist/es/gestures/drag/VisualElementDragControls.js":
|
2496 |
+
/*!***************************************************************************************!*\
|
2497 |
+
!*** ./node_modules/framer-motion/dist/es/gestures/drag/VisualElementDragControls.js ***!
|
2498 |
+
\***************************************************************************************/
|
2499 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
2500 |
+
|
2501 |
+
__webpack_require__.r(__webpack_exports__);
|
2502 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
2503 |
+
/* harmony export */ "VisualElementDragControls": () => (/* binding */ VisualElementDragControls),
|
2504 |
+
/* harmony export */ "elementDragControls": () => (/* binding */ elementDragControls)
|
2505 |
+
/* harmony export */ });
|
2506 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
2507 |
+
/* harmony import */ var _utils_is_ref_object_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils/is-ref-object.js */ "./node_modules/framer-motion/dist/es/utils/is-ref-object.js");
|
2508 |
+
/* harmony import */ var hey_listen__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! hey-listen */ "./node_modules/hey-listen/dist/hey-listen.es.js");
|
2509 |
+
/* harmony import */ var popmotion__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! popmotion */ "./node_modules/popmotion/dist/es/utils/progress.js");
|
2510 |
+
/* harmony import */ var _events_event_info_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../events/event-info.js */ "./node_modules/framer-motion/dist/es/events/event-info.js");
|
2511 |
+
/* harmony import */ var _events_use_dom_event_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../events/use-dom-event.js */ "./node_modules/framer-motion/dist/es/events/use-dom-event.js");
|
2512 |
+
/* harmony import */ var _events_use_pointer_event_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../events/use-pointer-event.js */ "./node_modules/framer-motion/dist/es/events/use-pointer-event.js");
|
2513 |
+
/* harmony import */ var _PanSession_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../PanSession.js */ "./node_modules/framer-motion/dist/es/gestures/PanSession.js");
|
2514 |
+
/* harmony import */ var _utils_lock_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/lock.js */ "./node_modules/framer-motion/dist/es/gestures/drag/utils/lock.js");
|
2515 |
+
/* harmony import */ var _utils_geometry_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/geometry/index.js */ "./node_modules/framer-motion/dist/es/utils/geometry/index.js");
|
2516 |
+
/* harmony import */ var _utils_each_axis_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/each-axis.js */ "./node_modules/framer-motion/dist/es/utils/each-axis.js");
|
2517 |
+
/* harmony import */ var _utils_geometry_delta_calc_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../utils/geometry/delta-calc.js */ "./node_modules/framer-motion/dist/es/utils/geometry/delta-calc.js");
|
2518 |
+
/* harmony import */ var _utils_constraints_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/constraints.js */ "./node_modules/framer-motion/dist/es/gestures/drag/utils/constraints.js");
|
2519 |
+
/* harmony import */ var _render_dom_projection_measure_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../render/dom/projection/measure.js */ "./node_modules/framer-motion/dist/es/render/dom/projection/measure.js");
|
2520 |
+
/* harmony import */ var _animation_utils_transitions_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../animation/utils/transitions.js */ "./node_modules/framer-motion/dist/es/animation/utils/transitions.js");
|
2521 |
+
/* harmony import */ var _render_utils_types_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../render/utils/types.js */ "./node_modules/framer-motion/dist/es/render/utils/types.js");
|
2522 |
+
|
2523 |
+
|
2524 |
+
|
2525 |
+
|
2526 |
+
|
2527 |
+
|
2528 |
+
|
2529 |
+
|
2530 |
+
|
2531 |
+
|
2532 |
+
|
2533 |
+
|
2534 |
+
|
2535 |
+
|
2536 |
+
|
2537 |
+
|
2538 |
+
|
2539 |
+
var elementDragControls = new WeakMap();
|
2540 |
/**
|
2541 |
+
*
|
|
|
|
|
|
|
|
|
2542 |
*/
|
2543 |
+
var lastPointerEvent;
|
2544 |
+
var VisualElementDragControls = /** @class */ (function () {
|
2545 |
+
function VisualElementDragControls(_a) {
|
2546 |
+
var visualElement = _a.visualElement;
|
2547 |
+
/**
|
2548 |
+
* Track whether we're currently dragging.
|
2549 |
+
*
|
2550 |
+
* @internal
|
2551 |
+
*/
|
2552 |
+
this.isDragging = false;
|
2553 |
+
/**
|
2554 |
+
* The current direction of drag, or `null` if both.
|
2555 |
+
*
|
2556 |
+
* @internal
|
2557 |
+
*/
|
2558 |
+
this.currentDirection = null;
|
2559 |
+
/**
|
2560 |
+
* The permitted boundaries of travel, in pixels.
|
2561 |
+
*
|
2562 |
+
* @internal
|
2563 |
+
*/
|
2564 |
+
this.constraints = false;
|
2565 |
+
/**
|
2566 |
+
* The per-axis resolved elastic values.
|
2567 |
+
*
|
2568 |
+
* @internal
|
2569 |
+
*/
|
2570 |
+
this.elastic = (0,_utils_geometry_index_js__WEBPACK_IMPORTED_MODULE_1__.axisBox)();
|
2571 |
+
/**
|
2572 |
+
* A reference to the host component's latest props.
|
2573 |
+
*
|
2574 |
+
* @internal
|
2575 |
+
*/
|
2576 |
+
this.props = {};
|
2577 |
+
/**
|
2578 |
+
* @internal
|
2579 |
+
*/
|
2580 |
+
this.hasMutatedConstraints = false;
|
2581 |
+
/**
|
2582 |
+
* Track the initial position of the cursor relative to the dragging element
|
2583 |
+
* when dragging starts as a value of 0-1 on each axis. We then use this to calculate
|
2584 |
+
* an ideal bounding box for the VisualElement renderer to project into every frame.
|
2585 |
+
*
|
2586 |
+
* @internal
|
2587 |
+
*/
|
2588 |
+
this.cursorProgress = {
|
2589 |
+
x: 0.5,
|
2590 |
+
y: 0.5,
|
2591 |
+
};
|
2592 |
+
// When updating _dragX, or _dragY instead of the VisualElement,
|
2593 |
+
// persist their values between drag gestures.
|
2594 |
+
this.originPoint = {};
|
2595 |
+
// This is a reference to the global drag gesture lock, ensuring only one component
|
2596 |
+
// can "capture" the drag of one or both axes.
|
2597 |
+
// TODO: Look into moving this into pansession?
|
2598 |
+
this.openGlobalLock = null;
|
2599 |
+
/**
|
2600 |
+
* @internal
|
2601 |
+
*/
|
2602 |
+
this.panSession = null;
|
2603 |
+
this.visualElement = visualElement;
|
2604 |
+
this.visualElement.enableLayoutProjection();
|
2605 |
+
elementDragControls.set(visualElement, this);
|
2606 |
+
}
|
2607 |
/**
|
2608 |
+
* Instantiate a PanSession for the drag gesture
|
2609 |
+
*
|
2610 |
+
* @public
|
2611 |
*/
|
2612 |
+
VisualElementDragControls.prototype.start = function (originEvent, _a) {
|
2613 |
+
var _this = this;
|
2614 |
+
var _b = _a === void 0 ? {} : _a, _c = _b.snapToCursor, snapToCursor = _c === void 0 ? false : _c, cursorProgress = _b.cursorProgress;
|
2615 |
+
/**
|
2616 |
+
* If this drag session has been manually triggered by the user, it might be from an event
|
2617 |
+
* outside the draggable element. If snapToCursor is set to true, we need to measure the position
|
2618 |
+
* of the element and snap it to the cursor.
|
2619 |
+
*/
|
2620 |
+
snapToCursor && this.snapToCursor(originEvent);
|
2621 |
+
var onSessionStart = function () {
|
2622 |
+
// Stop any animations on both axis values immediately. This allows the user to throw and catch
|
2623 |
+
// the component.
|
2624 |
+
_this.stopMotion();
|
2625 |
+
};
|
2626 |
+
var onStart = function (event, info) {
|
2627 |
+
var _a, _b, _c;
|
2628 |
+
// Attempt to grab the global drag gesture lock - maybe make this part of PanSession
|
2629 |
+
var _d = _this.props, drag = _d.drag, dragPropagation = _d.dragPropagation;
|
2630 |
+
if (drag && !dragPropagation) {
|
2631 |
+
if (_this.openGlobalLock)
|
2632 |
+
_this.openGlobalLock();
|
2633 |
+
_this.openGlobalLock = (0,_utils_lock_js__WEBPACK_IMPORTED_MODULE_2__.getGlobalLock)(drag);
|
2634 |
+
// If we don 't have the lock, don't start dragging
|
2635 |
+
if (!_this.openGlobalLock)
|
2636 |
+
return;
|
2637 |
+
}
|
2638 |
+
/**
|
2639 |
+
* Record the progress of the mouse within the draggable element on each axis.
|
2640 |
+
* onPan, we're going to use this to calculate a new bounding box for the element to
|
2641 |
+
* project into. This will ensure that even if the DOM element moves via a relayout, it'll
|
2642 |
+
* stick to the correct place under the pointer.
|
2643 |
+
*/
|
2644 |
+
_this.prepareBoundingBox();
|
2645 |
+
_this.visualElement.lockProjectionTarget();
|
2646 |
+
/**
|
2647 |
+
* Resolve the drag constraints. These are either set as top/right/bottom/left constraints
|
2648 |
+
* relative to the element's layout, or a ref to another element. Both need converting to
|
2649 |
+
* viewport coordinates.
|
2650 |
+
*/
|
2651 |
+
_this.resolveDragConstraints();
|
2652 |
+
/**
|
2653 |
+
* When dragging starts, we want to find where the cursor is relative to the bounding box
|
2654 |
+
* of the element. Every frame, we calculate a new bounding box using this relative position
|
2655 |
+
* and let the visualElement renderer figure out how to reproject the element into this bounding
|
2656 |
+
* box.
|
2657 |
+
*
|
2658 |
+
* By doing it this way, rather than applying an x/y transform directly to the element,
|
2659 |
+
* we can ensure the component always visually sticks to the cursor as we'd expect, even
|
2660 |
+
* if the DOM element itself changes layout as a result of React updates the user might
|
2661 |
+
* make based on the drag position.
|
2662 |
+
*/
|
2663 |
+
var point = (0,_events_event_info_js__WEBPACK_IMPORTED_MODULE_3__.getViewportPointFromEvent)(event).point;
|
2664 |
+
(0,_utils_each_axis_js__WEBPACK_IMPORTED_MODULE_4__.eachAxis)(function (axis) {
|
2665 |
+
var _a = _this.visualElement.projection.target[axis], min = _a.min, max = _a.max;
|
2666 |
+
_this.cursorProgress[axis] = cursorProgress
|
2667 |
+
? cursorProgress[axis]
|
2668 |
+
: (0,popmotion__WEBPACK_IMPORTED_MODULE_5__.progress)(min, max, point[axis]);
|
2669 |
+
/**
|
2670 |
+
* If we have external drag MotionValues, record their origin point. On pointermove
|
2671 |
+
* we'll apply the pan gesture offset directly to this value.
|
2672 |
+
*/
|
2673 |
+
var axisValue = _this.getAxisMotionValue(axis);
|
2674 |
+
if (axisValue) {
|
2675 |
+
_this.originPoint[axis] = axisValue.get();
|
2676 |
+
}
|
2677 |
+
});
|
2678 |
+
// Set current drag status
|
2679 |
+
_this.isDragging = true;
|
2680 |
+
_this.currentDirection = null;
|
2681 |
+
// Fire onDragStart event
|
2682 |
+
(_b = (_a = _this.props).onDragStart) === null || _b === void 0 ? void 0 : _b.call(_a, event, info);
|
2683 |
+
(_c = _this.visualElement.animationState) === null || _c === void 0 ? void 0 : _c.setActive(_render_utils_types_js__WEBPACK_IMPORTED_MODULE_6__.AnimationType.Drag, true);
|
2684 |
+
};
|
2685 |
+
var onMove = function (event, info) {
|
2686 |
+
var _a, _b, _c, _d;
|
2687 |
+
var _e = _this.props, dragPropagation = _e.dragPropagation, dragDirectionLock = _e.dragDirectionLock;
|
2688 |
+
// If we didn't successfully receive the gesture lock, early return.
|
2689 |
+
if (!dragPropagation && !_this.openGlobalLock)
|
2690 |
+
return;
|
2691 |
+
var offset = info.offset;
|
2692 |
+
// Attempt to detect drag direction if directionLock is true
|
2693 |
+
if (dragDirectionLock && _this.currentDirection === null) {
|
2694 |
+
_this.currentDirection = getCurrentDirection(offset);
|
2695 |
+
// If we've successfully set a direction, notify listener
|
2696 |
+
if (_this.currentDirection !== null) {
|
2697 |
+
(_b = (_a = _this.props).onDirectionLock) === null || _b === void 0 ? void 0 : _b.call(_a, _this.currentDirection);
|
2698 |
+
}
|
2699 |
+
return;
|
2700 |
+
}
|
2701 |
+
// Update each point with the latest position
|
2702 |
+
_this.updateAxis("x", event, offset);
|
2703 |
+
_this.updateAxis("y", event, offset);
|
2704 |
+
// Fire onDrag event
|
2705 |
+
(_d = (_c = _this.props).onDrag) === null || _d === void 0 ? void 0 : _d.call(_c, event, info);
|
2706 |
+
// Update the last pointer event
|
2707 |
+
lastPointerEvent = event;
|
2708 |
+
};
|
2709 |
+
var onEnd = function (event, info) { return _this.stop(event, info); };
|
2710 |
+
var transformPagePoint = this.props.transformPagePoint;
|
2711 |
+
this.panSession = new _PanSession_js__WEBPACK_IMPORTED_MODULE_7__.PanSession(originEvent, {
|
2712 |
+
onSessionStart: onSessionStart,
|
2713 |
+
onStart: onStart,
|
2714 |
+
onMove: onMove,
|
2715 |
+
onEnd: onEnd,
|
2716 |
+
}, { transformPagePoint: transformPagePoint });
|
2717 |
+
};
|
2718 |
+
/**
|
2719 |
+
* Ensure the component's layout and target bounding boxes are up-to-date.
|
2720 |
+
*/
|
2721 |
+
VisualElementDragControls.prototype.prepareBoundingBox = function () {
|
2722 |
+
var visualElement = this.visualElement;
|
2723 |
+
visualElement.withoutTransform(function () {
|
2724 |
+
visualElement.updateLayoutMeasurement();
|
2725 |
+
});
|
2726 |
+
visualElement.rebaseProjectionTarget(true, visualElement.measureViewportBox(false));
|
2727 |
+
};
|
2728 |
+
VisualElementDragControls.prototype.resolveDragConstraints = function () {
|
2729 |
+
var _this = this;
|
2730 |
+
var _a = this.props, dragConstraints = _a.dragConstraints, dragElastic = _a.dragElastic;
|
2731 |
+
if (dragConstraints) {
|
2732 |
+
this.constraints = (0,_utils_is_ref_object_js__WEBPACK_IMPORTED_MODULE_8__.isRefObject)(dragConstraints)
|
2733 |
+
? this.resolveRefConstraints(this.visualElement.getLayoutState().layout, dragConstraints)
|
2734 |
+
: (0,_utils_constraints_js__WEBPACK_IMPORTED_MODULE_9__.calcRelativeConstraints)(this.visualElement.getLayoutState().layout, dragConstraints);
|
2735 |
}
|
2736 |
else {
|
2737 |
+
this.constraints = false;
|
2738 |
}
|
2739 |
+
this.elastic = (0,_utils_constraints_js__WEBPACK_IMPORTED_MODULE_9__.resolveDragElastic)(dragElastic);
|
2740 |
+
/**
|
2741 |
+
* If we're outputting to external MotionValues, we want to rebase the measured constraints
|
2742 |
+
* from viewport-relative to component-relative.
|
2743 |
+
*/
|
2744 |
+
if (this.constraints && !this.hasMutatedConstraints) {
|
2745 |
+
(0,_utils_each_axis_js__WEBPACK_IMPORTED_MODULE_4__.eachAxis)(function (axis) {
|
2746 |
+
if (_this.getAxisMotionValue(axis)) {
|
2747 |
+
_this.constraints[axis] = (0,_utils_constraints_js__WEBPACK_IMPORTED_MODULE_9__.rebaseAxisConstraints)(_this.visualElement.getLayoutState().layout[axis], _this.constraints[axis]);
|
2748 |
+
}
|
2749 |
+
});
|
2750 |
+
}
|
2751 |
+
};
|
2752 |
+
VisualElementDragControls.prototype.resolveRefConstraints = function (layoutBox, constraints) {
|
2753 |
+
var _a = this.props, onMeasureDragConstraints = _a.onMeasureDragConstraints, transformPagePoint = _a.transformPagePoint;
|
2754 |
+
var constraintsElement = constraints.current;
|
2755 |
+
(0,hey_listen__WEBPACK_IMPORTED_MODULE_0__.invariant)(constraintsElement !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
|
2756 |
+
this.constraintsBox = (0,_render_dom_projection_measure_js__WEBPACK_IMPORTED_MODULE_10__.getBoundingBox)(constraintsElement, transformPagePoint);
|
2757 |
+
var measuredConstraints = (0,_utils_constraints_js__WEBPACK_IMPORTED_MODULE_9__.calcViewportConstraints)(layoutBox, this.constraintsBox);
|
2758 |
+
/**
|
2759 |
+
* If there's an onMeasureDragConstraints listener we call it and
|
2760 |
+
* if different constraints are returned, set constraints to that
|
2761 |
+
*/
|
2762 |
+
if (onMeasureDragConstraints) {
|
2763 |
+
var userConstraints = onMeasureDragConstraints((0,_utils_geometry_index_js__WEBPACK_IMPORTED_MODULE_1__.convertAxisBoxToBoundingBox)(measuredConstraints));
|
2764 |
+
this.hasMutatedConstraints = !!userConstraints;
|
2765 |
+
if (userConstraints) {
|
2766 |
+
measuredConstraints = (0,_utils_geometry_index_js__WEBPACK_IMPORTED_MODULE_1__.convertBoundingBoxToAxisBox)(userConstraints);
|
2767 |
+
}
|
2768 |
+
}
|
2769 |
+
return measuredConstraints;
|
2770 |
+
};
|
2771 |
+
VisualElementDragControls.prototype.cancelDrag = function () {
|
2772 |
+
var _a;
|
2773 |
+
this.isDragging = false;
|
2774 |
+
this.panSession && this.panSession.end();
|
2775 |
+
this.panSession = null;
|
2776 |
+
if (!this.props.dragPropagation && this.openGlobalLock) {
|
2777 |
+
this.openGlobalLock();
|
2778 |
+
this.openGlobalLock = null;
|
2779 |
+
}
|
2780 |
+
(_a = this.visualElement.animationState) === null || _a === void 0 ? void 0 : _a.setActive(_render_utils_types_js__WEBPACK_IMPORTED_MODULE_6__.AnimationType.Drag, false);
|
2781 |
+
};
|
2782 |
+
VisualElementDragControls.prototype.stop = function (event, info) {
|
2783 |
+
var _a;
|
2784 |
+
this.visualElement.unlockProjectionTarget();
|
2785 |
+
(_a = this.panSession) === null || _a === void 0 ? void 0 : _a.end();
|
2786 |
+
this.panSession = null;
|
2787 |
+
var isDragging = this.isDragging;
|
2788 |
+
this.cancelDrag();
|
2789 |
+
if (!isDragging)
|
2790 |
+
return;
|
2791 |
+
var _b = this.props, dragMomentum = _b.dragMomentum, onDragEnd = _b.onDragEnd;
|
2792 |
+
if (dragMomentum || this.elastic) {
|
2793 |
+
var velocity = info.velocity;
|
2794 |
+
this.animateDragEnd(velocity);
|
2795 |
+
}
|
2796 |
+
onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(event, info);
|
2797 |
+
};
|
2798 |
+
VisualElementDragControls.prototype.snapToCursor = function (event) {
|
2799 |
+
var _this = this;
|
2800 |
+
this.prepareBoundingBox();
|
2801 |
+
(0,_utils_each_axis_js__WEBPACK_IMPORTED_MODULE_4__.eachAxis)(function (axis) {
|
2802 |
+
var drag = _this.props.drag;
|
2803 |
+
// If we're not dragging this axis, do an early return.
|
2804 |
+
if (!shouldDrag(axis, drag, _this.currentDirection))
|
2805 |
+
return;
|
2806 |
+
var axisValue = _this.getAxisMotionValue(axis);
|
2807 |
+
if (axisValue) {
|
2808 |
+
var point = (0,_events_event_info_js__WEBPACK_IMPORTED_MODULE_3__.getViewportPointFromEvent)(event).point;
|
2809 |
+
var box = _this.visualElement.getLayoutState().layout;
|
2810 |
+
var length_1 = box[axis].max - box[axis].min;
|
2811 |
+
var center = box[axis].min + length_1 / 2;
|
2812 |
+
var offset = point[axis] - center;
|
2813 |
+
_this.originPoint[axis] = point[axis];
|
2814 |
+
axisValue.set(offset);
|
2815 |
+
}
|
2816 |
+
else {
|
2817 |
+
_this.cursorProgress[axis] = 0.5;
|
2818 |
+
_this.updateVisualElementAxis(axis, event);
|
2819 |
+
}
|
2820 |
+
});
|
2821 |
+
};
|
2822 |
/**
|
2823 |
+
* Update the specified axis with the latest pointer information.
|
|
|
2824 |
*/
|
2825 |
+
VisualElementDragControls.prototype.updateAxis = function (axis, event, offset) {
|
2826 |
+
var drag = this.props.drag;
|
2827 |
+
// If we're not dragging this axis, do an early return.
|
2828 |
+
if (!shouldDrag(axis, drag, this.currentDirection))
|
2829 |
+
return;
|
2830 |
+
return this.getAxisMotionValue(axis)
|
2831 |
+
? this.updateAxisMotionValue(axis, offset)
|
2832 |
+
: this.updateVisualElementAxis(axis, event);
|
2833 |
+
};
|
2834 |
+
VisualElementDragControls.prototype.updateAxisMotionValue = function (axis, offset) {
|
2835 |
+
var axisValue = this.getAxisMotionValue(axis);
|
2836 |
+
if (!offset || !axisValue)
|
2837 |
+
return;
|
2838 |
+
var nextValue = this.originPoint[axis] + offset[axis];
|
2839 |
+
var update = this.constraints
|
2840 |
+
? (0,_utils_constraints_js__WEBPACK_IMPORTED_MODULE_9__.applyConstraints)(nextValue, this.constraints[axis], this.elastic[axis])
|
2841 |
+
: nextValue;
|
2842 |
+
axisValue.set(update);
|
2843 |
+
};
|
2844 |
+
VisualElementDragControls.prototype.updateVisualElementAxis = function (axis, event) {
|
2845 |
+
var _a;
|
2846 |
+
// Get the actual layout bounding box of the element
|
2847 |
+
var axisLayout = this.visualElement.getLayoutState().layout[axis];
|
2848 |
+
// Calculate its current length. In the future we might want to lerp this to animate
|
2849 |
+
// between lengths if the layout changes as we change the DOM
|
2850 |
+
var axisLength = axisLayout.max - axisLayout.min;
|
2851 |
+
// Get the initial progress that the pointer sat on this axis on gesture start.
|
2852 |
+
var axisProgress = this.cursorProgress[axis];
|
2853 |
+
var point = (0,_events_event_info_js__WEBPACK_IMPORTED_MODULE_3__.getViewportPointFromEvent)(event).point;
|
2854 |
+
// Calculate a new min point based on the latest pointer position, constraints and elastic
|
2855 |
+
var min = (0,_utils_constraints_js__WEBPACK_IMPORTED_MODULE_9__.calcConstrainedMinPoint)(point[axis], axisLength, axisProgress, (_a = this.constraints) === null || _a === void 0 ? void 0 : _a[axis], this.elastic[axis]);
|
2856 |
+
// Update the axis viewport target with this new min and the length
|
2857 |
+
this.visualElement.setProjectionTargetAxis(axis, min, min + axisLength);
|
2858 |
+
};
|
2859 |
+
VisualElementDragControls.prototype.setProps = function (_a) {
|
2860 |
+
var _b = _a.drag, drag = _b === void 0 ? false : _b, _c = _a.dragDirectionLock, dragDirectionLock = _c === void 0 ? false : _c, _d = _a.dragPropagation, dragPropagation = _d === void 0 ? false : _d, _e = _a.dragConstraints, dragConstraints = _e === void 0 ? false : _e, _f = _a.dragElastic, dragElastic = _f === void 0 ? _utils_constraints_js__WEBPACK_IMPORTED_MODULE_9__.defaultElastic : _f, _g = _a.dragMomentum, dragMomentum = _g === void 0 ? true : _g, remainingProps = (0,tslib__WEBPACK_IMPORTED_MODULE_11__.__rest)(_a, ["drag", "dragDirectionLock", "dragPropagation", "dragConstraints", "dragElastic", "dragMomentum"]);
|
2861 |
+
this.props = (0,tslib__WEBPACK_IMPORTED_MODULE_11__.__assign)({ drag: drag,
|
2862 |
+
dragDirectionLock: dragDirectionLock,
|
2863 |
+
dragPropagation: dragPropagation,
|
2864 |
+
dragConstraints: dragConstraints,
|
2865 |
+
dragElastic: dragElastic,
|
2866 |
+
dragMomentum: dragMomentum }, remainingProps);
|
2867 |
+
};
|
2868 |
/**
|
2869 |
+
* Drag works differently depending on which props are provided.
|
2870 |
+
*
|
2871 |
+
* - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.
|
2872 |
+
* - If the component will perform layout animations, we output the gesture to the component's
|
2873 |
+
* visual bounding box
|
2874 |
+
* - Otherwise, we apply the delta to the x/y motion values.
|
2875 |
*/
|
2876 |
+
VisualElementDragControls.prototype.getAxisMotionValue = function (axis) {
|
2877 |
+
var _a = this.props, layout = _a.layout, layoutId = _a.layoutId;
|
2878 |
+
var dragKey = "_drag" + axis.toUpperCase();
|
2879 |
+
if (this.props[dragKey]) {
|
2880 |
+
return this.props[dragKey];
|
2881 |
+
}
|
2882 |
+
else if (!layout && layoutId === undefined) {
|
2883 |
+
return this.visualElement.getValue(axis, 0);
|
2884 |
+
}
|
2885 |
+
};
|
2886 |
+
VisualElementDragControls.prototype.animateDragEnd = function (velocity) {
|
2887 |
+
var _this = this;
|
2888 |
+
var _a = this.props, drag = _a.drag, dragMomentum = _a.dragMomentum, dragElastic = _a.dragElastic, dragTransition = _a.dragTransition;
|
2889 |
+
var momentumAnimations = (0,_utils_each_axis_js__WEBPACK_IMPORTED_MODULE_4__.eachAxis)(function (axis) {
|
2890 |
+
if (!shouldDrag(axis, drag, _this.currentDirection)) {
|
2891 |
+
return;
|
2892 |
+
}
|
2893 |
+
var transition = _this.constraints ? _this.constraints[axis] : {};
|
2894 |
+
/**
|
2895 |
+
* Overdamp the boundary spring if `dragElastic` is disabled. There's still a frame
|
2896 |
+
* of spring animations so we should look into adding a disable spring option to `inertia`.
|
2897 |
+
* We could do something here where we affect the `bounceStiffness` and `bounceDamping`
|
2898 |
+
* using the value of `dragElastic`.
|
2899 |
+
*/
|
2900 |
+
var bounceStiffness = dragElastic ? 200 : 1000000;
|
2901 |
+
var bounceDamping = dragElastic ? 40 : 10000000;
|
2902 |
+
var inertia = (0,tslib__WEBPACK_IMPORTED_MODULE_11__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_11__.__assign)({ type: "inertia", velocity: dragMomentum ? velocity[axis] : 0, bounceStiffness: bounceStiffness,
|
2903 |
+
bounceDamping: bounceDamping, timeConstant: 750, restDelta: 1, restSpeed: 10 }, dragTransition), transition);
|
2904 |
+
// If we're not animating on an externally-provided `MotionValue` we can use the
|
2905 |
+
// component's animation controls which will handle interactions with whileHover (etc),
|
2906 |
+
// otherwise we just have to animate the `MotionValue` itself.
|
2907 |
+
return _this.getAxisMotionValue(axis)
|
2908 |
+
? _this.startAxisValueAnimation(axis, inertia)
|
2909 |
+
: _this.visualElement.startLayoutAnimation(axis, inertia);
|
2910 |
});
|
2911 |
+
// Run all animations and then resolve the new drag constraints.
|
2912 |
+
return Promise.all(momentumAnimations).then(function () {
|
2913 |
+
var _a, _b;
|
2914 |
+
(_b = (_a = _this.props).onDragTransitionEnd) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2915 |
});
|
2916 |
+
};
|
2917 |
+
VisualElementDragControls.prototype.stopMotion = function () {
|
2918 |
+
var _this = this;
|
2919 |
+
(0,_utils_each_axis_js__WEBPACK_IMPORTED_MODULE_4__.eachAxis)(function (axis) {
|
2920 |
+
var axisValue = _this.getAxisMotionValue(axis);
|
2921 |
+
axisValue
|
2922 |
+
? axisValue.stop()
|
2923 |
+
: _this.visualElement.stopLayoutAnimation();
|
2924 |
+
});
|
2925 |
+
};
|
2926 |
+
VisualElementDragControls.prototype.startAxisValueAnimation = function (axis, transition) {
|
2927 |
+
var axisValue = this.getAxisMotionValue(axis);
|
2928 |
+
if (!axisValue)
|
2929 |
+
return;
|
2930 |
+
var currentValue = axisValue.get();
|
2931 |
+
axisValue.set(currentValue);
|
2932 |
+
axisValue.set(currentValue); // Set twice to hard-reset velocity
|
2933 |
+
return (0,_animation_utils_transitions_js__WEBPACK_IMPORTED_MODULE_12__.startAnimation)(axis, axisValue, 0, transition);
|
2934 |
+
};
|
2935 |
+
VisualElementDragControls.prototype.scalePoint = function () {
|
2936 |
+
var _this = this;
|
2937 |
+
var _a = this.props, drag = _a.drag, dragConstraints = _a.dragConstraints;
|
2938 |
+
if (!(0,_utils_is_ref_object_js__WEBPACK_IMPORTED_MODULE_8__.isRefObject)(dragConstraints) || !this.constraintsBox)
|
2939 |
+
return;
|
2940 |
+
// Stop any current animations as there can be some visual glitching if we resize mid animation
|
2941 |
+
this.stopMotion();
|
2942 |
+
// Record the relative progress of the targetBox relative to the constraintsBox
|
2943 |
+
var boxProgress = { x: 0, y: 0 };
|
2944 |
+
(0,_utils_each_axis_js__WEBPACK_IMPORTED_MODULE_4__.eachAxis)(function (axis) {
|
2945 |
+
boxProgress[axis] = (0,_utils_geometry_delta_calc_js__WEBPACK_IMPORTED_MODULE_13__.calcOrigin)(_this.visualElement.projection.target[axis], _this.constraintsBox[axis]);
|
2946 |
+
});
|
2947 |
+
/**
|
2948 |
+
* For each axis, calculate the current progress of the layout axis within the constraints.
|
2949 |
+
* Then, using the latest layout and constraints measurements, reposition the new layout axis
|
2950 |
+
* proportionally within the constraints.
|
2951 |
+
*/
|
2952 |
+
this.prepareBoundingBox();
|
2953 |
+
this.resolveDragConstraints();
|
2954 |
+
(0,_utils_each_axis_js__WEBPACK_IMPORTED_MODULE_4__.eachAxis)(function (axis) {
|
2955 |
+
if (!shouldDrag(axis, drag, null))
|
2956 |
+
return;
|
2957 |
+
// Calculate the position of the targetBox relative to the constraintsBox using the
|
2958 |
+
// previously calculated progress
|
2959 |
+
var _a = (0,_utils_constraints_js__WEBPACK_IMPORTED_MODULE_9__.calcPositionFromProgress)(_this.visualElement.projection.target[axis], _this.constraintsBox[axis], boxProgress[axis]), min = _a.min, max = _a.max;
|
2960 |
+
_this.visualElement.setProjectionTargetAxis(axis, min, max);
|
2961 |
+
});
|
2962 |
+
};
|
2963 |
+
VisualElementDragControls.prototype.mount = function (visualElement) {
|
2964 |
+
var _this = this;
|
2965 |
+
var element = visualElement.getInstance();
|
2966 |
+
/**
|
2967 |
+
* Attach a pointerdown event listener on this DOM element to initiate drag tracking.
|
2968 |
+
*/
|
2969 |
+
var stopPointerListener = (0,_events_use_pointer_event_js__WEBPACK_IMPORTED_MODULE_14__.addPointerEvent)(element, "pointerdown", function (event) {
|
2970 |
+
var _a = _this.props, drag = _a.drag, _b = _a.dragListener, dragListener = _b === void 0 ? true : _b;
|
2971 |
+
drag && dragListener && _this.start(event);
|
2972 |
+
});
|
2973 |
+
/**
|
2974 |
+
* Attach a window resize listener to scale the draggable target within its defined
|
2975 |
+
* constraints as the window resizes.
|
2976 |
+
*/
|
2977 |
+
var stopResizeListener = (0,_events_use_dom_event_js__WEBPACK_IMPORTED_MODULE_15__.addDomEvent)(window, "resize", function () {
|
2978 |
+
_this.scalePoint();
|
2979 |
+
});
|
2980 |
+
/**
|
2981 |
+
* Ensure drag constraints are resolved correctly relative to the dragging element
|
2982 |
+
* whenever its layout changes.
|
2983 |
+
*/
|
2984 |
+
var stopLayoutUpdateListener = visualElement.onLayoutUpdate(function () {
|
2985 |
+
if (_this.isDragging)
|
2986 |
+
_this.resolveDragConstraints();
|
2987 |
+
});
|
2988 |
+
/**
|
2989 |
+
* If the previous component with this same layoutId was dragging at the time
|
2990 |
+
* it was unmounted, we want to continue the same gesture on this component.
|
2991 |
+
*/
|
2992 |
+
var prevDragCursor = visualElement.prevDragCursor;
|
2993 |
+
if (prevDragCursor) {
|
2994 |
+
this.start(lastPointerEvent, { cursorProgress: prevDragCursor });
|
2995 |
+
}
|
2996 |
+
/**
|
2997 |
+
* Return a function that will teardown the drag gesture
|
2998 |
+
*/
|
2999 |
+
return function () {
|
3000 |
+
stopPointerListener === null || stopPointerListener === void 0 ? void 0 : stopPointerListener();
|
3001 |
+
stopResizeListener === null || stopResizeListener === void 0 ? void 0 : stopResizeListener();
|
3002 |
+
stopLayoutUpdateListener === null || stopLayoutUpdateListener === void 0 ? void 0 : stopLayoutUpdateListener();
|
3003 |
+
_this.cancelDrag();
|
3004 |
+
};
|
3005 |
+
};
|
3006 |
+
return VisualElementDragControls;
|
3007 |
+
}());
|
3008 |
+
function shouldDrag(direction, drag, currentDirection) {
|
3009 |
+
return ((drag === true || drag === direction) &&
|
3010 |
+
(currentDirection === null || currentDirection === direction));
|
3011 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
3012 |
/**
|
3013 |
+
* Based on an x/y offset determine the current drag direction. If both axis' offsets are lower
|
3014 |
+
* than the provided threshold, return `null`.
|
3015 |
+
*
|
3016 |
+
* @param offset - The x/y offset from origin.
|
3017 |
+
* @param lockThreshold - (Optional) - the minimum absolute offset before we can determine a drag direction.
|
3018 |
*/
|
3019 |
+
function getCurrentDirection(offset, lockThreshold) {
|
3020 |
+
if (lockThreshold === void 0) { lockThreshold = 10; }
|
3021 |
+
var direction = null;
|
3022 |
+
if (Math.abs(offset.y) > lockThreshold) {
|
3023 |
+
direction = "y";
|
3024 |
+
}
|
3025 |
+
else if (Math.abs(offset.x) > lockThreshold) {
|
3026 |
+
direction = "x";
|
3027 |
}
|
3028 |
+
return direction;
|
3029 |
}
|
3030 |
|
3031 |
+
|
3032 |
+
|
3033 |
+
|
3034 |
+
/***/ }),
|
3035 |
+
|
3036 |
+
/***/ "./node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js":
|
3037 |
+
/*!*******************************************************************************!*\
|
3038 |
+
!*** ./node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js ***!
|
3039 |
+
\*******************************************************************************/
|
3040 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
3041 |
+
|
3042 |
+
__webpack_require__.r(__webpack_exports__);
|
3043 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
3044 |
+
/* harmony export */ "DragControls": () => (/* binding */ DragControls),
|
3045 |
+
/* harmony export */ "useDragControls": () => (/* binding */ useDragControls)
|
3046 |
+
/* harmony export */ });
|
3047 |
+
/* harmony import */ var _utils_use_constant_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/use-constant.js */ "./node_modules/framer-motion/dist/es/utils/use-constant.js");
|
3048 |
+
|
3049 |
+
|
3050 |
/**
|
3051 |
+
* Can manually trigger a drag gesture on one or more `drag`-enabled `motion` components.
|
3052 |
+
*
|
3053 |
+
* @library
|
3054 |
+
*
|
3055 |
+
* ```jsx
|
3056 |
+
* const dragControls = useDragControls()
|
3057 |
+
*
|
3058 |
+
* function startDrag(event) {
|
3059 |
+
* dragControls.start(event, { snapToCursor: true })
|
3060 |
+
* }
|
3061 |
*
|
3062 |
+
* return (
|
3063 |
+
* <>
|
3064 |
+
* <Frame onTapStart={startDrag} />
|
3065 |
+
* <Frame drag="x" dragControls={dragControls} />
|
3066 |
+
* </>
|
3067 |
+
* )
|
3068 |
+
* ```
|
3069 |
*
|
3070 |
+
* @motion
|
3071 |
*
|
3072 |
+
* ```jsx
|
3073 |
+
* const dragControls = useDragControls()
|
3074 |
*
|
3075 |
+
* function startDrag(event) {
|
3076 |
+
* dragControls.start(event, { snapToCursor: true })
|
|
|
|
|
3077 |
* }
|
3078 |
*
|
3079 |
+
* return (
|
3080 |
+
* <>
|
3081 |
+
* <div onPointerDown={startDrag} />
|
3082 |
+
* <motion.div drag="x" dragControls={dragControls} />
|
3083 |
+
* </>
|
3084 |
+
* )
|
3085 |
+
* ```
|
3086 |
*
|
3087 |
+
* @public
|
3088 |
*/
|
3089 |
+
var DragControls = /** @class */ (function () {
|
3090 |
+
function DragControls() {
|
3091 |
+
this.componentControls = new Set();
|
3092 |
+
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
3093 |
/**
|
3094 |
+
* Subscribe a component's internal `VisualElementDragControls` to the user-facing API.
|
3095 |
+
*
|
3096 |
+
* @internal
|
3097 |
*/
|
3098 |
+
DragControls.prototype.subscribe = function (controls) {
|
3099 |
+
var _this = this;
|
3100 |
+
this.componentControls.add(controls);
|
3101 |
+
return function () { return _this.componentControls.delete(controls); };
|
3102 |
+
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
3103 |
/**
|
3104 |
+
* Start a drag gesture on every `motion` component that has this set of drag controls
|
3105 |
+
* passed into it via the `dragControls` prop.
|
3106 |
+
*
|
3107 |
+
* ```jsx
|
3108 |
+
* dragControls.start(e, {
|
3109 |
+
* snapToCursor: true
|
3110 |
+
* })
|
3111 |
+
* ```
|
3112 |
+
*
|
3113 |
+
* @param event - PointerEvent
|
3114 |
+
* @param options - Options
|
3115 |
+
*
|
3116 |
+
* @public
|
3117 |
*/
|
3118 |
+
DragControls.prototype.start = function (event, options) {
|
3119 |
+
this.componentControls.forEach(function (controls) {
|
3120 |
+
controls.start(event.nativeEvent || event, options);
|
3121 |
+
});
|
3122 |
+
};
|
3123 |
+
DragControls.prototype.updateConstraints = function () {
|
3124 |
+
this.componentControls.forEach(function (controls) {
|
3125 |
+
controls.prepareBoundingBox();
|
3126 |
+
controls.resolveDragConstraints();
|
3127 |
+
});
|
3128 |
+
};
|
3129 |
+
return DragControls;
|
3130 |
+
}());
|
3131 |
+
var createDragControls = function () { return new DragControls(); };
|
|
|
|
|
|
|
3132 |
/**
|
3133 |
+
* Usually, dragging is initiated by pressing down on a `motion` component with a `drag` prop
|
3134 |
+
* and moving it. For some use-cases, for instance clicking at an arbitrary point on a video scrubber, we
|
3135 |
+
* might want to initiate that dragging from a different component than the draggable one.
|
3136 |
*
|
3137 |
+
* By creating a `dragControls` using the `useDragControls` hook, we can pass this into
|
3138 |
+
* the draggable component's `dragControls` prop. It exposes a `start` method
|
3139 |
+
* that can start dragging from pointer events on other components.
|
|
|
|
|
|
|
|
|
|
|
3140 |
*
|
3141 |
+
* @library
|
3142 |
+
*
|
3143 |
+
* ```jsx
|
3144 |
+
* const dragControls = useDragControls()
|
3145 |
+
*
|
3146 |
+
* function startDrag(event) {
|
3147 |
+
* dragControls.start(event, { snapToCursor: true })
|
3148 |
+
* }
|
3149 |
+
*
|
3150 |
+
* return (
|
3151 |
+
* <>
|
3152 |
+
* <Frame onTapStart={startDrag} />
|
3153 |
+
* <Frame drag="x" dragControls={dragControls} />
|
3154 |
+
* </>
|
3155 |
+
* )
|
3156 |
+
* ```
|
3157 |
+
*
|
3158 |
+
* @motion
|
3159 |
+
*
|
3160 |
+
* ```jsx
|
3161 |
+
* const dragControls = useDragControls()
|
3162 |
+
*
|
3163 |
+
* function startDrag(event) {
|
3164 |
+
* dragControls.start(event, { snapToCursor: true })
|
3165 |
+
* }
|
3166 |
+
*
|
3167 |
+
* return (
|
3168 |
+
* <>
|
3169 |
+
* <div onPointerDown={startDrag} />
|
3170 |
+
* <motion.div drag="x" dragControls={dragControls} />
|
3171 |
+
* </>
|
3172 |
+
* )
|
3173 |
+
* ```
|
3174 |
+
*
|
3175 |
+
* @public
|
3176 |
*/
|
3177 |
+
function useDragControls() {
|
3178 |
+
return (0,_utils_use_constant_js__WEBPACK_IMPORTED_MODULE_0__.useConstant)(createDragControls);
|
|
|
3179 |
}
|
3180 |
+
|
3181 |
+
|
3182 |
+
|
3183 |
+
|
3184 |
+
/***/ }),
|
3185 |
+
|
3186 |
+
/***/ "./node_modules/framer-motion/dist/es/gestures/drag/use-drag.js":
|
3187 |
+
/*!**********************************************************************!*\
|
3188 |
+
!*** ./node_modules/framer-motion/dist/es/gestures/drag/use-drag.js ***!
|
3189 |
+
\**********************************************************************/
|
3190 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
3191 |
+
|
3192 |
+
__webpack_require__.r(__webpack_exports__);
|
3193 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
3194 |
+
/* harmony export */ "useDrag": () => (/* binding */ useDrag)
|
3195 |
+
/* harmony export */ });
|
3196 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
3197 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
3198 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
3199 |
+
/* harmony import */ var _context_MotionConfigContext_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../context/MotionConfigContext.js */ "./node_modules/framer-motion/dist/es/context/MotionConfigContext.js");
|
3200 |
+
/* harmony import */ var _utils_use_constant_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/use-constant.js */ "./node_modules/framer-motion/dist/es/utils/use-constant.js");
|
3201 |
+
/* harmony import */ var _VisualElementDragControls_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VisualElementDragControls.js */ "./node_modules/framer-motion/dist/es/gestures/drag/VisualElementDragControls.js");
|
3202 |
+
|
3203 |
+
|
3204 |
+
|
3205 |
+
|
3206 |
+
|
3207 |
+
|
3208 |
/**
|
3209 |
+
* A hook that allows an element to be dragged.
|
3210 |
+
*
|
3211 |
+
* @internal
|
3212 |
*/
|
3213 |
+
function useDrag(props, visualElement) {
|
3214 |
+
var groupDragControls = props.dragControls;
|
3215 |
+
var transformPagePoint = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context_MotionConfigContext_js__WEBPACK_IMPORTED_MODULE_1__.MotionConfigContext).transformPagePoint;
|
3216 |
+
var dragControls = (0,_utils_use_constant_js__WEBPACK_IMPORTED_MODULE_2__.useConstant)(function () {
|
3217 |
+
return new _VisualElementDragControls_js__WEBPACK_IMPORTED_MODULE_3__.VisualElementDragControls({
|
3218 |
+
visualElement: visualElement,
|
3219 |
+
});
|
3220 |
+
});
|
3221 |
+
dragControls.setProps((0,tslib__WEBPACK_IMPORTED_MODULE_4__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_4__.__assign)({}, props), { transformPagePoint: transformPagePoint }));
|
3222 |
+
// If we've been provided a DragControls for manual control over the drag gesture,
|
3223 |
+
// subscribe this component to it on mount.
|
3224 |
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () { return groupDragControls && groupDragControls.subscribe(dragControls); }, [dragControls]);
|
3225 |
+
// Mount the drag controls with the visualElement
|
3226 |
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () { return dragControls.mount(visualElement); }, []);
|
3227 |
}
|
3228 |
+
|
3229 |
+
|
3230 |
+
|
3231 |
+
|
3232 |
+
/***/ }),
|
3233 |
+
|
3234 |
+
/***/ "./node_modules/framer-motion/dist/es/gestures/drag/utils/constraints.js":
|
3235 |
+
/*!*******************************************************************************!*\
|
3236 |
+
!*** ./node_modules/framer-motion/dist/es/gestures/drag/utils/constraints.js ***!
|
3237 |
+
\*******************************************************************************/
|
3238 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
3239 |
+
|
3240 |
+
__webpack_require__.r(__webpack_exports__);
|
3241 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
3242 |
+
/* harmony export */ "applyConstraints": () => (/* binding */ applyConstraints),
|
3243 |
+
/* harmony export */ "calcConstrainedMinPoint": () => (/* binding */ calcConstrainedMinPoint),
|
3244 |
+
/* harmony export */ "calcPositionFromProgress": () => (/* binding */ calcPositionFromProgress),
|
3245 |
+
/* harmony export */ "calcRelativeAxisConstraints": () => (/* binding */ calcRelativeAxisConstraints),
|
3246 |
+
/* harmony export */ "calcRelativeConstraints": () => (/* binding */ calcRelativeConstraints),
|
3247 |
+
/* harmony export */ "calcViewportAxisConstraints": () => (/* binding */ calcViewportAxisConstraints),
|
3248 |
+
/* harmony export */ "calcViewportConstraints": () => (/* binding */ calcViewportConstraints),
|
3249 |
+
/* harmony export */ "defaultElastic": () => (/* binding */ defaultElastic),
|
3250 |
+
/* harmony export */ "rebaseAxisConstraints": () => (/* binding */ rebaseAxisConstraints),
|
3251 |
+
/* harmony export */ "resolveAxisElastic": () => (/* binding */ resolveAxisElastic),
|
3252 |
+
/* harmony export */ "resolveDragElastic": () => (/* binding */ resolveDragElastic),
|
3253 |
+
/* harmony export */ "resolvePointElastic": () => (/* binding */ resolvePointElastic)
|
3254 |
+
/* harmony export */ });
|
3255 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
3256 |
+
/* harmony import */ var popmotion__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! popmotion */ "./node_modules/popmotion/dist/es/utils/mix.js");
|
3257 |
+
|
3258 |
+
|
3259 |
+
|
3260 |
/**
|
3261 |
+
* Apply constraints to a point. These constraints are both physical along an
|
3262 |
+
* axis, and an elastic factor that determines how much to constrain the point
|
3263 |
+
* by if it does lie outside the defined parameters.
|
3264 |
*/
|
3265 |
+
function applyConstraints(point, _a, elastic) {
|
3266 |
+
var min = _a.min, max = _a.max;
|
3267 |
+
if (min !== undefined && point < min) {
|
3268 |
+
// If we have a min point defined, and this is outside of that, constrain
|
3269 |
+
point = elastic ? (0,popmotion__WEBPACK_IMPORTED_MODULE_0__.mix)(min, point, elastic.min) : Math.max(point, min);
|
3270 |
}
|
3271 |
+
else if (max !== undefined && point > max) {
|
3272 |
+
// If we have a max point defined, and this is outside of that, constrain
|
3273 |
+
point = elastic ? (0,popmotion__WEBPACK_IMPORTED_MODULE_0__.mix)(max, point, elastic.max) : Math.min(point, max);
|
3274 |
+
}
|
3275 |
+
return point;
|
|
|
|
|
|
|
|
|
|
|
3276 |
}
|
3277 |
/**
|
3278 |
+
* Calculates a min projection point based on a pointer, pointer progress
|
3279 |
+
* within the drag target, and constraints.
|
3280 |
+
*
|
3281 |
+
* For instance if an element was 100px width, we were dragging from 0.25
|
3282 |
+
* along this axis, the pointer is at 200px, and there were no constraints,
|
3283 |
+
* we would calculate a min projection point of 175px.
|
3284 |
*/
|
3285 |
+
function calcConstrainedMinPoint(point, length, progress, constraints, elastic) {
|
3286 |
+
// Calculate a min point for this axis and apply it to the current pointer
|
3287 |
+
var min = point - length * progress;
|
3288 |
+
return constraints ? applyConstraints(min, constraints, elastic) : min;
|
3289 |
}
|
3290 |
/**
|
3291 |
+
* Calculate constraints in terms of the viewport when defined relatively to the
|
3292 |
+
* measured axis. This is measured from the nearest edge, so a max constraint of 200
|
3293 |
+
* on an axis with a max value of 300 would return a constraint of 500 - axis length
|
3294 |
*/
|
3295 |
+
function calcRelativeAxisConstraints(axis, min, max) {
|
3296 |
+
return {
|
3297 |
+
min: min !== undefined ? axis.min + min : undefined,
|
3298 |
+
max: max !== undefined
|
3299 |
+
? axis.max + max - (axis.max - axis.min)
|
3300 |
+
: undefined,
|
3301 |
+
};
|
|
|
|
|
3302 |
}
|
3303 |
/**
|
3304 |
+
* Calculate constraints in terms of the viewport when
|
3305 |
+
* defined relatively to the measured bounding box.
|
|
|
|
|
|
|
|
|
3306 |
*/
|
3307 |
+
function calcRelativeConstraints(layoutBox, _a) {
|
3308 |
+
var top = _a.top, left = _a.left, bottom = _a.bottom, right = _a.right;
|
3309 |
+
return {
|
3310 |
+
x: calcRelativeAxisConstraints(layoutBox.x, left, right),
|
3311 |
+
y: calcRelativeAxisConstraints(layoutBox.y, top, bottom),
|
3312 |
+
};
|
3313 |
}
|
3314 |
/**
|
3315 |
+
* Calculate viewport constraints when defined as another viewport-relative axis
|
3316 |
*/
|
3317 |
+
function calcViewportAxisConstraints(layoutAxis, constraintsAxis) {
|
3318 |
+
var _a;
|
3319 |
+
var min = constraintsAxis.min - layoutAxis.min;
|
3320 |
+
var max = constraintsAxis.max - layoutAxis.max;
|
3321 |
+
// If the constraints axis is actually smaller than the layout axis then we can
|
3322 |
+
// flip the constraints
|
3323 |
+
if (constraintsAxis.max - constraintsAxis.min <
|
3324 |
+
layoutAxis.max - layoutAxis.min) {
|
3325 |
+
_a = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__read)([max, min], 2), min = _a[0], max = _a[1];
|
3326 |
}
|
3327 |
+
return {
|
3328 |
+
min: layoutAxis.min + min,
|
3329 |
+
max: layoutAxis.min + max,
|
3330 |
+
};
|
3331 |
}
|
3332 |
/**
|
3333 |
+
* Calculate viewport constraints when defined as another viewport-relative box
|
3334 |
*/
|
3335 |
+
function calcViewportConstraints(layoutBox, constraintsBox) {
|
3336 |
+
return {
|
3337 |
+
x: calcViewportAxisConstraints(layoutBox.x, constraintsBox.x),
|
3338 |
+
y: calcViewportAxisConstraints(layoutBox.y, constraintsBox.y),
|
3339 |
+
};
|
|
|
|
|
3340 |
}
|
3341 |
/**
|
3342 |
+
* Calculate the an axis position based on two axes and a progress value.
|
|
|
3343 |
*/
|
3344 |
+
function calcPositionFromProgress(axis, constraints, progress) {
|
3345 |
+
var axisLength = axis.max - axis.min;
|
3346 |
+
var min = (0,popmotion__WEBPACK_IMPORTED_MODULE_0__.mix)(constraints.min, constraints.max - axisLength, progress);
|
3347 |
+
return { min: min, max: min + axisLength };
|
3348 |
}
|
3349 |
/**
|
3350 |
+
* Rebase the calculated viewport constraints relative to the layout.min point.
|
|
|
3351 |
*/
|
3352 |
+
function rebaseAxisConstraints(layout, constraints) {
|
3353 |
+
var relativeConstraints = {};
|
3354 |
+
if (constraints.min !== undefined) {
|
3355 |
+
relativeConstraints.min = constraints.min - layout.min;
|
3356 |
+
}
|
3357 |
+
if (constraints.max !== undefined) {
|
3358 |
+
relativeConstraints.max = constraints.max - layout.min;
|
3359 |
+
}
|
3360 |
+
return relativeConstraints;
|
3361 |
}
|
3362 |
+
var defaultElastic = 0.35;
|
3363 |
/**
|
3364 |
+
* Accepts a dragElastic prop and returns resolved elastic values for each axis.
|
|
|
|
|
|
|
3365 |
*/
|
3366 |
+
function resolveDragElastic(dragElastic) {
|
3367 |
+
if (dragElastic === false) {
|
3368 |
+
dragElastic = 0;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
3369 |
}
|
3370 |
+
else if (dragElastic === true) {
|
3371 |
+
dragElastic = defaultElastic;
|
3372 |
+
}
|
3373 |
+
return {
|
3374 |
+
x: resolveAxisElastic(dragElastic, "left", "right"),
|
3375 |
+
y: resolveAxisElastic(dragElastic, "top", "bottom"),
|
3376 |
+
};
|
3377 |
}
|
3378 |
+
function resolveAxisElastic(dragElastic, minLabel, maxLabel) {
|
3379 |
+
return {
|
3380 |
+
min: resolvePointElastic(dragElastic, minLabel),
|
3381 |
+
max: resolvePointElastic(dragElastic, maxLabel),
|
3382 |
+
};
|
|
|
|
|
|
|
|
|
3383 |
}
|
3384 |
+
function resolvePointElastic(dragElastic, label) {
|
3385 |
+
var _a;
|
3386 |
+
return typeof dragElastic === "number"
|
3387 |
+
? dragElastic
|
3388 |
+
: (_a = dragElastic[label]) !== null && _a !== void 0 ? _a : 0;
|
3389 |
}
|
3390 |
+
|
3391 |
+
|
3392 |
+
|
3393 |
+
|
3394 |
+
/***/ }),
|
3395 |
+
|
3396 |
+
/***/ "./node_modules/framer-motion/dist/es/gestures/drag/utils/lock.js":
|
3397 |
+
/*!************************************************************************!*\
|
3398 |
+
!*** ./node_modules/framer-motion/dist/es/gestures/drag/utils/lock.js ***!
|
3399 |
+
\************************************************************************/
|
3400 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
3401 |
+
|
3402 |
+
__webpack_require__.r(__webpack_exports__);
|
3403 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
3404 |
+
/* harmony export */ "createLock": () => (/* binding */ createLock),
|
3405 |
+
/* harmony export */ "getGlobalLock": () => (/* binding */ getGlobalLock),
|
3406 |
+
/* harmony export */ "isDragActive": () => (/* binding */ isDragActive)
|
3407 |
+
/* harmony export */ });
|
3408 |
+
function createLock(name) {
|
3409 |
+
var lock = null;
|
3410 |
+
return function () {
|
3411 |
+
var openLock = function () {
|
3412 |
+
lock = null;
|
3413 |
+
};
|
3414 |
+
if (lock === null) {
|
3415 |
+
lock = name;
|
3416 |
+
return openLock;
|
3417 |
+
}
|
3418 |
+
return false;
|
3419 |
+
};
|
3420 |
+
}
|
3421 |
+
var globalHorizontalLock = createLock("dragHorizontal");
|
3422 |
+
var globalVerticalLock = createLock("dragVertical");
|
3423 |
+
function getGlobalLock(drag) {
|
3424 |
+
var lock = false;
|
3425 |
+
if (drag === "y") {
|
3426 |
+
lock = globalVerticalLock();
|
3427 |
}
|
3428 |
+
else if (drag === "x") {
|
3429 |
+
lock = globalHorizontalLock();
|
3430 |
}
|
3431 |
+
else {
|
3432 |
+
var openHorizontal_1 = globalHorizontalLock();
|
3433 |
+
var openVertical_1 = globalVerticalLock();
|
3434 |
+
if (openHorizontal_1 && openVertical_1) {
|
3435 |
+
lock = function () {
|
3436 |
+
openHorizontal_1();
|
3437 |
+
openVertical_1();
|
3438 |
+
};
|
3439 |
+
}
|
3440 |
+
else {
|
3441 |
+
// Release the locks because we don't use them
|
3442 |
+
if (openHorizontal_1)
|
3443 |
+
openHorizontal_1();
|
3444 |
+
if (openVertical_1)
|
3445 |
+
openVertical_1();
|
3446 |
+
}
|
3447 |
+
}
|
3448 |
+
return lock;
|
3449 |
}
|
3450 |
+
function isDragActive() {
|
3451 |
+
// Check the gesture lock - if we get it, it means no drag gesture is active
|
3452 |
+
// and we can safely fire the tap gesture.
|
3453 |
+
var openGestureLock = getGlobalLock(true);
|
3454 |
+
if (!openGestureLock)
|
3455 |
+
return true;
|
3456 |
+
openGestureLock();
|
3457 |
+
return false;
|
3458 |
+
}
|
3459 |
+
|
3460 |
+
|
3461 |
+
|
3462 |
+
|
3463 |
+
/***/ }),
|
3464 |
+
|
3465 |
+
/***/ "./node_modules/framer-motion/dist/es/gestures/types.js":
|
3466 |
+
/*!**************************************************************!*\
|
3467 |
+
!*** ./node_modules/framer-motion/dist/es/gestures/types.js ***!
|
3468 |
+
\**************************************************************/
|
3469 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
3470 |
+
|
3471 |
+
__webpack_require__.r(__webpack_exports__);
|
3472 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
3473 |
+
/* harmony export */ "gestureProps": () => (/* binding */ gestureProps)
|
3474 |
+
/* harmony export */ });
|
3475 |
/**
|
3476 |
+
* @internal
|
|
|
|
|
|
|
3477 |
*/
|
3478 |
+
var gestureProps = [
|
3479 |
+
"onPan",
|
3480 |
+
"onPanStart",
|
3481 |
+
"onPanEnd",
|
3482 |
+
"onPanSessionStart",
|
3483 |
+
"onTap",
|
3484 |
+
"onTapStart",
|
3485 |
+
"onTapCancel",
|
3486 |
+
"onHoverStart",
|
3487 |
+
"onHoverEnd",
|
3488 |
+
"whileFocus",
|
3489 |
+
"whileTap",
|
3490 |
+
"whileHover",
|
3491 |
+
];
|
3492 |
+
|
3493 |
+
|
3494 |
+
|
3495 |
+
|
3496 |
+
/***/ }),
|
3497 |
+
|
3498 |
+
/***/ "./node_modules/framer-motion/dist/es/gestures/use-focus-gesture.js":
|
3499 |
+
/*!**************************************************************************!*\
|
3500 |
+
!*** ./node_modules/framer-motion/dist/es/gestures/use-focus-gesture.js ***!
|
3501 |
+
\**************************************************************************/
|
3502 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
3503 |
+
|
3504 |
+
__webpack_require__.r(__webpack_exports__);
|
3505 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
3506 |
+
/* harmony export */ "useFocusGesture": () => (/* binding */ useFocusGesture)
|
3507 |
+
/* harmony export */ });
|
3508 |
+
/* harmony import */ var _events_use_dom_event_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../events/use-dom-event.js */ "./node_modules/framer-motion/dist/es/events/use-dom-event.js");
|
3509 |
+
/* harmony import */ var _render_utils_types_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../render/utils/types.js */ "./node_modules/framer-motion/dist/es/render/utils/types.js");
|
3510 |
+
|
3511 |
+
|
3512 |
+
|
3513 |
/**
|
|
|
3514 |
*
|
3515 |
+
* @param props
|
3516 |
+
* @param ref
|
3517 |
+
* @internal
|
3518 |
*/
|
3519 |
+
function useFocusGesture(_a, visualElement) {
|
3520 |
+
var whileFocus = _a.whileFocus;
|
3521 |
+
var onFocus = function () {
|
3522 |
+
var _a;
|
3523 |
+
(_a = visualElement.animationState) === null || _a === void 0 ? void 0 : _a.setActive(_render_utils_types_js__WEBPACK_IMPORTED_MODULE_0__.AnimationType.Focus, true);
|
3524 |
+
};
|
3525 |
+
var onBlur = function () {
|
3526 |
+
var _a;
|
3527 |
+
(_a = visualElement.animationState) === null || _a === void 0 ? void 0 : _a.setActive(_render_utils_types_js__WEBPACK_IMPORTED_MODULE_0__.AnimationType.Focus, false);
|
3528 |
+
};
|
3529 |
+
(0,_events_use_dom_event_js__WEBPACK_IMPORTED_MODULE_1__.useDomEvent)(visualElement, "focus", whileFocus ? onFocus : undefined);
|
3530 |
+
(0,_events_use_dom_event_js__WEBPACK_IMPORTED_MODULE_1__.useDomEvent)(visualElement, "blur", whileFocus ? onBlur : undefined);
|
3531 |
}
|
3532 |
|
3533 |
+
|
3534 |
+
|
3535 |
+
|
3536 |
+
/***/ }),
|
3537 |
+
|
3538 |
+
/***/ "./node_modules/framer-motion/dist/es/gestures/use-gestures.js":
|
3539 |
+
/*!*********************************************************************!*\
|
3540 |
+
!*** ./node_modules/framer-motion/dist/es/gestures/use-gestures.js ***!
|
3541 |
+
\*********************************************************************/
|
3542 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
3543 |
+
|
3544 |
+
__webpack_require__.r(__webpack_exports__);
|
3545 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
3546 |
+
/* harmony export */ "useGestures": () => (/* binding */ useGestures)
|
3547 |
+
/* harmony export */ });
|
3548 |
+
/* harmony import */ var _use_pan_gesture_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./use-pan-gesture.js */ "./node_modules/framer-motion/dist/es/gestures/use-pan-gesture.js");
|
3549 |
+
/* harmony import */ var _use_tap_gesture_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./use-tap-gesture.js */ "./node_modules/framer-motion/dist/es/gestures/use-tap-gesture.js");
|
3550 |
+
/* harmony import */ var _use_hover_gesture_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./use-hover-gesture.js */ "./node_modules/framer-motion/dist/es/gestures/use-hover-gesture.js");
|
3551 |
+
/* harmony import */ var _use_focus_gesture_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./use-focus-gesture.js */ "./node_modules/framer-motion/dist/es/gestures/use-focus-gesture.js");
|
3552 |
+
|
3553 |
+
|
3554 |
+
|
3555 |
+
|
3556 |
|
3557 |
/**
|
3558 |
+
* Add pan and tap gesture recognition to an element.
|
|
|
|
|
|
|
3559 |
*
|
3560 |
+
* @param props - Gesture event handlers
|
3561 |
+
* @param ref - React `ref` containing a DOM `Element`
|
3562 |
+
* @public
|
3563 |
*/
|
3564 |
+
function useGestures(props, visualElement) {
|
3565 |
+
(0,_use_pan_gesture_js__WEBPACK_IMPORTED_MODULE_0__.usePanGesture)(props, visualElement);
|
3566 |
+
(0,_use_tap_gesture_js__WEBPACK_IMPORTED_MODULE_1__.useTapGesture)(props, visualElement);
|
3567 |
+
(0,_use_hover_gesture_js__WEBPACK_IMPORTED_MODULE_2__.useHoverGesture)(props, visualElement);
|
3568 |
+
(0,_use_focus_gesture_js__WEBPACK_IMPORTED_MODULE_3__.useFocusGesture)(props, visualElement);
|
3569 |
}
|
3570 |
|
|
|
|
|
|
|
3571 |
|
3572 |
+
|
3573 |
+
|
3574 |
+
/***/ }),
|
3575 |
+
|
3576 |
+
/***/ "./node_modules/framer-motion/dist/es/gestures/use-hover-gesture.js":
|
3577 |
+
/*!**************************************************************************!*\
|
3578 |
+
!*** ./node_modules/framer-motion/dist/es/gestures/use-hover-gesture.js ***!
|
3579 |
+
\**************************************************************************/
|
3580 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
3581 |
+
|
3582 |
+
__webpack_require__.r(__webpack_exports__);
|
3583 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
3584 |
+
/* harmony export */ "useHoverGesture": () => (/* binding */ useHoverGesture)
|
3585 |
+
/* harmony export */ });
|
3586 |
+
/* harmony import */ var _utils_event_type_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/event-type.js */ "./node_modules/framer-motion/dist/es/gestures/utils/event-type.js");
|
3587 |
+
/* harmony import */ var _events_use_pointer_event_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../events/use-pointer-event.js */ "./node_modules/framer-motion/dist/es/events/use-pointer-event.js");
|
3588 |
+
/* harmony import */ var _render_utils_types_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../render/utils/types.js */ "./node_modules/framer-motion/dist/es/render/utils/types.js");
|
3589 |
+
|
3590 |
+
|
3591 |
+
|
3592 |
+
|
3593 |
+
function createHoverEvent(visualElement, isActive, callback) {
|
3594 |
+
return function (event, info) {
|
3595 |
+
var _a;
|
3596 |
+
if (!(0,_utils_event_type_js__WEBPACK_IMPORTED_MODULE_0__.isMouseEvent)(event) || !visualElement.isHoverEventsEnabled)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
3597 |
return;
|
3598 |
+
callback === null || callback === void 0 ? void 0 : callback(event, info);
|
3599 |
+
(_a = visualElement.animationState) === null || _a === void 0 ? void 0 : _a.setActive(_render_utils_types_js__WEBPACK_IMPORTED_MODULE_1__.AnimationType.Hover, isActive);
|
3600 |
+
};
|
3601 |
+
}
|
3602 |
+
function useHoverGesture(_a, visualElement) {
|
3603 |
+
var onHoverStart = _a.onHoverStart, onHoverEnd = _a.onHoverEnd, whileHover = _a.whileHover;
|
3604 |
+
(0,_events_use_pointer_event_js__WEBPACK_IMPORTED_MODULE_2__.usePointerEvent)(visualElement, "pointerenter", onHoverStart || whileHover
|
3605 |
+
? createHoverEvent(visualElement, true, onHoverStart)
|
3606 |
+
: undefined);
|
3607 |
+
(0,_events_use_pointer_event_js__WEBPACK_IMPORTED_MODULE_2__.usePointerEvent)(visualElement, "pointerleave", onHoverEnd || whileHover
|
3608 |
+
? createHoverEvent(visualElement, false, onHoverEnd)
|
3609 |
+
: undefined);
|
3610 |
+
}
|
3611 |
+
|
3612 |
+
|
3613 |
+
|
3614 |
+
|
3615 |
+
/***/ }),
|
3616 |
+
|
3617 |
+
/***/ "./node_modules/framer-motion/dist/es/gestures/use-pan-gesture.js":
|
3618 |
+
/*!************************************************************************!*\
|
3619 |
+
!*** ./node_modules/framer-motion/dist/es/gestures/use-pan-gesture.js ***!
|
3620 |
+
\************************************************************************/
|
3621 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
3622 |
+
|
3623 |
+
__webpack_require__.r(__webpack_exports__);
|
3624 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
3625 |
+
/* harmony export */ "usePanGesture": () => (/* binding */ usePanGesture)
|
3626 |
+
/* harmony export */ });
|
3627 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
3628 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
3629 |
+
/* harmony import */ var _context_MotionConfigContext_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../context/MotionConfigContext.js */ "./node_modules/framer-motion/dist/es/context/MotionConfigContext.js");
|
3630 |
+
/* harmony import */ var _events_use_pointer_event_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../events/use-pointer-event.js */ "./node_modules/framer-motion/dist/es/events/use-pointer-event.js");
|
3631 |
+
/* harmony import */ var _PanSession_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PanSession.js */ "./node_modules/framer-motion/dist/es/gestures/PanSession.js");
|
3632 |
+
/* harmony import */ var _utils_use_unmount_effect_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/use-unmount-effect.js */ "./node_modules/framer-motion/dist/es/utils/use-unmount-effect.js");
|
3633 |
+
|
3634 |
+
|
3635 |
+
|
3636 |
+
|
3637 |
+
|
3638 |
+
|
3639 |
+
/**
|
3640 |
+
*
|
3641 |
+
* @param handlers -
|
3642 |
+
* @param ref -
|
3643 |
+
*
|
3644 |
+
* @internalremarks
|
3645 |
+
* Currently this sets new pan gesture functions every render. The memo route has been explored
|
3646 |
+
* in the past but ultimately we're still creating new functions every render. An optimisation
|
3647 |
+
* to explore is creating the pan gestures and loading them into a `ref`.
|
3648 |
+
*
|
3649 |
+
* @internal
|
3650 |
+
*/
|
3651 |
+
function usePanGesture(_a, ref) {
|
3652 |
+
var onPan = _a.onPan, onPanStart = _a.onPanStart, onPanEnd = _a.onPanEnd, onPanSessionStart = _a.onPanSessionStart;
|
3653 |
+
var hasPanEvents = onPan || onPanStart || onPanEnd || onPanSessionStart;
|
3654 |
+
var panSession = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
3655 |
+
var transformPagePoint = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context_MotionConfigContext_js__WEBPACK_IMPORTED_MODULE_1__.MotionConfigContext).transformPagePoint;
|
3656 |
+
var handlers = {
|
3657 |
+
onSessionStart: onPanSessionStart,
|
3658 |
+
onStart: onPanStart,
|
3659 |
+
onMove: onPan,
|
3660 |
+
onEnd: function (event, info) {
|
3661 |
+
panSession.current = null;
|
3662 |
+
onPanEnd && onPanEnd(event, info);
|
3663 |
+
},
|
3664 |
+
};
|
3665 |
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
3666 |
+
if (panSession.current !== null) {
|
3667 |
+
panSession.current.updateHandlers(handlers);
|
3668 |
}
|
3669 |
});
|
3670 |
+
function onPointerDown(event) {
|
3671 |
+
panSession.current = new _PanSession_js__WEBPACK_IMPORTED_MODULE_2__.PanSession(event, handlers, {
|
3672 |
+
transformPagePoint: transformPagePoint,
|
3673 |
+
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
3674 |
}
|
3675 |
+
(0,_events_use_pointer_event_js__WEBPACK_IMPORTED_MODULE_3__.usePointerEvent)(ref, "pointerdown", hasPanEvents && onPointerDown);
|
3676 |
+
(0,_utils_use_unmount_effect_js__WEBPACK_IMPORTED_MODULE_4__.useUnmountEffect)(function () { return panSession.current && panSession.current.end(); });
|
3677 |
+
}
|
3678 |
+
|
3679 |
+
|
3680 |
+
|
3681 |
+
|
3682 |
+
/***/ }),
|
3683 |
+
|
3684 |
+
/***/ "./node_modules/framer-motion/dist/es/gestures/use-tap-gesture.js":
|
3685 |
+
/*!************************************************************************!*\
|
3686 |
+
!*** ./node_modules/framer-motion/dist/es/gestures/use-tap-gesture.js ***!
|
3687 |
+
\************************************************************************/
|
3688 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
3689 |
+
|
3690 |
+
__webpack_require__.r(__webpack_exports__);
|
3691 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
3692 |
+
/* harmony export */ "useTapGesture": () => (/* binding */ useTapGesture)
|
3693 |
+
/* harmony export */ });
|
3694 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
3695 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
3696 |
+
/* harmony import */ var popmotion__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! popmotion */ "./node_modules/popmotion/dist/es/utils/pipe.js");
|
3697 |
+
/* harmony import */ var _events_use_pointer_event_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../events/use-pointer-event.js */ "./node_modules/framer-motion/dist/es/events/use-pointer-event.js");
|
3698 |
+
/* harmony import */ var _drag_utils_lock_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./drag/utils/lock.js */ "./node_modules/framer-motion/dist/es/gestures/drag/utils/lock.js");
|
3699 |
+
/* harmony import */ var _render_utils_types_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../render/utils/types.js */ "./node_modules/framer-motion/dist/es/render/utils/types.js");
|
3700 |
+
/* harmony import */ var _utils_use_unmount_effect_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/use-unmount-effect.js */ "./node_modules/framer-motion/dist/es/utils/use-unmount-effect.js");
|
3701 |
+
/* harmony import */ var _utils_is_node_or_child_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/is-node-or-child.js */ "./node_modules/framer-motion/dist/es/gestures/utils/is-node-or-child.js");
|
3702 |
+
|
3703 |
+
|
3704 |
+
|
3705 |
+
|
3706 |
+
|
3707 |
+
|
3708 |
+
|
3709 |
+
|
3710 |
/**
|
3711 |
+
* @param handlers -
|
|
|
|
|
|
|
3712 |
* @internal
|
3713 |
*/
|
3714 |
+
function useTapGesture(_a, visualElement) {
|
3715 |
+
var onTap = _a.onTap, onTapStart = _a.onTapStart, onTapCancel = _a.onTapCancel, whileTap = _a.whileTap;
|
3716 |
+
var hasPressListeners = onTap || onTapStart || onTapCancel || whileTap;
|
3717 |
+
var isPressing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
|
3718 |
+
var cancelPointerEndListeners = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
3719 |
+
function removePointerEndListener() {
|
3720 |
+
var _a;
|
3721 |
+
(_a = cancelPointerEndListeners.current) === null || _a === void 0 ? void 0 : _a.call(cancelPointerEndListeners);
|
3722 |
+
cancelPointerEndListeners.current = null;
|
3723 |
+
}
|
3724 |
+
function checkPointerEnd() {
|
3725 |
+
var _a;
|
3726 |
+
removePointerEndListener();
|
3727 |
+
isPressing.current = false;
|
3728 |
+
(_a = visualElement.animationState) === null || _a === void 0 ? void 0 : _a.setActive(_render_utils_types_js__WEBPACK_IMPORTED_MODULE_1__.AnimationType.Tap, false);
|
3729 |
+
return !(0,_drag_utils_lock_js__WEBPACK_IMPORTED_MODULE_2__.isDragActive)();
|
3730 |
+
}
|
3731 |
+
function onPointerUp(event, info) {
|
3732 |
+
if (!checkPointerEnd())
|
3733 |
+
return;
|
3734 |
+
/**
|
3735 |
+
* We only count this as a tap gesture if the event.target is the same
|
3736 |
+
* as, or a child of, this component's element
|
3737 |
+
*/
|
3738 |
+
!(0,_utils_is_node_or_child_js__WEBPACK_IMPORTED_MODULE_3__.isNodeOrChild)(visualElement.getInstance(), event.target)
|
3739 |
+
? onTapCancel === null || onTapCancel === void 0 ? void 0 : onTapCancel(event, info) : onTap === null || onTap === void 0 ? void 0 : onTap(event, info);
|
3740 |
+
}
|
3741 |
+
function onPointerCancel(event, info) {
|
3742 |
+
if (!checkPointerEnd())
|
3743 |
+
return;
|
3744 |
+
onTapCancel === null || onTapCancel === void 0 ? void 0 : onTapCancel(event, info);
|
3745 |
+
}
|
3746 |
+
function onPointerDown(event, info) {
|
3747 |
+
var _a;
|
3748 |
+
removePointerEndListener();
|
3749 |
+
if (isPressing.current)
|
3750 |
+
return;
|
3751 |
+
isPressing.current = true;
|
3752 |
+
cancelPointerEndListeners.current = (0,popmotion__WEBPACK_IMPORTED_MODULE_4__.pipe)((0,_events_use_pointer_event_js__WEBPACK_IMPORTED_MODULE_5__.addPointerEvent)(window, "pointerup", onPointerUp), (0,_events_use_pointer_event_js__WEBPACK_IMPORTED_MODULE_5__.addPointerEvent)(window, "pointercancel", onPointerCancel));
|
3753 |
+
onTapStart === null || onTapStart === void 0 ? void 0 : onTapStart(event, info);
|
3754 |
+
(_a = visualElement.animationState) === null || _a === void 0 ? void 0 : _a.setActive(_render_utils_types_js__WEBPACK_IMPORTED_MODULE_1__.AnimationType.Tap, true);
|
3755 |
+
}
|
3756 |
+
(0,_events_use_pointer_event_js__WEBPACK_IMPORTED_MODULE_5__.usePointerEvent)(visualElement, "pointerdown", hasPressListeners ? onPointerDown : undefined);
|
3757 |
+
(0,_utils_use_unmount_effect_js__WEBPACK_IMPORTED_MODULE_6__.useUnmountEffect)(removePointerEndListener);
|
3758 |
+
}
|
3759 |
+
|
3760 |
+
|
3761 |
+
|
3762 |
+
|
3763 |
+
/***/ }),
|
3764 |
+
|
3765 |
+
/***/ "./node_modules/framer-motion/dist/es/gestures/utils/event-type.js":
|
3766 |
+
/*!*************************************************************************!*\
|
3767 |
+
!*** ./node_modules/framer-motion/dist/es/gestures/utils/event-type.js ***!
|
3768 |
+
\*************************************************************************/
|
3769 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
3770 |
+
|
3771 |
+
__webpack_require__.r(__webpack_exports__);
|
3772 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
3773 |
+
/* harmony export */ "isMouseEvent": () => (/* binding */ isMouseEvent),
|
3774 |
+
/* harmony export */ "isTouchEvent": () => (/* binding */ isTouchEvent)
|
3775 |
+
/* harmony export */ });
|
3776 |
+
function isMouseEvent(event) {
|
3777 |
+
// PointerEvent inherits from MouseEvent so we can't use a straight instanceof check.
|
3778 |
+
if (typeof PointerEvent !== "undefined" && event instanceof PointerEvent) {
|
3779 |
+
return !!(event.pointerType === "mouse");
|
3780 |
+
}
|
3781 |
+
return event instanceof MouseEvent;
|
3782 |
}
|
3783 |
+
function isTouchEvent(event) {
|
3784 |
+
var hasTouches = !!event.touches;
|
3785 |
+
return hasTouches;
|
3786 |
+
}
|
3787 |
+
|
3788 |
+
|
3789 |
+
|
3790 |
+
|
3791 |
+
/***/ }),
|
3792 |
+
|
3793 |
+
/***/ "./node_modules/framer-motion/dist/es/gestures/utils/is-node-or-child.js":
|
3794 |
+
/*!*******************************************************************************!*\
|
3795 |
+
!*** ./node_modules/framer-motion/dist/es/gestures/utils/is-node-or-child.js ***!
|
3796 |
+
\*******************************************************************************/
|
3797 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
3798 |
+
|
3799 |
+
__webpack_require__.r(__webpack_exports__);
|
3800 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
3801 |
+
/* harmony export */ "isNodeOrChild": () => (/* binding */ isNodeOrChild)
|
3802 |
+
/* harmony export */ });
|
3803 |
+
/**
|
3804 |
+
* Recursively traverse up the tree to check whether the provided child node
|
3805 |
+
* is the parent or a descendant of it.
|
3806 |
+
*
|
3807 |
+
* @param parent - Element to find
|
3808 |
+
* @param child - Element to test against parent
|
3809 |
+
*/
|
3810 |
+
var isNodeOrChild = function (parent, child) {
|
3811 |
+
if (!child) {
|
3812 |
+
return false;
|
3813 |
+
}
|
3814 |
+
else if (parent === child) {
|
3815 |
+
return true;
|
3816 |
+
}
|
3817 |
+
else {
|
3818 |
+
return isNodeOrChild(parent, child.parentElement);
|
3819 |
+
}
|
3820 |
+
};
|
3821 |
+
|
3822 |
+
|
3823 |
+
|
3824 |
+
|
3825 |
+
/***/ }),
|
3826 |
+
|
3827 |
+
/***/ "./node_modules/framer-motion/dist/es/index.js":
|
3828 |
+
/*!*****************************************************!*\
|
3829 |
+
!*** ./node_modules/framer-motion/dist/es/index.js ***!
|
3830 |
+
\*****************************************************/
|
3831 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
3832 |
+
|
3833 |
+
__webpack_require__.r(__webpack_exports__);
|
3834 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
3835 |
+
/* harmony export */ "MotionConfig": () => (/* reexport safe */ _context_MotionConfigContext_js__WEBPACK_IMPORTED_MODULE_0__.MotionConfig),
|
3836 |
+
/* harmony export */ "MotionConfigContext": () => (/* reexport safe */ _context_MotionConfigContext_js__WEBPACK_IMPORTED_MODULE_0__.MotionConfigContext),
|
3837 |
+
/* harmony export */ "PresenceContext": () => (/* reexport safe */ _context_PresenceContext_js__WEBPACK_IMPORTED_MODULE_1__.PresenceContext),
|
3838 |
+
/* harmony export */ "useIsPresent": () => (/* reexport safe */ _components_AnimatePresence_use_presence_js__WEBPACK_IMPORTED_MODULE_2__.useIsPresent),
|
3839 |
+
/* harmony export */ "usePresence": () => (/* reexport safe */ _components_AnimatePresence_use_presence_js__WEBPACK_IMPORTED_MODULE_2__.usePresence),
|
3840 |
+
/* harmony export */ "LayoutGroupContext": () => (/* reexport safe */ _context_LayoutGroupContext_js__WEBPACK_IMPORTED_MODULE_3__.LayoutGroupContext),
|
3841 |
+
/* harmony export */ "VisibilityAction": () => (/* reexport safe */ _components_AnimateSharedLayout_types_js__WEBPACK_IMPORTED_MODULE_4__.VisibilityAction),
|
3842 |
+
/* harmony export */ "createBatcher": () => (/* reexport safe */ _components_AnimateSharedLayout_utils_batcher_js__WEBPACK_IMPORTED_MODULE_5__.createBatcher),
|
3843 |
+
/* harmony export */ "FramerTreeLayoutContext": () => (/* reexport safe */ _context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_6__.FramerTreeLayoutContext),
|
3844 |
+
/* harmony export */ "SharedLayoutContext": () => (/* reexport safe */ _context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_6__.SharedLayoutContext),
|
3845 |
+
/* harmony export */ "createMotionComponent": () => (/* reexport safe */ _motion_index_js__WEBPACK_IMPORTED_MODULE_7__.createMotionComponent),
|
3846 |
+
/* harmony export */ "useDomEvent": () => (/* reexport safe */ _events_use_dom_event_js__WEBPACK_IMPORTED_MODULE_8__.useDomEvent),
|
3847 |
+
/* harmony export */ "DragFeature": () => (/* reexport safe */ _motion_features_drag_js__WEBPACK_IMPORTED_MODULE_9__.Drag),
|
3848 |
+
/* harmony export */ "usePanGesture": () => (/* reexport safe */ _gestures_use_pan_gesture_js__WEBPACK_IMPORTED_MODULE_10__.usePanGesture),
|
3849 |
+
/* harmony export */ "useTapGesture": () => (/* reexport safe */ _gestures_use_tap_gesture_js__WEBPACK_IMPORTED_MODULE_11__.useTapGesture),
|
3850 |
+
/* harmony export */ "useGestures": () => (/* reexport safe */ _gestures_use_gestures_js__WEBPACK_IMPORTED_MODULE_12__.useGestures),
|
3851 |
+
/* harmony export */ "GesturesFeature": () => (/* reexport safe */ _motion_features_gestures_js__WEBPACK_IMPORTED_MODULE_13__.Gestures),
|
3852 |
+
/* harmony export */ "ExitFeature": () => (/* reexport safe */ _motion_features_exit_js__WEBPACK_IMPORTED_MODULE_14__.Exit),
|
3853 |
+
/* harmony export */ "MotionValue": () => (/* reexport safe */ _value_index_js__WEBPACK_IMPORTED_MODULE_15__.MotionValue),
|
3854 |
+
/* harmony export */ "motionValue": () => (/* reexport safe */ _value_index_js__WEBPACK_IMPORTED_MODULE_15__.motionValue),
|
3855 |
+
/* harmony export */ "animateVisualElement": () => (/* reexport safe */ _render_utils_animation_js__WEBPACK_IMPORTED_MODULE_16__.animateVisualElement),
|
3856 |
+
/* harmony export */ "animationControls": () => (/* reexport safe */ _animation_animation_controls_js__WEBPACK_IMPORTED_MODULE_17__.animationControls),
|
3857 |
+
/* harmony export */ "AnimationFeature": () => (/* reexport safe */ _motion_features_animation_js__WEBPACK_IMPORTED_MODULE_18__.Animation),
|
3858 |
+
/* harmony export */ "AnimateLayoutFeature": () => (/* reexport safe */ _motion_features_layout_Animate_js__WEBPACK_IMPORTED_MODULE_19__.AnimateLayout),
|
3859 |
+
/* harmony export */ "addScaleCorrection": () => (/* reexport safe */ _render_dom_projection_scale_correction_js__WEBPACK_IMPORTED_MODULE_20__.addScaleCorrection),
|
3860 |
+
/* harmony export */ "isValidMotionProp": () => (/* reexport safe */ _motion_utils_valid_prop_js__WEBPACK_IMPORTED_MODULE_21__.isValidMotionProp),
|
3861 |
+
/* harmony export */ "visualElement": () => (/* reexport safe */ _render_index_js__WEBPACK_IMPORTED_MODULE_22__.visualElement),
|
3862 |
+
/* harmony export */ "resolveMotionValue": () => (/* reexport safe */ _value_utils_resolve_motion_value_js__WEBPACK_IMPORTED_MODULE_23__.resolveMotionValue),
|
3863 |
+
/* harmony export */ "createDomMotionComponent": () => (/* reexport safe */ _render_dom_motion_js__WEBPACK_IMPORTED_MODULE_24__.createDomMotionComponent),
|
3864 |
+
/* harmony export */ "motion": () => (/* reexport safe */ _render_dom_motion_js__WEBPACK_IMPORTED_MODULE_24__.motion),
|
3865 |
+
/* harmony export */ "m": () => (/* reexport safe */ _render_dom_motion_minimal_js__WEBPACK_IMPORTED_MODULE_25__.m),
|
3866 |
+
/* harmony export */ "AnimatePresence": () => (/* reexport safe */ _components_AnimatePresence_index_js__WEBPACK_IMPORTED_MODULE_26__.AnimatePresence),
|
3867 |
+
/* harmony export */ "animate": () => (/* reexport safe */ _animation_animate_js__WEBPACK_IMPORTED_MODULE_27__.animate),
|
3868 |
+
/* harmony export */ "createCrossfader": () => (/* reexport safe */ _components_AnimateSharedLayout_utils_crossfader_js__WEBPACK_IMPORTED_MODULE_28__.createCrossfader),
|
3869 |
+
/* harmony export */ "AnimateSharedLayout": () => (/* reexport safe */ _components_AnimateSharedLayout_index_js__WEBPACK_IMPORTED_MODULE_29__.AnimateSharedLayout),
|
3870 |
+
/* harmony export */ "useMotionValue": () => (/* reexport safe */ _value_use_motion_value_js__WEBPACK_IMPORTED_MODULE_30__.useMotionValue),
|
3871 |
+
/* harmony export */ "useMotionTemplate": () => (/* reexport safe */ _value_use_motion_template_js__WEBPACK_IMPORTED_MODULE_31__.useMotionTemplate),
|
3872 |
+
/* harmony export */ "transform": () => (/* reexport safe */ _utils_transform_js__WEBPACK_IMPORTED_MODULE_32__.transform),
|
3873 |
+
/* harmony export */ "useTransform": () => (/* reexport safe */ _value_use_transform_js__WEBPACK_IMPORTED_MODULE_33__.useTransform),
|
3874 |
+
/* harmony export */ "useSpring": () => (/* reexport safe */ _value_use_spring_js__WEBPACK_IMPORTED_MODULE_34__.useSpring),
|
3875 |
+
/* harmony export */ "useVelocity": () => (/* reexport safe */ _value_use_velocity_js__WEBPACK_IMPORTED_MODULE_35__.useVelocity),
|
3876 |
+
/* harmony export */ "useElementScroll": () => (/* reexport safe */ _value_scroll_use_element_scroll_js__WEBPACK_IMPORTED_MODULE_36__.useElementScroll),
|
3877 |
+
/* harmony export */ "useViewportScroll": () => (/* reexport safe */ _value_scroll_use_viewport_scroll_js__WEBPACK_IMPORTED_MODULE_37__.useViewportScroll),
|
3878 |
+
/* harmony export */ "useReducedMotion": () => (/* reexport safe */ _utils_use_reduced_motion_js__WEBPACK_IMPORTED_MODULE_38__.useReducedMotion),
|
3879 |
+
/* harmony export */ "useAnimation": () => (/* reexport safe */ _animation_use_animation_js__WEBPACK_IMPORTED_MODULE_39__.useAnimation),
|
3880 |
+
/* harmony export */ "useCycle": () => (/* reexport safe */ _utils_use_cycle_js__WEBPACK_IMPORTED_MODULE_40__.useCycle),
|
3881 |
+
/* harmony export */ "DragControls": () => (/* reexport safe */ _gestures_drag_use_drag_controls_js__WEBPACK_IMPORTED_MODULE_41__.DragControls),
|
3882 |
+
/* harmony export */ "useDragControls": () => (/* reexport safe */ _gestures_drag_use_drag_controls_js__WEBPACK_IMPORTED_MODULE_41__.useDragControls),
|
3883 |
+
/* harmony export */ "useDeprecatedAnimatedState": () => (/* reexport safe */ _animation_use_animated_state_js__WEBPACK_IMPORTED_MODULE_42__.useAnimatedState),
|
3884 |
+
/* harmony export */ "useDeprecatedInvertedScale": () => (/* reexport safe */ _value_use_inverted_scale_js__WEBPACK_IMPORTED_MODULE_43__.useInvertedScale)
|
3885 |
+
/* harmony export */ });
|
3886 |
+
/* harmony import */ var _context_MotionConfigContext_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./context/MotionConfigContext.js */ "./node_modules/framer-motion/dist/es/context/MotionConfigContext.js");
|
3887 |
+
/* harmony import */ var _context_PresenceContext_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./context/PresenceContext.js */ "./node_modules/framer-motion/dist/es/context/PresenceContext.js");
|
3888 |
+
/* harmony import */ var _components_AnimatePresence_use_presence_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/AnimatePresence/use-presence.js */ "./node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.js");
|
3889 |
+
/* harmony import */ var _context_LayoutGroupContext_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./context/LayoutGroupContext.js */ "./node_modules/framer-motion/dist/es/context/LayoutGroupContext.js");
|
3890 |
+
/* harmony import */ var _components_AnimateSharedLayout_types_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/AnimateSharedLayout/types.js */ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/types.js");
|
3891 |
+
/* harmony import */ var _components_AnimateSharedLayout_utils_batcher_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/AnimateSharedLayout/utils/batcher.js */ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/utils/batcher.js");
|
3892 |
+
/* harmony import */ var _context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./context/SharedLayoutContext.js */ "./node_modules/framer-motion/dist/es/context/SharedLayoutContext.js");
|
3893 |
+
/* harmony import */ var _motion_index_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./motion/index.js */ "./node_modules/framer-motion/dist/es/motion/index.js");
|
3894 |
+
/* harmony import */ var _events_use_dom_event_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./events/use-dom-event.js */ "./node_modules/framer-motion/dist/es/events/use-dom-event.js");
|
3895 |
+
/* harmony import */ var _motion_features_drag_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./motion/features/drag.js */ "./node_modules/framer-motion/dist/es/motion/features/drag.js");
|
3896 |
+
/* harmony import */ var _gestures_use_pan_gesture_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./gestures/use-pan-gesture.js */ "./node_modules/framer-motion/dist/es/gestures/use-pan-gesture.js");
|
3897 |
+
/* harmony import */ var _gestures_use_tap_gesture_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./gestures/use-tap-gesture.js */ "./node_modules/framer-motion/dist/es/gestures/use-tap-gesture.js");
|
3898 |
+
/* harmony import */ var _gestures_use_gestures_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./gestures/use-gestures.js */ "./node_modules/framer-motion/dist/es/gestures/use-gestures.js");
|
3899 |
+
/* harmony import */ var _motion_features_gestures_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./motion/features/gestures.js */ "./node_modules/framer-motion/dist/es/motion/features/gestures.js");
|
3900 |
+
/* harmony import */ var _motion_features_exit_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./motion/features/exit.js */ "./node_modules/framer-motion/dist/es/motion/features/exit.js");
|
3901 |
+
/* harmony import */ var _value_index_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./value/index.js */ "./node_modules/framer-motion/dist/es/value/index.js");
|
3902 |
+
/* harmony import */ var _render_utils_animation_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./render/utils/animation.js */ "./node_modules/framer-motion/dist/es/render/utils/animation.js");
|
3903 |
+
/* harmony import */ var _animation_animation_controls_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./animation/animation-controls.js */ "./node_modules/framer-motion/dist/es/animation/animation-controls.js");
|
3904 |
+
/* harmony import */ var _motion_features_animation_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./motion/features/animation.js */ "./node_modules/framer-motion/dist/es/motion/features/animation.js");
|
3905 |
+
/* harmony import */ var _motion_features_layout_Animate_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./motion/features/layout/Animate.js */ "./node_modules/framer-motion/dist/es/motion/features/layout/Animate.js");
|
3906 |
+
/* harmony import */ var _render_dom_projection_scale_correction_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./render/dom/projection/scale-correction.js */ "./node_modules/framer-motion/dist/es/render/dom/projection/scale-correction.js");
|
3907 |
+
/* harmony import */ var _motion_utils_valid_prop_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./motion/utils/valid-prop.js */ "./node_modules/framer-motion/dist/es/motion/utils/valid-prop.js");
|
3908 |
+
/* harmony import */ var _render_index_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./render/index.js */ "./node_modules/framer-motion/dist/es/render/index.js");
|
3909 |
+
/* harmony import */ var _value_utils_resolve_motion_value_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./value/utils/resolve-motion-value.js */ "./node_modules/framer-motion/dist/es/value/utils/resolve-motion-value.js");
|
3910 |
+
/* harmony import */ var _render_dom_motion_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./render/dom/motion.js */ "./node_modules/framer-motion/dist/es/render/dom/motion.js");
|
3911 |
+
/* harmony import */ var _render_dom_motion_minimal_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./render/dom/motion-minimal.js */ "./node_modules/framer-motion/dist/es/render/dom/motion-minimal.js");
|
3912 |
+
/* harmony import */ var _components_AnimatePresence_index_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./components/AnimatePresence/index.js */ "./node_modules/framer-motion/dist/es/components/AnimatePresence/index.js");
|
3913 |
+
/* harmony import */ var _animation_animate_js__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./animation/animate.js */ "./node_modules/framer-motion/dist/es/animation/animate.js");
|
3914 |
+
/* harmony import */ var _components_AnimateSharedLayout_utils_crossfader_js__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./components/AnimateSharedLayout/utils/crossfader.js */ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/utils/crossfader.js");
|
3915 |
+
/* harmony import */ var _components_AnimateSharedLayout_index_js__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./components/AnimateSharedLayout/index.js */ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/index.js");
|
3916 |
+
/* harmony import */ var _value_use_motion_value_js__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./value/use-motion-value.js */ "./node_modules/framer-motion/dist/es/value/use-motion-value.js");
|
3917 |
+
/* harmony import */ var _value_use_motion_template_js__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./value/use-motion-template.js */ "./node_modules/framer-motion/dist/es/value/use-motion-template.js");
|
3918 |
+
/* harmony import */ var _utils_transform_js__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./utils/transform.js */ "./node_modules/framer-motion/dist/es/utils/transform.js");
|
3919 |
+
/* harmony import */ var _value_use_transform_js__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./value/use-transform.js */ "./node_modules/framer-motion/dist/es/value/use-transform.js");
|
3920 |
+
/* harmony import */ var _value_use_spring_js__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./value/use-spring.js */ "./node_modules/framer-motion/dist/es/value/use-spring.js");
|
3921 |
+
/* harmony import */ var _value_use_velocity_js__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./value/use-velocity.js */ "./node_modules/framer-motion/dist/es/value/use-velocity.js");
|
3922 |
+
/* harmony import */ var _value_scroll_use_element_scroll_js__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./value/scroll/use-element-scroll.js */ "./node_modules/framer-motion/dist/es/value/scroll/use-element-scroll.js");
|
3923 |
+
/* harmony import */ var _value_scroll_use_viewport_scroll_js__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./value/scroll/use-viewport-scroll.js */ "./node_modules/framer-motion/dist/es/value/scroll/use-viewport-scroll.js");
|
3924 |
+
/* harmony import */ var _utils_use_reduced_motion_js__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./utils/use-reduced-motion.js */ "./node_modules/framer-motion/dist/es/utils/use-reduced-motion.js");
|
3925 |
+
/* harmony import */ var _animation_use_animation_js__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./animation/use-animation.js */ "./node_modules/framer-motion/dist/es/animation/use-animation.js");
|
3926 |
+
/* harmony import */ var _utils_use_cycle_js__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./utils/use-cycle.js */ "./node_modules/framer-motion/dist/es/utils/use-cycle.js");
|
3927 |
+
/* harmony import */ var _gestures_drag_use_drag_controls_js__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./gestures/drag/use-drag-controls.js */ "./node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js");
|
3928 |
+
/* harmony import */ var _animation_use_animated_state_js__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./animation/use-animated-state.js */ "./node_modules/framer-motion/dist/es/animation/use-animated-state.js");
|
3929 |
+
/* harmony import */ var _value_use_inverted_scale_js__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./value/use-inverted-scale.js */ "./node_modules/framer-motion/dist/es/value/use-inverted-scale.js");
|
3930 |
|
3931 |
+
|
3932 |
+
|
3933 |
+
|
3934 |
+
|
3935 |
+
|
3936 |
+
|
3937 |
+
|
3938 |
+
|
3939 |
+
|
3940 |
+
|
3941 |
+
|
3942 |
+
|
3943 |
+
|
3944 |
+
|
3945 |
+
|
3946 |
+
|
3947 |
+
|
3948 |
+
|
3949 |
+
|
3950 |
+
|
3951 |
+
|
3952 |
+
|
3953 |
+
|
3954 |
+
|
3955 |
+
|
3956 |
+
|
3957 |
+
|
3958 |
+
|
3959 |
+
|
3960 |
+
|
3961 |
+
|
3962 |
+
|
3963 |
+
|
3964 |
+
|
3965 |
+
|
3966 |
+
|
3967 |
+
|
3968 |
+
|
3969 |
+
|
3970 |
+
|
3971 |
+
|
3972 |
+
|
3973 |
+
|
3974 |
+
|
3975 |
+
|
3976 |
+
/***/ }),
|
3977 |
+
|
3978 |
+
/***/ "./node_modules/framer-motion/dist/es/motion/features/animation.js":
|
3979 |
+
/*!*************************************************************************!*\
|
3980 |
+
!*** ./node_modules/framer-motion/dist/es/motion/features/animation.js ***!
|
3981 |
+
\*************************************************************************/
|
3982 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
3983 |
+
|
3984 |
+
__webpack_require__.r(__webpack_exports__);
|
3985 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
3986 |
+
/* harmony export */ "Animation": () => (/* binding */ Animation)
|
3987 |
+
/* harmony export */ });
|
3988 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
3989 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
3990 |
+
/* harmony import */ var _utils_make_renderless_component_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/make-renderless-component.js */ "./node_modules/framer-motion/dist/es/motion/utils/make-renderless-component.js");
|
3991 |
+
/* harmony import */ var _animation_animation_controls_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../animation/animation-controls.js */ "./node_modules/framer-motion/dist/es/animation/animation-controls.js");
|
3992 |
+
/* harmony import */ var _render_utils_animation_state_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../render/utils/animation-state.js */ "./node_modules/framer-motion/dist/es/render/utils/animation-state.js");
|
3993 |
+
|
3994 |
+
|
3995 |
+
|
3996 |
+
|
3997 |
+
|
3998 |
+
var AnimationState = (0,_utils_make_renderless_component_js__WEBPACK_IMPORTED_MODULE_1__.makeRenderlessComponent)(function (props) {
|
3999 |
+
var visualElement = props.visualElement, animate = props.animate;
|
4000 |
+
/**
|
4001 |
+
* We dynamically generate the AnimationState manager as it contains a reference
|
4002 |
+
* to the underlying animation library. We only want to load that if we load this,
|
4003 |
+
* so people can optionally code split it out using the `m` component.
|
4004 |
+
*/
|
4005 |
+
visualElement.animationState || (visualElement.animationState = (0,_render_utils_animation_state_js__WEBPACK_IMPORTED_MODULE_2__.createAnimationState)(visualElement));
|
4006 |
+
/**
|
4007 |
+
* Subscribe any provided AnimationControls to the component's VisualElement
|
4008 |
+
*/
|
4009 |
+
if ((0,_animation_animation_controls_js__WEBPACK_IMPORTED_MODULE_3__.isAnimationControls)(animate)) {
|
4010 |
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () { return animate.subscribe(visualElement); }, [animate]);
|
4011 |
+
}
|
4012 |
+
});
|
4013 |
/**
|
4014 |
+
* @public
|
|
|
4015 |
*/
|
4016 |
+
var Animation = {
|
4017 |
+
key: "animation",
|
4018 |
+
shouldRender: function () { return true; },
|
4019 |
+
getComponent: function (_a) {
|
4020 |
+
var animate = _a.animate, whileHover = _a.whileHover, whileFocus = _a.whileFocus, whileTap = _a.whileTap, whileDrag = _a.whileDrag, exit = _a.exit, variants = _a.variants;
|
4021 |
+
return animate ||
|
4022 |
+
whileHover ||
|
4023 |
+
whileFocus ||
|
4024 |
+
whileTap ||
|
4025 |
+
whileDrag ||
|
4026 |
+
exit ||
|
4027 |
+
variants
|
4028 |
+
? AnimationState
|
4029 |
+
: undefined;
|
4030 |
+
},
|
4031 |
};
|
4032 |
|
|
|
|
|
|
|
|
|
4033 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4034 |
|
4035 |
+
|
4036 |
+
/***/ }),
|
4037 |
+
|
4038 |
+
/***/ "./node_modules/framer-motion/dist/es/motion/features/drag.js":
|
4039 |
+
/*!********************************************************************!*\
|
4040 |
+
!*** ./node_modules/framer-motion/dist/es/motion/features/drag.js ***!
|
4041 |
+
\********************************************************************/
|
4042 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
4043 |
+
|
4044 |
+
__webpack_require__.r(__webpack_exports__);
|
4045 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
4046 |
+
/* harmony export */ "Drag": () => (/* binding */ Drag)
|
4047 |
+
/* harmony export */ });
|
4048 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
4049 |
+
/* harmony import */ var _gestures_drag_use_drag_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../gestures/drag/use-drag.js */ "./node_modules/framer-motion/dist/es/gestures/drag/use-drag.js");
|
4050 |
+
/* harmony import */ var _utils_make_renderless_component_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/make-renderless-component.js */ "./node_modules/framer-motion/dist/es/motion/utils/make-renderless-component.js");
|
4051 |
+
|
4052 |
+
|
4053 |
+
|
4054 |
+
|
4055 |
+
var Component = (0,_utils_make_renderless_component_js__WEBPACK_IMPORTED_MODULE_0__.makeRenderlessComponent)(function (_a) {
|
4056 |
+
var visualElement = _a.visualElement, props = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["visualElement"]);
|
4057 |
+
return (0,_gestures_drag_use_drag_js__WEBPACK_IMPORTED_MODULE_2__.useDrag)(props, visualElement);
|
4058 |
+
});
|
4059 |
/**
|
4060 |
+
* @public
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4061 |
*/
|
4062 |
+
var Drag = {
|
4063 |
+
key: "drag",
|
4064 |
+
shouldRender: function (props) { return !!props.drag || !!props.dragControls; },
|
4065 |
+
getComponent: function () { return Component; },
|
4066 |
+
};
|
4067 |
+
|
4068 |
+
|
4069 |
+
|
4070 |
+
|
4071 |
+
/***/ }),
|
4072 |
+
|
4073 |
+
/***/ "./node_modules/framer-motion/dist/es/motion/features/exit.js":
|
4074 |
+
/*!********************************************************************!*\
|
4075 |
+
!*** ./node_modules/framer-motion/dist/es/motion/features/exit.js ***!
|
4076 |
+
\********************************************************************/
|
4077 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
4078 |
+
|
4079 |
+
__webpack_require__.r(__webpack_exports__);
|
4080 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
4081 |
+
/* harmony export */ "Exit": () => (/* binding */ Exit)
|
4082 |
+
/* harmony export */ });
|
4083 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
4084 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
4085 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
4086 |
+
/* harmony import */ var _context_PresenceContext_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../context/PresenceContext.js */ "./node_modules/framer-motion/dist/es/context/PresenceContext.js");
|
4087 |
+
/* harmony import */ var _components_AnimatePresence_use_presence_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/AnimatePresence/use-presence.js */ "./node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.js");
|
4088 |
+
/* harmony import */ var _render_utils_types_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../render/utils/types.js */ "./node_modules/framer-motion/dist/es/render/utils/types.js");
|
4089 |
+
/* harmony import */ var _utils_make_renderless_component_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/make-renderless-component.js */ "./node_modules/framer-motion/dist/es/motion/utils/make-renderless-component.js");
|
4090 |
+
/* harmony import */ var _utils_should_inherit_variant_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/should-inherit-variant.js */ "./node_modules/framer-motion/dist/es/motion/utils/should-inherit-variant.js");
|
4091 |
+
|
4092 |
+
|
4093 |
+
|
4094 |
+
|
4095 |
+
|
4096 |
+
|
4097 |
+
|
4098 |
+
|
4099 |
/**
|
4100 |
+
* TODO: This component is quite small and no longer directly imports animation code.
|
4101 |
+
* It could be a candidate for folding back into the main `motion` component.
|
4102 |
*/
|
4103 |
+
var ExitComponent = (0,_utils_make_renderless_component_js__WEBPACK_IMPORTED_MODULE_1__.makeRenderlessComponent)(function (props) {
|
4104 |
+
var custom = props.custom, visualElement = props.visualElement;
|
4105 |
+
var _a = (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__read)((0,_components_AnimatePresence_use_presence_js__WEBPACK_IMPORTED_MODULE_3__.usePresence)(), 2), isPresent = _a[0], onExitComplete = _a[1];
|
4106 |
+
var presenceContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context_PresenceContext_js__WEBPACK_IMPORTED_MODULE_4__.PresenceContext);
|
4107 |
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
4108 |
+
var _a, _b;
|
4109 |
+
var animation = (_a = visualElement.animationState) === null || _a === void 0 ? void 0 : _a.setActive(_render_utils_types_js__WEBPACK_IMPORTED_MODULE_5__.AnimationType.Exit, !isPresent, { custom: (_b = presenceContext === null || presenceContext === void 0 ? void 0 : presenceContext.custom) !== null && _b !== void 0 ? _b : custom });
|
4110 |
+
!isPresent && (animation === null || animation === void 0 ? void 0 : animation.then(onExitComplete));
|
4111 |
+
}, [isPresent]);
|
4112 |
+
});
|
4113 |
/**
|
4114 |
+
* @public
|
4115 |
*/
|
4116 |
+
var Exit = {
|
4117 |
+
key: "exit",
|
4118 |
+
shouldRender: function (props) { return !!props.exit && !(0,_utils_should_inherit_variant_js__WEBPACK_IMPORTED_MODULE_6__.checkShouldInheritVariant)(props); },
|
4119 |
+
getComponent: function () { return ExitComponent; },
|
4120 |
+
};
|
|
|
|
|
|
|
4121 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4122 |
|
|
|
|
|
|
|
4123 |
|
4124 |
+
|
4125 |
+
/***/ }),
|
4126 |
+
|
4127 |
+
/***/ "./node_modules/framer-motion/dist/es/motion/features/gestures.js":
|
4128 |
+
/*!************************************************************************!*\
|
4129 |
+
!*** ./node_modules/framer-motion/dist/es/motion/features/gestures.js ***!
|
4130 |
+
\************************************************************************/
|
4131 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
4132 |
+
|
4133 |
+
__webpack_require__.r(__webpack_exports__);
|
4134 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
4135 |
+
/* harmony export */ "Gestures": () => (/* binding */ Gestures)
|
4136 |
+
/* harmony export */ });
|
4137 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
4138 |
+
/* harmony import */ var _utils_make_renderless_component_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/make-renderless-component.js */ "./node_modules/framer-motion/dist/es/motion/utils/make-renderless-component.js");
|
4139 |
+
/* harmony import */ var _gestures_use_gestures_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../gestures/use-gestures.js */ "./node_modules/framer-motion/dist/es/gestures/use-gestures.js");
|
4140 |
+
/* harmony import */ var _gestures_types_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../gestures/types.js */ "./node_modules/framer-motion/dist/es/gestures/types.js");
|
4141 |
+
|
4142 |
+
|
4143 |
+
|
4144 |
+
|
4145 |
+
|
4146 |
+
var GestureComponent = (0,_utils_make_renderless_component_js__WEBPACK_IMPORTED_MODULE_0__.makeRenderlessComponent)(function (_a) {
|
4147 |
+
var visualElement = _a.visualElement, props = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["visualElement"]);
|
4148 |
+
(0,_gestures_use_gestures_js__WEBPACK_IMPORTED_MODULE_2__.useGestures)(props, visualElement);
|
4149 |
+
});
|
4150 |
/**
|
4151 |
+
* @public
|
4152 |
*/
|
4153 |
+
var Gestures = {
|
4154 |
+
key: "gestures",
|
4155 |
+
shouldRender: function (props) {
|
4156 |
+
return _gestures_types_js__WEBPACK_IMPORTED_MODULE_3__.gestureProps.some(function (key) { return props.hasOwnProperty(key); });
|
4157 |
+
},
|
4158 |
+
getComponent: function () { return GestureComponent; },
|
4159 |
+
};
|
4160 |
+
|
4161 |
+
|
4162 |
+
|
4163 |
+
|
4164 |
+
/***/ }),
|
4165 |
+
|
4166 |
+
/***/ "./node_modules/framer-motion/dist/es/motion/features/layout/Animate.js":
|
4167 |
+
/*!******************************************************************************!*\
|
4168 |
+
!*** ./node_modules/framer-motion/dist/es/motion/features/layout/Animate.js ***!
|
4169 |
+
\******************************************************************************/
|
4170 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
4171 |
+
|
4172 |
+
__webpack_require__.r(__webpack_exports__);
|
4173 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
4174 |
+
/* harmony export */ "AnimateLayout": () => (/* binding */ AnimateLayout)
|
4175 |
+
/* harmony export */ });
|
4176 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
4177 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
4178 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
4179 |
+
/* harmony import */ var _components_AnimatePresence_use_presence_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../components/AnimatePresence/use-presence.js */ "./node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.js");
|
4180 |
+
/* harmony import */ var _components_AnimateSharedLayout_types_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../components/AnimateSharedLayout/types.js */ "./node_modules/framer-motion/dist/es/components/AnimateSharedLayout/types.js");
|
4181 |
+
/* harmony import */ var _utils_geometry_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils/geometry/index.js */ "./node_modules/framer-motion/dist/es/utils/geometry/index.js");
|
4182 |
+
/* harmony import */ var _utils_each_axis_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../utils/each-axis.js */ "./node_modules/framer-motion/dist/es/utils/each-axis.js");
|
4183 |
+
/* harmony import */ var _animation_utils_transitions_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../animation/utils/transitions.js */ "./node_modules/framer-motion/dist/es/animation/utils/transitions.js");
|
4184 |
+
/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils.js */ "./node_modules/framer-motion/dist/es/motion/features/layout/utils.js");
|
4185 |
+
|
4186 |
+
|
4187 |
+
|
4188 |
+
|
4189 |
+
|
4190 |
+
|
4191 |
+
|
4192 |
+
|
4193 |
+
|
4194 |
+
var progressTarget = 1000;
|
4195 |
+
var Animate = /** @class */ (function (_super) {
|
4196 |
+
(0,tslib__WEBPACK_IMPORTED_MODULE_1__.__extends)(Animate, _super);
|
4197 |
+
function Animate() {
|
4198 |
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4199 |
/**
|
4200 |
+
* A mutable object that tracks the target viewport box
|
4201 |
+
* for the current animation frame.
|
|
|
|
|
|
|
4202 |
*/
|
4203 |
+
_this.frameTarget = (0,_utils_geometry_index_js__WEBPACK_IMPORTED_MODULE_2__.axisBox)();
|
4204 |
/**
|
4205 |
+
* The current animation target, we use this to check whether to start
|
4206 |
+
* a new animation or continue the existing one.
|
|
|
4207 |
*/
|
4208 |
+
_this.currentAnimationTarget = (0,_utils_geometry_index_js__WEBPACK_IMPORTED_MODULE_2__.axisBox)();
|
4209 |
/**
|
4210 |
+
* Track whether we're animating this axis.
|
4211 |
*/
|
4212 |
+
_this.isAnimating = {
|
4213 |
+
x: false,
|
4214 |
+
y: false,
|
4215 |
+
};
|
4216 |
+
_this.stopAxisAnimation = {
|
4217 |
+
x: undefined,
|
4218 |
+
y: undefined,
|
4219 |
};
|
4220 |
+
_this.isAnimatingTree = false;
|
4221 |
+
_this.animate = function (target, origin, _a) {
|
4222 |
+
if (_a === void 0) { _a = {}; }
|
4223 |
+
var originBox = _a.originBox, targetBox = _a.targetBox, visibilityAction = _a.visibilityAction, shouldStackAnimate = _a.shouldStackAnimate, onComplete = _a.onComplete, config = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["originBox", "targetBox", "visibilityAction", "shouldStackAnimate", "onComplete"]);
|
4224 |
+
var _b = _this.props, visualElement = _b.visualElement, layout = _b.layout;
|
4225 |
/**
|
4226 |
+
* Early return if we've been instructed not to animate this render.
|
4227 |
+
*/
|
4228 |
+
if (shouldStackAnimate === false) {
|
4229 |
+
_this.isAnimatingTree = false;
|
4230 |
+
return _this.safeToRemove();
|
4231 |
+
}
|
4232 |
+
/**
|
4233 |
+
* Prioritise tree animations
|
4234 |
+
*/
|
4235 |
+
if (_this.isAnimatingTree && shouldStackAnimate !== true) {
|
4236 |
+
return;
|
4237 |
+
}
|
4238 |
+
else if (shouldStackAnimate) {
|
4239 |
+
_this.isAnimatingTree = true;
|
4240 |
+
}
|
4241 |
+
/**
|
4242 |
+
* Allow the measured origin (prev bounding box) and target (actual layout) to be
|
4243 |
+
* overridden by the provided config.
|
4244 |
+
*/
|
4245 |
+
origin = originBox || origin;
|
4246 |
+
target = targetBox || target;
|
4247 |
+
var boxHasMoved = hasMoved(origin, target);
|
4248 |
+
var animations = (0,_utils_each_axis_js__WEBPACK_IMPORTED_MODULE_3__.eachAxis)(function (axis) {
|
4249 |
+
/**
|
4250 |
+
* If layout is set to "position", we can resize the origin box based on the target
|
4251 |
+
* box and only animate its position.
|
4252 |
+
*/
|
4253 |
+
if (layout === "position") {
|
4254 |
+
var targetLength = target[axis].max - target[axis].min;
|
4255 |
+
origin[axis].max = origin[axis].min + targetLength;
|
4256 |
+
}
|
4257 |
+
if (visualElement.projection.isTargetLocked) {
|
4258 |
+
return;
|
4259 |
+
}
|
4260 |
+
else if (visibilityAction !== undefined) {
|
4261 |
+
visualElement.setVisibility(visibilityAction === _components_AnimateSharedLayout_types_js__WEBPACK_IMPORTED_MODULE_4__.VisibilityAction.Show);
|
4262 |
+
}
|
4263 |
+
else if (boxHasMoved) {
|
4264 |
+
// If the box has moved, animate between it's current visual state and its
|
4265 |
+
// final state
|
4266 |
+
return _this.animateAxis(axis, target[axis], origin[axis], config);
|
4267 |
+
}
|
4268 |
+
else {
|
4269 |
+
// If the box has remained in the same place, immediately set the axis target
|
4270 |
+
// to the final desired state
|
4271 |
+
return visualElement.setProjectionTargetAxis(axis, target[axis].min, target[axis].max);
|
4272 |
+
}
|
4273 |
+
});
|
4274 |
+
// Force a render to ensure there's no flash of uncorrected bounding box.
|
4275 |
+
visualElement.syncRender();
|
4276 |
+
/**
|
4277 |
+
* If this visualElement isn't present (ie it's been removed from the tree by the user but
|
4278 |
+
* kept in by the tree by AnimatePresence) then call safeToRemove when all axis animations
|
4279 |
+
* have successfully finished.
|
4280 |
*/
|
4281 |
+
return Promise.all(animations).then(function () {
|
4282 |
+
_this.isAnimatingTree = false;
|
4283 |
+
onComplete && onComplete();
|
4284 |
+
visualElement.notifyLayoutAnimationComplete();
|
4285 |
+
});
|
4286 |
};
|
4287 |
return _this;
|
4288 |
}
|
4289 |
+
Animate.prototype.componentDidMount = function () {
|
4290 |
+
var _this = this;
|
4291 |
+
var visualElement = this.props.visualElement;
|
4292 |
+
visualElement.animateMotionValue = _animation_utils_transitions_js__WEBPACK_IMPORTED_MODULE_5__.startAnimation;
|
4293 |
+
visualElement.enableLayoutProjection();
|
4294 |
+
this.unsubLayoutReady = visualElement.onLayoutUpdate(this.animate);
|
4295 |
+
visualElement.layoutSafeToRemove = function () { return _this.safeToRemove(); };
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4296 |
};
|
4297 |
+
Animate.prototype.componentWillUnmount = function () {
|
4298 |
+
var _this = this;
|
4299 |
+
this.unsubLayoutReady();
|
4300 |
+
(0,_utils_each_axis_js__WEBPACK_IMPORTED_MODULE_3__.eachAxis)(function (axis) { var _a, _b; return (_b = (_a = _this.stopAxisAnimation)[axis]) === null || _b === void 0 ? void 0 : _b.call(_a); });
|
|
|
|
|
4301 |
};
|
4302 |
/**
|
4303 |
+
* TODO: This manually performs animations on the visualElement's layout progress
|
4304 |
+
* values. It'd be preferable to amend the startLayoutAxisAnimation
|
4305 |
+
* API to accept more custom animations like this.
|
4306 |
*/
|
4307 |
+
Animate.prototype.animateAxis = function (axis, target, origin, _a) {
|
4308 |
+
var _this = this;
|
4309 |
+
var _b, _c;
|
4310 |
+
var transition = (_a === void 0 ? {} : _a).transition;
|
|
|
4311 |
/**
|
4312 |
+
* If we're not animating to a new target, don't run this animation
|
4313 |
*/
|
4314 |
+
if (this.isAnimating[axis] &&
|
4315 |
+
axisIsEqual(target, this.currentAnimationTarget[axis])) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4316 |
return;
|
4317 |
+
}
|
4318 |
+
(_c = (_b = this.stopAxisAnimation)[axis]) === null || _c === void 0 ? void 0 : _c.call(_b);
|
4319 |
+
this.isAnimating[axis] = true;
|
4320 |
+
var visualElement = this.props.visualElement;
|
4321 |
+
var frameTarget = this.frameTarget[axis];
|
4322 |
+
var layoutProgress = visualElement.getProjectionAnimationProgress()[axis];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4323 |
/**
|
4324 |
+
* Set layout progress back to 0. We set it twice to hard-reset any velocity that might
|
4325 |
+
* be re-incoporated into a subsequent spring animation.
|
4326 |
*/
|
4327 |
+
layoutProgress.clearListeners();
|
4328 |
+
layoutProgress.set(0);
|
4329 |
+
layoutProgress.set(0);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4330 |
/**
|
4331 |
+
* Create an animation function to run once per frame. This will tween the visual bounding box from
|
4332 |
+
* origin to target using the latest progress value.
|
|
|
4333 |
*/
|
4334 |
+
var frame = function () {
|
4335 |
+
// Convert the latest layoutProgress, which is a value from 0-1000, into a 0-1 progress
|
4336 |
+
var p = layoutProgress.get() / progressTarget;
|
4337 |
+
// Tween the axis and update the visualElement with the latest values
|
4338 |
+
(0,_utils_js__WEBPACK_IMPORTED_MODULE_6__.tweenAxis)(frameTarget, origin, target, p);
|
4339 |
+
visualElement.setProjectionTargetAxis(axis, frameTarget.min, frameTarget.max);
|
4340 |
+
};
|
4341 |
+
// Synchronously run a frame to ensure there's no flash of the uncorrected bounding box.
|
4342 |
+
frame();
|
4343 |
+
// Ensure that the layout delta is updated for this frame.
|
4344 |
+
visualElement.updateLayoutProjection();
|
4345 |
+
// Create a function to stop animation on this specific axis
|
4346 |
+
var unsubscribeProgress = layoutProgress.onChange(frame);
|
4347 |
+
this.stopAxisAnimation[axis] = function () {
|
4348 |
+
_this.isAnimating[axis] = false;
|
4349 |
+
layoutProgress.stop();
|
4350 |
+
unsubscribeProgress();
|
4351 |
+
};
|
4352 |
+
this.currentAnimationTarget[axis] = target;
|
4353 |
+
// Start the animation on this axis
|
4354 |
+
var animation = (0,_animation_utils_transitions_js__WEBPACK_IMPORTED_MODULE_5__.startAnimation)(axis === "x" ? "layoutX" : "layoutY", layoutProgress, progressTarget, transition || this.props.transition || defaultTransition).then(this.stopAxisAnimation[axis]);
|
4355 |
+
return animation;
|
4356 |
};
|
4357 |
+
Animate.prototype.safeToRemove = function () {
|
4358 |
+
var _a, _b;
|
4359 |
+
(_b = (_a = this.props).safeToRemove) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4360 |
};
|
4361 |
+
Animate.prototype.render = function () {
|
4362 |
+
return null;
|
|
|
|
|
|
|
|
|
|
|
|
|
4363 |
};
|
4364 |
+
return Animate;
|
4365 |
+
}(react__WEBPACK_IMPORTED_MODULE_0__.Component));
|
4366 |
+
function AnimateLayoutContextProvider(props) {
|
4367 |
+
var _a = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__read)((0,_components_AnimatePresence_use_presence_js__WEBPACK_IMPORTED_MODULE_7__.usePresence)(), 2), safeToRemove = _a[1];
|
4368 |
+
return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(Animate, (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__assign)({}, props, { safeToRemove: safeToRemove }));
|
4369 |
+
}
|
4370 |
+
function hasMoved(a, b) {
|
4371 |
+
return (!isZeroBox(a) &&
|
4372 |
+
!isZeroBox(b) &&
|
4373 |
+
(!axisIsEqual(a.x, b.x) || !axisIsEqual(a.y, b.y)));
|
4374 |
+
}
|
4375 |
+
var zeroAxis = { min: 0, max: 0 };
|
4376 |
+
function isZeroBox(a) {
|
4377 |
+
return axisIsEqual(a.x, zeroAxis) && axisIsEqual(a.y, zeroAxis);
|
4378 |
+
}
|
4379 |
+
function axisIsEqual(a, b) {
|
4380 |
+
return a.min === b.min && a.max === b.max;
|
4381 |
+
}
|
4382 |
+
var defaultTransition = {
|
4383 |
+
duration: 0.45,
|
4384 |
+
ease: [0.4, 0, 0.1, 1],
|
4385 |
+
};
|
4386 |
+
/**
|
4387 |
+
* @public
|
4388 |
+
*/
|
4389 |
+
var AnimateLayout = {
|
4390 |
+
key: "animate-layout",
|
4391 |
+
shouldRender: function (props) {
|
4392 |
+
return !!props.layout || props.layoutId !== undefined;
|
4393 |
+
},
|
4394 |
+
getComponent: function () { return AnimateLayoutContextProvider; },
|
4395 |
+
};
|
4396 |
+
|
4397 |
+
|
4398 |
+
|
4399 |
+
|
4400 |
+
/***/ }),
|
4401 |
+
|
4402 |
+
/***/ "./node_modules/framer-motion/dist/es/motion/features/layout/Measure.js":
|
4403 |
+
/*!******************************************************************************!*\
|
4404 |
+
!*** ./node_modules/framer-motion/dist/es/motion/features/layout/Measure.js ***!
|
4405 |
+
\******************************************************************************/
|
4406 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
4407 |
+
|
4408 |
+
__webpack_require__.r(__webpack_exports__);
|
4409 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
4410 |
+
/* harmony export */ "MeasureLayout": () => (/* binding */ MeasureLayout)
|
4411 |
+
/* harmony export */ });
|
4412 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
4413 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
4414 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
4415 |
+
/* harmony import */ var _context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../context/SharedLayoutContext.js */ "./node_modules/framer-motion/dist/es/context/SharedLayoutContext.js");
|
4416 |
+
|
4417 |
+
|
4418 |
+
|
4419 |
+
|
4420 |
+
/**
|
4421 |
+
* This component is responsible for scheduling the measuring of the motion component
|
4422 |
+
*/
|
4423 |
+
var Measure = /** @class */ (function (_super) {
|
4424 |
+
(0,tslib__WEBPACK_IMPORTED_MODULE_1__.__extends)(Measure, _super);
|
4425 |
+
function Measure() {
|
4426 |
+
return _super !== null && _super.apply(this, arguments) || this;
|
4427 |
+
}
|
4428 |
/**
|
4429 |
+
* If this is a child of a SyncContext, register the VisualElement with it on mount.
|
4430 |
*/
|
4431 |
+
Measure.prototype.componentDidMount = function () {
|
4432 |
+
var _a = this.props, syncLayout = _a.syncLayout, framerSyncLayout = _a.framerSyncLayout, visualElement = _a.visualElement;
|
4433 |
+
(0,_context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_2__.isSharedLayout)(syncLayout) && syncLayout.register(visualElement);
|
4434 |
+
(0,_context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_2__.isSharedLayout)(framerSyncLayout) &&
|
4435 |
+
framerSyncLayout.register(visualElement);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4436 |
};
|
4437 |
/**
|
4438 |
+
* If this is a child of a SyncContext, notify it that it needs to re-render. It will then
|
4439 |
+
* handle the snapshotting.
|
4440 |
+
*
|
4441 |
+
* If it is stand-alone component, add it to the batcher.
|
4442 |
*/
|
4443 |
+
Measure.prototype.getSnapshotBeforeUpdate = function () {
|
4444 |
+
var _a = this.props, syncLayout = _a.syncLayout, visualElement = _a.visualElement;
|
4445 |
+
if ((0,_context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_2__.isSharedLayout)(syncLayout)) {
|
4446 |
+
syncLayout.syncUpdate();
|
4447 |
+
}
|
4448 |
+
else {
|
4449 |
+
visualElement.snapshotViewportBox();
|
4450 |
+
syncLayout.add(visualElement);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4451 |
}
|
4452 |
+
return null;
|
4453 |
};
|
4454 |
+
Measure.prototype.componentDidUpdate = function () {
|
4455 |
+
var _a = this.props, syncLayout = _a.syncLayout, visualElement = _a.visualElement;
|
4456 |
+
if (!(0,_context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_2__.isSharedLayout)(syncLayout))
|
4457 |
+
syncLayout.flush();
|
|
|
|
|
|
|
|
|
|
|
4458 |
/**
|
4459 |
+
* If this axis isn't animating as a result of this render we want to reset the targetBox
|
4460 |
+
* to the measured box
|
|
|
|
|
4461 |
*/
|
4462 |
+
visualElement.rebaseProjectionTarget();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4463 |
};
|
4464 |
+
Measure.prototype.render = function () {
|
4465 |
+
return null;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4466 |
};
|
4467 |
+
return Measure;
|
4468 |
+
}((react__WEBPACK_IMPORTED_MODULE_0___default().Component)));
|
4469 |
+
function MeasureContextProvider(props) {
|
4470 |
+
var syncLayout = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_2__.SharedLayoutContext);
|
4471 |
+
var framerSyncLayout = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_2__.FramerTreeLayoutContext);
|
4472 |
+
return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Measure, (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__assign)({}, props, { syncLayout: syncLayout, framerSyncLayout: framerSyncLayout })));
|
4473 |
+
}
|
4474 |
+
var MeasureLayout = {
|
4475 |
+
key: "measure-layout",
|
4476 |
+
shouldRender: function (props) {
|
4477 |
+
return !!props.drag || !!props.layout || props.layoutId !== undefined;
|
4478 |
+
},
|
4479 |
+
getComponent: function () { return MeasureContextProvider; },
|
4480 |
};
|
4481 |
|
4482 |
+
|
4483 |
+
|
4484 |
+
|
4485 |
+
/***/ }),
|
4486 |
+
|
4487 |
+
/***/ "./node_modules/framer-motion/dist/es/motion/features/layout/use-snapshot-on-unmount.js":
|
4488 |
+
/*!**********************************************************************************************!*\
|
4489 |
+
!*** ./node_modules/framer-motion/dist/es/motion/features/layout/use-snapshot-on-unmount.js ***!
|
4490 |
+
\**********************************************************************************************/
|
4491 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
4492 |
+
|
4493 |
+
__webpack_require__.r(__webpack_exports__);
|
4494 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
4495 |
+
/* harmony export */ "useSnapshotOnUnmount": () => (/* binding */ useSnapshotOnUnmount)
|
4496 |
+
/* harmony export */ });
|
4497 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
4498 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
4499 |
+
/* harmony import */ var _context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../context/SharedLayoutContext.js */ "./node_modules/framer-motion/dist/es/context/SharedLayoutContext.js");
|
4500 |
+
/* harmony import */ var _utils_use_isomorphic_effect_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils/use-isomorphic-effect.js */ "./node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.js");
|
4501 |
+
|
4502 |
+
|
4503 |
+
|
4504 |
+
|
4505 |
+
function useSnapshotOnUnmount(visualElement) {
|
4506 |
+
var syncLayout = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_1__.SharedLayoutContext);
|
4507 |
+
var framerSyncLayout = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_1__.FramerTreeLayoutContext);
|
4508 |
+
(0,_utils_use_isomorphic_effect_js__WEBPACK_IMPORTED_MODULE_2__.useIsomorphicLayoutEffect)(function () { return function () {
|
4509 |
+
if ((0,_context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_1__.isSharedLayout)(syncLayout)) {
|
4510 |
+
syncLayout.remove(visualElement);
|
4511 |
+
}
|
4512 |
+
if ((0,_context_SharedLayoutContext_js__WEBPACK_IMPORTED_MODULE_1__.isSharedLayout)(framerSyncLayout)) {
|
4513 |
+
framerSyncLayout.remove(visualElement);
|
4514 |
+
}
|
4515 |
+
}; }, []);
|
4516 |
}
|
4517 |
|
4518 |
+
|
4519 |
+
|
4520 |
+
|
4521 |
+
/***/ }),
|
4522 |
+
|
4523 |
+
/***/ "./node_modules/framer-motion/dist/es/motion/features/layout/utils.js":
|
4524 |
+
/*!****************************************************************************!*\
|
4525 |
+
!*** ./node_modules/framer-motion/dist/es/motion/features/layout/utils.js ***!
|
4526 |
+
\****************************************************************************/
|
4527 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
4528 |
+
|
4529 |
+
__webpack_require__.r(__webpack_exports__);
|
4530 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
4531 |
+
/* harmony export */ "tweenAxis": () => (/* binding */ tweenAxis)
|
4532 |
+
/* harmony export */ });
|
4533 |
+
/* harmony import */ var popmotion__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! popmotion */ "./node_modules/popmotion/dist/es/utils/mix.js");
|
4534 |
+
|
4535 |
+
|
4536 |
+
function tweenAxis(target, prev, next, p) {
|
4537 |
+
target.min = (0,popmotion__WEBPACK_IMPORTED_MODULE_0__.mix)(prev.min, next.min, p);
|
4538 |
+
target.max = (0,popmotion__WEBPACK_IMPORTED_MODULE_0__.mix)(prev.max, next.max, p);
|
4539 |
}
|
4540 |
+
|
4541 |
+
|
4542 |
+
|
4543 |
+
|
4544 |
+
/***/ }),
|
4545 |
+
|
4546 |
+
/***/ "./node_modules/framer-motion/dist/es/motion/features/use-features.js":
|
4547 |
+
/*!****************************************************************************!*\
|
4548 |
+
!*** ./node_modules/framer-motion/dist/es/motion/features/use-features.js ***!
|
4549 |
+
\****************************************************************************/
|
4550 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
4551 |
+
|
4552 |
+
__webpack_require__.r(__webpack_exports__);
|
4553 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
4554 |
+
/* harmony export */ "useFeatures": () => (/* binding */ useFeatures)
|
4555 |
+
/* harmony export */ });
|
4556 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
4557 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
4558 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
4559 |
+
/* harmony import */ var _context_MotionConfigContext_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../context/MotionConfigContext.js */ "./node_modules/framer-motion/dist/es/context/MotionConfigContext.js");
|
4560 |
+
|
4561 |
+
|
4562 |
+
|
4563 |
+
|
4564 |
/**
|
4565 |
+
* Load features via renderless components based on the provided MotionProps.
|
4566 |
+
* TODO: Look into porting this to a component-less appraoch.
|
4567 |
*/
|
4568 |
+
function useFeatures(defaultFeatures, visualElement, props) {
|
4569 |
+
var plugins = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context_MotionConfigContext_js__WEBPACK_IMPORTED_MODULE_1__.MotionConfigContext);
|
4570 |
+
var allFeatures = (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__spread)(defaultFeatures, plugins.features);
|
4571 |
+
var numFeatures = allFeatures.length;
|
4572 |
+
var features = [];
|
4573 |
+
// Decide which features we should render and add them to the returned array
|
4574 |
+
for (var i = 0; i < numFeatures; i++) {
|
4575 |
+
var _a = allFeatures[i], shouldRender = _a.shouldRender, key = _a.key, getComponent = _a.getComponent;
|
4576 |
+
if (shouldRender(props)) {
|
4577 |
+
var Component = getComponent(props);
|
4578 |
+
Component &&
|
4579 |
+
features.push((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(Component, (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__assign)({ key: key }, props, { visualElement: visualElement })));
|
4580 |
+
}
|
4581 |
+
}
|
4582 |
+
return features;
|
4583 |
}
|
4584 |
|
4585 |
+
|
4586 |
+
|
4587 |
+
|
4588 |
+
/***/ }),
|
4589 |
+
|
4590 |
+
/***/ "./node_modules/framer-motion/dist/es/motion/index.js":
|
4591 |
+
/*!************************************************************!*\
|
4592 |
+
!*** ./node_modules/framer-motion/dist/es/motion/index.js ***!
|
4593 |
+
\************************************************************/
|
4594 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
4595 |
+
|
4596 |
+
__webpack_require__.r(__webpack_exports__);
|
4597 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
4598 |
+
/* harmony export */ "createMotionComponent": () => (/* binding */ createMotionComponent)
|
4599 |
+
/* harmony export */ });
|
4600 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
4601 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
4602 |
+
/* harmony import */ var _context_MotionConfigContext_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../context/MotionConfigContext.js */ "./node_modules/framer-motion/dist/es/context/MotionConfigContext.js");
|
4603 |
+
/* harmony import */ var _features_use_features_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./features/use-features.js */ "./node_modules/framer-motion/dist/es/motion/features/use-features.js");
|
4604 |
+
/* harmony import */ var _context_MotionContext_index_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../context/MotionContext/index.js */ "./node_modules/framer-motion/dist/es/context/MotionContext/index.js");
|
4605 |
+
/* harmony import */ var _utils_use_visual_element_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/use-visual-element.js */ "./node_modules/framer-motion/dist/es/motion/utils/use-visual-element.js");
|
4606 |
+
/* harmony import */ var _utils_use_motion_ref_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/use-motion-ref.js */ "./node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.js");
|
4607 |
+
/* harmony import */ var _context_MotionContext_create_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context/MotionContext/create.js */ "./node_modules/framer-motion/dist/es/context/MotionContext/create.js");
|
4608 |
+
|
4609 |
+
|
4610 |
+
|
4611 |
+
|
4612 |
+
|
4613 |
+
|
4614 |
+
|
4615 |
+
|
4616 |
/**
|
4617 |
+
* Create a `motion` component.
|
|
|
|
|
4618 |
*
|
4619 |
+
* This function accepts a Component argument, which can be either a string (ie "div"
|
4620 |
+
* for `motion.div`), or an actual React component.
|
4621 |
+
*
|
4622 |
+
* Alongside this is a config option which provides a way of rendering the provided
|
4623 |
+
* component "offline", or outside the React render cycle.
|
4624 |
+
*
|
4625 |
+
* @internal
|
4626 |
*/
|
4627 |
+
function createMotionComponent(_a) {
|
4628 |
+
var defaultFeatures = _a.defaultFeatures, createVisualElement = _a.createVisualElement, useRender = _a.useRender, useVisualState = _a.useVisualState;
|
4629 |
+
function MotionComponent(props, externalRef) {
|
4630 |
+
/**
|
4631 |
+
* If we're rendering in a static environment, we only visually update the component
|
4632 |
+
* as a result of a React-rerender rather than interactions or animations. This
|
4633 |
+
* means we don't need to load additional memory structures like VisualElement,
|
4634 |
+
* or any gesture/animation features.
|
4635 |
+
*/
|
4636 |
+
var isStatic = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context_MotionConfigContext_js__WEBPACK_IMPORTED_MODULE_1__.MotionConfigContext).isStatic;
|
4637 |
+
var features = null;
|
4638 |
+
/**
|
4639 |
+
* Create the tree context. This is memoized and will only trigger renders
|
4640 |
+
* when the current tree variant changes in static mode.
|
4641 |
+
*/
|
4642 |
+
var context = (0,_context_MotionContext_create_js__WEBPACK_IMPORTED_MODULE_2__.useCreateMotionContext)(props, isStatic);
|
4643 |
+
/**
|
4644 |
+
*
|
4645 |
+
*/
|
4646 |
+
var visualState = useVisualState(props, isStatic);
|
4647 |
+
if (!isStatic && typeof window !== "undefined") {
|
4648 |
+
/**
|
4649 |
+
* Create a VisualElement for this component. A VisualElement provides a common
|
4650 |
+
* interface to renderer-specific APIs (ie DOM/Three.js etc) as well as
|
4651 |
+
* providing a way of rendering to these APIs outside of the React render loop
|
4652 |
+
* for more performant animations and interactions
|
4653 |
+
*/
|
4654 |
+
context.visualElement = (0,_utils_use_visual_element_js__WEBPACK_IMPORTED_MODULE_3__.useVisualElement)(isStatic, visualState, createVisualElement, props);
|
4655 |
+
/**
|
4656 |
+
* Load Motion gesture and animation features. These are rendered as renderless
|
4657 |
+
* components so each feature can optionally make use of React lifecycle methods.
|
4658 |
+
*
|
4659 |
+
* TODO: The intention is to move these away from a React-centric to a
|
4660 |
+
* VisualElement-centric lifecycle scheme.
|
4661 |
+
*/
|
4662 |
+
features = (0,_features_use_features_js__WEBPACK_IMPORTED_MODULE_4__.useFeatures)(defaultFeatures, context.visualElement, props);
|
4663 |
+
}
|
4664 |
+
/**
|
4665 |
+
* The mount order and hierarchy is specific to ensure our element ref
|
4666 |
+
* is hydrated by the time features fire their effects.
|
4667 |
+
*/
|
4668 |
+
return ((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
|
4669 |
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_context_MotionContext_index_js__WEBPACK_IMPORTED_MODULE_5__.MotionContext.Provider, { value: context }, useRender(props, (0,_utils_use_motion_ref_js__WEBPACK_IMPORTED_MODULE_6__.useMotionRef)(visualState, context.visualElement, externalRef), visualState, isStatic)),
|
4670 |
+
features));
|
4671 |
+
}
|
4672 |
+
return (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(MotionComponent);
|
4673 |
+
}
|
4674 |
+
|
4675 |
+
|
4676 |
+
|
4677 |
+
|
4678 |
+
/***/ }),
|
4679 |
+
|
4680 |
+
/***/ "./node_modules/framer-motion/dist/es/motion/utils/is-forced-motion-value.js":
|
4681 |
+
/*!***********************************************************************************!*\
|
4682 |
+
!*** ./node_modules/framer-motion/dist/es/motion/utils/is-forced-motion-value.js ***!
|
4683 |
+
\***********************************************************************************/
|
4684 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
4685 |
+
|
4686 |
+
__webpack_require__.r(__webpack_exports__);
|
4687 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
4688 |
+
/* harmony export */ "isForcedMotionValue": () => (/* binding */ isForcedMotionValue)
|
4689 |
+
/* harmony export */ });
|
4690 |
+
/* harmony import */ var _render_dom_projection_scale_correction_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../render/dom/projection/scale-correction.js */ "./node_modules/framer-motion/dist/es/render/dom/projection/scale-correction.js");
|
4691 |
+
/* harmony import */ var _render_html_utils_transform_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../render/html/utils/transform.js */ "./node_modules/framer-motion/dist/es/render/html/utils/transform.js");
|
4692 |
+
|
4693 |
+
|
4694 |
+
|
4695 |
+
function isForcedMotionValue(key, _a) {
|
4696 |
+
var layout = _a.layout, layoutId = _a.layoutId;
|
4697 |
+
return ((0,_render_html_utils_transform_js__WEBPACK_IMPORTED_MODULE_0__.isTransformProp)(key) ||
|
4698 |
+
(0,_render_html_utils_transform_js__WEBPACK_IMPORTED_MODULE_0__.isTransformOriginProp)(key) ||
|
4699 |
+
((layout || layoutId !== undefined) && !!_render_dom_projection_scale_correction_js__WEBPACK_IMPORTED_MODULE_1__.valueScaleCorrection[key]));
|
4700 |
+
}
|
4701 |
+
|
4702 |
+
|
4703 |
+
|
4704 |
+
|
4705 |
+
/***/ }),
|
4706 |
+
|
4707 |
+
/***/ "./node_modules/framer-motion/dist/es/motion/utils/make-renderless-component.js":
|
4708 |
+
/*!**************************************************************************************!*\
|
4709 |
+
!*** ./node_modules/framer-motion/dist/es/motion/utils/make-renderless-component.js ***!
|
4710 |
+
\**************************************************************************************/
|
4711 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
4712 |
+
|
4713 |
+
__webpack_require__.r(__webpack_exports__);
|
4714 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
4715 |
+
/* harmony export */ "makeRenderlessComponent": () => (/* binding */ makeRenderlessComponent)
|
4716 |
+
/* harmony export */ });
|
4717 |
+
var makeRenderlessComponent = function (hook) { return function (props) {
|
4718 |
+
hook(props);
|
4719 |
+
return null;
|
4720 |
+
}; };
|
4721 |
+
|
4722 |
+
|
4723 |
+
|
4724 |
+
|
4725 |
+
/***/ }),
|
4726 |
+
|
4727 |
+
/***/ "./node_modules/framer-motion/dist/es/motion/utils/should-inherit-variant.js":
|
4728 |
+
/*!***********************************************************************************!*\
|
4729 |
+
!*** ./node_modules/framer-motion/dist/es/motion/utils/should-inherit-variant.js ***!
|
4730 |
+
\***********************************************************************************/
|
4731 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
4732 |
+
|
4733 |
+
__webpack_require__.r(__webpack_exports__);
|
4734 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
4735 |
+
/* harmony export */ "checkShouldInheritVariant": () => (/* binding */ checkShouldInheritVariant)
|
4736 |
+
/* harmony export */ });
|
4737 |
+
function checkShouldInheritVariant(_a) {
|
4738 |
+
var animate = _a.animate, variants = _a.variants, inherit = _a.inherit;
|
4739 |
+
return inherit !== null && inherit !== void 0 ? inherit : (!!variants && !animate);
|
4740 |
}
|
4741 |
|
4742 |
+
|
4743 |
+
|
4744 |
+
|
4745 |
+
/***/ }),
|
4746 |
+
|
4747 |
+
/***/ "./node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.js":
|
4748 |
+
/*!***************************************************************************!*\
|
4749 |
+
!*** ./node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.js ***!
|
4750 |
+
\***************************************************************************/
|
4751 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
4752 |
+
|
4753 |
+
__webpack_require__.r(__webpack_exports__);
|
4754 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
4755 |
+
/* harmony export */ "useMotionRef": () => (/* binding */ useMotionRef)
|
4756 |
+
/* harmony export */ });
|
4757 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
4758 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
4759 |
+
/* harmony import */ var _utils_is_ref_object_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/is-ref-object.js */ "./node_modules/framer-motion/dist/es/utils/is-ref-object.js");
|
4760 |
+
|
4761 |
+
|
4762 |
+
|
4763 |
/**
|
4764 |
+
* Creates a ref function that, when called, hydrates the provided
|
4765 |
+
* external ref and VisualElement.
|
4766 |
*/
|
4767 |
+
function useMotionRef(visualState, visualElement, externalRef) {
|
4768 |
+
return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (instance) {
|
4769 |
+
var _a;
|
4770 |
+
instance && ((_a = visualState.mount) === null || _a === void 0 ? void 0 : _a.call(visualState, instance));
|
4771 |
+
if (visualElement) {
|
4772 |
+
instance ? visualElement.mount(instance) : visualElement.unmount();
|
4773 |
+
}
|
4774 |
+
if (externalRef) {
|
4775 |
+
if (typeof externalRef === "function") {
|
4776 |
+
externalRef(instance);
|
4777 |
+
}
|
4778 |
+
else if ((0,_utils_is_ref_object_js__WEBPACK_IMPORTED_MODULE_1__.isRefObject)(externalRef)) {
|
4779 |
+
externalRef.current = instance;
|
4780 |
+
}
|
4781 |
+
}
|
4782 |
+
}, []);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4783 |
}
|
4784 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4785 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4786 |
|
4787 |
+
|
4788 |
+
/***/ }),
|
4789 |
+
|
4790 |
+
/***/ "./node_modules/framer-motion/dist/es/motion/utils/use-visual-element.js":
|
4791 |
+
/*!*******************************************************************************!*\
|
4792 |
+
!*** ./node_modules/framer-motion/dist/es/motion/utils/use-visual-element.js ***!
|
4793 |
+
\*******************************************************************************/
|
4794 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
4795 |
+
|
4796 |
+
__webpack_require__.r(__webpack_exports__);
|
4797 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
4798 |
+
/* harmony export */ "useVisualElement": () => (/* binding */ useVisualElement)
|
4799 |
+
/* harmony export */ });
|
4800 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
4801 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
4802 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
4803 |
+
/* harmony import */ var _context_MotionConfigContext_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../context/MotionConfigContext.js */ "./node_modules/framer-motion/dist/es/context/MotionConfigContext.js");
|
4804 |
+
/* harmony import */ var _context_MotionContext_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../context/MotionContext/index.js */ "./node_modules/framer-motion/dist/es/context/MotionContext/index.js");
|
4805 |
+
/* harmony import */ var _context_PresenceContext_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../context/PresenceContext.js */ "./node_modules/framer-motion/dist/es/context/PresenceContext.js");
|
4806 |
+
/* harmony import */ var _utils_use_constant_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/use-constant.js */ "./node_modules/framer-motion/dist/es/utils/use-constant.js");
|
4807 |
+
/* harmony import */ var _components_AnimatePresence_use_presence_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/AnimatePresence/use-presence.js */ "./node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.js");
|
4808 |
+
/* harmony import */ var _context_LayoutGroupContext_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../context/LayoutGroupContext.js */ "./node_modules/framer-motion/dist/es/context/LayoutGroupContext.js");
|
4809 |
+
/* harmony import */ var _utils_use_isomorphic_effect_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../utils/use-isomorphic-effect.js */ "./node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.js");
|
4810 |
+
/* harmony import */ var _features_layout_use_snapshot_on_unmount_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../features/layout/use-snapshot-on-unmount.js */ "./node_modules/framer-motion/dist/es/motion/features/layout/use-snapshot-on-unmount.js");
|
4811 |
+
|
4812 |
+
|
4813 |
+
|
4814 |
+
|
4815 |
+
|
4816 |
+
|
4817 |
+
|
4818 |
+
|
4819 |
+
|
4820 |
+
|
4821 |
+
|
4822 |
+
function useLayoutId(_a) {
|
4823 |
+
var layoutId = _a.layoutId;
|
4824 |
+
var layoutGroupId = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context_LayoutGroupContext_js__WEBPACK_IMPORTED_MODULE_1__.LayoutGroupContext);
|
4825 |
+
return layoutGroupId && layoutId !== undefined
|
4826 |
+
? layoutGroupId + "-" + layoutId
|
4827 |
+
: layoutId;
|
4828 |
+
}
|
4829 |
+
function useVisualElement(isStatic, visualState, createVisualElement, props) {
|
4830 |
+
var config = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context_MotionConfigContext_js__WEBPACK_IMPORTED_MODULE_2__.MotionConfigContext);
|
4831 |
+
var parent = (0,_context_MotionContext_index_js__WEBPACK_IMPORTED_MODULE_3__.useVisualElementContext)();
|
4832 |
+
var presenceContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context_PresenceContext_js__WEBPACK_IMPORTED_MODULE_4__.PresenceContext);
|
4833 |
+
var layoutId = useLayoutId(props);
|
4834 |
+
var visualElement = (0,_utils_use_constant_js__WEBPACK_IMPORTED_MODULE_5__.useConstant)(function () {
|
4835 |
+
return createVisualElement(isStatic, {
|
4836 |
+
visualState: visualState,
|
4837 |
+
parent: parent,
|
4838 |
+
props: (0,tslib__WEBPACK_IMPORTED_MODULE_6__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_6__.__assign)({}, props), { layoutId: layoutId }),
|
4839 |
+
presenceId: presenceContext === null || presenceContext === void 0 ? void 0 : presenceContext.id,
|
4840 |
+
blockInitialAnimation: (presenceContext === null || presenceContext === void 0 ? void 0 : presenceContext.initial) === false,
|
4841 |
+
});
|
4842 |
+
});
|
4843 |
+
(0,_utils_use_isomorphic_effect_js__WEBPACK_IMPORTED_MODULE_7__.useIsomorphicLayoutEffect)(function () {
|
4844 |
+
visualElement.setProps((0,tslib__WEBPACK_IMPORTED_MODULE_6__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_6__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_6__.__assign)({}, config), props), { layoutId: layoutId }));
|
4845 |
+
visualElement.isPresent = (0,_components_AnimatePresence_use_presence_js__WEBPACK_IMPORTED_MODULE_8__.isPresent)(presenceContext);
|
4846 |
+
visualElement.isPresenceRoot =
|
4847 |
+
!parent || parent.presenceId !== (presenceContext === null || presenceContext === void 0 ? void 0 : presenceContext.id);
|
4848 |
/**
|
4849 |
+
* Fire a render to ensure the latest state is reflected on-screen.
|
|
|
4850 |
*/
|
4851 |
+
visualElement.syncRender();
|
4852 |
+
});
|
4853 |
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
4854 |
+
var _a;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4855 |
/**
|
4856 |
+
* In a future refactor we can replace the features-as-components and
|
4857 |
+
* have this loop through them all firing "effect" listeners
|
4858 |
*/
|
4859 |
+
(_a = visualElement.animationState) === null || _a === void 0 ? void 0 : _a.animateChanges();
|
4860 |
+
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4861 |
/**
|
4862 |
+
* If this component is a child of AnimateSharedLayout, we need to snapshot the component
|
4863 |
+
* before it's unmounted. This lives here rather than in features/layout/Measure because
|
4864 |
+
* as a child component its unmount effect runs after this component has been unmounted.
|
4865 |
*/
|
4866 |
+
(0,_features_layout_use_snapshot_on_unmount_js__WEBPACK_IMPORTED_MODULE_9__.useSnapshotOnUnmount)(visualElement);
|
4867 |
+
return visualElement;
|
4868 |
+
}
|
4869 |
+
|
4870 |
+
|
4871 |
+
|
4872 |
+
|
4873 |
+
/***/ }),
|
4874 |
+
|
4875 |
+
/***/ "./node_modules/framer-motion/dist/es/motion/utils/use-visual-state.js":
|
4876 |
+
/*!*****************************************************************************!*\
|
4877 |
+
!*** ./node_modules/framer-motion/dist/es/motion/utils/use-visual-state.js ***!
|
4878 |
+
\*****************************************************************************/
|
4879 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
4880 |
+
|
4881 |
+
__webpack_require__.r(__webpack_exports__);
|
4882 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
4883 |
+
/* harmony export */ "makeUseVisualState": () => (/* binding */ makeUseVisualState)
|
4884 |
+
/* harmony export */ });
|
4885 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
4886 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
4887 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
4888 |
+
/* harmony import */ var _context_MotionContext_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../context/MotionContext/index.js */ "./node_modules/framer-motion/dist/es/context/MotionContext/index.js");
|
4889 |
+
/* harmony import */ var _context_PresenceContext_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../context/PresenceContext.js */ "./node_modules/framer-motion/dist/es/context/PresenceContext.js");
|
4890 |
+
/* harmony import */ var _utils_use_constant_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/use-constant.js */ "./node_modules/framer-motion/dist/es/utils/use-constant.js");
|
4891 |
+
/* harmony import */ var _render_utils_variants_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../render/utils/variants.js */ "./node_modules/framer-motion/dist/es/render/utils/variants.js");
|
4892 |
+
/* harmony import */ var _animation_animation_controls_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../animation/animation-controls.js */ "./node_modules/framer-motion/dist/es/animation/animation-controls.js");
|
4893 |
+
/* harmony import */ var _value_utils_resolve_motion_value_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../value/utils/resolve-motion-value.js */ "./node_modules/framer-motion/dist/es/value/utils/resolve-motion-value.js");
|
4894 |
+
|
4895 |
+
|
4896 |
+
|
4897 |
+
|
4898 |
+
|
4899 |
+
|
4900 |
+
|
4901 |
+
|
4902 |
+
|
4903 |
+
function makeState(_a, props, context, presenceContext) {
|
4904 |
+
var scrapeMotionValuesFromProps = _a.scrapeMotionValuesFromProps, createRenderState = _a.createRenderState, onMount = _a.onMount;
|
4905 |
+
var state = {
|
4906 |
+
latestValues: makeLatestValues(props, context, presenceContext, scrapeMotionValuesFromProps),
|
4907 |
+
renderState: createRenderState(),
|
4908 |
};
|
4909 |
+
if (onMount) {
|
4910 |
+
state.mount = function (instance) { return onMount(props, instance, state); };
|
4911 |
+
}
|
4912 |
+
return state;
|
4913 |
+
}
|
4914 |
+
var makeUseVisualState = function (config) { return function (props, isStatic) {
|
4915 |
+
var context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context_MotionContext_index_js__WEBPACK_IMPORTED_MODULE_1__.MotionContext);
|
4916 |
+
var presenceContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context_PresenceContext_js__WEBPACK_IMPORTED_MODULE_2__.PresenceContext);
|
4917 |
+
return isStatic
|
4918 |
+
? makeState(config, props, context, presenceContext)
|
4919 |
+
: (0,_utils_use_constant_js__WEBPACK_IMPORTED_MODULE_3__.useConstant)(function () { return makeState(config, props, context, presenceContext); });
|
4920 |
+
}; };
|
4921 |
+
function makeLatestValues(props, context, presenceContext, scrapeMotionValues) {
|
4922 |
+
var values = {};
|
4923 |
+
var blockInitialAnimation = (presenceContext === null || presenceContext === void 0 ? void 0 : presenceContext.initial) === false;
|
4924 |
+
var motionValues = scrapeMotionValues(props);
|
4925 |
+
for (var key in motionValues) {
|
4926 |
+
values[key] = (0,_value_utils_resolve_motion_value_js__WEBPACK_IMPORTED_MODULE_4__.resolveMotionValue)(motionValues[key]);
|
4927 |
+
}
|
4928 |
+
var initial = props.initial, animate = props.animate;
|
4929 |
+
var isControllingVariants = (0,_render_utils_variants_js__WEBPACK_IMPORTED_MODULE_5__.checkIfControllingVariants)(props);
|
4930 |
+
var isVariantNode = (0,_render_utils_variants_js__WEBPACK_IMPORTED_MODULE_5__.checkIfVariantNode)(props);
|
4931 |
+
if (context &&
|
4932 |
+
isVariantNode &&
|
4933 |
+
!isControllingVariants &&
|
4934 |
+
props.inherit !== false) {
|
4935 |
+
initial !== null && initial !== void 0 ? initial : (initial = context.initial);
|
4936 |
+
animate !== null && animate !== void 0 ? animate : (animate = context.animate);
|
4937 |
+
}
|
4938 |
+
var variantToSet = blockInitialAnimation || initial === false ? animate : initial;
|
4939 |
+
if (variantToSet &&
|
4940 |
+
typeof variantToSet !== "boolean" &&
|
4941 |
+
!(0,_animation_animation_controls_js__WEBPACK_IMPORTED_MODULE_6__.isAnimationControls)(variantToSet)) {
|
4942 |
+
var list = Array.isArray(variantToSet) ? variantToSet : [variantToSet];
|
4943 |
+
list.forEach(function (definition) {
|
4944 |
+
var resolved = (0,_render_utils_variants_js__WEBPACK_IMPORTED_MODULE_5__.resolveVariantFromProps)(props, definition);
|
4945 |
+
if (!resolved)
|
4946 |
+
return;
|
4947 |
+
var transitionEnd = resolved.transitionEnd, transition = resolved.transition, target = (0,tslib__WEBPACK_IMPORTED_MODULE_7__.__rest)(resolved, ["transitionEnd", "transition"]);
|
4948 |
+
for (var key in target)
|
4949 |
+
values[key] = target[key];
|
4950 |
+
for (var key in transitionEnd)
|
4951 |
+
values[key] = transitionEnd[key];
|
4952 |
+
});
|
4953 |
+
}
|
4954 |
+
return values;
|
4955 |
}
|
4956 |
|
4957 |
+
|
4958 |
+
|
4959 |
+
|
4960 |
+
/***/ }),
|
4961 |
+
|
4962 |
+
/***/ "./node_modules/framer-motion/dist/es/motion/utils/valid-prop.js":
|
4963 |
+
/*!***********************************************************************!*\
|
4964 |
+
!*** ./node_modules/framer-motion/dist/es/motion/utils/valid-prop.js ***!
|
4965 |
+
\***********************************************************************/
|
4966 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
4967 |
+
|
4968 |
+
__webpack_require__.r(__webpack_exports__);
|
4969 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
4970 |
+
/* harmony export */ "isValidMotionProp": () => (/* binding */ isValidMotionProp)
|
4971 |
+
/* harmony export */ });
|
4972 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
4973 |
+
/* harmony import */ var _gestures_types_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../gestures/types.js */ "./node_modules/framer-motion/dist/es/gestures/types.js");
|
4974 |
+
|
4975 |
+
|
4976 |
+
|
4977 |
/**
|
4978 |
+
* A list of all valid MotionProps.
|
4979 |
+
*
|
4980 |
+
* @internalremarks
|
4981 |
+
* This doesn't throw if a `MotionProp` name is missing - it should.
|
4982 |
*/
|
4983 |
+
var validMotionProps = new Set((0,tslib__WEBPACK_IMPORTED_MODULE_0__.__spread)([
|
4984 |
+
"initial",
|
4985 |
+
"animate",
|
4986 |
+
"exit",
|
4987 |
+
"style",
|
4988 |
+
"variants",
|
4989 |
+
"transition",
|
4990 |
+
"transformTemplate",
|
4991 |
+
"transformValues",
|
4992 |
+
"custom",
|
4993 |
+
"inherit",
|
4994 |
+
"layout",
|
4995 |
+
"layoutId",
|
4996 |
+
"onLayoutAnimationComplete",
|
4997 |
+
"onViewportBoxUpdate",
|
4998 |
+
"onLayoutMeasure",
|
4999 |
+
"onBeforeLayoutMeasure",
|
5000 |
+
"onAnimationStart",
|
5001 |
+
"onAnimationComplete",
|
5002 |
+
"onUpdate",
|
5003 |
+
"onDragStart",
|
5004 |
+
"onDrag",
|
5005 |
+
"onDragEnd",
|
5006 |
+
"onMeasureDragConstraints",
|
5007 |
+
"onDirectionLock",
|
5008 |
+
"onDragTransitionEnd",
|
5009 |
+
"drag",
|
5010 |
+
"dragControls",
|
5011 |
+
"dragListener",
|
5012 |
+
"dragConstraints",
|
5013 |
+
"dragDirectionLock",
|
5014 |
+
"_dragX",
|
5015 |
+
"_dragY",
|
5016 |
+
"dragElastic",
|
5017 |
+
"dragMomentum",
|
5018 |
+
"dragPropagation",
|
5019 |
+
"dragTransition",
|
5020 |
+
"whileDrag"
|
5021 |
+
], _gestures_types_js__WEBPACK_IMPORTED_MODULE_1__.gestureProps));
|
5022 |
/**
|
5023 |
+
* Check whether a prop name is a valid `MotionProp` key.
|
5024 |
+
*
|
5025 |
+
* @param key - Name of the property to check
|
5026 |
+
* @returns `true` is key is a valid `MotionProp`.
|
5027 |
+
*
|
5028 |
+
* @public
|
5029 |
*/
|
5030 |
+
function isValidMotionProp(key) {
|
5031 |
+
return validMotionProps.has(key);
|
5032 |
+
}
|
5033 |
+
|
5034 |
+
|
5035 |
+
|
5036 |
+
|
5037 |
+
/***/ }),
|
5038 |
+
|
5039 |
+
/***/ "./node_modules/framer-motion/dist/es/render/dom/motion-minimal.js":
|
5040 |
+
/*!*************************************************************************!*\
|
5041 |
+
!*** ./node_modules/framer-motion/dist/es/render/dom/motion-minimal.js ***!
|
5042 |
+
\*************************************************************************/
|
5043 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
5044 |
+
|
5045 |
+
__webpack_require__.r(__webpack_exports__);
|
5046 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
5047 |
+
/* harmony export */ "m": () => (/* binding */ m)
|
5048 |
+
/* harmony export */ });
|
5049 |
+
/* harmony import */ var _motion_features_layout_Measure_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../motion/features/layout/Measure.js */ "./node_modules/framer-motion/dist/es/motion/features/layout/Measure.js");
|
5050 |
+
/* harmony import */ var _motion_proxy_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./motion-proxy.js */ "./node_modules/framer-motion/dist/es/render/dom/motion-proxy.js");
|
5051 |
+
|
5052 |
+
|
5053 |
+
|
5054 |
+
/**
|
5055 |
+
* @public
|
5056 |
+
*/
|
5057 |
+
var m = (0,_motion_proxy_js__WEBPACK_IMPORTED_MODULE_0__.createMotionProxy)([_motion_features_layout_Measure_js__WEBPACK_IMPORTED_MODULE_1__.MeasureLayout]);
|
5058 |
+
|
5059 |
+
|
5060 |
+
|
5061 |
+
|
5062 |
+
/***/ }),
|
5063 |
+
|
5064 |
+
/***/ "./node_modules/framer-motion/dist/es/render/dom/motion-proxy.js":
|
5065 |
+
/*!***********************************************************************!*\
|
5066 |
+
!*** ./node_modules/framer-motion/dist/es/render/dom/motion-proxy.js ***!
|
5067 |
+
\***********************************************************************/
|
5068 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
5069 |
+
|
5070 |
+
__webpack_require__.r(__webpack_exports__);
|
5071 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
5072 |
+
/* harmony export */ "createMotionProxy": () => (/* binding */ createMotionProxy)
|
5073 |
+
/* harmony export */ });
|
5074 |
+
/* harmony import */ var _motion_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../motion/index.js */ "./node_modules/framer-motion/dist/es/motion/index.js");
|
5075 |
+
/* harmony import */ var hey_listen__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! hey-listen */ "./node_modules/hey-listen/dist/hey-listen.es.js");
|
5076 |
+
/* harmony import */ var _utils_create_config_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/create-config.js */ "./node_modules/framer-motion/dist/es/render/dom/utils/create-config.js");
|
5077 |
+
|
5078 |
+
|
5079 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
5080 |
|
|
|
5081 |
/**
|
5082 |
+
* Convert any React component into a `motion` component. The provided component
|
5083 |
+
* **must** use `React.forwardRef` to the underlying DOM component you want to animate.
|
5084 |
+
*
|
5085 |
+
* ```jsx
|
5086 |
+
* const Component = React.forwardRef((props, ref) => {
|
5087 |
+
* return <div ref={ref} />
|
5088 |
+
* })
|
5089 |
+
*
|
5090 |
+
* const MotionComponent = motion(Component)
|
5091 |
+
* ```
|
5092 |
+
*
|
5093 |
+
* @public
|
5094 |
*/
|
5095 |
+
function createMotionProxy(defaultFeatures) {
|
5096 |
+
function custom(Component, _a) {
|
5097 |
+
var _b = (_a === void 0 ? {} : _a).forwardMotionProps, forwardMotionProps = _b === void 0 ? false : _b;
|
5098 |
+
return (0,_motion_index_js__WEBPACK_IMPORTED_MODULE_1__.createMotionComponent)((0,_utils_create_config_js__WEBPACK_IMPORTED_MODULE_2__.createDomMotionConfig)(defaultFeatures, Component, forwardMotionProps));
|
5099 |
+
}
|
5100 |
+
function deprecatedCustom(Component) {
|
5101 |
+
(0,hey_listen__WEBPACK_IMPORTED_MODULE_0__.warning)(false, "motion.custom() is deprecated. Use motion() instead.");
|
5102 |
+
return custom(Component, { forwardMotionProps: true });
|
5103 |
+
}
|
5104 |
+
/**
|
5105 |
+
* A cache of generated `motion` components, e.g `motion.div`, `motion.input` etc.
|
5106 |
+
* Rather than generating them anew every render.
|
5107 |
+
*/
|
5108 |
+
var componentCache = new Map();
|
5109 |
+
return new Proxy(custom, {
|
5110 |
+
/**
|
5111 |
+
* Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
|
5112 |
+
* The prop name is passed through as `key` and we can use that to generate a `motion`
|
5113 |
+
* DOM component with that name.
|
5114 |
+
*/
|
5115 |
+
get: function (_target, key) {
|
5116 |
+
/**
|
5117 |
+
* Can be removed in 4.0
|
5118 |
+
*/
|
5119 |
+
if (key === "custom")
|
5120 |
+
return deprecatedCustom;
|
5121 |
+
/**
|
5122 |
+
* If this element doesn't exist in the component cache, create it and cache.
|
5123 |
+
*/
|
5124 |
+
if (!componentCache.has(key)) {
|
5125 |
+
componentCache.set(key, custom(key));
|
5126 |
+
}
|
5127 |
+
return componentCache.get(key);
|
5128 |
+
},
|
5129 |
+
});
|
5130 |
}
|
5131 |
|
5132 |
+
|
5133 |
+
|
5134 |
+
|
5135 |
+
/***/ }),
|
5136 |
+
|
5137 |
+
/***/ "./node_modules/framer-motion/dist/es/render/dom/motion.js":
|
5138 |
+
/*!*****************************************************************!*\
|
5139 |
+
!*** ./node_modules/framer-motion/dist/es/render/dom/motion.js ***!
|
5140 |
+
\*****************************************************************/
|
5141 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
5142 |
+
|
5143 |
+
__webpack_require__.r(__webpack_exports__);
|
5144 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
5145 |
+
/* harmony export */ "createDomMotionComponent": () => (/* binding */ createDomMotionComponent),
|
5146 |
+
/* harmony export */ "motion": () => (/* binding */ motion)
|
5147 |
+
/* harmony export */ });
|
5148 |
+
/* harmony import */ var _motion_index_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../motion/index.js */ "./node_modules/framer-motion/dist/es/motion/index.js");
|
5149 |
+
/* harmony import */ var _motion_features_drag_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../motion/features/drag.js */ "./node_modules/framer-motion/dist/es/motion/features/drag.js");
|
5150 |
+
/* harmony import */ var _motion_features_gestures_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../motion/features/gestures.js */ "./node_modules/framer-motion/dist/es/motion/features/gestures.js");
|
5151 |
+
/* harmony import */ var _motion_features_exit_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../motion/features/exit.js */ "./node_modules/framer-motion/dist/es/motion/features/exit.js");
|
5152 |
+
/* harmony import */ var _motion_features_animation_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../motion/features/animation.js */ "./node_modules/framer-motion/dist/es/motion/features/animation.js");
|
5153 |
+
/* harmony import */ var _motion_features_layout_Animate_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../motion/features/layout/Animate.js */ "./node_modules/framer-motion/dist/es/motion/features/layout/Animate.js");
|
5154 |
+
/* harmony import */ var _motion_features_layout_Measure_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../motion/features/layout/Measure.js */ "./node_modules/framer-motion/dist/es/motion/features/layout/Measure.js");
|
5155 |
+
/* harmony import */ var _utils_create_config_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/create-config.js */ "./node_modules/framer-motion/dist/es/render/dom/utils/create-config.js");
|
5156 |
+
/* harmony import */ var _motion_proxy_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./motion-proxy.js */ "./node_modules/framer-motion/dist/es/render/dom/motion-proxy.js");
|
5157 |
+
|
5158 |
+
|
5159 |
+
|
5160 |
+
|
5161 |
+
|
5162 |
+
|
5163 |
+
|
5164 |
+
|
5165 |
+
|
5166 |
+
|
5167 |
+
var allMotionFeatures = [
|
5168 |
+
_motion_features_layout_Measure_js__WEBPACK_IMPORTED_MODULE_0__.MeasureLayout,
|
5169 |
+
_motion_features_animation_js__WEBPACK_IMPORTED_MODULE_1__.Animation,
|
5170 |
+
_motion_features_drag_js__WEBPACK_IMPORTED_MODULE_2__.Drag,
|
5171 |
+
_motion_features_gestures_js__WEBPACK_IMPORTED_MODULE_3__.Gestures,
|
5172 |
+
_motion_features_exit_js__WEBPACK_IMPORTED_MODULE_4__.Exit,
|
5173 |
+
_motion_features_layout_Animate_js__WEBPACK_IMPORTED_MODULE_5__.AnimateLayout,
|
5174 |
+
];
|
5175 |
/**
|
5176 |
+
* HTML & SVG components, optimised for use with gestures and animation. These can be used as
|
5177 |
+
* drop-in replacements for any HTML & SVG component, all CSS & SVG properties are supported.
|
5178 |
+
*
|
5179 |
* @public
|
5180 |
*/
|
5181 |
+
var motion = /*@__PURE__*/ (0,_motion_proxy_js__WEBPACK_IMPORTED_MODULE_6__.createMotionProxy)(allMotionFeatures);
|
|
|
|
|
|
|
|
|
5182 |
/**
|
5183 |
+
* Create a DOM `motion` component with the provided string. This is primarily intended
|
5184 |
+
* as a full alternative to `motion` for consumers who have to support environments that don't
|
5185 |
+
* support `Proxy`.
|
5186 |
+
*
|
5187 |
+
* ```javascript
|
5188 |
+
* import { createDomMotionComponent } from "framer-motion"
|
5189 |
+
*
|
5190 |
+
* const motion = {
|
5191 |
+
* div: createDomMotionComponent('div')
|
5192 |
+
* }
|
5193 |
+
* ```
|
5194 |
+
*
|
5195 |
+
* @public
|
5196 |
*/
|
5197 |
+
function createDomMotionComponent(key) {
|
5198 |
+
return (0,_motion_index_js__WEBPACK_IMPORTED_MODULE_7__.createMotionComponent)((0,_utils_create_config_js__WEBPACK_IMPORTED_MODULE_8__.createDomMotionConfig)(allMotionFeatures, key, false));
|
|
|
|
|
|
|
5199 |
}
|
5200 |
|
5201 |
+
|
5202 |
+
|
5203 |
+
|
5204 |
+
/***/ }),
|
5205 |
+
|
5206 |
+
/***/ "./node_modules/framer-motion/dist/es/render/dom/projection/measure.js":
|
5207 |
+
/*!*****************************************************************************!*\
|
5208 |
+
!*** ./node_modules/framer-motion/dist/es/render/dom/projection/measure.js ***!
|
5209 |
+
\*****************************************************************************/
|
5210 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
5211 |
+
|
5212 |
+
__webpack_require__.r(__webpack_exports__);
|
5213 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
5214 |
+
/* harmony export */ "getBoundingBox": () => (/* binding */ getBoundingBox)
|
5215 |
+
/* harmony export */ });
|
5216 |
+
/* harmony import */ var _utils_geometry_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../utils/geometry/index.js */ "./node_modules/framer-motion/dist/es/utils/geometry/index.js");
|
5217 |
+
|
5218 |
+
|
5219 |
/**
|
5220 |
+
* Measure and return the element bounding box.
|
5221 |
+
*
|
5222 |
+
* We convert the box into an AxisBox2D to make it easier to work with each axis
|
5223 |
+
* individually and programmatically.
|
5224 |
+
*
|
5225 |
+
* This function optionally accepts a transformPagePoint function which allows us to compensate
|
5226 |
+
* for, for instance, measuring the element within a scaled plane like a Framer devivce preview component.
|
5227 |
*/
|
5228 |
+
function getBoundingBox(element, transformPagePoint) {
|
5229 |
+
var box = element.getBoundingClientRect();
|
5230 |
+
return (0,_utils_geometry_index_js__WEBPACK_IMPORTED_MODULE_0__.convertBoundingBoxToAxisBox)((0,_utils_geometry_index_js__WEBPACK_IMPORTED_MODULE_0__.transformBoundingBox)(box, transformPagePoint));
|
5231 |
+
}
|
5232 |
+
|
5233 |
+
|
5234 |
+
|
5235 |
+
|
5236 |
+
/***/ }),
|
5237 |
+
|
5238 |
+
/***/ "./node_modules/framer-motion/dist/es/render/dom/projection/scale-correction.js":
|
5239 |
+
/*!**************************************************************************************!*\
|
5240 |
+
!*** ./node_modules/framer-motion/dist/es/render/dom/projection/scale-correction.js ***!
|
5241 |
+
\**************************************************************************************/
|
5242 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
5243 |
+
|
5244 |
+
__webpack_require__.r(__webpack_exports__);
|
5245 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
5246 |
+
/* harmony export */ "addScaleCorrection": () => (/* binding */ addScaleCorrection),
|
5247 |
+
/* harmony export */ "correctBorderRadius": () => (/* binding */ correctBorderRadius),
|
5248 |
+
/* harmony export */ "correctBoxShadow": () => (/* binding */ correctBoxShadow),
|
5249 |
+
/* harmony export */ "pixelsToPercent": () => (/* binding */ pixelsToPercent),
|
5250 |
+
/* harmony export */ "valueScaleCorrection": () => (/* binding */ valueScaleCorrection)
|
5251 |
+
/* harmony export */ });
|
5252 |
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
5253 |
+
/* harmony import */ var popmotion__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! popmotion */ "./node_modules/popmotion/dist/es/utils/mix.js");
|
5254 |
+
/* harmony import */ var style_value_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! style-value-types */ "./node_modules/style-value-types/dist/es/numbers/units.js");
|
5255 |
+
/* harmony import */ var style_value_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! style-value-types */ "./node_modules/style-value-types/dist/es/complex/index.js");
|
5256 |
+
/* harmony import */ var _utils_css_variables_conversion_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/css-variables-conversion.js */ "./node_modules/framer-motion/dist/es/render/dom/utils/css-variables-conversion.js");
|
5257 |
+
|
5258 |
+
|
5259 |
+
|
5260 |
|
5261 |
+
|
5262 |
+
function pixelsToPercent(pixels, axis) {
|
5263 |
+
return (pixels / (axis.max - axis.min)) * 100;
|
5264 |
+
}
|
5265 |
/**
|
5266 |
+
* We always correct borderRadius as a percentage rather than pixels to reduce paints.
|
5267 |
+
* For example, if you are projecting a box that is 100px wide with a 10px borderRadius
|
5268 |
+
* into a box that is 200px wide with a 20px borderRadius, that is actually a 10%
|
5269 |
+
* borderRadius in both states. If we animate between the two in pixels that will trigger
|
5270 |
+
* a paint each time. If we animate between the two in percentage we'll avoid a paint.
|
5271 |
*/
|
5272 |
+
function correctBorderRadius(latest, _layoutState, _a) {
|
5273 |
+
var target = _a.target;
|
|
|
|
|
|
|
|
|
|
|
|
|
5274 |
/**
|
5275 |
+
* If latest is a string, if it's a percentage we can return immediately as it's
|
5276 |
+
* going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.
|
|
|
|
|
5277 |
*/
|
5278 |
+
if (typeof latest === "string") {
|
5279 |
+
if (style_value_types__WEBPACK_IMPORTED_MODULE_0__.px.test(latest)) {
|
5280 |
+
latest = parseFloat(latest);
|
5281 |
+
}
|
5282 |
+
else {
|
5283 |
+
return latest;
|
5284 |
+
}
|
5285 |
+
}
|
|
|
|
|
|
|
5286 |
/**
|
5287 |
+
* If latest is a number, it's a pixel value. We use the current viewportBox to calculate that
|
5288 |
+
* pixel value as a percentage of each axis
|
5289 |
*/
|
5290 |
+
var x = pixelsToPercent(latest, target.x);
|
5291 |
+
var y = pixelsToPercent(latest, target.y);
|
5292 |
+
return x + "% " + y + "%";
|
5293 |
+
}
|
5294 |
+
var varToken = "_$css";
|
5295 |
+
function correctBoxShadow(latest, _a) {
|
5296 |
+
var delta = _a.delta, treeScale = _a.treeScale;
|
5297 |
+
var original = latest;
|
5298 |
/**
|
5299 |
+
* We need to first strip and store CSS variables from the string.
|
5300 |
*/
|
5301 |
+
var containsCSSVariables = latest.includes("var(");
|
5302 |
+
var cssVariables = [];
|
5303 |
+
if (containsCSSVariables) {
|
5304 |
+
latest = latest.replace(_utils_css_variables_conversion_js__WEBPACK_IMPORTED_MODULE_1__.cssVariableRegex, function (match) {
|
5305 |
+
cssVariables.push(match);
|
5306 |
+
return varToken;
|
5307 |
+
});
|
5308 |
+
}
|
5309 |
+
var shadow = style_value_types__WEBPACK_IMPORTED_MODULE_2__.complex.parse(latest);
|
5310 |
+
// TODO: Doesn't support multiple shadows
|
5311 |
+
if (shadow.length > 5)
|
5312 |
+
return original;
|
5313 |
+
var template = style_value_types__WEBPACK_IMPORTED_MODULE_2__.complex.createTransformer(latest);
|
5314 |
+
var offset = typeof shadow[0] !== "number" ? 1 : 0;
|
5315 |
+
// Calculate the overall context scale
|
5316 |
+
var xScale = delta.x.scale * treeScale.x;
|
5317 |
+
var yScale = delta.y.scale * treeScale.y;
|
5318 |
+
shadow[0 + offset] /= xScale;
|
5319 |
+
shadow[1 + offset] /= yScale;
|
5320 |
/**
|
5321 |
+
* Ideally we'd correct x and y scales individually, but because blur and
|
5322 |
+
* spread apply to both we have to take a scale average and apply that instead.
|
5323 |
+
* We could potentially improve the outcome of this by incorporating the ratio between
|
5324 |
+
* the two scales.
|
5325 |
*/
|
5326 |
+
var averageScale = (0,popmotion__WEBPACK_IMPORTED_MODULE_3__.mix)(xScale, yScale, 0.5);
|
5327 |
+
// Blur
|
5328 |
+
if (typeof shadow[2 + offset] === "number")
|
5329 |
+
shadow[2 + offset] /= averageScale;
|
5330 |
+
// Spread
|
5331 |
+
if (typeof shadow[3 + offset] === "number")
|
5332 |
+
shadow[3 + offset] /= averageScale;
|
5333 |
+
var output = template(shadow);
|
5334 |
+
if (containsCSSVariables) {
|
5335 |
+
var i_1 = 0;
|
5336 |
+
output = output.replace(varToken, function () {
|
5337 |
+
var cssVariable = cssVariables[i_1];
|
5338 |
+
i_1++;
|
5339 |
+
return cssVariable;
|
5340 |
+
});
|
5341 |
+
}
|
5342 |
+
return output;
|
5343 |
+
}
|
5344 |
+
var borderCorrectionDefinition = {
|
5345 |
+
process: correctBorderRadius,
|
5346 |
+
};
|
5347 |
+
var valueScaleCorrection = {
|
5348 |
+
borderRadius: (0,tslib__WEBPACK_IMPORTED_MODULE_4__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_4__.__assign)({}, borderCorrectionDefinition), { applyTo: [
|
5349 |
+
"borderTopLeftRadius",
|
5350 |
+
"borderTopRightRadius",
|
5351 |
+
"borderBottomLeftRadius",
|
5352 |
+
"borderBottomRightRadius",
|
5353 |
+
] }),
|
5354 |
+
borderTopLeftRadius: borderCorrectionDefinition,
|
5355 |
+
borderTopRightRadius: borderCorrectionDefinition,
|
5356 |
+
borderBottomLeftRadius: borderCorrectionDefinition,
|
5357 |
+
borderBottomRightRadius: borderCorrectionDefinition,
|
5358 |
+
boxShadow: {
|
5359 |
+
process: correctBoxShadow,
|
5360 |
+
},
|
5361 |
};
|
|
|
5362 |
/**
|
5363 |
+
* @internal
|
5364 |
*/
|
5365 |
+
function addScaleCorrection(correctors) {
|
5366 |
+
for (var key in correctors) {
|
5367 |
+
valueScaleCorrection[key] = correctors[key];
|
5368 |
+
}
|
5369 |
+
}
|
5370 |
+
|
5371 |
+
|
5372 |
+
|
5373 |
+
|
5374 |
+
/***/ }),
|
5375 |
+
|
5376 |
+
/***/ "./node_modules/framer-motion/dist/es/render/dom/use-render.js":
|
5377 |
+
/*!*********************************************************************!*\
|
5378 |
+
!*** ./node_modules/framer-motion/dist/es/render/dom/use-render.js ***!
|
5379 |
+
\*********************************************************************/
|
5380 |
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
5381 |
+
|
5382 |
+
__webpack_require__.r(__webpack_exports__);
|
5383 |
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
5384 |
+
/* harmony export */ "createUseRender": () => (/* binding */ createUseRender)
|
5385 |
+
/* harmony export */ });
|
5386 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
5387 |
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE
|