WordPress Page Builder – Beaver Builder - Version 2.5.1.1

Version Description

Download this release

Release Info

Developer pross
Plugin Icon 128x128 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 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
- if ( stristr( $icon, 'far fa-' ) || stristr( $icon, 'fas fa-' ) || stristr( $icon, 'fab fa-' ) || stristr( $icon, 'fal fa-' ) || stristr( $icon, 'fad fa-' ) ) {
496
- wp_enqueue_style( 'font-awesome-5' );
 
 
 
 
 
 
 
 
 
 
 
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
- if ( ! isset( $_GET['fl_builder'] ) && ! has_excerpt( $post_id ) && get_post_meta( $post_id, '_fl_builder_enabled', true ) ) {
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
- return ob_get_clean();
 
 
 
 
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 = __( 'WordPress Widgets', 'fl-builder' );
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(auto-fit, minmax(160px, 1fr));
1385
- grid-gap: var(--fluid-sm-space);
1386
- padding: var(--fluid-med-space);
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
- border-radius: var(--fluid-radius); }
 
1409
 
1410
  .fluid .fluid-collection .fluid-collection-item-text {
1411
  flex: 1 1 auto;
1412
  display: flex;
1413
- flex-direction: column;
1414
- align-items: flex-start; }
1415
 
1416
  .fluid .fluid-collection .fluid-collection-item-text .fluid-item-title {
 
1417
  display: flex;
1418
- flex-direction: row;
1419
- align-items: center;
1420
- max-width: 100%; }
 
 
1421
 
1422
- .fluid .fluid-collection .fluid-collection-item-text .fluid-item-title span {
1423
- margin-right: 5px; }
 
 
 
1424
 
1425
- .fluid .fluid-collection .fluid-collection-item-text .fluid-item-title.fluid-truncate {
 
 
 
 
 
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: 10px; }
 
 
 
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-13); }
 
 
 
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 .fluid-collection-item-text {
1455
- padding-top: var(--fluid-sm-space); }
 
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
- \FLBuilderModel::delete_all_asset_cache( $post_id );
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 = ob_get_clean();
138
- FLBuilderModel::delete_all_asset_cache( $id );
 
 
 
 
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); if (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 = 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; }
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 ('module' === node.type) {
 
 
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 _getLayoutActions = (0,data__WEBPACK_IMPORTED_MODULE_0__.getLayoutActions)(),
175
- reorderNode = _getLayoutActions.reorderNode,
176
- moveNode = _getLayoutActions.moveNode,
177
- reorderColumn = _getLayoutActions.reorderColumn,
178
- moveColumn = _getLayoutActions.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); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
324
 
325
- 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; }
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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
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__.default)({
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__.default
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); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
1480
 
1481
- 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; }
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__.default)((0,redux__WEBPACK_IMPORTED_MODULE_0__.combineReducers)({
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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
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); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
1788
 
1789
- 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; }
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); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
1995
 
1996
- 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; }
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__.default)(name, config.effects, config.tests);
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__.default)(store)
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); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
2342
 
2343
- 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; }
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); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
2624
 
2625
- 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; }
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); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
2811
 
2812
- 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; }
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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
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__.default, _extends({}, contextMenu, {
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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
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, ["onClick", "label"]);
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__.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))));
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"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
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.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
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"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
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.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
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__.default,
4139
  // legacy
4140
- root: _outline__WEBPACK_IMPORTED_MODULE_0__.default // asst compat branch changes to root
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
- 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; }
 
4211
 
4212
- 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; }
 
 
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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
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__.default.Provider, {
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__.default.use(),
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, ["id", "type"]);
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__.default.use(),
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, ["children", "style"]);
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__.default),
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"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
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, ["className"]);
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__.default : _panel$frame,
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, ["className", "children", "title", "actions", "showCloseButton", "onClose"]);
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) 2017 Jed Watson.
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) && arg.length) {
5550
- var inner = classNames.apply(null, arg);
5551
- if (inner) {
5552
- classes.push(inner);
 
 
5553
  }
5554
  } else if (argType === 'object') {
5555
- for (var key in arg) {
5556
- if (hasOwn.call(arg, key) && arg[key]) {
5557
- classes.push(key);
 
 
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.2.2/LICENSE */
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', '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']);
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.2.7';
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
- Text = window.Text,
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
- getElementsByTagName = _document.getElementsByTagName,
5896
- createDocumentFragment = _document.createDocumentFragment;
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 = 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']);
 
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
- /* Use the DOMParser API by default, fallback later if needs be */
6327
- try {
6328
- doc = new DOMParser().parseFromString(dirtyPayload, 'text/html');
6329
- } catch (_) {}
 
 
 
 
 
6330
 
6331
  /* Use createHTMLDocument in case DOMParser is not available */
6332
  if (!doc || !doc.documentElement) {
6333
- doc = implementation.createHTMLDocument('');
6334
- var _doc = doc,
6335
- body = _doc.body;
6336
-
6337
- body.parentNode.removeChild(body.parentNode.firstElementChild);
6338
- body.outerHTML = dirtyPayload;
6339
  }
6340
 
 
 
6341
  if (dirty && leadingWhitespace) {
6342
- doc.body.insertBefore(document.createTextNode(leadingWhitespace), doc.body.childNodes[0] || null);
6343
  }
6344
 
6345
  /* Work on whole document or just its body */
6346
- return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];
 
 
 
 
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, function () {
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
- if (elm instanceof Text || elm instanceof Comment) {
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 = stringToLowerCase(currentNode.nodeName);
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
- return false;
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 = stringToLowerCase(name);
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.toLowerCase();
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
- if (!dirty) {
 
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 (RETURN_DOM_IMPORT) {
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 = stringToLowerCase(tag);
6869
- var lcName = stringToLowerCase(attr);
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
- /******/ if(__webpack_module_cache__[moduleId]) {
7154
- /******/ return __webpack_module_cache__[moduleId].exports;
 
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
- /******/ // startup
7213
- /******/ // Load entry module
7214
- /******/ __webpack_require__("./src/builder/index.js");
7215
- /******/ // This entry module used 'exports' so it can't be inlined
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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&&lt[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) 2017 Jed Watson.
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.2.2/LICENSE */
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); if (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 = 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; }
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
- /******/ if(__webpack_module_cache__[moduleId]) {
201
- /******/ return __webpack_module_cache__[moduleId].exports;
 
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
- /******/ // startup
248
- /******/ // Load entry module
249
- /******/ __webpack_require__("./src/canvas/index.js");
250
- /******/ // This entry module used 'exports' so it can't be inlined
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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 */ Q),
14
- /* harmony export */ "Error": () => (/* binding */ D),
15
- /* harmony export */ "Root": () => (/* binding */ G),
16
- /* harmony export */ "createAppState": () => (/* binding */ O),
17
- /* harmony export */ "createStoreRegistry": () => (/* binding */ N)
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
- /******/ if(__webpack_module_cache__[moduleId]) {
84
- /******/ return __webpack_module_cache__[moduleId].exports;
 
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
- /******/ // startup
143
- /******/ // Load entry module
144
- /******/ __webpack_require__("./src/vendors/bb-app-core.js");
145
- /******/ // This entry module used 'exports' so it can't be inlined
 
 
 
 
 
 
 
 
 
 
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 */ G),
14
- /* harmony export */ "Collection": () => (/* binding */ ae),
15
- /* harmony export */ "Layout": () => (/* binding */ F),
16
- /* harmony export */ "Menu": () => (/* binding */ M),
17
- /* harmony export */ "Page": () => (/* binding */ J),
18
- /* harmony export */ "Text": () => (/* binding */ w)
 
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 framer_motion__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! framer-motion */ "framer-motion");
23
- /* harmony import */ var framer_motion__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(framer_motion__WEBPACK_IMPORTED_MODULE_1__);
24
- /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router-dom */ "react-router-dom");
25
- /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_2__);
26
- /* harmony import */ var _beaverbuilder_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @beaverbuilder/icons */ "@beaverbuilder/icons");
27
- /* harmony import */ var _beaverbuilder_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_beaverbuilder_icons__WEBPACK_IMPORTED_MODULE_3__);
28
- /* harmony import */ var react_laag__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-laag */ "react-laag");
29
- /* harmony import */ var react_laag__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_laag__WEBPACK_IMPORTED_MODULE_4__);
30
- function y(){return(y=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 b,x=(function(e){
31
- /*!
32
- Copyright (c) 2017 Jed Watson.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
- /***/ "./src/vendors/bb-fluid.js":
42
- /*!*********************************!*\
43
- !*** ./src/vendors/bb-fluid.js ***!
44
- \*********************************/
45
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
46
 
47
- __webpack_require__.r(__webpack_exports__);
48
- /* harmony import */ var vendor_fluid__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vendor-fluid */ "./node_modules/@beaverbuilder/fluid/dist/index.es.js");
49
- /* 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");
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
- /******/ if(__webpack_module_cache__[moduleId]) {
129
- /******/ return __webpack_module_cache__[moduleId].exports;
 
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
- /******/ // startup
188
- /******/ // Load entry module
189
- /******/ __webpack_require__("./src/vendors/bb-fluid.js");
190
- /******/ // This entry module used 'exports' so it can't be inlined
 
 
 
 
 
 
 
 
 
 
 
 
 
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) 2017 Jed Watson.
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
- /******/ if(__webpack_module_cache__[moduleId]) {
103
- /******/ return __webpack_module_cache__[moduleId].exports;
 
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
- /******/ // startup
162
- /******/ // Load entry module
163
- /******/ __webpack_require__("./src/vendors/bb-icons.js");
164
- /******/ // This entry module used 'exports' so it can't be inlined
 
 
 
 
 
 
 
 
 
 
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__.default)(function (prop) {
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
- /***/ "./src/vendors/framer-motion.js":
59
- /*!**************************************!*\
60
- !*** ./src/vendors/framer-motion.js ***!
61
- \**************************************/
62
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
63
 
64
  __webpack_require__.r(__webpack_exports__);
65
- /* harmony import */ var vendor_framer_motion__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vendor-framer-motion */ "./node_modules/framer-motion/dist/framer-motion.es.js");
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
66
 
67
- window.FramerMotion = window.FramerMotion || vendor_framer_motion__WEBPACK_IMPORTED_MODULE_0__;
68
 
69
  /***/ }),
70
 
71
- /***/ "./node_modules/framer-motion/dist/framer-motion.es.js":
72
- /*!*************************************************************!*\
73
- !*** ./node_modules/framer-motion/dist/framer-motion.es.js ***!
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 */ "createBatcher": () => (/* binding */ createBatcher),
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 framesync__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! framesync */ "./node_modules/framesync/dist/framesync.es.js");
133
- /* harmony import */ var popmotion__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! popmotion */ "./node_modules/popmotion/dist/popmotion.es.js");
134
- /* harmony import */ var hey_listen__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! hey-listen */ "./node_modules/hey-listen/dist/hey-listen.es.js");
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
- * Using ...args would be preferable but it's array creation and this
164
- * might be fired every frame.
165
  */
166
- a, b, c) {
167
- var e_1, _a;
168
- if (!this.subscriptions.size)
169
- return;
170
- try {
171
- for (var _b = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__values)(this.subscriptions), _c = _b.next(); !_c.done; _c = _b.next()) {
172
- var handler = _c.value;
173
- handler(a, b, c);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
174
  }
175
- }
176
- catch (e_1_1) { e_1 = { error: e_1_1 }; }
177
- finally {
178
- try {
179
- if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
 
 
180
  }
181
- finally { if (e_1) throw e_1.error; }
182
- }
183
- };
184
- SubscriptionManager.prototype.clear = function () {
185
- this.subscriptions.clear();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
186
  };
187
- return SubscriptionManager;
188
- }());
 
 
 
189
 
190
- var isFloat = function (value) {
191
- return !isNaN(parseFloat(value));
192
- };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
193
  /**
194
- * `MotionValue` is used to track the state and velocity of motion values.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
195
  *
196
  * @public
197
  */
198
- var MotionValue = /** @class */ (function () {
199
- /**
200
- * @param init - The initiating value
201
- * @param config - Optional configuration options
202
- *
203
- * - `transformer`: A function to transform incoming values with.
204
- *
205
- * @internal
206
- */
207
- function MotionValue(init) {
208
- var _this = this;
209
- /**
210
- * Duration, in milliseconds, since last updating frame.
211
- *
212
- * @internal
213
- */
214
- this.timeDelta = 0;
215
- /**
216
- * Timestamp of the last time this `MotionValue` was updated.
217
- *
218
- * @internal
219
- */
220
- this.lastUpdated = 0;
221
- /**
222
- * Functions to notify when the `MotionValue` updates.
223
- *
224
- * @internal
225
- */
226
- this.updateSubscribers = new SubscriptionManager();
227
- /**
228
- * Functions to notify when the `MotionValue` updates and `render` is set to `true`.
229
- *
230
- * @internal
231
- */
232
- this.renderSubscribers = new SubscriptionManager();
233
- /**
234
- * Tracks whether this value can output a velocity. Currently this is only true
235
- * if the value is numerical, but we might be able to widen the scope here and support
236
- * other value types.
237
- *
238
- * @internal
239
- */
240
- this.canTrackVelocity = false;
241
- this.updateAndNotify = function (v, render) {
242
- if (render === void 0) { render = true; }
243
- _this.prev = _this.current;
244
- _this.current = v;
245
- if (_this.prev !== _this.current) {
246
- _this.updateSubscribers.notify(_this.current);
247
- }
248
- if (render) {
249
- _this.renderSubscribers.notify(_this.current);
250
- }
251
- // Update timestamp
252
- var _a = (0,framesync__WEBPACK_IMPORTED_MODULE_0__.getFrameData)(), delta = _a.delta, timestamp = _a.timestamp;
253
- if (_this.lastUpdated !== timestamp) {
254
- _this.timeDelta = delta;
255
- _this.lastUpdated = timestamp;
256
- framesync__WEBPACK_IMPORTED_MODULE_0__.default.postRender(_this.scheduleVelocityCheck);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
257
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
258
  };
259
  /**
260
- * Schedule a velocity check for the next frame.
261
- *
262
- * This is an instanced and bound function to prevent generating a new
263
- * function once per frame.
264
- *
265
- * @internal
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
266
  */
267
- this.scheduleVelocityCheck = function () { return framesync__WEBPACK_IMPORTED_MODULE_0__.default.postRender(_this.velocityCheck); };
268
  /**
269
- * Updates `prev` with `current` if the value hasn't been updated this frame.
270
- * This ensures velocity calculations return `0`.
271
- *
272
- * This is an instanced and bound function to prevent generating a new
273
- * function once per frame.
 
 
 
 
 
 
274
  *
275
- * @internal
 
276
  */
277
- this.velocityCheck = function (_a) {
278
- var timestamp = _a.timestamp;
279
- if (timestamp !== _this.lastUpdated) {
280
- _this.prev = _this.current;
281
- }
282
- };
283
- this.current = init;
284
- this.canTrackVelocity = isFloat(this.current);
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
- MotionValue.prototype.clearListeners = function () {
368
- this.updateSubscribers.clear();
 
 
369
  };
370
- /**
371
- * Adds a function that will be notified when the `MotionValue` requests a render.
372
- *
373
- * @param subscriber - A function that's provided the latest value.
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
- * Attaches a passive effect to the `MotionValue`.
385
- *
386
- * @internal
387
- */
388
- MotionValue.prototype.attach = function (passiveEffect) {
389
- this.passiveEffect = passiveEffect;
390
  };
391
- /**
392
- * Sets the state of the `MotionValue`.
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
- * Returns the latest state of `MotionValue`
417
- *
418
- * @returns - The latest state of `MotionValue`
419
- *
420
- * @public
421
  */
422
- MotionValue.prototype.get = function () {
423
- return this.current;
 
 
 
 
 
424
  };
425
- /**
426
- * @public
427
- */
428
- MotionValue.prototype.getPrevious = function () {
429
- return this.prev;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
430
  };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
431
  /**
432
- * Returns the latest velocity of `MotionValue`
433
- *
434
- * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.
435
- *
436
- * @public
437
  */
438
- MotionValue.prototype.getVelocity = function () {
439
- // This could be isFloat(this.prev) && isFloat(this.current), but that would be wasteful
440
- return this.canTrackVelocity
441
- ? // These casts could be avoided if parseFloat would be typed better
442
- (0,popmotion__WEBPACK_IMPORTED_MODULE_4__.velocityPerSecond)(parseFloat(this.current) -
443
- parseFloat(this.prev), this.timeDelta)
444
- : 0;
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
- MotionValue.prototype.start = function (animation) {
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
- MotionValue.prototype.stop = function () {
471
- if (this.stopAnimation)
472
- this.stopAnimation();
473
- this.clearAnimation();
474
- };
475
  /**
476
- * Returns `true` if this value is currently animating.
477
- *
478
- * @public
479
  */
480
- MotionValue.prototype.isAnimating = function () {
481
- return !!this.stopAnimation;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
482
  };
483
- MotionValue.prototype.clearAnimation = function () {
484
- this.stopAnimation = null;
 
 
 
 
 
 
 
 
 
485
  };
 
 
 
 
486
  /**
487
- * Destroy and clean up subscribers to this `MotionValue`.
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
- MotionValue.prototype.destroy = function () {
496
- this.updateSubscribers.clear();
497
- this.renderSubscribers.clear();
498
- this.stop();
499
- };
500
- return MotionValue;
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
- * A set of values that we animate back to when a value is cleared of all overrides.
 
 
525
  */
526
- this.baseTarget = {};
527
- // The latest resolved MotionValues
528
- this.latest = {};
529
- // A map of MotionValues used to animate this element
530
- this.values = new Map();
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
- * Temporarily suspend hover events while we remove transforms in order to measure the layout.
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
- VisualElement.prototype.suspendHoverEvents = function () {
575
- var _this = this;
576
- this.isHoverEventsEnabled = false;
577
- framesync__WEBPACK_IMPORTED_MODULE_0__.default.postRender(function () {
578
- return setTimeout(function () { return (_this.isHoverEventsEnabled = true); }, 10);
579
- });
580
- };
581
- VisualElement.prototype.getVariantPayload = function () {
582
- return this.config.custom;
583
- };
584
- VisualElement.prototype.getVariant = function (label) {
585
- var _a;
586
- return (_a = this.config.variants) === null || _a === void 0 ? void 0 : _a[label];
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
- * Save the element to this.element as a semantic API, this.current to the VisualElement
708
- * is compatible with existing RefObject APIs.
 
 
709
  */
710
- this.element = this.current = element;
711
- };
712
- // Unmount the VisualElement and cancel any scheduled updates
713
- VisualElement.prototype.unmount = function () {
714
- var _this = this;
715
- this.forEachValue(function (_, key) { return _this.removeValue(key); });
716
- framesync__WEBPACK_IMPORTED_MODULE_0__.cancelSync.update(this.update);
717
- framesync__WEBPACK_IMPORTED_MODULE_0__.cancelSync.render(this.render);
718
- this.removeFromParent && this.removeFromParent();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
719
  };
720
- return VisualElement;
721
- }());
722
-
723
- function noop(any) {
724
- return any;
725
  }
726
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
727
  /**
728
- * Bounding boxes tend to be defined as top, left, right, bottom. For various operations
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
- function convertBoundingBoxToAxisBox(_a) {
733
- var top = _a.top, left = _a.left, right = _a.right, bottom = _a.bottom;
734
- return {
735
- x: { min: left, max: right },
736
- y: { min: top, max: bottom },
737
- };
738
- }
739
- function convertAxisBoxToBoundingBox(_a) {
740
- var x = _a.x, y = _a.y;
741
- return {
742
- top: y.min,
743
- bottom: y.max,
744
- left: x.min,
745
- right: x.max,
746
- };
747
- }
 
 
 
 
 
 
 
 
748
  /**
749
- * Applies a TransformPoint function to a bounding box. TransformPoint is usually a function
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
- function transformBoundingBox(_a, transformPoint) {
754
- var top = _a.top, left = _a.left, bottom = _a.bottom, right = _a.right;
755
- if (transformPoint === void 0) { transformPoint = noop; }
756
- var topLeft = transformPoint({ x: left, y: top });
757
- var bottomRight = transformPoint({ x: right, y: bottom });
758
- return {
759
- top: topLeft.y,
760
- left: topLeft.x,
761
- bottom: bottomRight.y,
762
- right: bottomRight.x,
763
- };
764
- }
765
  /**
766
- * Create an empty axis box of zero size
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
767
  */
768
- function axisBox() {
769
- return { x: { min: 0, max: 1 }, y: { min: 0, max: 1 } };
 
 
 
 
 
 
 
 
 
 
 
 
 
770
  }
771
- function copyAxisBox(box) {
772
- return {
773
- x: (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, box.x),
774
- y: (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, box.y),
775
- };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
776
  }
777
- /**
778
- * Create an empty box delta
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
- * ValueType for "auto"
795
- */
796
- var auto = {
797
- test: function (v) { return v === "auto"; },
798
- parse: function (v) { return v; },
799
- };
800
- /**
801
- * ValueType for ints
802
- */
803
- var int = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, style_value_types__WEBPACK_IMPORTED_MODULE_5__.number), { transform: Math.round });
804
- /**
805
- * A map of default value types for common values
806
- */
807
- var defaultValueTypes = {
808
- // Color props
809
- color: style_value_types__WEBPACK_IMPORTED_MODULE_5__.color,
810
- backgroundColor: style_value_types__WEBPACK_IMPORTED_MODULE_5__.color,
811
- outlineColor: style_value_types__WEBPACK_IMPORTED_MODULE_5__.color,
812
- fill: style_value_types__WEBPACK_IMPORTED_MODULE_5__.color,
813
- stroke: style_value_types__WEBPACK_IMPORTED_MODULE_5__.color,
814
- // Border props
815
- borderColor: style_value_types__WEBPACK_IMPORTED_MODULE_5__.color,
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
- * A list of all transformable axes. We'll use this list to generated a version
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 transformProps = ["transformPerspective", "x", "y", "z"];
943
- order.forEach(function (operationKey) {
944
- transformAxes.forEach(function (axesKey) {
945
- var key = operationKey + axesKey;
946
- transformProps.push(key);
947
- });
948
- });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
949
  /**
950
- * A function to use with Array.sort to sort transform keys by their default order.
951
  */
952
- function sortTransformProps(a, b) {
953
- return transformProps.indexOf(a) - transformProps.indexOf(b);
 
954
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
955
  /**
956
- * A quick lookup for transform props.
 
957
  */
958
- var transformPropSet = new Set(transformProps);
959
- function isTransformProp(key) {
960
- return transformPropSet.has(key);
 
 
 
 
 
 
961
  }
962
- /**
963
- * A quick lookup for transform origin props
964
- */
965
- var transformOriginProps = new Set(["originX", "originY", "originZ"]);
966
- function isTransformOriginProp(key) {
967
- return transformOriginProps.has(key);
 
 
 
968
  }
969
-
970
- var translateAlias = {
971
- x: "translateX",
972
- y: "translateY",
973
- z: "translateZ",
974
- transformPerspective: "perspective",
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
975
  };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
976
  /**
977
- * Build a CSS transform style from individual x/y/scale etc properties.
978
  *
979
- * This outputs with a default order of transforms/scales/rotations, this can be customised by
980
- * providing a transformTemplate function.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
981
  */
982
- function buildTransform(transform, transformKeys, transformTemplate, transformIsDefault, enableHardwareAcceleration, allowTransformNone) {
983
- if (enableHardwareAcceleration === void 0) { enableHardwareAcceleration = true; }
984
- if (allowTransformNone === void 0) { allowTransformNone = true; }
985
- // The transform string we're going to build into.
986
- var transformString = "";
987
- // Transform keys into their default order - this will determine the output order.
988
- transformKeys.sort(sortTransformProps);
989
- // Track whether the defined transform has a defined z so we don't add a
990
- // second to enable hardware acceleration
991
- var transformHasZ = false;
992
- // Loop over each transform and build them into transformString
993
- var numTransformKeys = transformKeys.length;
994
- for (var i = 0; i < numTransformKeys; i++) {
995
- var key = transformKeys[i];
996
- transformString += (translateAlias[key] || key) + "(" + transform[key] + ") ";
997
- if (key === "z")
998
- transformHasZ = true;
999
- }
1000
- if (!transformHasZ && enableHardwareAcceleration) {
1001
- transformString += "translateZ(0)";
1002
- }
1003
- else {
1004
- transformString = transformString.trim();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1005
  }
1006
- // If we have a custom `transform` template, pass our transform values and
1007
- // generated transformString to that before returning
1008
- if (transformTemplate) {
1009
- transformString = transformTemplate(transform, transformIsDefault ? "" : transformString);
1010
  }
1011
- else if (allowTransformNone && transformIsDefault) {
1012
- transformString = "none";
1013
  }
1014
- return transformString;
1015
  }
1016
- /**
1017
- * Build a transformOrigin style. Uses the same defaults as the browser for
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
- * Build a transform style that takes a calculated delta between the element's current
1026
- * space on screen and projects it into the desired space.
1027
  */
1028
- function buildLayoutProjectionTransform(_a, treeScale, latestTransform) {
1029
- var x = _a.x, y = _a.y;
1030
- /**
1031
- * The translations we use to calculate are always relative to the viewport coordinate space.
1032
- * But when we apply scales, we also scale the coordinate space of an element and its children.
1033
- * For instance if we have a treeScale (the culmination of all parent scales) of 0.5 and we need
1034
- * to move an element 100 pixels, we actually need to move it 200 in within that scaled space.
1035
- */
1036
- var xTranslate = x.translate / treeScale.x;
1037
- var yTranslate = y.translate / treeScale.y;
1038
- var transform = "translate3d(" + xTranslate + "px, " + yTranslate + "px, 0) ";
1039
- if (latestTransform) {
1040
- var rotate = latestTransform.rotate, rotateX = latestTransform.rotateX, rotateY = latestTransform.rotateY;
1041
- if (rotate)
1042
- transform += "rotate(" + rotate + ") ";
1043
- if (rotateX)
1044
- transform += "rotateX(" + rotateX + ") ";
1045
- if (rotateY)
1046
- transform += "rotateY(" + rotateY + ") ";
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1047
  }
1048
- transform += "scale(" + x.scale + ", " + y.scale + ")";
1049
- return !latestTransform && transform === identityProjection ? "" : transform;
 
 
 
 
 
 
 
 
 
1050
  }
1051
- var identityProjection = buildLayoutProjectionTransform(delta(), {
1052
- x: 1,
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
- * Returns true if the provided key is a CSS variable
1065
- */
1066
- function isCSSVariable(key) {
1067
- return key.startsWith("--");
 
 
1068
  }
1069
-
1070
- function isCSSVariable$1(value) {
1071
- return typeof value === "string" && value.startsWith("var(--");
1072
  }
1073
- /**
1074
- * Parse Framer's special CSS variable format into a CSS token and a fallback.
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
- var maxDepth = 4;
1091
- function getVariableValue(current, element, depth) {
1092
- if (depth === void 0) { depth = 1; }
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
- else if (isCSSVariable$1(fallback)) {
1104
- // The fallback might itself be a CSS variable, in which case we attempt to resolve it too.
1105
- return getVariableValue(fallback, element, depth + 1);
 
 
 
 
 
 
 
1106
  }
1107
- else {
1108
- return fallback;
1109
  }
1110
- }
1111
- /**
1112
- * Resolve CSS variables from
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
- // Go through existing `MotionValue`s and ensure any existing CSS variables are resolved
1128
- visualElement.forEachValue(function (value) {
1129
- var current = value.get();
1130
- if (!isCSSVariable$1(current))
1131
- return;
1132
- var resolved = getVariableValue(current, element);
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
- return { target: target, transitionEnd: transitionEnd };
 
 
 
1154
  }
1155
 
1156
- function pixelsToPercent(pixels, axis) {
1157
- return (pixels / (axis.max - axis.min)) * 100;
1158
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1159
  /**
1160
- * We always correct borderRadius as a percentage rather than pixels to reduce paints.
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
- function correctBorderRadius(latest, viewportBox) {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1167
  /**
1168
- * If latest is a string, if it's a percentage we can return immediately as it's
1169
- * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.
 
1170
  */
1171
- if (typeof latest === "string") {
1172
- if (style_value_types__WEBPACK_IMPORTED_MODULE_5__.px.test(latest)) {
1173
- latest = parseFloat(latest);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1174
  }
1175
  else {
1176
- return latest;
1177
  }
1178
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1179
  /**
1180
- * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that
1181
- * pixel value as a percentage of each axis
1182
  */
1183
- var x = pixelsToPercent(latest, viewportBox.x);
1184
- var y = pixelsToPercent(latest, viewportBox.y);
1185
- return x + "% " + y + "%";
1186
- }
1187
- var varToken = "_$css";
1188
- function correctBoxShadow(latest, _viewportBox, delta, treeScale) {
1189
- var original = latest;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1190
  /**
1191
- * We need to first strip and store CSS variables from the string.
 
 
 
 
 
1192
  */
1193
- var containsCSSVariables = latest.includes("var(");
1194
- var cssVariables = [];
1195
- if (containsCSSVariables) {
1196
- latest = latest.replace(cssVariableRegex, function (match) {
1197
- cssVariables.push(match);
1198
- return varToken;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1199
  });
1200
- }
1201
- var shadow = style_value_types__WEBPACK_IMPORTED_MODULE_5__.complex.parse(latest);
1202
- // TODO: Doesn't support multiple shadows
1203
- if (shadow.length > 5)
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
- return output;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
- * @internal
 
 
 
 
1256
  */
1257
- function addScaleCorrection(correctors) {
1258
- for (var key in correctors) {
1259
- valueScaleCorrection[key] = correctors[key];
 
 
 
 
 
1260
  }
 
1261
  }
1262
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1263
  /**
1264
- * Build style and CSS variables
 
 
 
 
 
 
 
 
 
1265
  *
1266
- * This function converts a Motion style prop:
 
 
 
 
 
 
1267
  *
1268
- * { x: 100, width: 100, originX: 0.5 }
1269
  *
1270
- * Into an object with default value types applied and default
1271
- * transform order set:
1272
  *
1273
- * {
1274
- * transform: 'translateX(100px) translateZ(0)`,
1275
- * width: '100px',
1276
- * transformOrigin: '50% 50%'
1277
  * }
1278
  *
1279
- * Styles are saved to `style` and CSS vars to `vars`.
 
 
 
 
 
 
1280
  *
1281
- * This function works with mutative data structures.
1282
  */
1283
- function buildHTMLStyles(latest, style, vars, transform, transformOrigin, transformKeys, _a, isLayoutProjectionEnabled, delta, deltaFinal, treeScale, targetBox) {
1284
- var enableHardwareAcceleration = _a.enableHardwareAcceleration, transformTemplate = _a.transformTemplate, allowTransformNone = _a.allowTransformNone;
1285
- // Empty the transformKeys array. As we're throwing out refs to its items
1286
- // this might not be as cheap as suspected. Maybe using the array as a buffer
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
- * Loop over all our latest animated values and decide whether to handle them
1296
- * as a style or CSS variable. Transforms and transform origins are kept seperately
1297
- * for further processing
1298
  */
1299
- for (var key in latest) {
1300
- var value = latest[key];
1301
- // Convert the value to its default value type, ie 0 -> "0px"
1302
- var valueType = getDefaultValueType(key);
1303
- var valueAsType = getValueAsType(value, valueType);
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
- * Build transform and transformOrigin. If we're performing layout projection these need
1352
- * to be based off the deltaFinal data. Any user-set origins will have been pre-baked
1353
- * into the deltaFinal.
 
 
 
 
 
 
 
 
 
 
1354
  */
1355
- if (isLayoutProjectionEnabled) {
1356
- style.transform = buildLayoutProjectionTransform(deltaFinal, treeScale, hasTransform ? transform : undefined);
1357
- if (transformTemplate) {
1358
- style.transform = transformTemplate(transform, style.transform);
1359
- }
1360
- style.transformOrigin = buildLayoutProjectionTransformOrigin(deltaFinal);
1361
- }
1362
- else {
1363
- if (hasTransform) {
1364
- style.transform = buildTransform(transform, transformKeys, transformTemplate, transformIsNone, enableHardwareAcceleration, allowTransformNone);
1365
- }
1366
- if (hasTransformOrigin) {
1367
- style.transformOrigin = buildTransformOrigin(transformOrigin);
1368
- }
1369
- }
1370
- }
1371
-
1372
  /**
1373
- * Reset an axis to the provided origin box.
 
 
1374
  *
1375
- * This is a mutative operation.
1376
- */
1377
- function resetAxis(axis, originAxis) {
1378
- axis.min = originAxis.min;
1379
- axis.max = originAxis.max;
1380
- }
1381
- /**
1382
- * Reset a box to the provided origin box.
1383
  *
1384
- * This is a mutative operation.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1385
  */
1386
- function resetBox(box, originBox) {
1387
- resetAxis(box.x, originBox.x);
1388
- resetAxis(box.y, originBox.y);
1389
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1390
  /**
1391
- * Scales a point based on a factor and an originPoint
 
 
1392
  */
1393
- function scalePoint(point, scale, originPoint) {
1394
- var distanceFromOrigin = point - originPoint;
1395
- var scaled = scale * distanceFromOrigin;
1396
- return originPoint + scaled;
 
 
 
 
 
 
 
 
 
 
1397
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1398
  /**
1399
- * Applies a translate/scale delta to a point
 
 
1400
  */
1401
- function applyPointDelta(point, translate, scale, originPoint, boxScale) {
1402
- if (boxScale !== undefined) {
1403
- point = scalePoint(point, boxScale, originPoint);
 
 
1404
  }
1405
- return scalePoint(point, scale, originPoint) + translate;
1406
- }
1407
- /**
1408
- * Applies a translate/scale delta to an axis
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
- * Applies a translate/scale delta to a box
 
 
 
 
 
1418
  */
1419
- function applyBoxDelta(box, _a) {
1420
- var x = _a.x, y = _a.y;
1421
- applyAxisDelta(box.x, x.translate, x.scale, x.originPoint);
1422
- applyAxisDelta(box.y, y.translate, y.scale, y.originPoint);
1423
  }
1424
  /**
1425
- * Apply a transform to an axis from the latest resolved motion values.
1426
- * This function basically acts as a bridge between a flat motion value map
1427
- * and applyAxisDelta
1428
  */
1429
- function applyAxisTransforms(final, axis, transforms, _a) {
1430
- var _b = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__read)(_a, 3), key = _b[0], scaleKey = _b[1], originKey = _b[2];
1431
- // Copy the current axis to the final axis before mutation
1432
- final.min = axis.min;
1433
- final.max = axis.max;
1434
- var axisOrigin = transforms[originKey] !== undefined ? transforms[originKey] : 0.5;
1435
- var originPoint = (0,popmotion__WEBPACK_IMPORTED_MODULE_4__.mix)(axis.min, axis.max, axisOrigin);
1436
- // Apply the axis delta to the final axis
1437
- applyAxisDelta(final, transforms[key], transforms[scaleKey], originPoint, transforms.scale);
1438
  }
1439
  /**
1440
- * The names of the motion values we want to apply as translation, scale and origin.
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 applyBoxTransforms(finalBox, box, transforms) {
1448
- applyAxisTransforms(finalBox.x, box.x, transforms, xKeys);
1449
- applyAxisTransforms(finalBox.y, box.y, transforms, yKeys);
 
 
 
1450
  }
1451
  /**
1452
- * Remove a delta from a point. This is essentially the steps of applyPointDelta in reverse
1453
  */
1454
- function removePointDelta(point, translate, scale, originPoint, boxScale) {
1455
- point -= translate;
1456
- point = scalePoint(point, 1 / scale, originPoint);
1457
- if (boxScale !== undefined) {
1458
- point = scalePoint(point, 1 / boxScale, originPoint);
 
 
 
 
1459
  }
1460
- return point;
 
 
 
1461
  }
1462
  /**
1463
- * Remove a delta from an axis. This is essentially the steps of applyAxisDelta in reverse
1464
  */
1465
- function removeAxisDelta(axis, translate, scale, origin, boxScale) {
1466
- if (translate === void 0) { translate = 0; }
1467
- if (scale === void 0) { scale = 1; }
1468
- if (origin === void 0) { origin = 0.5; }
1469
- var originPoint = (0,popmotion__WEBPACK_IMPORTED_MODULE_4__.mix)(axis.min, axis.max, origin) - translate;
1470
- axis.min = removePointDelta(axis.min, translate, scale, originPoint, boxScale);
1471
- axis.max = removePointDelta(axis.max, translate, scale, originPoint, boxScale);
1472
  }
1473
  /**
1474
- * Remove a transforms from an axis. This is essentially the steps of applyAxisTransforms in reverse
1475
- * and acts as a bridge between motion values and removeAxisDelta
1476
  */
1477
- function removeAxisTransforms(axis, transforms, _a) {
1478
- var _b = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__read)(_a, 3), key = _b[0], scaleKey = _b[1], originKey = _b[2];
1479
- removeAxisDelta(axis, transforms[key], transforms[scaleKey], transforms[originKey], transforms.scale);
 
1480
  }
1481
  /**
1482
- * Remove a transforms from an box. This is essentially the steps of applyAxisBox in reverse
1483
- * and acts as a bridge between motion values and removeAxisDelta
1484
  */
1485
- function removeBoxTransforms(box, transforms) {
1486
- removeAxisTransforms(box.x, transforms, xKeys);
1487
- removeAxisTransforms(box.y, transforms, yKeys);
 
 
 
 
 
 
1488
  }
 
1489
  /**
1490
- * Apply a tree of deltas to a box. We do this to calculate the effect of all the transforms
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 applyTreeDeltas(box, treeScale, treePath) {
1496
- var treeLength = treePath.length;
1497
- if (!treeLength)
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
- var clampProgress = function (v) { return (0,popmotion__WEBPACK_IMPORTED_MODULE_4__.clamp)(0, 1, v); };
1512
- /**
1513
- * Returns true if the provided value is within maxDistance of the provided target
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 calcLength(axis) {
1521
- return axis.max - axis.min;
 
 
 
1522
  }
1523
- /**
1524
- * Calculate a transform origin relative to the source axis, between 0-1, that results
1525
- * in an asthetically pleasing scale/transform needed to project from source to target.
1526
- */
1527
- function calcOrigin(source, target) {
1528
- var origin = 0.5;
1529
- var sourceLength = calcLength(source);
1530
- var targetLength = calcLength(target);
1531
- if (targetLength > sourceLength) {
1532
- origin = (0,popmotion__WEBPACK_IMPORTED_MODULE_4__.progress)(target.min, target.max - sourceLength, source.min);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1533
  }
1534
- else if (sourceLength > targetLength) {
1535
- origin = (0,popmotion__WEBPACK_IMPORTED_MODULE_4__.progress)(source.min, source.max - targetLength, target.min);
1536
  }
1537
- return clampProgress(origin);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1538
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1539
  /**
1540
- * Update the AxisDelta with a transform that projects source into target.
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
- function updateAxisDelta(delta, source, target, origin) {
1546
- delta.origin = origin === undefined ? calcOrigin(source, target) : origin;
1547
- delta.originPoint = (0,popmotion__WEBPACK_IMPORTED_MODULE_4__.mix)(source.min, source.max, delta.origin);
1548
- delta.scale = calcLength(target) / calcLength(source);
1549
- if (isNear(delta.scale, 1, 0.0001))
1550
- delta.scale = 1;
1551
- delta.translate =
1552
- (0,popmotion__WEBPACK_IMPORTED_MODULE_4__.mix)(target.min, target.max, delta.origin) - delta.originPoint;
1553
- if (isNear(delta.translate))
1554
- delta.translate = 0;
1555
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1556
  /**
1557
- * Update the BoxDelta with a transform that projects the source into the target.
1558
  *
1559
- * The transform `origin` is optional. If not provided, it'll be automatically
1560
- * calculated based on the relative positions of the two bounding boxes.
 
1561
  */
1562
- function updateBoxDelta(delta, source, target, origin) {
1563
- updateAxisDelta(delta.x, source.x, target.x, origin);
1564
- updateAxisDelta(delta.y, source.y, target.y, origin);
 
 
 
 
 
 
 
 
 
1565
  }
1566
 
1567
- // Call a handler once for each axis
1568
- function eachAxis(handler) {
1569
- return [handler("x"), handler("y")];
1570
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1571
 
1572
  /**
1573
- * Measure and return the element bounding box.
1574
- *
1575
- * We convert the box into an AxisBox2D to make it easier to work with each axis
1576
- * individually and programmatically.
1577
  *
1578
- * This function optionally accepts a transformPagePoint function which allows us to compensate
1579
- * for, for instance, measuring the element within a scaled plane like a Framer devivce preview component.
 
1580
  */
1581
- function getBoundingBox(element, transformPagePoint) {
1582
- var box = element.getBoundingClientRect();
1583
- return convertBoundingBoxToAxisBox(transformBoundingBox(box, transformPagePoint));
 
 
1584
  }
1585
 
1586
- var isKeyframesTarget = function (v) {
1587
- return Array.isArray(v);
1588
- };
1589
 
1590
- var positionalKeys = new Set([
1591
- "width",
1592
- "height",
1593
- "top",
1594
- "left",
1595
- "right",
1596
- "bottom",
1597
- "x",
1598
- "y",
1599
- ]);
1600
- var isPositionalKey = function (key) { return positionalKeys.has(key); };
1601
- var hasPositionalKey = function (target) {
1602
- return Object.keys(target).some(isPositionalKey);
1603
- };
1604
- var setAndResetVelocity = function (value, to) {
1605
- // Looks odd but setting it twice doesn't render, it'll just
1606
- // set both prev and current to the latest value
1607
- value.set(to, false);
1608
- value.set(to);
1609
- };
1610
- var isNumOrPxType = function (v) {
1611
- return v === style_value_types__WEBPACK_IMPORTED_MODULE_5__.number || v === style_value_types__WEBPACK_IMPORTED_MODULE_5__.px;
1612
- };
1613
- var BoundingBoxDimension;
1614
- (function (BoundingBoxDimension) {
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
- var from = origin[key];
1729
- var to = target[key];
1730
- var fromType = findDimensionValueType(from);
1731
- var toType;
1732
- // TODO: The current implementation of this basically throws an error
1733
- // if you try and do value conversion via keyframes. There's probably
1734
- // a way of doing this but the performance implications would need greater scrutiny,
1735
- // as it'd be doing multiple resize-remeasure operations.
1736
- if (isKeyframesTarget(to)) {
1737
- var numKeyframes = to.length;
1738
- for (var i = to[0] === null ? 1 : 0; i < numKeyframes; i++) {
1739
- if (!toType) {
1740
- toType = findDimensionValueType(to[i]);
1741
- (0,hey_listen__WEBPACK_IMPORTED_MODULE_1__.invariant)(toType === fromType ||
1742
- (isNumOrPxType(fromType) && isNumOrPxType(toType)), "Keyframes must be of the same dimension as the current value");
1743
- }
1744
- else {
1745
- (0,hey_listen__WEBPACK_IMPORTED_MODULE_1__.invariant)(findDimensionValueType(to[i]) === toType, "All keyframes must be of the same type");
1746
- }
1747
- }
1748
- }
1749
- else {
1750
- toType = findDimensionValueType(to);
1751
- }
1752
- if (fromType !== toType) {
1753
- // If they're both just number or px, convert them both to numbers rather than
1754
- // relying on resize/remeasure to convert (which is wasteful in this situation)
1755
- if (isNumOrPxType(fromType) && isNumOrPxType(toType)) {
1756
- var current = value.get();
1757
- if (typeof current === "string") {
1758
- value.set(parseFloat(current));
1759
- }
1760
- if (typeof to === "string") {
1761
- target[key] = parseFloat(to);
1762
- }
1763
- else if (Array.isArray(to) && toType === style_value_types__WEBPACK_IMPORTED_MODULE_5__.px) {
1764
- target[key] = to.map(parseFloat);
1765
- }
1766
- }
1767
- else if ((fromType === null || fromType === void 0 ? void 0 : fromType.transform) && (toType === null || toType === void 0 ? void 0 : toType.transform) &&
1768
- (from === 0 || to === 0)) {
1769
- // If one or the other value is 0, it's safe to coerce it to the
1770
- // type of the other without measurement
1771
- if (from === 0) {
1772
- value.set(toType.transform(from));
1773
- }
1774
- else {
1775
- target[key] = fromType.transform(to);
1776
- }
1777
- }
1778
- else {
1779
- // If we're going to do value conversion via DOM measurements, we first
1780
- // need to remove non-positional transform values that could affect the bbox measurements.
1781
- if (!hasAttemptedToRemoveTransformValues) {
1782
- removedTransformValues = removeNonTranslationalTransform(visualElement);
1783
- hasAttemptedToRemoveTransformValues = true;
1784
- }
1785
- changedValueTypeKeys.push(key);
1786
- transitionEnd[key] =
1787
- transitionEnd[key] !== undefined
1788
- ? transitionEnd[key]
1789
- : target[key];
1790
- setAndResetVelocity(value, to);
1791
- }
 
 
 
 
 
 
1792
  }
1793
  });
1794
- if (changedValueTypeKeys.length) {
1795
- var convertedTarget = convertChangedValueTypes(target, visualElement, changedValueTypeKeys);
1796
- // If we removed transform values, reapply them before the next render
1797
- if (removedTransformValues.length) {
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
- * Convert value types for x/y/width/height/top/left/bottom/right
1813
- *
1814
- * Allows animation between `'auto'` -> `'100%'` or `0` -> `'calc(50% - 10vw)'`
1815
- *
1816
  * @internal
1817
  */
1818
- function unitConversion(visualElement, target, origin, transitionEnd) {
1819
- return hasPositionalKey(target)
1820
- ? checkAndConvertChangedValueTypes(visualElement, target, origin, transitionEnd)
1821
- : { target: target, transitionEnd: transitionEnd };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1822
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1823
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1824
  /**
1825
- * Parse a DOM variant to make it animatable. This involves resolving CSS variables
1826
- * and ensuring animations like "20%" => "calc(50vw)" are performed in pixels.
1827
  */
1828
- var parseDomVariant = function (visualElement, target, origin, transitionEnd) {
1829
- var resolved = resolveCSSVariables(visualElement, target, transitionEnd);
1830
- target = resolved.target;
1831
- transitionEnd = resolved.transitionEnd;
1832
- return unitConversion(visualElement, target, origin, transitionEnd);
 
 
 
 
 
 
 
 
 
 
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
- * Decides if the supplied variable is an array of variant labels
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
- function getCurrent(visualElement) {
1864
- var current = {};
1865
- visualElement.forEachValue(function (value, key) { return (current[key] = value.get()); });
1866
- return current;
1867
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1868
  /**
1869
- * Creates an object containing the latest velocity of every MotionValue on a VisualElement
 
1870
  */
1871
- function getVelocity(visualElement) {
1872
- var velocity = {};
1873
- visualElement.forEachValue(function (value, key) { return (velocity[key] = value.getVelocity()); });
1874
- return velocity;
1875
- }
 
 
 
 
 
1876
  /**
1877
- * Resovles a variant if it's a variant resolver
1878
  */
1879
- function resolveVariant(visualElement, definition, custom) {
1880
- if (typeof definition === "string") {
1881
- definition = visualElement.getVariant(definition);
1882
- }
1883
- return typeof definition === "function"
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
- * A VisualElement for HTMLElements
1989
  */
1990
- var HTMLVisualElement = /** @class */ (function (_super) {
1991
- (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__extends)(HTMLVisualElement, _super);
1992
- function HTMLVisualElement() {
1993
- var _this = _super !== null && _super.apply(this, arguments) || this;
1994
- /**
1995
- *
1996
- */
1997
- _this.defaultConfig = {
1998
- enableHardwareAcceleration: true,
1999
- allowTransformNone: true,
2000
- };
2001
- /**
2002
- * A mutable record of styles we want to apply directly to the rendered Element
2003
- * every frame. We use a mutable data structure to reduce GC during animations.
2004
- */
2005
- _this.style = {};
2006
- /**
2007
- * A record of styles we only want to apply via React. This gets set in useMotionValues
2008
- * and applied in the render function. I'd prefer this to live somewhere else to decouple
2009
- * VisualElement from React but works for now.
2010
- */
2011
- _this.reactStyle = {};
2012
- /**
2013
- * A mutable record of CSS variables we want to apply directly to the rendered Element
2014
- * every frame. We use a mutable data structure to reduce GC during animations.
2015
- */
2016
- _this.vars = {};
2017
- /**
2018
- * A mutable record of transforms we want to apply directly to the rendered Element
2019
- * every frame. We use a mutable data structure to reduce GC during animations.
2020
- */
2021
- _this.transform = {};
2022
- /**
2023
- * A mutable record of transform origins we want to apply directly to the rendered Element
2024
- * every frame. We use a mutable data structure to reduce GC during animations.
2025
- */
2026
- _this.transformOrigin = {};
2027
- /**
2028
- * A mutable record of transform keys we want to apply to the rendered Element. We order
2029
- * this to order transforms in the desired order. We use a mutable data structure to reduce GC during animations.
2030
- */
2031
- _this.transformKeys = [];
2032
- _this.config = _this.defaultConfig;
2033
- /**
2034
- * ========================================
2035
- * Layout
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
- * The delta between the boxCorrected and the desired targetBoxFinal. The calculated
2077
- * output will be handed to the renderer and used to project the boxCorrected into
2078
- * the targetBoxFinal.
2079
- *
2080
- * This is considered mutable to avoid object creation on each frame.
2081
  */
2082
- _this.deltaFinal = delta();
2083
  /**
2084
- * The computed transform string to apply deltaFinal to the element. Currently this is only
2085
- * being used to diff and decide whether to render on the current frame, but a minor optimisation
2086
- * could be to provide this to the buildHTMLStyle function.
2087
  */
2088
- _this.deltaTransform = identityProjection;
2089
  /**
2090
- *
2091
  */
2092
- _this.stopLayoutAxisAnimation = {
2093
- x: function () { },
2094
- y: function () { },
 
 
 
 
2095
  };
2096
- _this.isTargetBoxLocked = false;
2097
- _this.updateLayoutDelta = function () {
2098
- _this.isLayoutProjectionEnabled && _this.box && _this.updateLayoutDeltas();
 
 
2099
  /**
2100
- * Ensure all children layouts are also updated.
2101
- *
2102
- * This uses a pre-bound function executor rather than a lamda to avoid creating a new function
2103
- * multiple times per frame (source of mid-animation GC)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2104
  */
2105
- _this.children.forEach(fireUpdateLayoutDelta);
 
 
 
 
2106
  };
2107
  return _this;
2108
  }
2109
- /**
2110
- * When a value is removed, we want to make sure it's removed from all rendered data structures.
2111
- */
2112
- HTMLVisualElement.prototype.removeValue = function (key) {
2113
- _super.prototype.removeValue.call(this, key);
2114
- delete this.vars[key];
2115
- delete this.style[key];
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
- HTMLVisualElement.prototype.getBaseValue = function (key, props) {
2162
- var _a;
2163
- var style = (_a = props.style) === null || _a === void 0 ? void 0 : _a[key];
2164
- return style !== undefined && !isMotionValue(style)
2165
- ? style
2166
- : _super.prototype.getBaseValue.call(this, key, props);
2167
  };
2168
  /**
2169
- * Ensure that HTML and Framer-specific value types like `px`->`%` and `Color`
2170
- * can be animated by Motion.
 
2171
  */
2172
- HTMLVisualElement.prototype.makeTargetAnimatable = function (_a, parseDOMValues) {
2173
- if (parseDOMValues === void 0) { parseDOMValues = true; }
2174
- var transition = _a.transition, transitionEnd = _a.transitionEnd, target = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__rest)(_a, ["transition", "transitionEnd"]);
2175
- var transformValues = this.config.transformValues;
2176
- var origin = getOrigin(target, transition || {}, this);
2177
  /**
2178
- * If Framer has provided a function to convert `Color` etc value types, convert them
2179
  */
2180
- if (transformValues) {
2181
- if (transitionEnd)
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
- this.isVisible = true;
2210
- this.scheduleRender();
2211
- };
2212
- /**
2213
- * Register an event listener to fire when the layout is updated. We might want to expose support
2214
- * for this via a `motion` prop.
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
- * Update targetBox to match the prevViewportBox. This is just to ensure
2258
- * that targetBox is affected by scroll in the same way as the measured box
2259
  */
2260
- this.rebaseTargetBox(false, this.prevViewportBox);
2261
- };
2262
- HTMLVisualElement.prototype.rebaseTargetBox = function (force, box) {
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
- * When we reset the transform of an element, there's a fair possibility that
2304
- * the element will visually move from underneath the pointer, triggering attached
2305
- * pointerenter/leave events. We temporarily suspend these while measurement takes place.
2306
  */
2307
- this.suspendHoverEvents();
2308
- var transformTemplate = this.config.transformTemplate;
2309
- this.element.style.transform = transformTemplate
2310
- ? transformTemplate({}, "")
2311
- : "none";
2312
- // Ensure that whatever happens next, we restore our transform
2313
- this.scheduleRender();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2314
  };
2315
- /**
2316
- * Set new min/max boundaries to project an axis into
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
- HTMLVisualElement.prototype.getAxisProgress = function () {
2327
- if (!this.axisProgress) {
2328
- this.axisProgress = {
2329
- x: motionValue(0),
2330
- y: motionValue(0),
2331
- };
2332
- }
2333
- return this.axisProgress;
2334
  };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2335
  /**
2336
- *
2337
  */
2338
- HTMLVisualElement.prototype.startLayoutAxisAnimation = function (axis, transition) {
2339
- var _this = this;
2340
- var _a;
2341
- var progress = this.getAxisProgress()[axis];
2342
- var _b = this.targetBox[axis], min = _b.min, max = _b.max;
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
- * Update the layout deltas to reflect the relative positions of the layout
2370
- * and the desired target box
 
 
2371
  */
2372
- HTMLVisualElement.prototype.updateLayoutDeltas = function () {
2373
- /**
2374
- * Reset the corrected box with the latest values from box, as we're then going
2375
- * to perform mutative operations on it.
2376
- */
2377
- resetBox(this.boxCorrected, this.box);
2378
- var prevTreeScaleX = this.treeScale.x;
2379
- var prevTreeScaleY = this.treeScale.y;
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
- this.deltaTransform = deltaTransform;
2412
  };
2413
- HTMLVisualElement.prototype.updateTransformDeltas = function () {
2414
- if (!this.isLayoutProjectionEnabled || !this.box)
2415
- return;
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
- * Update the delta between the corrected box and the final target box, after
2424
- * user-set transforms are applied to it. This will be used by the renderer to
2425
- * create a transform style that will reproject the element from its actual layout
2426
- * into the desired bounding box.
2427
  */
2428
- updateBoxDelta(this.deltaFinal, this.boxCorrected, this.targetBoxFinal, this.layoutOrigin);
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
- * Render the Element by rebuilding and applying the latest styles and vars.
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 HTMLVisualElement;
2460
- }(VisualElement));
2461
- /**
2462
- * Pre-bound version of updateLayoutDelta so we're not creating a new function multiple
2463
- * times per frame.
2464
- */
2465
- var fireUpdateLayoutDelta = function (child) {
2466
- return child.updateLayoutDelta();
 
 
 
 
 
2467
  };
2468
 
2469
- /**
2470
- * Creates a constant value over the lifecycle of a component.
2471
- *
2472
- * Even if `useMemo` is provided an empty array as its final argument, it doesn't offer
2473
- * a guarantee that it won't re-run for performance reasons later on. By using `useConstant`
2474
- * you can ensure that initialisers don't execute twice or more.
2475
- */
2476
- function useConstant(init) {
2477
- var ref = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);
2478
- if (ref.current === null) {
2479
- ref.current = init();
2480
- }
2481
- return ref.current;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2482
  }
2483
 
2484
- function calcOrigin$1(origin, offset, size) {
2485
- return typeof origin === "string"
2486
- ? origin
2487
- : style_value_types__WEBPACK_IMPORTED_MODULE_5__.px.transform(offset + size * origin);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2488
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2489
  /**
2490
- * The SVG transform origin defaults are different to CSS and is less intuitive,
2491
- * so we use the measured dimensions of the SVG to reconcile these.
2492
  */
2493
- function calcSVGTransformOrigin(dimensions, originX, originY) {
2494
- var pxOriginX = calcOrigin$1(originX, dimensions.x, dimensions.width);
2495
- var pxOriginY = calcOrigin$1(originY, dimensions.y, dimensions.height);
2496
- return pxOriginX + " " + pxOriginY;
 
 
 
 
 
 
 
 
 
 
 
2497
  }
2498
 
2499
- // Convert a progress 0-1 to a pixels value based on the provided length
2500
- var progressToPixels = function (progress, length) {
2501
- return style_value_types__WEBPACK_IMPORTED_MODULE_5__.px.transform(progress * length);
2502
- };
2503
- var dashKeys = {
2504
- offset: "stroke-dashoffset",
2505
- array: "stroke-dasharray",
2506
- };
2507
- var camelKeys = {
2508
- offset: "strokeDashoffset",
2509
- array: "strokeDasharray",
2510
- };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2511
  /**
2512
- * Build SVG path properties. Uses the path's measured length to convert
2513
- * our custom pathLength, pathSpacing and pathOffset into stroke-dashoffset
2514
- * and stroke-dasharray attributes.
2515
  *
2516
- * This function is mutative to reduce per-frame GC.
 
 
 
 
 
 
2517
  */
2518
- function buildSVGPath(attrs, totalLength, length, spacing, offset, useDashCase) {
2519
- if (spacing === void 0) { spacing = 1; }
2520
- if (offset === void 0) { offset = 0; }
2521
- if (useDashCase === void 0) { useDashCase = true; }
2522
- // We use dash case when setting attributes directly to the DOM node and camel case
2523
- // when defining props on a React component.
2524
- var keys = useDashCase ? dashKeys : camelKeys;
2525
- // Build the dash offset
2526
- attrs[keys.offset] = progressToPixels(-offset, totalLength);
2527
- // Build the dash array
2528
- var pathLength = progressToPixels(length, totalLength);
2529
- var pathSpacing = progressToPixels(spacing, totalLength);
2530
- attrs[keys.array] = pathLength + " " + pathSpacing;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2531
  }
2532
 
2533
- var unmeasured = { x: 0, y: 0, width: 0, height: 0 };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2534
  /**
2535
- * Build SVG visual attrbutes, like cx and style.transform
 
2536
  */
2537
- function buildSVGAttrs(_a, style, vars, attrs, transform, transformOrigin, transformKeys, config, dimensions, totalPathLength, isLayoutProjectionEnabled, delta, deltaFinal, treeScale, targetBox) {
2538
- var attrX = _a.attrX, attrY = _a.attrY, originX = _a.originX, originY = _a.originY, pathLength = _a.pathLength, _b = _a.pathSpacing, pathSpacing = _b === void 0 ? 1 : _b, _c = _a.pathOffset, pathOffset = _c === void 0 ? 0 : _c,
2539
- // This is object creation, which we try to avoid per-frame.
2540
- latest = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__rest)(_a, ["attrX", "attrY", "originX", "originY", "pathLength", "pathSpacing", "pathOffset"]);
2541
- /**
2542
- * With SVG we treat all animated values as attributes rather than CSS, so we build into attrs
2543
- */
2544
- buildHTMLStyles(latest, attrs, vars, transform, transformOrigin, transformKeys, config, isLayoutProjectionEnabled, delta, deltaFinal, treeScale, targetBox);
2545
- /**
2546
- * However, we apply transforms as CSS transforms. So if we detect a transform we take it from attrs
2547
- * and copy it into style.
2548
- */
2549
- if (attrs.transform) {
2550
- style.transform = attrs.transform;
2551
- delete attrs.transform;
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
- * A VisualElement for SVGElements. Inherits from and extends HTMLVisualElement as the two
2604
- * share data structures.
2605
- */
2606
- var SVGVisualElement = /** @class */ (function (_super) {
2607
- (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__extends)(SVGVisualElement, _super);
2608
- function SVGVisualElement() {
2609
- var _this = _super !== null && _super.apply(this, arguments) || this;
2610
- /**
2611
- * A mutable record of attributes we want to apply directly to the rendered Element
2612
- * every frame. We use a mutable data structure to reduce GC during animations.
2613
- */
2614
- _this.attrs = {};
2615
- /**
2616
- * We disable hardware acceleration for SVG transforms as they're not currently able to be accelerated.
2617
- */
2618
- _this.defaultConfig = {
2619
- enableHardwareAcceleration: false,
2620
- };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2621
  /**
2622
- * Without duplicating this call from HTMLVisualElement we end up with HTMLVisualElement.defaultConfig
2623
- * being assigned to config
2624
  */
2625
- _this.config = _this.defaultConfig;
2626
- return _this;
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
- * Ensure we render the element as soon as possible to reflect the measured dimensions.
2658
- * Preferably this would happen synchronously but we put it in rAF to prevent layout thrashing.
2659
  */
2660
- framesync__WEBPACK_IMPORTED_MODULE_0__.default.render(function () { return _this.render(); });
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
- * Read an attribute directly from the SVGElement
 
 
2677
  */
2678
- SVGVisualElement.prototype.read = function (key) {
2679
- key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;
2680
- return this.element.getAttribute(key);
2681
- };
2682
- SVGVisualElement.prototype.build = function () {
2683
- this.updateTransformDeltas();
2684
- buildSVGAttrs(this.latest, this.style, this.vars, this.attrs, this.transform, this.transformOrigin, this.transformKeys, this.config, this.dimensions, this.totalPathLength, this.isLayoutProjectionEnabled && !!this.box, this.delta, this.deltaFinal, this.treeScale, this.targetBoxFinal);
2685
- };
2686
- SVGVisualElement.prototype.render = function () {
2687
- // Update HTML styles and CSS variables
2688
- _super.prototype.render.call(this);
2689
- // Loop through attributes and apply them to the SVGElement
2690
- for (var key in this.attrs) {
2691
- this.element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, this.attrs[key]);
2692
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2693
  };
2694
- return SVGVisualElement;
2695
- }(HTMLVisualElement));
2696
- function isPath(element) {
2697
- return element.tagName === "path";
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2698
  }
2699
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2700
  /**
2701
- * @internal
 
 
 
2702
  */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2703
  /**
2704
- * @internal
 
 
 
 
 
2705
  */
2706
- var svgElements = [
2707
- "animate",
2708
- "circle",
2709
- "clipPath",
2710
- "defs",
2711
- "desc",
2712
- "ellipse",
2713
- "feBlend",
2714
- "feColorMatrix",
2715
- "feComponentTransfer",
2716
- "feComposite",
2717
- "feConvolveMatrix",
2718
- "feDiffuseLighting",
2719
- "feDisplacementMap",
2720
- "feDistantLight",
2721
- "feDropShadow",
2722
- "feFlood",
2723
- "feFuncA",
2724
- "feFuncB",
2725
- "feFuncG",
2726
- "feFuncR",
2727
- "feGaussianBlur",
2728
- "feImage",
2729
- "feMerge",
2730
- "feMergeNode",
2731
- "feMorphology",
2732
- "feOffset",
2733
- "fePointLight",
2734
- "feSpecularLighting",
2735
- "feSpotLight",
2736
- "feTile",
2737
- "feTurbulence",
2738
- "filter",
2739
- "foreignObject",
2740
- "g",
2741
- "image",
2742
- "line",
2743
- "linearGradient",
2744
- "marker",
2745
- "mask",
2746
- "metadata",
2747
- "path",
2748
- "pattern",
2749
- "polygon",
2750
- "polyline",
2751
- "radialGradient",
2752
- "rect",
2753
- "stop",
2754
- "svg",
2755
- "switch",
2756
- "symbol",
2757
- "text",
2758
- "textPath",
2759
- "tspan",
2760
- "use",
2761
- "view",
2762
- ];
2763
 
2764
- var svgTagNames = new Set(svgElements);
2765
  /**
2766
- * Determine whether this is a HTML or SVG component based on if the provided
2767
- * Component is a string and a recognised SVG tag. A potentially better way to
2768
- * do this would be to offer a `motion.customSVG` function and determine this
2769
- * when we generate the `motion.circle` etc components.
 
 
 
 
 
 
 
 
2770
  */
2771
- function isSVGComponent(Component) {
2772
- return typeof Component === "string" && svgTagNames.has(Component);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2773
  }
2774
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2775
  /**
 
 
 
2776
  * @public
2777
  */
2778
- var PresenceContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.createContext)(null);
2779
-
2780
- var MotionContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.createContext)({
2781
- variantContext: {},
2782
- });
2783
  /**
2784
- * @internal
 
 
 
 
 
 
 
 
 
 
 
 
2785
  */
2786
- function useVariantContext() {
2787
- return (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(MotionContext).variantContext;
2788
- }
2789
- function useVisualElementContext() {
2790
- return (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(MotionContext).visualElement;
2791
  }
2792
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2793
  /**
2794
- * @internal
 
 
 
 
 
 
2795
  */
2796
- var LayoutGroupContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.createContext)(null);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2797
 
 
 
 
 
2798
  /**
2799
- * DOM-flavoured variation of the useVisualElement hook. Used to create either a HTMLVisualElement
2800
- * or SVGVisualElement for the component.
2801
- *
 
 
2802
  */
2803
- var useDomVisualElement = function (Component, props, isStatic, ref) {
2804
- var parent = useVisualElementContext();
2805
- var visualElement = useConstant(function () {
2806
- var DOMVisualElement = isSVGComponent(Component)
2807
- ? SVGVisualElement
2808
- : HTMLVisualElement;
2809
- return new DOMVisualElement(parent, ref);
2810
- });
2811
  /**
2812
- * If this is a static component, for instance on the Framer canvas, we essentially want to
2813
- * treat it as a new component every render.
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 (isStatic) {
2818
- visualElement.values.clear();
2819
- visualElement.latest = {};
2820
- }
2821
- visualElement.updateConfig((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, visualElement.config), { enableHardwareAcceleration: !isStatic }), props));
2822
- var layoutGroupId = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(LayoutGroupContext);
2823
- visualElement.layoutId =
2824
- layoutGroupId && props.layoutId
2825
- ? layoutGroupId + "-" + props.layoutId
2826
- : props.layoutId;
2827
- var presenceContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(PresenceContext);
2828
  /**
2829
- * Update VisualElement with presence data.
 
2830
  */
2831
- var isPresent = presenceContext === null ? true : presenceContext.isPresent;
2832
- visualElement.isPresent =
2833
- props.isPresent !== undefined ? props.isPresent : isPresent;
 
 
 
 
 
2834
  /**
2835
- *
2836
  */
2837
- var presenceId = presenceContext === null || presenceContext === void 0 ? void 0 : presenceContext.id;
2838
- visualElement.isPresenceRoot = !parent || parent.presenceId !== presenceId;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2839
  /**
2840
- * TODO: Investigate if we need this
 
 
 
2841
  */
2842
- (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
2843
- var cancelViewportBoxUpdate;
2844
- var cancelLayoutMeasureUpdate;
2845
- if (props.onViewportBoxUpdate) {
2846
- cancelViewportBoxUpdate = visualElement.onViewportBoxUpdate(props.onViewportBoxUpdate);
2847
- }
2848
- if (props._onLayoutMeasure) {
2849
- cancelLayoutMeasureUpdate = visualElement.onLayoutMeasure(props._onLayoutMeasure);
2850
- }
2851
- if (cancelViewportBoxUpdate || cancelLayoutMeasureUpdate) {
2852
- return function () {
2853
- cancelViewportBoxUpdate === null || cancelViewportBoxUpdate === void 0 ? void 0 : cancelViewportBoxUpdate();
2854
- cancelLayoutMeasureUpdate === null || cancelLayoutMeasureUpdate === void 0 ? void 0 : cancelLayoutMeasureUpdate();
2855
- };
2856
- }
2857
- }, [props.onViewportBoxUpdate, props._onLayoutMeasure]);
2858
- return visualElement;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2859
  };
2860
-
2861
  /**
2862
- * @public
2863
  */
2864
- var MotionConfigContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.createContext)({
2865
- transformPagePoint: function (p) { return p; },
2866
- features: [],
2867
- isStatic: false,
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