Smart Floating / Sticky Buttons – Call, Sharing, Chat Widgets & More – Buttonizer - Version 2.4.2

Version Description

Release date: 19 July 2021

Changelog: - You can now edit group styling while only having 1 button. - Fix Social Sharing link not updating when url updates. - Fixed an issue where the icon will not render. - Fixed an issue where drag & dropping a button does not update the preview. - Some additional fixes.

If you experience bugs, problems or you just have some feedback, let us know on our Buttonizer community!

Download this release

Release Info

Developer buttonizer
Plugin Icon wp plugin Smart Floating / Sticky Buttons – Call, Sharing, Chat Widgets & More – Buttonizer
Version 2.4.2
Comparing to
See all releases

Code changes from version 2.4.1 to 2.4.2

app/Api/PageRules/WordPressData/ApiRoles.php CHANGED
@@ -1,74 +1,74 @@
1
- <?php
2
- /*
3
- * SOFTWARE LICENSE INFORMATION
4
- *
5
- * Copyright (c) 2017 Buttonizer, all rights reserved.
6
- *
7
- * This file is part of Buttonizer
8
- *
9
- * For detailed information regarding to the licensing of
10
- * this software, please review the license.txt or visit:
11
- * https://buttonizer.pro/license/
12
- */
13
-
14
- namespace Buttonizer\Api\PageRules\WordPressData;
15
-
16
- use Buttonizer\Utils\Maintain;
17
-
18
- /**
19
- * WordPress Buttonizer API
20
- *
21
- * @endpoint /wp-json/buttonizer/pagerules/roles
22
- * @methods GET
23
- */
24
- class ApiRoles {
25
- /**
26
- * Register route
27
- */
28
- public function registerRoute() {
29
- register_rest_route('buttonizer', '/page_rules/roles', [
30
- [
31
- 'methods' => ['GET'],
32
- 'args' => [
33
- 'nonce' => [
34
- 'validate_callback' => function($value) {
35
- return wp_verify_nonce($value, 'wp_rest');
36
- },
37
- 'required' => true
38
- ]
39
- ],
40
- 'callback' => [$this, 'get'],
41
- 'permission_callback' => function() {
42
- return Maintain::hasPermission();
43
- }
44
- ]
45
- ]);
46
- }
47
-
48
- /**
49
- * Get page rules roles
50
- */
51
- public function get() {
52
- $roles = [];
53
-
54
- foreach(wp_roles()->get_names() as $role)
55
- {
56
- $roles[] = [
57
- 'id' => strtolower($role),
58
- 'name' => $role
59
- ];
60
- }
61
-
62
- // Add guest role
63
- $roles[] = [
64
- 'id' => "guest",
65
- 'name' => "Guest"
66
- ];
67
-
68
- return [
69
- 'success' => true,
70
- 'data' => $roles,
71
- 'result_count' => count($roles)
72
- ];
73
- }
74
  }
1
+ <?php
2
+ /*
3
+ * SOFTWARE LICENSE INFORMATION
4
+ *
5
+ * Copyright (c) 2017 Buttonizer, all rights reserved.
6
+ *
7
+ * This file is part of Buttonizer
8
+ *
9
+ * For detailed information regarding to the licensing of
10
+ * this software, please review the license.txt or visit:
11
+ * https://buttonizer.pro/license/
12
+ */
13
+
14
+ namespace Buttonizer\Api\PageRules\WordPressData;
15
+
16
+ use Buttonizer\Utils\Maintain;
17
+
18
+ /**
19
+ * WordPress Buttonizer API
20
+ *
21
+ * @endpoint /wp-json/buttonizer/pagerules/roles
22
+ * @methods GET
23
+ */
24
+ class ApiRoles {
25
+ /**
26
+ * Register route
27
+ */
28
+ public function registerRoute() {
29
+ register_rest_route('buttonizer', '/page_rules/roles', [
30
+ [
31
+ 'methods' => ['GET'],
32
+ 'args' => [
33
+ 'nonce' => [
34
+ 'validate_callback' => function($value) {
35
+ return wp_verify_nonce($value, 'wp_rest');
36
+ },
37
+ 'required' => true
38
+ ]
39
+ ],
40
+ 'callback' => [$this, 'get'],
41
+ 'permission_callback' => function() {
42
+ return Maintain::hasPermission();
43
+ }
44
+ ]
45
+ ]);
46
+ }
47
+
48
+ /**
49
+ * Get page rules roles
50
+ */
51
+ public function get() {
52
+ $roles = [];
53
+
54
+ foreach(wp_roles()->get_names() as $id=>$role)
55
+ {
56
+ $roles[] = [
57
+ 'id' => $id,
58
+ 'name' => $role
59
+ ];
60
+ }
61
+
62
+ // Add guest role
63
+ $roles[] = [
64
+ 'id' => "guest",
65
+ 'name' => "Guest"
66
+ ];
67
+
68
+ return [
69
+ 'success' => true,
70
+ 'data' => $roles,
71
+ 'result_count' => count($roles)
72
+ ];
73
+ }
74
  }
assets/dashboard.css CHANGED
@@ -8,7 +8,7 @@
8
  *
9
  * Buttonizer is Freemium software. The free version (build) does not contain premium functionality.
10
  *
11
- * (C) 2017-2021 Buttonizer v2.4.1
12
  *
13
  */
14
  /*!
@@ -21,7 +21,7 @@
21
  *
22
  * Buttonizer is Freemium software. The free version (build) does not contain premium functionality.
23
  *
24
- * (C) 2017-2021 Buttonizer v2.4.1
25
  *
26
  */
27
  @import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap);
@@ -44,7 +44,6 @@
44
  .desktop-mobile-visibility button{min-width:40px;width:40px}.desktop-mobile-visibility button.buttonMobile{margin-right:5px}
45
  .button-action-value a,.button-action-subject a{font-size:14px !important;text-decoration:none;color:#2f7789}.button-action-value .MuiTextField-root,.button-action-subject .MuiTextField-root{margin-bottom:15px}.button-action-value .MuiTextField-root label,.button-action-subject .MuiTextField-root label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.button-action-value .MuiTextField-root label:not(.Mui-focused),.button-action-subject .MuiTextField-root label:not(.Mui-focused){width:92%}
46
  .button-action .button-action-type{padding-bottom:20px}.button-action code{padding:3px 5px 2px 5px;margin:0 1px;background:rgba(0,0,0,.07)}
47
- .position-buttons button svg{width:20px;fill:currentColor}.position-buttons.position-horizontal button:nth-child(1) svg,.position-buttons.position-horizontal button:nth-child(2) svg{transform:rotate(-90deg)}.position-buttons.position-horizontal button:nth-child(3) svg{transform:rotate(90deg)}.position-buttons.position-vertical button:nth-child(3) svg{transform:rotate(180deg)}.position-textfield{height:28px;-moz-appearance:textfield}.position-textfield ::-webkit-outer-spin-button,.position-textfield ::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
48
  .form-icon-selector .selector{overflow:hidden;border-radius:4px;cursor:pointer;width:100%}.form-icon-selector .selector .viewer{width:100%;height:65px;background-color:#ddd;display:block;border-radius:0 0 4px 4px;color:#fff;text-align:center}.form-icon-selector .selector span{border-radius:0 0 4px 4px;display:block;color:#fff;text-align:center}
49
  .color-picker-main{width:100%;display:flex;justify-content:flex-end}.color-picker-main .color-picker{display:flex;width:100%;cursor:pointer;justify-content:flex-end;height:28px}.color-picker-main .color-picker .gpw{width:100%;background:url(./images/transparent.png) repeat;border-radius:5px 0 0 5px;box-shadow:0 1px 1px 0 rgba(60,64,67,.08),0 1px 3px 1px rgba(60,64,67,.16);overflow:hidden;padding:0}.color-picker-main .color-picker .gpw span.color-preview{display:block;height:100%;background:#f08419}.color-picker-main .color-picker .color-button{height:100%;border-radius:0 5px 5px 0;margin-left:1px;margin-right:0px;box-shadow:0 1px 1px 0 rgba(60,64,67,.08),0 1px 3px 1px rgba(60,64,67,.16)}.gpw .popover .type-selector{margin:3px;width:100%}
50
  .color-picker-container{width:300px;max-width:100%}.color-picker-container .color-container{background:url(./images/transparent.png) repeat}.color-picker-container .color-container .current-color input{height:62px;line-height:62px;text-align:center;color:#fff;font-size:18px;font-weight:500;border:0;padding:0;background:rgba(0,0,0,0);width:100%;border-radius:0;outline:none;font-family:Roboto,sans-serif}.color-picker-container .buttons{text-align:right;padding:5px 10px 10px}.color-picker-container .buttons button{margin-left:5px}.no-select-color-container{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
@@ -52,8 +51,9 @@
52
  .icon-or-image{width:100%;min-height:30px}.icon-or-image button{min-width:unset;min-height:40px !important}.icon-or-image button .MuiTab-wrapper{display:block !important}.icon-or-image button .MuiTab-wrapper i{margin-right:5px}
53
  .disable-setting.disabled{position:relative}.disable-setting.disabled .settings{opacity:.5;pointer-events:none}.disable-setting.disabled .disable-content{position:absolute;bottom:0;top:0;left:0;right:0;text-align:center;max-width:100%;color:#2f7789;font-weight:900;display:flex;align-items:center;user-select:none}.disable-setting.disabled .disable-content .buttonizer-premium{margin-right:30px;margin-left:auto}
54
  .textfield-corners-input{height:100%;max-width:80px;padding-right:5px !important;margin:0 !important}.textfield-corners-input.textfield-corners-select{max-width:35px}.textfield-corners-input .MuiSelect-root{font-size:12px;padding:5px 12px 5px 8px !important}.textfield-corners-input .MuiSvgIcon-root{font-size:1rem;right:0;top:50%;transform:translateY(-50%)}.textfield-corners-input input{font-size:14px;padding:5px 8px}.textfield-corners-input input::-webkit-outer-spin-button,.textfield-corners-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.textfield-corners-input input[type=number]{-moz-appearance:textfield}.textfield-corners-input .MuiInputAdornment-root{margin-left:5px}.textfield-corners-input .MuiInputAdornment-root>p{font-size:14px}.textfield-corners-menu li{padding-left:8px;padding-right:8px;font-size:14px}
55
- .advanced-scroll-timeout .advanced-timeout{display:flex;margin-bottom:10px}.advanced-scroll-timeout .advanced-timeout .timeout-radio-group{margin-right:0;width:calc(100% /3)}.advanced-scroll-timeout .advanced-timeout .timeout-radio-group .MuiFormControlLabel-label{text-transform:capitalize;text-align:left;display:flex;justify-content:left;color:#717171;font-size:13px;padding-right:40px !important;padding-left:0px !important}.advanced-scroll-timeout .advanced-scroll{display:flex;margin-bottom:10px}.advanced-scroll-timeout .advanced-scroll .scroll-radio-group{margin-right:0;width:calc(100% /3)}.advanced-scroll-timeout .advanced-scroll .scroll-radio-group .MuiFormControlLabel-label{text-transform:capitalize;text-align:left;display:flex;justify-content:left;color:#717171;font-size:13px;padding-right:40px !important;padding-left:0px !important}.advanced-scroll-timeout .advanced-scroll .MuiTextField-root{min-width:calc(100% / 3);margin-top:auto;margin-bottom:auto}.advanced-scroll-timeout .advanced-scroll .advanced-scroll-pixel-percent{display:flex;width:calc(100% / 3);flex-direction:column}.advanced-scroll-timeout .advanced-scroll .advanced-scroll-pixel-percent button{padding:0;height:45%;min-width:30px;font-size:10px;margin:auto}.advanced-scroll-timeout .advanced-scroll-hide{display:flex;justify-content:flex-end}.advanced-scroll-timeout .advanced-scroll-hide .settings-container{height:35px;width:calc(900% / 10)}.advanced-scroll-timeout .advanced-scroll-hide .settings-container .settings-title{font-size:11px}.advanced-scroll-timeout .advanced-scroll-hide .settings-container .MuiTabs-root.icon-or-image{min-height:30px}.advanced-scroll-timeout .advanced-scroll-hide .settings-container.disabled .settings-content .MuiTabs-indicator{background-color:#747474}.advanced-scroll-timeout .advanced-scroll-description{display:flex;justify-content:center}.advanced-scroll-timeout .advanced-scroll-description p{margin:0}
56
  .image-selector{display:inline-flex;width:100%;justify-content:flex-end;text-align:center}.image-selector .image{width:100%;height:101px;display:inline-flex;text-decoration:none;line-height:26px;cursor:pointer;border-radius:3px;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center;background-color:#ededed}.image-selector .image i{font-size:40px;line-height:54px;color:#4795a9bd}.image-selector .image .image-text{background-color:#2f788a;color:#fff;border-radius:0 0 3px 3px}.image-selector .image .selected{opacity:0;transition:250ms}.image-selector .image:hover .selected{opacity:1}
 
57
  .buttonizer-bar{position:fixed;left:0;top:0;bottom:0;width:430px;background:#f0f0f0;border-right:1px solid #d2d2d2}@media screen and (max-width: 769px){.buttonizer-bar{width:100%}}.buttonizer-bar.is-loading .router{opacity:0}.buttonizer-bar.is-loading .buttonizer-logo{display:none}.buttonizer-bar .router-window{position:absolute;top:0;bottom:56px;left:0;width:100%}.buttonizer-bar .router-window .simplebar-content-wrapper{height:100% !important}.buttonizer-bar .router-window .simplebar-placeholder{min-height:100vh}.buttonizer-bar .router-window .router{padding:0 30px 50px}.buttonizer-bar .buttonizer-logo img{max-width:200px;display:block;margin:20px auto 30px}.buttonizer-bar .bar-header{margin:10px 0}.buttonizer-bar .bar-header .breadcrumb{margin:15px 0 15px;display:flex}.buttonizer-bar .bar-header .breadcrumb button{height:28px;line-height:28px;padding:0 10px}.buttonizer-bar .bar-header .breadcrumb button .breadcrumb-text{white-space:nowrap;letter-spacing:.07em;overflow:hidden;text-overflow:ellipsis;height:100%;display:inline-block;align-items:center}.buttonizer-bar .bar-header .breadcrumb button i{margin-left:10px;color:rgba(0,0,0,.3);vertical-align:middle}.buttonizer-bar .bar-header .breadcrumb button.home-button{flex-shrink:0}.buttonizer-bar .bar-header .MuiTabs-flexContainer .MuiTab-textColorSecondary{color:#95bac3}.buttonizer-bar .bar-header .MuiTabs-flexContainer .MuiTab-textColorSecondary:hover{color:#2f7789}.buttonizer-bar .bar-header .MuiTabs-flexContainer .MuiTab-textColorSecondary.Mui-selected{color:#f08419}.buttonizer-bar .bar-header .MuiTabs-flexContainer a{min-width:unset}.buttonizer-bar .bar-header .MuiTabs-flexContainer a i{font-size:20px;margin-bottom:8px}.buttonizer-bar .bar-header .MuiTabs-flexContainer a .MuiTab-wrapper{font-weight:600;font-size:12px;letter-spacing:1.25006px}.buttonizer-bar .bar-footer{position:absolute;bottom:0;left:0;right:0;box-shadow:0 1px 1px 0 rgba(60,64,67,.08),0 1px 3px 1px rgba(60,64,67,.16);background:#fff}.buttonizer-bar .bar-footer .bar-footer-container{display:flex;align-content:space-between;padding:10px}.buttonizer-bar .bar-footer .bar-footer-container .settings-button{font-size:20px;position:relative;margin-right:8px}.buttonizer-bar .bar-footer .bar-footer-container button{min-width:36px;height:36px}.buttonizer-bar .bar-footer .bar-footer-container button.MuiIconButton-root{padding:0;font-size:16px}.buttonizer-bar .bar-footer .bar-footer-container .MuiButton-Publish{padding:6px 16px !important;font-size:.785rem !important}.buttonizer-bar .bar-footer .bar-footer-container .footer-button-group-start{position:relative;border-right:#ddd 1px solid;margin-right:5px}
58
  [data-simplebar] {
59
  position: relative;
8
  *
9
  * Buttonizer is Freemium software. The free version (build) does not contain premium functionality.
10
  *
11
+ * (C) 2017-2021 Buttonizer v2.4.2
12
  *
13
  */
14
  /*!
21
  *
22
  * Buttonizer is Freemium software. The free version (build) does not contain premium functionality.
23
  *
24
+ * (C) 2017-2021 Buttonizer v2.4.2
25
  *
26
  */
27
  @import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap);
44
  .desktop-mobile-visibility button{min-width:40px;width:40px}.desktop-mobile-visibility button.buttonMobile{margin-right:5px}
45
  .button-action-value a,.button-action-subject a{font-size:14px !important;text-decoration:none;color:#2f7789}.button-action-value .MuiTextField-root,.button-action-subject .MuiTextField-root{margin-bottom:15px}.button-action-value .MuiTextField-root label,.button-action-subject .MuiTextField-root label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.button-action-value .MuiTextField-root label:not(.Mui-focused),.button-action-subject .MuiTextField-root label:not(.Mui-focused){width:92%}
46
  .button-action .button-action-type{padding-bottom:20px}.button-action code{padding:3px 5px 2px 5px;margin:0 1px;background:rgba(0,0,0,.07)}
 
47
  .form-icon-selector .selector{overflow:hidden;border-radius:4px;cursor:pointer;width:100%}.form-icon-selector .selector .viewer{width:100%;height:65px;background-color:#ddd;display:block;border-radius:0 0 4px 4px;color:#fff;text-align:center}.form-icon-selector .selector span{border-radius:0 0 4px 4px;display:block;color:#fff;text-align:center}
48
  .color-picker-main{width:100%;display:flex;justify-content:flex-end}.color-picker-main .color-picker{display:flex;width:100%;cursor:pointer;justify-content:flex-end;height:28px}.color-picker-main .color-picker .gpw{width:100%;background:url(./images/transparent.png) repeat;border-radius:5px 0 0 5px;box-shadow:0 1px 1px 0 rgba(60,64,67,.08),0 1px 3px 1px rgba(60,64,67,.16);overflow:hidden;padding:0}.color-picker-main .color-picker .gpw span.color-preview{display:block;height:100%;background:#f08419}.color-picker-main .color-picker .color-button{height:100%;border-radius:0 5px 5px 0;margin-left:1px;margin-right:0px;box-shadow:0 1px 1px 0 rgba(60,64,67,.08),0 1px 3px 1px rgba(60,64,67,.16)}.gpw .popover .type-selector{margin:3px;width:100%}
49
  .color-picker-container{width:300px;max-width:100%}.color-picker-container .color-container{background:url(./images/transparent.png) repeat}.color-picker-container .color-container .current-color input{height:62px;line-height:62px;text-align:center;color:#fff;font-size:18px;font-weight:500;border:0;padding:0;background:rgba(0,0,0,0);width:100%;border-radius:0;outline:none;font-family:Roboto,sans-serif}.color-picker-container .buttons{text-align:right;padding:5px 10px 10px}.color-picker-container .buttons button{margin-left:5px}.no-select-color-container{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
51
  .icon-or-image{width:100%;min-height:30px}.icon-or-image button{min-width:unset;min-height:40px !important}.icon-or-image button .MuiTab-wrapper{display:block !important}.icon-or-image button .MuiTab-wrapper i{margin-right:5px}
52
  .disable-setting.disabled{position:relative}.disable-setting.disabled .settings{opacity:.5;pointer-events:none}.disable-setting.disabled .disable-content{position:absolute;bottom:0;top:0;left:0;right:0;text-align:center;max-width:100%;color:#2f7789;font-weight:900;display:flex;align-items:center;user-select:none}.disable-setting.disabled .disable-content .buttonizer-premium{margin-right:30px;margin-left:auto}
53
  .textfield-corners-input{height:100%;max-width:80px;padding-right:5px !important;margin:0 !important}.textfield-corners-input.textfield-corners-select{max-width:35px}.textfield-corners-input .MuiSelect-root{font-size:12px;padding:5px 12px 5px 8px !important}.textfield-corners-input .MuiSvgIcon-root{font-size:1rem;right:0;top:50%;transform:translateY(-50%)}.textfield-corners-input input{font-size:14px;padding:5px 8px}.textfield-corners-input input::-webkit-outer-spin-button,.textfield-corners-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.textfield-corners-input input[type=number]{-moz-appearance:textfield}.textfield-corners-input .MuiInputAdornment-root{margin-left:5px}.textfield-corners-input .MuiInputAdornment-root>p{font-size:14px}.textfield-corners-menu li{padding-left:8px;padding-right:8px;font-size:14px}
54
+ .position-buttons button svg{width:20px;fill:currentColor}.position-buttons.position-horizontal button:nth-child(1) svg,.position-buttons.position-horizontal button:nth-child(2) svg{transform:rotate(-90deg)}.position-buttons.position-horizontal button:nth-child(3) svg{transform:rotate(90deg)}.position-buttons.position-vertical button:nth-child(3) svg{transform:rotate(180deg)}.position-textfield{height:28px;-moz-appearance:textfield}.position-textfield ::-webkit-outer-spin-button,.position-textfield ::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
55
  .image-selector{display:inline-flex;width:100%;justify-content:flex-end;text-align:center}.image-selector .image{width:100%;height:101px;display:inline-flex;text-decoration:none;line-height:26px;cursor:pointer;border-radius:3px;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center;background-color:#ededed}.image-selector .image i{font-size:40px;line-height:54px;color:#4795a9bd}.image-selector .image .image-text{background-color:#2f788a;color:#fff;border-radius:0 0 3px 3px}.image-selector .image .selected{opacity:0;transition:250ms}.image-selector .image:hover .selected{opacity:1}
56
+ .advanced-scroll-timeout .advanced-timeout{display:flex;margin-bottom:10px}.advanced-scroll-timeout .advanced-timeout .timeout-radio-group{margin-right:0;width:calc(100% /3)}.advanced-scroll-timeout .advanced-timeout .timeout-radio-group .MuiFormControlLabel-label{text-transform:capitalize;text-align:left;display:flex;justify-content:left;color:#717171;font-size:13px;padding-right:40px !important;padding-left:0px !important}.advanced-scroll-timeout .advanced-scroll{display:flex;margin-bottom:10px}.advanced-scroll-timeout .advanced-scroll .scroll-radio-group{margin-right:0;width:calc(100% /3)}.advanced-scroll-timeout .advanced-scroll .scroll-radio-group .MuiFormControlLabel-label{text-transform:capitalize;text-align:left;display:flex;justify-content:left;color:#717171;font-size:13px;padding-right:40px !important;padding-left:0px !important}.advanced-scroll-timeout .advanced-scroll .MuiTextField-root{min-width:calc(100% / 3);margin-top:auto;margin-bottom:auto}.advanced-scroll-timeout .advanced-scroll .advanced-scroll-pixel-percent{display:flex;width:calc(100% / 3);flex-direction:column}.advanced-scroll-timeout .advanced-scroll .advanced-scroll-pixel-percent button{padding:0;height:45%;min-width:30px;font-size:10px;margin:auto}.advanced-scroll-timeout .advanced-scroll-hide{display:flex;justify-content:flex-end}.advanced-scroll-timeout .advanced-scroll-hide .settings-container{height:35px;width:calc(900% / 10)}.advanced-scroll-timeout .advanced-scroll-hide .settings-container .settings-title{font-size:11px}.advanced-scroll-timeout .advanced-scroll-hide .settings-container .MuiTabs-root.icon-or-image{min-height:30px}.advanced-scroll-timeout .advanced-scroll-hide .settings-container.disabled .settings-content .MuiTabs-indicator{background-color:#747474}.advanced-scroll-timeout .advanced-scroll-description{display:flex;justify-content:center}.advanced-scroll-timeout .advanced-scroll-description p{margin:0}
57
  .buttonizer-bar{position:fixed;left:0;top:0;bottom:0;width:430px;background:#f0f0f0;border-right:1px solid #d2d2d2}@media screen and (max-width: 769px){.buttonizer-bar{width:100%}}.buttonizer-bar.is-loading .router{opacity:0}.buttonizer-bar.is-loading .buttonizer-logo{display:none}.buttonizer-bar .router-window{position:absolute;top:0;bottom:56px;left:0;width:100%}.buttonizer-bar .router-window .simplebar-content-wrapper{height:100% !important}.buttonizer-bar .router-window .simplebar-placeholder{min-height:100vh}.buttonizer-bar .router-window .router{padding:0 30px 50px}.buttonizer-bar .buttonizer-logo img{max-width:200px;display:block;margin:20px auto 30px}.buttonizer-bar .bar-header{margin:10px 0}.buttonizer-bar .bar-header .breadcrumb{margin:15px 0 15px;display:flex}.buttonizer-bar .bar-header .breadcrumb button{height:28px;line-height:28px;padding:0 10px}.buttonizer-bar .bar-header .breadcrumb button .breadcrumb-text{white-space:nowrap;letter-spacing:.07em;overflow:hidden;text-overflow:ellipsis;height:100%;display:inline-block;align-items:center}.buttonizer-bar .bar-header .breadcrumb button i{margin-left:10px;color:rgba(0,0,0,.3);vertical-align:middle}.buttonizer-bar .bar-header .breadcrumb button.home-button{flex-shrink:0}.buttonizer-bar .bar-header .MuiTabs-flexContainer .MuiTab-textColorSecondary{color:#95bac3}.buttonizer-bar .bar-header .MuiTabs-flexContainer .MuiTab-textColorSecondary:hover{color:#2f7789}.buttonizer-bar .bar-header .MuiTabs-flexContainer .MuiTab-textColorSecondary.Mui-selected{color:#f08419}.buttonizer-bar .bar-header .MuiTabs-flexContainer a{min-width:unset}.buttonizer-bar .bar-header .MuiTabs-flexContainer a i{font-size:20px;margin-bottom:8px}.buttonizer-bar .bar-header .MuiTabs-flexContainer a .MuiTab-wrapper{font-weight:600;font-size:12px;letter-spacing:1.25006px}.buttonizer-bar .bar-footer{position:absolute;bottom:0;left:0;right:0;box-shadow:0 1px 1px 0 rgba(60,64,67,.08),0 1px 3px 1px rgba(60,64,67,.16);background:#fff}.buttonizer-bar .bar-footer .bar-footer-container{display:flex;align-content:space-between;padding:10px}.buttonizer-bar .bar-footer .bar-footer-container .settings-button{font-size:20px;position:relative;margin-right:8px}.buttonizer-bar .bar-footer .bar-footer-container button{min-width:36px;height:36px}.buttonizer-bar .bar-footer .bar-footer-container button.MuiIconButton-root{padding:0;font-size:16px}.buttonizer-bar .bar-footer .bar-footer-container .MuiButton-Publish{padding:6px 16px !important;font-size:.785rem !important}.buttonizer-bar .bar-footer .bar-footer-container .footer-button-group-start{position:relative;border-right:#ddd 1px solid;margin-right:5px}
58
  [data-simplebar] {
59
  position: relative;
assets/dashboard.js CHANGED
@@ -8,7 +8,7 @@
8
  *
9
  * Buttonizer is Freemium software. The free version (build) does not contain premium functionality.
10
  *
11
- * (C) 2017-2021 Buttonizer v2.4.1
12
  *
13
  */
14
  /*!
@@ -21,7 +21,7 @@
21
  *
22
  * Buttonizer is Freemium software. The free version (build) does not contain premium functionality.
23
  *
24
- * (C) 2017-2021 Buttonizer v2.4.1
25
  *
26
  */
27
  /******/ (function() { // webpackBootstrap
@@ -11975,7 +11975,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
11975
  */
11976
 
11977
  var listenTo = [buttonizer_constants_actionTypes.groups.SET_KEY_VALUE, buttonizer_constants_actionTypes.groups.SET_KEY_FORMAT, buttonizer_constants_actionTypes.buttons.SET_KEY_VALUE, buttonizer_constants_actionTypes.buttons.SET_KEY_FORMAT];
11978
- var requiresFullReload = [buttonizer_constants_actionTypes.groups.ADD_RECORD, buttonizer_constants_actionTypes.groups.REMOVE_RECORD, buttonizer_constants_actionTypes.buttons.ADD_RECORD, buttonizer_constants_actionTypes.buttons.REMOVE_RECORD]; // Object to make sure keys are allowed
11979
 
11980
  var previewTimeout = {};
11981
  function updatePreviewData(_x) {
@@ -26064,11 +26064,9 @@ function DuplicateButton(_ref) {
26064
  onChange = _ref.onChange,
26065
  _ref$size = _ref.size,
26066
  size = _ref$size === void 0 ? "small" : _ref$size,
26067
- _ref$singleButton = _ref.singleButton,
26068
- singleButton = _ref$singleButton === void 0 ? false : _ref$singleButton,
26069
  _ref$disabled = _ref.disabled,
26070
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
26071
- props = DuplicateButton_objectWithoutProperties(_ref, ["name", "onChange", "size", "singleButton", "disabled"]);
26072
 
26073
  var _useState = (0,react.useState)(false),
26074
  _useState2 = DuplicateButton_slicedToArray(_useState, 2),
@@ -26076,15 +26074,14 @@ function DuplicateButton(_ref) {
26076
  setDialogOpened = _useState2[1];
26077
 
26078
  return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(Tippy_Tippy, {
26079
- content: translate("utils.duplicate"),
26080
- disabled: singleButton
26081
  }, /*#__PURE__*/react.createElement(IconButton_IconButton, DuplicateButton_extends({
26082
  onClick: function onClick() {
26083
- return !singleButton && setDialogOpened(true);
26084
  },
26085
- color: singleButton ? "default" : "primary",
26086
  size: size,
26087
- disabled: disabled || singleButton,
26088
  style: {
26089
  width: "35px",
26090
  height: "35px"
@@ -26122,23 +26119,19 @@ function EditButton_objectWithoutPropertiesLoose(source, excluded) { if (source
26122
 
26123
 
26124
  function EditButton(_ref) {
26125
- var _ref$singleButton = _ref.singleButton,
26126
- singleButton = _ref$singleButton === void 0 ? false : _ref$singleButton,
26127
- _ref$size = _ref.size,
26128
  size = _ref$size === void 0 ? "small" : _ref$size,
26129
  _onClick = _ref.onClick,
26130
- props = EditButton_objectWithoutProperties(_ref, ["singleButton", "size", "onClick"]);
26131
 
26132
  return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(Tippy_Tippy, {
26133
- content: translate("settings.settings"),
26134
- disabled: singleButton
26135
  }, /*#__PURE__*/react.createElement(IconButton_IconButton, EditButton_extends({
26136
  onClick: function onClick() {
26137
- if (!singleButton) _onClick();
26138
  },
26139
- color: singleButton ? "default" : "primary",
26140
  size: size,
26141
- disabled: singleButton,
26142
  style: {
26143
  width: "35px",
26144
  height: "35px"
@@ -26180,11 +26173,9 @@ var RenameButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
26180
  onChange = _ref.onChange,
26181
  _ref$size = _ref.size,
26182
  size = _ref$size === void 0 ? "small" : _ref$size,
26183
- _ref$singleButton = _ref.singleButton,
26184
- singleButton = _ref$singleButton === void 0 ? false : _ref$singleButton,
26185
  _ref$inDropdown = _ref.inDropdown,
26186
  inDropdown = _ref$inDropdown === void 0 ? false : _ref$inDropdown,
26187
- props = RenameButton_objectWithoutProperties(_ref, ["name", "onChange", "size", "singleButton", "inDropdown"]);
26188
 
26189
  var _useState = (0,react.useState)(false),
26190
  _useState2 = RenameButton_slicedToArray(_useState, 2),
@@ -26192,15 +26183,13 @@ var RenameButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
26192
  setDialogOpened = _useState2[1];
26193
 
26194
  return /*#__PURE__*/react.createElement(react.Fragment, null, !inDropdown ? /*#__PURE__*/react.createElement(Tippy_Tippy, {
26195
- content: translate("utils.rename"),
26196
- disabled: singleButton
26197
  }, /*#__PURE__*/react.createElement(IconButton_IconButton, RenameButton_extends({
26198
  size: size,
26199
  onClick: function onClick() {
26200
- return !singleButton && setDialogOpened(true);
26201
  },
26202
- color: singleButton ? "default" : "primary",
26203
- disabled: singleButton // className={clsx(singleButton && ".MuiIconButton-disabled")}
26204
  ,
26205
  style: {
26206
  width: "35px",
@@ -26216,9 +26205,8 @@ var RenameButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
26216
  className: "fas fa-i-cursor"
26217
  }))) : /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
26218
  onClick: function onClick() {
26219
- return !singleButton && setDialogOpened(true);
26220
  },
26221
- disabled: singleButton,
26222
  ref: ref,
26223
  "data-testid": "rename-button"
26224
  }, /*#__PURE__*/react.createElement(ListItemIcon_ListItemIcon, null, /*#__PURE__*/react.createElement(Icon_Icon, {
@@ -35707,7 +35695,6 @@ function ButtonGroupContainer(_ref) {
35707
  });
35708
  }
35709
 
35710
- var singleButton = group.children.length < 2;
35711
  (0,react.useEffect)(function () {
35712
  setGroup(groups[groupId]);
35713
  }, [groups[groupId]]);
@@ -35722,8 +35709,7 @@ function ButtonGroupContainer(_ref) {
35722
  }
35723
  }, /*#__PURE__*/react.createElement(DuplicateButton, {
35724
  name: group.name,
35725
- disabled: true,
35726
- singleButton: false
35727
  }));
35728
  };
35729
 
@@ -35747,21 +35733,18 @@ function ButtonGroupContainer(_ref) {
35747
  }), /*#__PURE__*/react.createElement("div", {
35748
  className: "group-actions"
35749
  }, /*#__PURE__*/react.createElement(Tippy_Tippy, {
35750
- disabled: !singleButton,
35751
  content: translate("settings.tippy_single_button"),
35752
  trigger: "click",
35753
  style: {
35754
  "float": "left"
35755
  }
35756
  }, /*#__PURE__*/react.createElement(EditButton, {
35757
- singleButton: singleButton,
35758
  onClick: function onClick() {
35759
  return document.location.hash = "#/group/" + group.id;
35760
  },
35761
  "data-testid": "edit-button-group"
35762
  })), duplicateButton(), /*#__PURE__*/react.createElement(ContainerActionsDropdown, null, /*#__PURE__*/react.createElement(ContainerActions_RenameButton, {
35763
  name: group.name,
35764
- singleButton: false,
35765
  onChange: function onChange(val) {
35766
  return set("groups", group.id, "name", val);
35767
  },
@@ -37051,11 +37034,6 @@ function BreadcrumbSelect(_ref) {
37051
  history = _ref.history,
37052
  getChildrenIndex = _ref.getChildrenIndex;
37053
  var page = "";
37054
- var singleButton = false;
37055
-
37056
- if (button) {
37057
- singleButton = groups[button.parent].children.length <= 1;
37058
- }
37059
 
37060
  if (["style", "general", "advanced"].indexOf(history.location.pathname.substr(history.location.pathname.lastIndexOf("/") + 1)) > -1) {
37061
  page = "/".concat(history.location.pathname.substr(history.location.pathname.lastIndexOf("/") + 1));
@@ -37080,23 +37058,10 @@ function BreadcrumbSelect(_ref) {
37080
  setAnchorEl(null); // If button is defined and not group
37081
 
37082
  if (button) {
37083
- if (singleButton) {
37084
- //Check if group is singleButton
37085
- if (groups[objectId].children.length <= 1) {
37086
- history.push("/group/".concat(objectId).concat(page, "/button/").concat(groups[objectId].children[0]));
37087
- } else {
37088
- history.push("/group/".concat(objectId).concat(page));
37089
- }
37090
- } else {
37091
- history.push("/group/".concat(button.parent, "/button/").concat(objectId).concat(page));
37092
- }
37093
  } // If group is defined and not button
37094
  else if (group) {
37095
- if (groups[objectId].children.length <= 1) {
37096
- history.push("/group/".concat(objectId, "/button/").concat(groups[objectId].children[0]).concat(page));
37097
- } else {
37098
- history.push("/group/".concat(objectId).concat(page));
37099
- }
37100
  }
37101
  };
37102
 
@@ -37112,7 +37077,7 @@ function BreadcrumbSelect(_ref) {
37112
  }, /*#__PURE__*/react.createElement("span", {
37113
  className: "breadcrumb-text",
37114
  "data-testid": "breadcrumb:name"
37115
- }, button ? singleButton ? groups[button.parent].name : button.name : group.name), /*#__PURE__*/react.createElement("i", {
37116
  className: "fas fa-chevron-down"
37117
  })), /*#__PURE__*/react.createElement(Popover_Popover, {
37118
  id: id,
@@ -37129,7 +37094,7 @@ function BreadcrumbSelect(_ref) {
37129
  horizontal: "center"
37130
  },
37131
  "data-testid": "breadcrumb:popup"
37132
- }, button && !singleButton ? Object.values(getChildrenIndex(groups[button.parent].children)).map(function (buttonData, key) {
37133
  return /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
37134
  key: key,
37135
  className: "breadcrumb-select-options",
@@ -37185,7 +37150,6 @@ function ButtonHeader(_ref) {
37185
  history = _ref.history,
37186
  _ref$tab = _ref.tab,
37187
  tab = _ref$tab === void 0 ? 0 : _ref$tab;
37188
- var singleButton = group.children.length < 2;
37189
 
37190
  var LinkTab = function LinkTab(props) {
37191
  var url = "/group/".concat(group.id, "/button/").concat(button.id, "/").concat(props.page);
@@ -37217,7 +37181,7 @@ function ButtonHeader(_ref) {
37217
  className: "breadcrumb-text"
37218
  }, translate("bar.breadcrumb.home")), /*#__PURE__*/react.createElement("i", {
37219
  className: "fas fa-chevron-right"
37220
- }))), !singleButton && /*#__PURE__*/react.createElement(Tippy_Tippy, {
37221
  content: translate("bar.breadcrumb.tippy_group")
37222
  }, /*#__PURE__*/react.createElement(Button_Button, {
37223
  onClick: function onClick() {
@@ -37230,7 +37194,7 @@ function ButtonHeader(_ref) {
37230
  className: "fas fa-chevron-right"
37231
  }))), /*#__PURE__*/react.createElement(BreadcrumbSelect_BreadcrumbSelect, {
37232
  button: button
37233
- })), /*#__PURE__*/react.createElement(RandomTip_RandomTip, null), !singleButton && /*#__PURE__*/react.createElement("div", {
37234
  className: "back-to-group"
37235
  }, /*#__PURE__*/react.createElement("a", {
37236
  href: "#/group/" + group.id
@@ -44774,1263 +44738,1182 @@ function ButtonAction(_ref) {
44774
  }
44775
  })));
44776
  }
44777
- ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/Grid/Grid.js
44778
-
44779
-
44780
- // A grid component using the following libs as inspiration.
44781
- //
44782
- // For the implementation:
44783
- // - https://getbootstrap.com/docs/4.3/layout/grid/
44784
- // - https://github.com/kristoferjoseph/flexboxgrid/blob/master/src/css/flexboxgrid.css
44785
- // - https://github.com/roylee0704/react-flexbox-grid
44786
- // - https://material.angularjs.org/latest/layout/introduction
44787
- //
44788
- // Follow this flexbox Guide to better understand the underlying model:
44789
- // - https://css-tricks.com/snippets/css/a-guide-to-flexbox/
44790
-
44791
-
44792
 
 
44793
 
 
44794
 
44795
- var SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
44796
- var GRID_SIZES = ['auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
44797
 
44798
- function generateGrid(globalStyles, theme, breakpoint) {
44799
- var styles = {};
44800
- GRID_SIZES.forEach(function (size) {
44801
- var key = "grid-".concat(breakpoint, "-").concat(size);
44802
 
44803
- if (size === true) {
44804
- // For the auto layouting
44805
- styles[key] = {
44806
- flexBasis: 0,
44807
- flexGrow: 1,
44808
- maxWidth: '100%'
44809
- };
44810
- return;
44811
- }
44812
 
44813
- if (size === 'auto') {
44814
- styles[key] = {
44815
- flexBasis: 'auto',
44816
- flexGrow: 0,
44817
- maxWidth: 'none'
44818
- };
44819
- return;
44820
- } // Keep 7 significant numbers.
44821
 
 
44822
 
44823
- var width = "".concat(Math.round(size / 12 * 10e7) / 10e5, "%"); // Close to the bootstrap implementation:
44824
- // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41
44825
 
44826
- styles[key] = {
44827
- flexBasis: width,
44828
- flexGrow: 0,
44829
- maxWidth: width
44830
- };
44831
- }); // No need for a media query for the first size.
44832
 
44833
- if (breakpoint === 'xs') {
44834
- (0,esm_extends/* default */.Z)(globalStyles, styles);
44835
- } else {
44836
- globalStyles[theme.breakpoints.up(breakpoint)] = styles;
44837
- }
44838
- }
44839
 
44840
- function getOffset(val) {
44841
- var div = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
44842
- var parse = parseFloat(val);
44843
- return "".concat(parse / div).concat(String(val).replace(String(parse), '') || 'px');
44844
- }
44845
 
44846
- function generateGutter(theme, breakpoint) {
44847
- var styles = {};
44848
- SPACINGS.forEach(function (spacing) {
44849
- var themeSpacing = theme.spacing(spacing);
44850
 
44851
- if (themeSpacing === 0) {
44852
- return;
44853
- }
44854
 
44855
- styles["spacing-".concat(breakpoint, "-").concat(spacing)] = {
44856
- margin: "-".concat(getOffset(themeSpacing, 2)),
44857
- width: "calc(100% + ".concat(getOffset(themeSpacing), ")"),
44858
- '& > $item': {
44859
- padding: getOffset(themeSpacing, 2)
44860
- }
44861
- };
44862
- });
44863
- return styles;
44864
- } // Default CSS values
44865
- // flex: '0 1 auto',
44866
- // flexDirection: 'row',
44867
- // alignItems: 'flex-start',
44868
- // flexWrap: 'nowrap',
44869
- // justifyContent: 'flex-start',
44870
 
44871
 
44872
- var Grid_styles = function styles(theme) {
44873
- return (0,esm_extends/* default */.Z)({
44874
- /* Styles applied to the root element. */
44875
- root: {},
44876
 
44877
- /* Styles applied to the root element if `container={true}`. */
44878
- container: {
44879
- boxSizing: 'border-box',
44880
- display: 'flex',
44881
- flexWrap: 'wrap',
44882
- width: '100%'
44883
- },
44884
 
44885
- /* Styles applied to the root element if `item={true}`. */
44886
- item: {
44887
- boxSizing: 'border-box',
44888
- margin: '0' // For instance, it's useful when used with a `figure` element.
44889
 
44890
- },
44891
 
44892
- /* Styles applied to the root element if `zeroMinWidth={true}`. */
44893
- zeroMinWidth: {
44894
- minWidth: 0
44895
- },
44896
 
44897
- /* Styles applied to the root element if `direction="column"`. */
44898
- 'direction-xs-column': {
44899
- flexDirection: 'column'
44900
- },
44901
 
44902
- /* Styles applied to the root element if `direction="column-reverse"`. */
44903
- 'direction-xs-column-reverse': {
44904
- flexDirection: 'column-reverse'
44905
- },
44906
 
44907
- /* Styles applied to the root element if `direction="row-reverse"`. */
44908
- 'direction-xs-row-reverse': {
44909
- flexDirection: 'row-reverse'
44910
- },
44911
 
44912
- /* Styles applied to the root element if `wrap="nowrap"`. */
44913
- 'wrap-xs-nowrap': {
44914
- flexWrap: 'nowrap'
 
 
 
44915
  },
44916
-
44917
- /* Styles applied to the root element if `wrap="reverse"`. */
44918
- 'wrap-xs-wrap-reverse': {
44919
- flexWrap: 'wrap-reverse'
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
44920
  },
44921
-
44922
- /* Styles applied to the root element if `alignItems="center"`. */
44923
- 'align-items-xs-center': {
44924
- alignItems: 'center'
 
 
 
44925
  },
 
 
 
44926
 
44927
- /* Styles applied to the root element if `alignItems="flex-start"`. */
44928
- 'align-items-xs-flex-start': {
44929
- alignItems: 'flex-start'
44930
- },
 
 
 
 
 
 
 
 
 
 
 
44931
 
44932
- /* Styles applied to the root element if `alignItems="flex-end"`. */
44933
- 'align-items-xs-flex-end': {
44934
- alignItems: 'flex-end'
44935
- },
44936
 
44937
- /* Styles applied to the root element if `alignItems="baseline"`. */
44938
- 'align-items-xs-baseline': {
44939
- alignItems: 'baseline'
 
 
44940
  },
44941
-
44942
- /* Styles applied to the root element if `alignContent="center"`. */
44943
- 'align-content-xs-center': {
44944
- alignContent: 'center'
44945
  },
44946
-
44947
- /* Styles applied to the root element if `alignContent="flex-start"`. */
44948
- 'align-content-xs-flex-start': {
44949
- alignContent: 'flex-start'
44950
  },
 
 
 
 
 
 
 
44951
 
44952
- /* Styles applied to the root element if `alignContent="flex-end"`. */
44953
- 'align-content-xs-flex-end': {
44954
- alignContent: 'flex-end'
44955
- },
44956
 
44957
- /* Styles applied to the root element if `alignContent="space-between"`. */
44958
- 'align-content-xs-space-between': {
44959
- alignContent: 'space-between'
44960
- },
44961
 
44962
- /* Styles applied to the root element if `alignContent="space-around"`. */
44963
- 'align-content-xs-space-around': {
44964
- alignContent: 'space-around'
44965
- },
44966
 
44967
- /* Styles applied to the root element if `justify="center"`. */
44968
- 'justify-xs-center': {
44969
- justifyContent: 'center'
44970
- },
44971
 
44972
- /* Styles applied to the root element if `justify="flex-end"`. */
44973
- 'justify-xs-flex-end': {
44974
- justifyContent: 'flex-end'
44975
- },
44976
 
44977
- /* Styles applied to the root element if `justify="space-between"`. */
44978
- 'justify-xs-space-between': {
44979
- justifyContent: 'space-between'
44980
- },
44981
 
44982
- /* Styles applied to the root element if `justify="space-around"`. */
44983
- 'justify-xs-space-around': {
44984
- justifyContent: 'space-around'
44985
- },
 
 
 
 
 
 
 
 
 
44986
 
44987
- /* Styles applied to the root element if `justify="space-evenly"`. */
44988
- 'justify-xs-space-evenly': {
44989
- justifyContent: 'space-evenly'
 
 
44990
  }
44991
- }, generateGutter(theme, 'xs'), theme.breakpoints.keys.reduce(function (accumulator, key) {
44992
- // Use side effect over immutability for better performance.
44993
- generateGrid(accumulator, theme, key);
44994
- return accumulator;
44995
- }, {}));
44996
- };
44997
- var Grid = /*#__PURE__*/react.forwardRef(function Grid(props, ref) {
44998
- var _props$alignContent = props.alignContent,
44999
- alignContent = _props$alignContent === void 0 ? 'stretch' : _props$alignContent,
45000
- _props$alignItems = props.alignItems,
45001
- alignItems = _props$alignItems === void 0 ? 'stretch' : _props$alignItems,
45002
- classes = props.classes,
45003
- classNameProp = props.className,
45004
- _props$component = props.component,
45005
- Component = _props$component === void 0 ? 'div' : _props$component,
45006
- _props$container = props.container,
45007
- container = _props$container === void 0 ? false : _props$container,
45008
- _props$direction = props.direction,
45009
- direction = _props$direction === void 0 ? 'row' : _props$direction,
45010
- _props$item = props.item,
45011
- item = _props$item === void 0 ? false : _props$item,
45012
- _props$justify = props.justify,
45013
- justify = _props$justify === void 0 ? 'flex-start' : _props$justify,
45014
- _props$lg = props.lg,
45015
- lg = _props$lg === void 0 ? false : _props$lg,
45016
- _props$md = props.md,
45017
- md = _props$md === void 0 ? false : _props$md,
45018
- _props$sm = props.sm,
45019
- sm = _props$sm === void 0 ? false : _props$sm,
45020
- _props$spacing = props.spacing,
45021
- spacing = _props$spacing === void 0 ? 0 : _props$spacing,
45022
- _props$wrap = props.wrap,
45023
- wrap = _props$wrap === void 0 ? 'wrap' : _props$wrap,
45024
- _props$xl = props.xl,
45025
- xl = _props$xl === void 0 ? false : _props$xl,
45026
- _props$xs = props.xs,
45027
- xs = _props$xs === void 0 ? false : _props$xs,
45028
- _props$zeroMinWidth = props.zeroMinWidth,
45029
- zeroMinWidth = _props$zeroMinWidth === void 0 ? false : _props$zeroMinWidth,
45030
- other = (0,objectWithoutProperties/* default */.Z)(props, ["alignContent", "alignItems", "classes", "className", "component", "container", "direction", "item", "justify", "lg", "md", "sm", "spacing", "wrap", "xl", "xs", "zeroMinWidth"]);
45031
 
45032
- var className = (0,clsx_m/* default */.Z)(classes.root, classNameProp, container && [classes.container, spacing !== 0 && classes["spacing-xs-".concat(String(spacing))]], item && classes.item, zeroMinWidth && classes.zeroMinWidth, direction !== 'row' && classes["direction-xs-".concat(String(direction))], wrap !== 'wrap' && classes["wrap-xs-".concat(String(wrap))], alignItems !== 'stretch' && classes["align-items-xs-".concat(String(alignItems))], alignContent !== 'stretch' && classes["align-content-xs-".concat(String(alignContent))], justify !== 'flex-start' && classes["justify-xs-".concat(String(justify))], xs !== false && classes["grid-xs-".concat(String(xs))], sm !== false && classes["grid-sm-".concat(String(sm))], md !== false && classes["grid-md-".concat(String(md))], lg !== false && classes["grid-lg-".concat(String(lg))], xl !== false && classes["grid-xl-".concat(String(xl))]);
45033
- return /*#__PURE__*/react.createElement(Component, (0,esm_extends/* default */.Z)({
45034
- className: className,
45035
- ref: ref
45036
- }, other));
45037
- });
45038
- false ? 0 : void 0;
45039
- var StyledGrid = (0,withStyles/* default */.Z)(Grid_styles, {
45040
- name: 'MuiGrid'
45041
- })(Grid);
45042
 
45043
- if (false) { var requireProp; }
45044
 
45045
- /* harmony default export */ var Grid_Grid = (StyledGrid);
45046
- ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/InputAdornment/InputAdornment.js
 
 
45047
 
 
 
 
 
 
 
 
 
 
 
45048
 
 
 
 
 
 
 
 
 
45049
 
 
 
 
 
45050
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45051
 
 
 
 
 
45052
 
 
 
 
 
 
 
45053
 
 
 
 
45054
 
45055
- var InputAdornment_styles = {
45056
- /* Styles applied to the root element. */
45057
- root: {
45058
- display: 'flex',
45059
- height: '0.01em',
45060
- // Fix IE 11 flexbox alignment. To remove at some point.
45061
- maxHeight: '2em',
45062
- alignItems: 'center',
45063
- whiteSpace: 'nowrap'
45064
- },
45065
 
45066
- /* Styles applied to the root element if `variant="filled"`. */
45067
- filled: {
45068
- '&$positionStart:not($hiddenLabel)': {
45069
- marginTop: 16
45070
- }
45071
- },
45072
 
45073
- /* Styles applied to the root element if `position="start"`. */
45074
- positionStart: {
45075
- marginRight: 8
45076
- },
 
 
 
45077
 
45078
- /* Styles applied to the root element if `position="end"`. */
45079
- positionEnd: {
45080
- marginLeft: 8
45081
- },
45082
 
45083
- /* Styles applied to the root element if `disablePointerEvents=true`. */
45084
- disablePointerEvents: {
45085
- pointerEvents: 'none'
45086
- },
45087
 
45088
- /* Styles applied if the adornment is used inside <FormControl hiddenLabel />. */
45089
- hiddenLabel: {},
45090
 
45091
- /* Styles applied if the adornment is used inside <FormControl margin="dense" />. */
45092
- marginDense: {}
45093
- };
45094
- var InputAdornment = /*#__PURE__*/react.forwardRef(function InputAdornment(props, ref) {
45095
- var children = props.children,
45096
- classes = props.classes,
45097
- className = props.className,
45098
- _props$component = props.component,
45099
- Component = _props$component === void 0 ? 'div' : _props$component,
45100
- _props$disablePointer = props.disablePointerEvents,
45101
- disablePointerEvents = _props$disablePointer === void 0 ? false : _props$disablePointer,
45102
- _props$disableTypogra = props.disableTypography,
45103
- disableTypography = _props$disableTypogra === void 0 ? false : _props$disableTypogra,
45104
- position = props.position,
45105
- variantProp = props.variant,
45106
- other = (0,objectWithoutProperties/* default */.Z)(props, ["children", "classes", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"]);
45107
 
45108
- var muiFormControl = useFormControl() || {};
45109
- var variant = variantProp;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45110
 
45111
- if (variantProp && muiFormControl.variant) {
45112
- if (false) {}
45113
- }
 
 
45114
 
45115
- if (muiFormControl && !variant) {
45116
- variant = muiFormControl.variant;
45117
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45118
 
45119
- return /*#__PURE__*/react.createElement(FormControl_FormControlContext.Provider, {
45120
- value: null
45121
- }, /*#__PURE__*/react.createElement(Component, (0,esm_extends/* default */.Z)({
45122
- className: (0,clsx_m/* default */.Z)(classes.root, className, disablePointerEvents && classes.disablePointerEvents, muiFormControl.hiddenLabel && classes.hiddenLabel, variant === 'filled' && classes.filled, {
45123
- 'start': classes.positionStart,
45124
- 'end': classes.positionEnd
45125
- }[position], muiFormControl.margin === 'dense' && classes.marginDense),
45126
- ref: ref
45127
- }, other), typeof children === 'string' && !disableTypography ? /*#__PURE__*/react.createElement(Typography_Typography, {
45128
- color: "textSecondary"
45129
- }, children) : children));
45130
- });
45131
- false ? 0 : void 0;
45132
- /* harmony default export */ var InputAdornment_InputAdornment = ((0,withStyles/* default */.Z)(InputAdornment_styles, {
45133
- name: 'MuiInputAdornment'
45134
- })(InputAdornment));
45135
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/Position/Position.js
45136
- function Position_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; }
45137
 
45138
- function Position_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Position_ownKeys(Object(source), true).forEach(function (key) { Position_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Position_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
45139
 
45140
- function Position_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; }
 
45141
 
45142
- function Position_slicedToArray(arr, i) { return Position_arrayWithHoles(arr) || Position_iterableToArrayLimit(arr, i) || Position_unsupportedIterableToArray(arr, i) || Position_nonIterableRest(); }
 
 
 
45143
 
45144
- function Position_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 
 
 
 
 
 
 
 
45145
 
45146
- function Position_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Position_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Position_arrayLikeToArray(o, minLen); }
 
45147
 
45148
- function Position_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; }
 
 
 
45149
 
45150
- function Position_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 
 
 
 
 
 
45151
 
45152
- function Position_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
 
 
 
45153
 
 
 
 
 
45154
 
 
45155
 
 
 
 
 
 
45156
 
 
 
 
 
 
45157
 
45158
 
 
 
 
 
 
 
 
 
 
 
 
 
45159
 
 
 
 
45160
 
45161
- var getPositionParameters = function getPositionParameters(input) {
45162
- /* webpack-strip-block:removed */
45163
- if (typeof input !== "string") return {
45164
- value: input,
45165
- mode: false,
45166
- type: false
45167
- };
45168
- var result = input.match(/(left|right|top|bottom):\s?(\d{1,3})\s?.+;?/i);
45169
- if (result === null) return {
45170
- mode: false,
45171
- value: false,
45172
- type: false
45173
- };
45174
- return {
45175
- value: Number(result[2]),
45176
- mode: result[1],
45177
- type: "%"
45178
- };
45179
- };
45180
 
45181
- function Position(_ref) {
45182
- var _ref$position = _ref.position,
45183
- position = _ref$position === void 0 ? "vertical" : _ref$position,
45184
- value = _ref.value,
45185
- onChange = _ref.onChange;
45186
- var positionValue = value;
45187
- var result = getPositionParameters(value);
45188
 
45189
- var _useState = (0,react.useState)(result.value),
45190
- _useState2 = Position_slicedToArray(_useState, 2),
45191
- currentPosition = _useState2[0],
45192
- setCurrentPosition = _useState2[1];
45193
 
45194
- var _useState3 = (0,react.useState)(result.mode ? result.mode : position === "vertical" ? "bottom" : "right"),
45195
- _useState4 = Position_slicedToArray(_useState3, 2),
45196
- positionMode = _useState4[0],
45197
- setPositionMode = _useState4[1];
45198
 
45199
- var _useState5 = (0,react.useState)(result.type || "%"),
45200
- _useState6 = Position_slicedToArray(_useState5, 2),
45201
- positionType = _useState6[0],
45202
- setPositionType = _useState6[1];
 
 
 
 
45203
 
45204
- var _useState7 = (0,react.useState)(!/(bottom|right|top|left):\s?(5|50)%;?/i.test(positionValue)),
45205
- _useState8 = Position_slicedToArray(_useState7, 2),
45206
- advancedOpen = _useState8[0],
45207
- setAdvancedOpen = _useState8[1];
45208
 
45209
- var updatePosition = function updatePosition(obj) {
45210
- var _type$mode$value$obj = Position_objectSpread({
45211
- type: positionType,
45212
- mode: positionMode,
45213
- value: currentPosition
45214
- }, obj),
45215
- type = _type$mode$value$obj.type,
45216
- mode = _type$mode$value$obj.mode,
45217
- value = _type$mode$value$obj.value;
45218
 
45219
- var output = "".concat(mode, ": ").concat(value).concat(type, ";");
45220
- onChange(output);
45221
- setPositionMode(mode);
45222
- setCurrentPosition(value);
45223
- /* webpack-strip-block:removed */
45224
- };
45225
 
45226
- var positionTypeSetting = function positionTypeSetting() {
45227
- /* webpack-strip-block:removed */
45228
- return /*#__PURE__*/react.createElement(Grid_Grid, {
45229
- item: true,
45230
- xs: 12,
45231
- component: ButtonGroup_ButtonGroup,
45232
- margin: "dense"
45233
- }, /*#__PURE__*/react.createElement(Button_Button, {
45234
- color: "primary",
45235
- variant: "contained",
45236
- "data-testid": "setting:position-".concat(position, "-scaled")
45237
- }, translate("settings.menu_position.scaled"), " (%)"), /*#__PURE__*/react.createElement(Button_Button, {
45238
- color: "primary",
45239
- disabled: true,
45240
- variant: "outlined",
45241
- "data-testid": "setting:position-".concat(position, "-abs")
45242
- }, translate("settings.menu_position.absolute"), " (px) ", /*#__PURE__*/react.createElement(PremiumTag, null)));
45243
- };
45244
 
45245
- return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
45246
- className: "setting-group-title"
45247
- }, translate("settings.menu_position.".concat(position))), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(Grid_Grid, {
45248
- container: true,
45249
- style: {
45250
- marginBottom: "25px"
45251
- },
45252
- alignItems: "center",
45253
- spacing: 1
45254
- }, /*#__PURE__*/react.createElement(Grid_Grid, {
45255
- item: true,
45256
- xs: 5,
45257
- component: ButtonGroup_ButtonGroup,
45258
- color: "primary",
45259
- className: (0,clsx_m/* default */.Z)("position-buttons position-".concat(position))
45260
- }, /*#__PURE__*/react.createElement(Button_Button, {
45261
- color: "primary",
45262
- variant: /(top|left):\s?5%;?/i.test(positionValue) ? "contained" : "outlined",
45263
- onClick: function onClick() {
45264
- return updatePosition({
45265
- value: 5,
45266
- type: "%",
45267
- mode: position === "vertical" ? "top" : "left"
45268
- });
45269
- },
45270
- "data-testid": "setting:position-".concat(position, "-left"),
45271
- size: "small"
45272
- }, /*#__PURE__*/react.createElement("svg", {
45273
- className: "icon",
45274
- xmlns: "http://www.w3.org/2000/svg",
45275
- width: "24",
45276
- height: "24",
45277
- viewBox: "0 0 24 24"
45278
- }, /*#__PURE__*/react.createElement("path", {
45279
- d: "M8 11h3v10h2V11h3l-4-4-4 4zM4 3v2h16V3H4z"
45280
- }), /*#__PURE__*/react.createElement("path", {
45281
- d: "M0 0h24v24H0z",
45282
- fill: "none"
45283
- }))), /*#__PURE__*/react.createElement(Button_Button, {
45284
- color: "primary",
45285
- variant: /(bottom|right):\s?50%;?/i.test(positionValue) ? "contained" : "outlined",
45286
- onClick: function onClick() {
45287
- return updatePosition({
45288
- value: 50,
45289
- type: "%",
45290
- mode: position === "vertical" ? "bottom" : "right"
45291
- });
45292
- },
45293
- "data-testid": "setting:position-".concat(position, "-middle"),
45294
- size: "small"
45295
- }, /*#__PURE__*/react.createElement("svg", {
45296
- className: "icon",
45297
- xmlns: "http://www.w3.org/2000/svg",
45298
- width: "24",
45299
- height: "24",
45300
- viewBox: "0 0 24 24"
45301
- }, /*#__PURE__*/react.createElement("path", {
45302
- d: "M8 19h3v4h2v-4h3l-4-4-4 4zm8-14h-3V1h-2v4H8l4 4 4-4zM4 11v2h16v-2H4z"
45303
- }), /*#__PURE__*/react.createElement("path", {
45304
- d: "M0 0h24v24H0z",
45305
- fill: "none"
45306
- }))), /*#__PURE__*/react.createElement(Button_Button, {
45307
- color: "primary",
45308
- variant: /(bottom|right):\s?5%;?/i.test(positionValue) ? "contained" : "outlined",
45309
- onClick: function onClick() {
45310
- return updatePosition({
45311
- value: 5,
45312
- type: "%",
45313
- mode: position === "vertical" ? "bottom" : "right"
45314
- });
45315
- },
45316
- "data-testid": "setting:position-".concat(position, "-right"),
45317
- size: "small"
45318
- }, /*#__PURE__*/react.createElement("svg", {
45319
- className: "icon",
45320
- xmlns: "http://www.w3.org/2000/svg",
45321
- width: "24",
45322
- height: "24",
45323
- viewBox: "0 0 24 24"
45324
- }, /*#__PURE__*/react.createElement("path", {
45325
- d: "M8 11h3v10h2V11h3l-4-4-4 4zM4 3v2h16V3H4z"
45326
- }), /*#__PURE__*/react.createElement("path", {
45327
- d: "M0 0h24v24H0z",
45328
- fill: "none"
45329
- })))), /*#__PURE__*/react.createElement(Grid_Grid, {
45330
- item: true,
45331
- xs: true,
45332
- onClick: function onClick() {
45333
- return setAdvancedOpen(!advancedOpen);
45334
- },
45335
- component: Button_Button,
45336
- variant: "text",
45337
- color: "primary",
45338
- endIcon: /*#__PURE__*/react.createElement(Icon_Icon, {
45339
- className: "fas fa-chevron-".concat(advancedOpen ? "down" : "right")
45340
- }),
45341
- "data-testid": "setting:position-".concat(position, "-advanced")
45342
- }, translate("utils.advanced"))), advancedOpen && /*#__PURE__*/react.createElement(Grid_Grid, {
45343
- container: true,
45344
- spacing: 2,
45345
- alignItems: "center"
45346
- }, /*#__PURE__*/react.createElement(Grid_Grid, {
45347
- container: true,
45348
- item: true,
45349
- xs: 12,
45350
- alignItems: "center",
45351
- spacing: 1,
45352
- justify: "space-between"
45353
- }, /*#__PURE__*/react.createElement(Grid_Grid, {
45354
- item: true,
45355
- xs: 4,
45356
- component: TextField_TextField,
45357
- value: currentPosition == null ? "" : currentPosition,
45358
- variant: "outlined",
45359
- onChange: function onChange(e) {
45360
- updatePosition({
45361
- value: e.target.value.replace(/^0+(.+)/, "$1")
45362
- });
45363
- },
45364
- onBlur: function onBlur() {
45365
- if (currentPosition === "") updatePosition({
45366
- value: 0
45367
- });
45368
- },
45369
- size: "small",
45370
- inputProps: {
45371
- type: "number",
45372
- "aria-labelledby": "input-slider",
45373
- "data-testid": "setting:position-".concat(position, "-field")
45374
- },
45375
- InputProps: {
45376
- endAdornment: /*#__PURE__*/react.createElement(InputAdornment_InputAdornment, {
45377
- position: "end"
45378
- }, positionType)
45379
- }
45380
- }), /*#__PURE__*/react.createElement(Grid_Grid, {
45381
- item: true,
45382
- style: {
45383
- textAlign: "center"
45384
- }
45385
- }, translate("settings.menu_position.from"), ":", " "), /*#__PURE__*/react.createElement(Grid_Grid, {
45386
- item: true,
45387
- component: ButtonGroup_ButtonGroup
45388
- }, /*#__PURE__*/react.createElement(Button_Button, {
45389
- color: "primary",
45390
- onClick: function onClick() {
45391
- return updatePosition({
45392
- mode: position === "vertical" ? "top" : "left"
45393
- });
45394
- },
45395
- variant: /top|left/i.test(positionMode) ? "contained" : "outlined",
45396
- "data-testid": "setting:position-".concat(position, "-near")
45397
- }, position === "vertical" ? translate("settings.menu_position.directions.top") : translate("settings.menu_position.directions.left")), /*#__PURE__*/react.createElement(Button_Button, {
45398
- color: "primary",
45399
- onClick: function onClick() {
45400
- return updatePosition({
45401
- mode: position === "vertical" ? "bottom" : "right"
45402
- });
45403
- },
45404
- variant: /bottom|right/i.test(positionMode) ? "contained" : "outlined",
45405
- "data-testid": "setting:position-".concat(position, "-far")
45406
- }, position === "vertical" ? translate("settings.menu_position.directions.bottom") : translate("settings.menu_position.directions.right")))), positionTypeSetting()));
45407
- }
45408
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/Animation/Animation.js
45409
- function Animation_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; }
45410
 
45411
- function Animation_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Animation_ownKeys(Object(source), true).forEach(function (key) { Animation_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Animation_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 
45412
 
45413
- function Animation_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; }
 
 
 
45414
 
45415
- function Animation_slicedToArray(arr, i) { return Animation_arrayWithHoles(arr) || Animation_iterableToArrayLimit(arr, i) || Animation_unsupportedIterableToArray(arr, i) || Animation_nonIterableRest(); }
 
 
45416
 
45417
- function Animation_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 
45418
 
45419
- function Animation_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Animation_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Animation_arrayLikeToArray(o, minLen); }
 
 
 
 
 
 
 
 
45420
 
45421
- function Animation_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; }
 
 
 
 
 
 
 
 
 
 
 
 
 
45422
 
45423
- function Animation_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 
45424
 
45425
- function Animation_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
45426
 
 
 
 
 
45427
 
 
 
 
 
 
 
 
45428
 
 
 
 
 
45429
 
 
 
45430
 
 
 
 
45431
 
 
 
 
 
45432
 
45433
- function Animation(_ref) {
45434
- var value = _ref.value,
45435
- onChange = _ref.onChange;
45436
 
45437
- var _useState = (0,react.useState)(value.type),
45438
- _useState2 = Animation_slicedToArray(_useState, 2),
45439
- groupAnimation = _useState2[0],
45440
- setGroupAnimation = _useState2[1];
 
 
45441
 
45442
- var _useState3 = (0,react.useState)(value.delay),
45443
- _useState4 = Animation_slicedToArray(_useState3, 2),
45444
- animationDelay = _useState4[0],
45445
- setAnimationDelay = _useState4[1];
 
45446
 
45447
- var _useState5 = (0,react.useState)(value.repeatCount),
45448
- _useState6 = Animation_slicedToArray(_useState5, 2),
45449
- animationRepeatCount = _useState6[0],
45450
- setAnimationRepeatCount = _useState6[1];
45451
-
45452
- (0,react.useEffect)(function () {
45453
- setGroupAnimation(value.type);
45454
- /* webpack-strip-block:removed */
45455
- }, [value]);
45456
 
45457
- var handleChange = function handleChange(obj) {
45458
- onChange(Animation_objectSpread({
45459
- delay: animationDelay,
45460
- repeatCount: animationRepeatCount,
45461
- type: groupAnimation
45462
- }, obj));
45463
- };
45464
 
45465
- var menuList = function menuList() {
45466
- /* webpack-strip-block:removed */
45467
- return [/*#__PURE__*/react.createElement(MenuItem_MenuItem, {
45468
- value: "none",
45469
- key: 0
45470
- }, translate("settings.menu_animation.animations.none")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
45471
- value: "hello",
45472
- key: 1
45473
- }, translate("settings.menu_animation.animations.hello")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
45474
- value: "bounce",
45475
- key: 2
45476
- }, translate("settings.menu_animation.animations.bounce")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
45477
- disabled: true,
45478
- key: 3
45479
- }, translate("settings.menu_animation.animations.pulse"), " (PRO)"), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
45480
- disabled: true,
45481
- key: 4
45482
- }, translate("settings.menu_animation.animations.jelly"), " (PRO)")];
45483
- };
45484
 
45485
- return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(FormControl_FormControl, {
45486
- variant: "outlined",
45487
- fullWidth: true,
45488
- style: {
45489
- marginBottom: "20px"
45490
- }
45491
- }, /*#__PURE__*/react.createElement(InputLabel_InputLabel, {
45492
- id: "group-animation"
45493
- }, translate("common.type")), /*#__PURE__*/react.createElement(Select_Select, {
45494
- label: translate("common.type"),
45495
- id: "group-animation",
45496
- value: groupAnimation,
45497
- onChange: function onChange(e) {
45498
- if (e.target.value == null) return;
45499
- setGroupAnimation(e.target.value);
45500
- handleChange({
45501
- type: e.target.value
45502
- });
45503
- },
45504
- inputProps: {
45505
- "data-testid": "setting:animation"
45506
- }
45507
- }, menuList())), groupAnimation !== "none" && /*#__PURE__*/react.createElement(Grid_Grid, {
45508
- container: true,
45509
- spacing: 3
45510
- }, /*#__PURE__*/react.createElement(Grid_Grid, {
45511
- item: true,
45512
- xs: true
45513
- }, function () {
45514
- /* webpack-strip-block:removed */
45515
- return /*#__PURE__*/react.createElement(TextField_TextField, {
45516
- label: translate("settings.menu_animation.delay"),
45517
- disabled: true,
45518
- value: 5000,
45519
- size: "small",
45520
- variant: "outlined",
45521
- InputProps: {
45522
- endAdornment: /*#__PURE__*/react.createElement(PremiumTag, null)
45523
- },
45524
- inputProps: {
45525
- "data-testid": "setting:animation-delay"
45526
- },
45527
- InputLabelProps: {
45528
- shrink: true
45529
- },
45530
- onClick: function onClick() {
45531
- return app.showPremiumDialog(translate("premium.add_animation_settings"));
45532
- }
45533
- });
45534
- }()), /*#__PURE__*/react.createElement(Grid_Grid, {
45535
- item: true,
45536
- xs: true
45537
- }, function () {
45538
- /* webpack-strip-block:removed */
45539
- return /*#__PURE__*/react.createElement(TextField_TextField, {
45540
- label: translate("settings.menu_animation.repeat_count"),
45541
- value: 5,
45542
- disabled: true,
45543
- size: "small",
45544
- variant: "outlined",
45545
- InputProps: {
45546
- endAdornment: /*#__PURE__*/react.createElement(PremiumTag, null),
45547
- "data-testid": "setting:animation-repeat-count"
45548
- },
45549
- InputLabelProps: {
45550
- shrink: true
45551
- },
45552
- onClick: function onClick() {
45553
- return app.showPremiumDialog(translate("premium.add_animation_settings"));
45554
  }
45555
- });
45556
- }())));
45557
- }
45558
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/MenuStyle/MenuStyle.js
45559
- function MenuStyle_slicedToArray(arr, i) { return MenuStyle_arrayWithHoles(arr) || MenuStyle_iterableToArrayLimit(arr, i) || MenuStyle_unsupportedIterableToArray(arr, i) || MenuStyle_nonIterableRest(); }
45560
 
45561
- function MenuStyle_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
45562
 
45563
- function MenuStyle_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return MenuStyle_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return MenuStyle_arrayLikeToArray(o, minLen); }
 
 
 
 
45564
 
45565
- function MenuStyle_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; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45566
 
45567
- function MenuStyle_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 
45568
 
45569
- function MenuStyle_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
45570
 
 
45571
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45572
 
45573
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45574
 
 
 
 
 
 
 
45575
 
 
 
 
 
 
 
 
45576
 
45577
- function MenuStyle(_ref) {
45578
- var value = _ref.value,
45579
- _onChange = _ref.onChange;
45580
- var inputLabel = (0,react.useRef)(null);
 
45581
 
45582
- var _useState = (0,react.useState)(0),
45583
- _useState2 = MenuStyle_slicedToArray(_useState, 2),
45584
- labelWidth = _useState2[0],
45585
- setLabelWidth = _useState2[1];
45586
 
45587
- (0,react.useEffect)(function () {
45588
- setLabelWidth(inputLabel.current.offsetWidth);
45589
- }, []);
 
 
 
 
45590
 
45591
- var options = function options() {
45592
- /* webpack-strip-block:removed */
45593
- return [/*#__PURE__*/react.createElement(MenuItem_MenuItem, {
45594
- value: "default",
45595
- key: 0
45596
- }, translate("settings.menu_style.styles.default")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
45597
- value: "square",
45598
- key: 1
45599
- }, translate("settings.menu_style.styles.square")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
45600
- value: "rectangle",
45601
- key: 2
45602
- }, translate("settings.menu_style.styles.rectangle")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
45603
- value: "text",
45604
- key: 3,
45605
- style: {
45606
- opacity: 0.5
45607
  }
45608
- }, translate("settings.menu_style.styles.text"), " ", /*#__PURE__*/react.createElement(PremiumTag, null)), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
45609
- value: "text-icon",
45610
- key: 4,
45611
- style: {
45612
- opacity: 0.5
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45613
  }
45614
- }, translate("settings.menu_style.styles.texticon"), " ", /*#__PURE__*/react.createElement(PremiumTag, null))];
45615
- };
45616
 
45617
- return /*#__PURE__*/react.createElement(FormControl_FormControl, {
45618
- variant: "outlined",
45619
- fullWidth: true
45620
- }, /*#__PURE__*/react.createElement(InputLabel_InputLabel, {
45621
- id: "group-style",
45622
- ref: inputLabel
45623
- }, translate("common.type")), /*#__PURE__*/react.createElement(Select_Select, {
45624
- labelId: "group-style",
45625
- id: "group-style",
45626
- value: value,
45627
- onChange: function onChange(e) {
45628
- /* webpack-strip-block:removed */
45629
- if (e.target.value === "text" || e.target.value === "text-icon") {
45630
- app.showPremiumDialog(translate("premium.menu_styles." + e.target.value), null, e.target.value === "text" ? "https://s3.eu-central-1.amazonaws.com/community.buttonizer.pro/2020-05-14/1589467082-147541-image.png" : "https://s3.eu-central-1.amazonaws.com/community.buttonizer.pro/2020-05-14/1589468089-699690-msedge-f9gje423nn.png");
45631
- return;
 
 
 
 
 
 
 
 
 
45632
  }
45633
 
45634
- _onChange(e.target.value);
45635
- },
45636
- labelWidth: labelWidth,
45637
- inputProps: {
45638
- "data-testid": "setting:menu-style"
45639
- }
45640
- }, options()));
 
 
 
 
 
 
 
 
45641
  }
45642
- ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Button/Tabs/Options.js
45643
- function Options_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; }
45644
 
45645
- function Options_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Options_ownKeys(Object(source), true).forEach(function (key) { Options_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Options_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 
 
 
 
 
 
 
 
 
45646
 
45647
- function Options_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; }
 
45648
 
45649
- function Options_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Options_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; }
45650
 
45651
- function Options_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 
 
 
 
 
45652
 
45653
- function Options_slicedToArray(arr, i) { return Options_arrayWithHoles(arr) || Options_iterableToArrayLimit(arr, i) || Options_unsupportedIterableToArray(arr, i) || Options_nonIterableRest(); }
 
 
45654
 
45655
- function Options_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 
 
45656
 
45657
- function Options_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Options_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Options_arrayLikeToArray(o, minLen); }
 
 
 
45658
 
45659
- function Options_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; }
 
 
 
 
 
 
45660
 
45661
- function Options_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 
45662
 
45663
- function Options_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
45664
 
 
 
 
 
45665
 
 
 
45666
 
 
 
 
 
 
 
 
 
 
45667
 
 
 
45668
 
 
 
 
 
45669
 
 
 
 
 
 
 
 
 
45670
 
 
 
 
 
 
 
45671
 
 
 
45672
 
 
 
45673
 
 
 
 
 
 
 
 
45674
 
 
45675
 
 
 
 
 
 
 
 
 
 
 
45676
 
 
 
 
 
45677
 
 
 
 
 
 
 
 
 
45678
 
45679
- function Options(_ref) {
45680
- var set = _ref.set,
45681
- setParent = _ref.setParent,
45682
- get = _ref.get,
45683
- getParent = _ref.getParent,
45684
- singleButton = _ref.singleButton;
45685
 
45686
- var _useState = (0,react.useState)("general"),
45687
- _useState2 = Options_slicedToArray(_useState, 2),
45688
- openedGroup = _useState2[0],
45689
- setOpenedGroup = _useState2[1];
45690
 
45691
- var labelPlaceholder = getParent("menu_style") === "rectangle" || getParent("menu_style") === "text" || getParent("menu_style") === "text-icon";
45692
- return /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement(CollapsibleGroup, {
45693
- title: translate("settings.setting_categories.general"),
45694
- opened: openedGroup === "general",
45695
- onSetIsOpened: function onSetIsOpened(val) {
45696
- return setOpenedGroup(val ? "general" : "");
45697
- },
45698
- "data-testid": "group:general"
45699
- }, /*#__PURE__*/react.createElement("div", {
45700
- className: "setting-group-title"
45701
- }, translate("settings.button_action.title")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(ButtonAction, {
45702
- actionType: get("type", true),
45703
- id: get("id"),
45704
- onChange: function onChange(type, val) {
45705
- return set(type, val);
45706
- }
45707
- }), /*#__PURE__*/react.createElement("div", {
45708
- className: "setting-group-title"
45709
- }, translate("settings.show_mobile_desktop.device_visibility")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(Visibility, {
45710
- mobile: get("show_mobile") == true,
45711
- desktop: get("show_desktop") == true,
45712
- onChange: function onChange(type, val) {
45713
- return set(type, val);
45714
- }
45715
- })), singleButton && /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(CollapsibleGroup, {
45716
- title: translate("settings.menu_position.title"),
45717
- opened: openedGroup === "position",
45718
- onSetIsOpened: function onSetIsOpened(val) {
45719
- return setOpenedGroup(val ? "position" : "");
45720
- },
45721
- "data-testid": "group:position"
45722
- }, /*#__PURE__*/react.createElement(Position, {
45723
- position: "horizontal",
45724
- value: getParent("horizontal"),
45725
- onChange: function onChange(val) {
45726
- return setParent("horizontal", val);
45727
- }
45728
- }), /*#__PURE__*/react.createElement(Position, {
45729
- position: "vertical",
45730
- value: getParent("vertical"),
45731
- onChange: function onChange(val) {
45732
- return setParent("vertical", val);
45733
- }
45734
- })), /*#__PURE__*/react.createElement(CollapsibleGroup, {
45735
- title: translate("settings.menu_animation.title"),
45736
- opened: openedGroup === "animation",
45737
- onSetIsOpened: function onSetIsOpened(val) {
45738
- return setOpenedGroup(val ? "animation" : "");
45739
- },
45740
- "data-testid": "group:animation"
45741
- }, /*#__PURE__*/react.createElement("div", {
45742
- className: "setting-group-title"
45743
- }, translate("settings.menu_style.title")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(MenuStyle, {
45744
- value: getParent("menu_style"),
45745
- isSingleButton: true,
45746
- onChange: function onChange(val) {
45747
- if (val === "text" || val === "text-icon") {
45748
- set("border_radius", "10px 10px 10px 10px");
45749
- }
45750
 
45751
- setParent("menu_style", val);
45752
- }
45753
- }), /*#__PURE__*/react.createElement("div", {
45754
- className: "setting-group-title"
45755
- }, translate("settings.menu_animation.title")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(Animation, {
45756
- value: function () {
45757
- /* webpack-strip-block:removed */
45758
- return {
45759
- type: getParent("menu_animation"),
45760
- delay: 10,
45761
- repeatCount: 0
45762
- };
45763
- }(),
45764
- onChange: function onChange(obj) {
45765
- setParent("menu_animation", obj.type);
45766
- /* webpack-strip-block:removed */
45767
- }
45768
- }))), /*#__PURE__*/react.createElement(CollapsibleGroup, {
45769
- title: translate("settings.label.title"),
45770
- opened: openedGroup === "label",
45771
- onSetIsOpened: function onSetIsOpened(val) {
45772
- return setOpenedGroup(val ? "label" : "");
45773
- },
45774
- "data-testid": "group:label"
45775
- }, /*#__PURE__*/react.createElement("div", {
45776
- className: "setting-group-title"
45777
- }, translate("settings.setting_categories.label")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(Label, {
45778
- value: get("label"),
45779
- onChange: function onChange(val) {
45780
- return set("label", val);
45781
- },
45782
- placeholder: labelPlaceholder ? get("name") + "'s label" : ""
45783
- })));
45784
- }
45785
 
45786
- /* harmony default export */ var Tabs_Options = (connect(function (state) {
45787
- return {
45788
- buttons: state.buttons,
45789
- groups: state.groups
45790
- };
45791
- }, function (dispatch) {
45792
- return {
45793
- _set: function _set() {
45794
- return dispatch(dataActions_set.apply(void 0, arguments));
45795
- }
45796
- };
45797
- }, function (_ref2, _ref3, _ref4) {
45798
- var buttons = _ref2.buttons,
45799
- groups = _ref2.groups;
45800
- var _set = _ref3._set;
45801
 
45802
- var buttonId = _ref4.buttonId,
45803
- props = Options_objectWithoutProperties(_ref4, ["buttonId"]);
 
45804
 
45805
- var button = buttons[buttonId];
45806
- var group = groups[button.parent];
45807
- return Options_objectSpread({
45808
- set: function set(key, value) {
45809
- return _set(models.BUTTON, buttonId, key, value);
45810
- },
45811
- setParent: function setParent(key, value) {
45812
- return _set(models.GROUP, group.id, key, value);
45813
- },
45814
- get: function get(key) {
45815
- var returnValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
45816
- return _get(key, button, returnValue ? "button" : false);
45817
- },
45818
- getParent: function getParent(key) {
45819
- var returnValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
45820
- return _get(key, group, returnValue ? "group" : false);
45821
- },
45822
- singleButton: group.children.length < 2
45823
- }, props);
45824
- })(Options));
45825
- ;// CONCATENATED MODULE: ./node_modules/react-window/dist/index.esm.js
45826
 
 
 
45827
 
 
 
45828
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45829
 
 
 
45830
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45831
 
 
 
 
 
45832
 
45833
- // Animation frame based implementation of setTimeout.
45834
- // Inspired by Joe Lambert, https://gist.github.com/joelambert/1002116#file-requesttimeout-js
45835
- var hasNativePerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';
45836
- var now = hasNativePerformanceNow ? function () {
45837
- return performance.now();
45838
- } : function () {
45839
- return Date.now();
45840
- };
45841
- function cancelTimeout(timeoutID) {
45842
- cancelAnimationFrame(timeoutID.id);
45843
- }
45844
- function requestTimeout(callback, delay) {
45845
- var start = now();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45846
 
45847
- function tick() {
45848
- if (now() - start >= delay) {
45849
- callback.call(null);
45850
- } else {
45851
- timeoutID.id = requestAnimationFrame(tick);
45852
  }
45853
- }
45854
 
45855
- var timeoutID = {
45856
- id: requestAnimationFrame(tick)
45857
- };
45858
- return timeoutID;
45859
- }
 
 
 
 
 
 
 
 
 
45860
 
45861
- var size = -1; // This utility copied from "dom-helpers" package.
 
 
 
45862
 
45863
- function index_esm_getScrollbarSize(recalculate) {
45864
- if (recalculate === void 0) {
45865
- recalculate = false;
45866
- }
 
45867
 
45868
- if (size === -1 || recalculate) {
45869
- var div = document.createElement('div');
45870
- var style = div.style;
45871
- style.width = '50px';
45872
- style.height = '50px';
45873
- style.overflow = 'scroll';
45874
- document.body.appendChild(div);
45875
- size = div.offsetWidth - div.clientWidth;
45876
- document.body.removeChild(div);
45877
- }
45878
 
45879
- return size;
45880
- }
45881
- var cachedRTLResult = null; // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
45882
- // Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).
45883
- // Safari's elastic bounce makes detecting this even more complicated wrt potential false positives.
45884
- // The safest way to check this is to intentionally set a negative offset,
45885
- // and then verify that the subsequent "scroll" event matches the negative offset.
45886
- // If it does not match, then we can assume a non-standard RTL scroll implementation.
45887
 
45888
- function getRTLOffsetType(recalculate) {
45889
- if (recalculate === void 0) {
45890
- recalculate = false;
45891
- }
 
45892
 
45893
- if (cachedRTLResult === null || recalculate) {
45894
- var outerDiv = document.createElement('div');
45895
- var outerStyle = outerDiv.style;
45896
- outerStyle.width = '50px';
45897
- outerStyle.height = '50px';
45898
- outerStyle.overflow = 'scroll';
45899
- outerStyle.direction = 'rtl';
45900
- var innerDiv = document.createElement('div');
45901
- var innerStyle = innerDiv.style;
45902
- innerStyle.width = '100px';
45903
- innerStyle.height = '100px';
45904
- outerDiv.appendChild(innerDiv);
45905
- document.body.appendChild(outerDiv);
45906
 
45907
- if (outerDiv.scrollLeft > 0) {
45908
- cachedRTLResult = 'positive-descending';
45909
- } else {
45910
- outerDiv.scrollLeft = 1;
 
 
45911
 
45912
- if (outerDiv.scrollLeft === 0) {
45913
- cachedRTLResult = 'negative';
45914
- } else {
45915
- cachedRTLResult = 'positive-ascending';
 
45916
  }
45917
- }
45918
 
45919
- document.body.removeChild(outerDiv);
45920
- return cachedRTLResult;
45921
- }
 
 
 
45922
 
45923
- return cachedRTLResult;
45924
- }
 
45925
 
45926
- var IS_SCROLLING_DEBOUNCE_INTERVAL = 150;
45927
 
45928
- var defaultItemKey = function defaultItemKey(_ref) {
45929
- var columnIndex = _ref.columnIndex,
45930
- data = _ref.data,
45931
- rowIndex = _ref.rowIndex;
45932
- return rowIndex + ":" + columnIndex;
45933
  }; // In DEV mode, this Set helps us only log a warning once per component instance.
45934
  // This avoids spamming the console every time a render happens.
45935
 
45936
 
45937
- var devWarningsOverscanCount = null;
45938
- var devWarningsOverscanRowsColumnsCount = null;
45939
- var devWarningsTagName = null;
45940
 
45941
  if (false) {}
45942
 
45943
- function createGridComponent(_ref2) {
45944
  var _class, _temp;
45945
 
45946
- var getColumnOffset = _ref2.getColumnOffset,
45947
- getColumnStartIndexForOffset = _ref2.getColumnStartIndexForOffset,
45948
- getColumnStopIndexForStartIndex = _ref2.getColumnStopIndexForStartIndex,
45949
- getColumnWidth = _ref2.getColumnWidth,
45950
- getEstimatedTotalHeight = _ref2.getEstimatedTotalHeight,
45951
- getEstimatedTotalWidth = _ref2.getEstimatedTotalWidth,
45952
- getOffsetForColumnAndAlignment = _ref2.getOffsetForColumnAndAlignment,
45953
- getOffsetForRowAndAlignment = _ref2.getOffsetForRowAndAlignment,
45954
- getRowHeight = _ref2.getRowHeight,
45955
- getRowOffset = _ref2.getRowOffset,
45956
- getRowStartIndexForOffset = _ref2.getRowStartIndexForOffset,
45957
- getRowStopIndexForStartIndex = _ref2.getRowStopIndexForStartIndex,
45958
- initInstanceProps = _ref2.initInstanceProps,
45959
- shouldResetStyleCacheOnItemSizeChange = _ref2.shouldResetStyleCacheOnItemSizeChange,
45960
- validateProps = _ref2.validateProps;
45961
  return _temp = _class =
45962
  /*#__PURE__*/
45963
  function (_PureComponent) {
45964
- (0,inheritsLoose/* default */.Z)(Grid, _PureComponent);
45965
 
45966
  // Always use explicit constructor for React components.
45967
  // It produces less code after transpilation. (#26)
45968
  // eslint-disable-next-line no-useless-constructor
45969
- function Grid(props) {
45970
  var _this;
45971
 
45972
  _this = _PureComponent.call(this, props) || this;
45973
  _this._instanceProps = initInstanceProps(_this.props, (0,assertThisInitialized/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this)));
45974
- _this._resetIsScrollingTimeoutId = null;
45975
  _this._outerRef = void 0;
 
45976
  _this.state = {
45977
  instance: (0,assertThisInitialized/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this)),
45978
  isScrolling: false,
45979
- horizontalScrollDirection: 'forward',
45980
- scrollLeft: typeof _this.props.initialScrollLeft === 'number' ? _this.props.initialScrollLeft : 0,
45981
- scrollTop: typeof _this.props.initialScrollTop === 'number' ? _this.props.initialScrollTop : 0,
45982
- scrollUpdateWasRequested: false,
45983
- verticalScrollDirection: 'forward'
45984
  };
45985
  _this._callOnItemsRendered = void 0;
45986
- _this._callOnItemsRendered = memoize_one_esm(function (overscanColumnStartIndex, overscanColumnStopIndex, overscanRowStartIndex, overscanRowStopIndex, visibleColumnStartIndex, visibleColumnStopIndex, visibleRowStartIndex, visibleRowStopIndex) {
45987
  return _this.props.onItemsRendered({
45988
- overscanColumnStartIndex: overscanColumnStartIndex,
45989
- overscanColumnStopIndex: overscanColumnStopIndex,
45990
- overscanRowStartIndex: overscanRowStartIndex,
45991
- overscanRowStopIndex: overscanRowStopIndex,
45992
- visibleColumnStartIndex: visibleColumnStartIndex,
45993
- visibleColumnStopIndex: visibleColumnStopIndex,
45994
- visibleRowStartIndex: visibleRowStartIndex,
45995
- visibleRowStopIndex: visibleRowStopIndex
45996
  });
45997
  });
45998
  _this._callOnScroll = void 0;
45999
- _this._callOnScroll = memoize_one_esm(function (scrollLeft, scrollTop, horizontalScrollDirection, verticalScrollDirection, scrollUpdateWasRequested) {
46000
  return _this.props.onScroll({
46001
- horizontalScrollDirection: horizontalScrollDirection,
46002
- scrollLeft: scrollLeft,
46003
- scrollTop: scrollTop,
46004
- verticalScrollDirection: verticalScrollDirection,
46005
  scrollUpdateWasRequested: scrollUpdateWasRequested
46006
  });
46007
  });
46008
  _this._getItemStyle = void 0;
46009
 
46010
- _this._getItemStyle = function (rowIndex, columnIndex) {
46011
  var _this$props = _this.props,
46012
- columnWidth = _this$props.columnWidth,
46013
  direction = _this$props.direction,
46014
- rowHeight = _this$props.rowHeight;
 
46015
 
46016
- var itemStyleCache = _this._getItemStyleCache(shouldResetStyleCacheOnItemSizeChange && columnWidth, shouldResetStyleCacheOnItemSizeChange && direction, shouldResetStyleCacheOnItemSizeChange && rowHeight);
46017
 
46018
- var key = rowIndex + ":" + columnIndex;
46019
  var style;
46020
 
46021
- if (itemStyleCache.hasOwnProperty(key)) {
46022
- style = itemStyleCache[key];
46023
  } else {
46024
- var _offset = getColumnOffset(_this.props, columnIndex, _this._instanceProps);
 
 
46025
 
 
46026
  var isRtl = direction === 'rtl';
46027
- itemStyleCache[key] = style = {
 
46028
  position: 'absolute',
46029
- left: isRtl ? undefined : _offset,
46030
- right: isRtl ? _offset : undefined,
46031
- top: getRowOffset(_this.props, rowIndex, _this._instanceProps),
46032
- height: getRowHeight(_this.props, rowIndex, _this._instanceProps),
46033
- width: getColumnWidth(_this.props, columnIndex, _this._instanceProps)
46034
  };
46035
  }
46036
 
@@ -46042,51 +45925,70 @@ function createGridComponent(_ref2) {
46042
  return {};
46043
  });
46044
 
46045
- _this._onScroll = function (event) {
46046
  var _event$currentTarget = event.currentTarget,
46047
- clientHeight = _event$currentTarget.clientHeight,
46048
  clientWidth = _event$currentTarget.clientWidth,
46049
  scrollLeft = _event$currentTarget.scrollLeft,
46050
- scrollTop = _event$currentTarget.scrollTop,
46051
- scrollHeight = _event$currentTarget.scrollHeight,
46052
  scrollWidth = _event$currentTarget.scrollWidth;
46053
 
46054
  _this.setState(function (prevState) {
46055
- if (prevState.scrollLeft === scrollLeft && prevState.scrollTop === scrollTop) {
46056
  // Scroll position may have been updated by cDM/cDU,
46057
  // In which case we don't need to trigger another render,
46058
  // And we don't want to update state.isScrolling.
46059
  return null;
46060
  }
46061
 
46062
- var direction = _this.props.direction; // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
46063
- // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).
46064
- // It's also easier for this component if we convert offsets to the same format as they would be in for ltr.
46065
- // So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.
46066
-
46067
- var calculatedScrollLeft = scrollLeft;
46068
 
46069
  if (direction === 'rtl') {
 
 
 
 
46070
  switch (getRTLOffsetType()) {
46071
  case 'negative':
46072
- calculatedScrollLeft = -scrollLeft;
46073
  break;
46074
 
46075
  case 'positive-descending':
46076
- calculatedScrollLeft = scrollWidth - clientWidth - scrollLeft;
46077
  break;
46078
  }
46079
  } // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
46080
 
46081
 
46082
- calculatedScrollLeft = Math.max(0, Math.min(calculatedScrollLeft, scrollWidth - clientWidth));
46083
- var calculatedScrollTop = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
46084
  return {
46085
  isScrolling: true,
46086
- horizontalScrollDirection: prevState.scrollLeft < scrollLeft ? 'forward' : 'backward',
46087
- scrollLeft: calculatedScrollLeft,
46088
- scrollTop: calculatedScrollTop,
46089
- verticalScrollDirection: prevState.scrollTop < scrollTop ? 'forward' : 'backward',
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46090
  scrollUpdateWasRequested: false
46091
  };
46092
  }, _this._resetIsScrollingDebounced);
@@ -46108,7 +46010,7 @@ function createGridComponent(_ref2) {
46108
  cancelTimeout(_this._resetIsScrollingTimeoutId);
46109
  }
46110
 
46111
- _this._resetIsScrollingTimeoutId = requestTimeout(_this._resetIsScrolling, IS_SCROLLING_DEBOUNCE_INTERVAL);
46112
  };
46113
 
46114
  _this._resetIsScrolling = function () {
@@ -46119,106 +46021,60 @@ function createGridComponent(_ref2) {
46119
  }, function () {
46120
  // Clear style cache after state update has been committed.
46121
  // This way we don't break pure sCU for items that don't use isScrolling param.
46122
- _this._getItemStyleCache(-1);
46123
  });
46124
  };
46125
 
46126
  return _this;
46127
  }
46128
 
46129
- Grid.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
46130
- validateSharedProps(nextProps, prevState);
46131
  validateProps(nextProps);
46132
  return null;
46133
  };
46134
 
46135
- var _proto = Grid.prototype;
46136
-
46137
- _proto.scrollTo = function scrollTo(_ref3) {
46138
- var scrollLeft = _ref3.scrollLeft,
46139
- scrollTop = _ref3.scrollTop;
46140
-
46141
- if (scrollLeft !== undefined) {
46142
- scrollLeft = Math.max(0, scrollLeft);
46143
- }
46144
-
46145
- if (scrollTop !== undefined) {
46146
- scrollTop = Math.max(0, scrollTop);
46147
- }
46148
 
 
 
46149
  this.setState(function (prevState) {
46150
- if (scrollLeft === undefined) {
46151
- scrollLeft = prevState.scrollLeft;
46152
- }
46153
-
46154
- if (scrollTop === undefined) {
46155
- scrollTop = prevState.scrollTop;
46156
- }
46157
-
46158
- if (prevState.scrollLeft === scrollLeft && prevState.scrollTop === scrollTop) {
46159
  return null;
46160
  }
46161
 
46162
  return {
46163
- horizontalScrollDirection: prevState.scrollLeft < scrollLeft ? 'forward' : 'backward',
46164
- scrollLeft: scrollLeft,
46165
- scrollTop: scrollTop,
46166
- scrollUpdateWasRequested: true,
46167
- verticalScrollDirection: prevState.scrollTop < scrollTop ? 'forward' : 'backward'
46168
  };
46169
  }, this._resetIsScrollingDebounced);
46170
  };
46171
 
46172
- _proto.scrollToItem = function scrollToItem(_ref4) {
46173
- var _ref4$align = _ref4.align,
46174
- align = _ref4$align === void 0 ? 'auto' : _ref4$align,
46175
- columnIndex = _ref4.columnIndex,
46176
- rowIndex = _ref4.rowIndex;
46177
- var _this$props2 = this.props,
46178
- columnCount = _this$props2.columnCount,
46179
- height = _this$props2.height,
46180
- rowCount = _this$props2.rowCount,
46181
- width = _this$props2.width;
46182
- var _this$state = this.state,
46183
- scrollLeft = _this$state.scrollLeft,
46184
- scrollTop = _this$state.scrollTop;
46185
- var scrollbarSize = index_esm_getScrollbarSize();
46186
-
46187
- if (columnIndex !== undefined) {
46188
- columnIndex = Math.max(0, Math.min(columnIndex, columnCount - 1));
46189
- }
46190
-
46191
- if (rowIndex !== undefined) {
46192
- rowIndex = Math.max(0, Math.min(rowIndex, rowCount - 1));
46193
  }
46194
 
46195
- var estimatedTotalHeight = getEstimatedTotalHeight(this.props, this._instanceProps);
46196
- var estimatedTotalWidth = getEstimatedTotalWidth(this.props, this._instanceProps); // The scrollbar size should be considered when scrolling an item into view,
46197
- // to ensure it's fully visible.
46198
- // But we only need to account for its size when it's actually visible.
46199
-
46200
- var horizontalScrollbarSize = estimatedTotalWidth > width ? scrollbarSize : 0;
46201
- var verticalScrollbarSize = estimatedTotalHeight > height ? scrollbarSize : 0;
46202
- this.scrollTo({
46203
- scrollLeft: columnIndex !== undefined ? getOffsetForColumnAndAlignment(this.props, columnIndex, align, scrollLeft, this._instanceProps, verticalScrollbarSize) : scrollLeft,
46204
- scrollTop: rowIndex !== undefined ? getOffsetForRowAndAlignment(this.props, rowIndex, align, scrollTop, this._instanceProps, horizontalScrollbarSize) : scrollTop
46205
- });
46206
  };
46207
 
46208
  _proto.componentDidMount = function componentDidMount() {
46209
- var _this$props3 = this.props,
46210
- initialScrollLeft = _this$props3.initialScrollLeft,
46211
- initialScrollTop = _this$props3.initialScrollTop;
46212
-
46213
- if (this._outerRef != null) {
46214
- var outerRef = this._outerRef;
46215
 
46216
- if (typeof initialScrollLeft === 'number') {
46217
- outerRef.scrollLeft = initialScrollLeft;
46218
- }
46219
 
46220
- if (typeof initialScrollTop === 'number') {
46221
- outerRef.scrollTop = initialScrollTop;
 
 
46222
  }
46223
  }
46224
 
@@ -46226,39 +46082,42 @@ function createGridComponent(_ref2) {
46226
  };
46227
 
46228
  _proto.componentDidUpdate = function componentDidUpdate() {
46229
- var direction = this.props.direction;
46230
- var _this$state2 = this.state,
46231
- scrollLeft = _this$state2.scrollLeft,
46232
- scrollTop = _this$state2.scrollTop,
46233
- scrollUpdateWasRequested = _this$state2.scrollUpdateWasRequested;
 
46234
 
46235
  if (scrollUpdateWasRequested && this._outerRef != null) {
46236
- // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
46237
- // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).
46238
- // So we need to determine which browser behavior we're dealing with, and mimic it.
46239
- var outerRef = this._outerRef;
46240
 
46241
- if (direction === 'rtl') {
46242
- switch (getRTLOffsetType()) {
46243
- case 'negative':
46244
- outerRef.scrollLeft = -scrollLeft;
46245
- break;
 
 
 
 
46246
 
46247
- case 'positive-ascending':
46248
- outerRef.scrollLeft = scrollLeft;
46249
- break;
46250
 
46251
- default:
46252
- var clientWidth = outerRef.clientWidth,
46253
- scrollWidth = outerRef.scrollWidth;
46254
- outerRef.scrollLeft = scrollWidth - clientWidth - scrollLeft;
46255
- break;
 
 
 
46256
  }
46257
  } else {
46258
- outerRef.scrollLeft = Math.max(0, scrollLeft);
46259
  }
46260
-
46261
- outerRef.scrollTop = Math.max(0, scrollTop);
46262
  }
46263
 
46264
  this._callPropsCallbacks();
@@ -46274,59 +46133,50 @@ function createGridComponent(_ref2) {
46274
  var _this$props4 = this.props,
46275
  children = _this$props4.children,
46276
  className = _this$props4.className,
46277
- columnCount = _this$props4.columnCount,
46278
  direction = _this$props4.direction,
46279
  height = _this$props4.height,
46280
  innerRef = _this$props4.innerRef,
46281
  innerElementType = _this$props4.innerElementType,
46282
  innerTagName = _this$props4.innerTagName,
 
46283
  itemData = _this$props4.itemData,
46284
  _this$props4$itemKey = _this$props4.itemKey,
46285
- itemKey = _this$props4$itemKey === void 0 ? defaultItemKey : _this$props4$itemKey,
 
46286
  outerElementType = _this$props4.outerElementType,
46287
  outerTagName = _this$props4.outerTagName,
46288
- rowCount = _this$props4.rowCount,
46289
  style = _this$props4.style,
46290
  useIsScrolling = _this$props4.useIsScrolling,
46291
  width = _this$props4.width;
46292
- var isScrolling = this.state.isScrolling;
46293
 
46294
- var _this$_getHorizontalR = this._getHorizontalRangeToRender(),
46295
- columnStartIndex = _this$_getHorizontalR[0],
46296
- columnStopIndex = _this$_getHorizontalR[1];
46297
 
46298
- var _this$_getVerticalRan = this._getVerticalRangeToRender(),
46299
- rowStartIndex = _this$_getVerticalRan[0],
46300
- rowStopIndex = _this$_getVerticalRan[1];
46301
 
46302
  var items = [];
46303
 
46304
- if (columnCount > 0 && rowCount) {
46305
- for (var _rowIndex = rowStartIndex; _rowIndex <= rowStopIndex; _rowIndex++) {
46306
- for (var _columnIndex = columnStartIndex; _columnIndex <= columnStopIndex; _columnIndex++) {
46307
- items.push((0,react.createElement)(children, {
46308
- columnIndex: _columnIndex,
46309
- data: itemData,
46310
- isScrolling: useIsScrolling ? isScrolling : undefined,
46311
- key: itemKey({
46312
- columnIndex: _columnIndex,
46313
- data: itemData,
46314
- rowIndex: _rowIndex
46315
- }),
46316
- rowIndex: _rowIndex,
46317
- style: this._getItemStyle(_rowIndex, _columnIndex)
46318
- }));
46319
- }
46320
  }
46321
  } // Read this value AFTER items have been created,
46322
  // So their actual sizes (if variable) are taken into consideration.
46323
 
46324
 
46325
- var estimatedTotalHeight = getEstimatedTotalHeight(this.props, this._instanceProps);
46326
- var estimatedTotalWidth = getEstimatedTotalWidth(this.props, this._instanceProps);
46327
  return (0,react.createElement)(outerElementType || outerTagName || 'div', {
46328
  className: className,
46329
- onScroll: this._onScroll,
46330
  ref: this._outerRefSetter,
46331
  style: (0,esm_extends/* default */.Z)({
46332
  position: 'relative',
@@ -46341,47 +46191,35 @@ function createGridComponent(_ref2) {
46341
  children: items,
46342
  ref: innerRef,
46343
  style: {
46344
- height: estimatedTotalHeight,
46345
  pointerEvents: isScrolling ? 'none' : undefined,
46346
- width: estimatedTotalWidth
46347
  }
46348
  }));
46349
  };
46350
 
46351
  _proto._callPropsCallbacks = function _callPropsCallbacks() {
46352
- var _this$props5 = this.props,
46353
- columnCount = _this$props5.columnCount,
46354
- onItemsRendered = _this$props5.onItemsRendered,
46355
- onScroll = _this$props5.onScroll,
46356
- rowCount = _this$props5.rowCount;
46357
-
46358
- if (typeof onItemsRendered === 'function') {
46359
- if (columnCount > 0 && rowCount > 0) {
46360
- var _this$_getHorizontalR2 = this._getHorizontalRangeToRender(),
46361
- _overscanColumnStartIndex = _this$_getHorizontalR2[0],
46362
- _overscanColumnStopIndex = _this$_getHorizontalR2[1],
46363
- _visibleColumnStartIndex = _this$_getHorizontalR2[2],
46364
- _visibleColumnStopIndex = _this$_getHorizontalR2[3];
46365
 
46366
- var _this$_getVerticalRan2 = this._getVerticalRangeToRender(),
46367
- _overscanRowStartIndex = _this$_getVerticalRan2[0],
46368
- _overscanRowStopIndex = _this$_getVerticalRan2[1],
46369
- _visibleRowStartIndex = _this$_getVerticalRan2[2],
46370
- _visibleRowStopIndex = _this$_getVerticalRan2[3];
 
46371
 
46372
- this._callOnItemsRendered(_overscanColumnStartIndex, _overscanColumnStopIndex, _overscanRowStartIndex, _overscanRowStopIndex, _visibleColumnStartIndex, _visibleColumnStopIndex, _visibleRowStartIndex, _visibleRowStopIndex);
46373
  }
46374
  }
46375
 
46376
- if (typeof onScroll === 'function') {
46377
- var _this$state3 = this.state,
46378
- _horizontalScrollDirection = _this$state3.horizontalScrollDirection,
46379
- _scrollLeft = _this$state3.scrollLeft,
46380
- _scrollTop = _this$state3.scrollTop,
46381
- _scrollUpdateWasRequested = _this$state3.scrollUpdateWasRequested,
46382
- _verticalScrollDirection = _this$state3.verticalScrollDirection;
46383
 
46384
- this._callOnScroll(_scrollLeft, _scrollTop, _horizontalScrollDirection, _verticalScrollDirection, _scrollUpdateWasRequested);
46385
  }
46386
  }; // Lazily create and cache item styles while scrolling,
46387
  // So that pure component sCU will prevent re-renders.
@@ -46389,139 +46227,62 @@ function createGridComponent(_ref2) {
46389
  // So that List can clear cached styles and force item re-render if necessary.
46390
 
46391
 
46392
- _proto._getHorizontalRangeToRender = function _getHorizontalRangeToRender() {
46393
- var _this$props6 = this.props,
46394
- columnCount = _this$props6.columnCount,
46395
- overscanColumnCount = _this$props6.overscanColumnCount,
46396
- overscanColumnsCount = _this$props6.overscanColumnsCount,
46397
- overscanCount = _this$props6.overscanCount,
46398
- rowCount = _this$props6.rowCount;
46399
- var _this$state4 = this.state,
46400
- horizontalScrollDirection = _this$state4.horizontalScrollDirection,
46401
- isScrolling = _this$state4.isScrolling,
46402
- scrollLeft = _this$state4.scrollLeft;
46403
- var overscanCountResolved = overscanColumnCount || overscanColumnsCount || overscanCount || 1;
46404
-
46405
- if (columnCount === 0 || rowCount === 0) {
46406
- return [0, 0, 0, 0];
46407
- }
46408
-
46409
- var startIndex = getColumnStartIndexForOffset(this.props, scrollLeft, this._instanceProps);
46410
- var stopIndex = getColumnStopIndexForStartIndex(this.props, startIndex, scrollLeft, this._instanceProps); // Overscan by one item in each direction so that tab/focus works.
46411
- // If there isn't at least one extra item, tab loops back around.
46412
-
46413
- var overscanBackward = !isScrolling || horizontalScrollDirection === 'backward' ? Math.max(1, overscanCountResolved) : 1;
46414
- var overscanForward = !isScrolling || horizontalScrollDirection === 'forward' ? Math.max(1, overscanCountResolved) : 1;
46415
- return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(columnCount - 1, stopIndex + overscanForward)), startIndex, stopIndex];
46416
- };
46417
-
46418
- _proto._getVerticalRangeToRender = function _getVerticalRangeToRender() {
46419
- var _this$props7 = this.props,
46420
- columnCount = _this$props7.columnCount,
46421
- overscanCount = _this$props7.overscanCount,
46422
- overscanRowCount = _this$props7.overscanRowCount,
46423
- overscanRowsCount = _this$props7.overscanRowsCount,
46424
- rowCount = _this$props7.rowCount;
46425
- var _this$state5 = this.state,
46426
- isScrolling = _this$state5.isScrolling,
46427
- verticalScrollDirection = _this$state5.verticalScrollDirection,
46428
- scrollTop = _this$state5.scrollTop;
46429
- var overscanCountResolved = overscanRowCount || overscanRowsCount || overscanCount || 1;
46430
 
46431
- if (columnCount === 0 || rowCount === 0) {
46432
  return [0, 0, 0, 0];
46433
  }
46434
 
46435
- var startIndex = getRowStartIndexForOffset(this.props, scrollTop, this._instanceProps);
46436
- var stopIndex = getRowStopIndexForStartIndex(this.props, startIndex, scrollTop, this._instanceProps); // Overscan by one item in each direction so that tab/focus works.
46437
  // If there isn't at least one extra item, tab loops back around.
46438
 
46439
- var overscanBackward = !isScrolling || verticalScrollDirection === 'backward' ? Math.max(1, overscanCountResolved) : 1;
46440
- var overscanForward = !isScrolling || verticalScrollDirection === 'forward' ? Math.max(1, overscanCountResolved) : 1;
46441
- return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(rowCount - 1, stopIndex + overscanForward)), startIndex, stopIndex];
46442
  };
46443
 
46444
- return Grid;
46445
  }(react.PureComponent), _class.defaultProps = {
46446
  direction: 'ltr',
46447
  itemData: undefined,
 
 
46448
  useIsScrolling: false
46449
  }, _temp;
46450
- }
46451
-
46452
- var validateSharedProps = function validateSharedProps(_ref5, _ref6) {
46453
- var children = _ref5.children,
46454
- direction = _ref5.direction,
46455
- height = _ref5.height,
46456
- innerTagName = _ref5.innerTagName,
46457
- outerTagName = _ref5.outerTagName,
46458
- overscanColumnsCount = _ref5.overscanColumnsCount,
46459
- overscanCount = _ref5.overscanCount,
46460
- overscanRowsCount = _ref5.overscanRowsCount,
46461
- width = _ref5.width;
46462
- var instance = _ref6.instance;
46463
-
46464
- if (false) {}
46465
- };
46466
-
46467
- var DEFAULT_ESTIMATED_ITEM_SIZE = 50;
46468
-
46469
- var getEstimatedTotalHeight = function getEstimatedTotalHeight(_ref, _ref2) {
46470
- var rowCount = _ref.rowCount;
46471
- var rowMetadataMap = _ref2.rowMetadataMap,
46472
- estimatedRowHeight = _ref2.estimatedRowHeight,
46473
- lastMeasuredRowIndex = _ref2.lastMeasuredRowIndex;
46474
- var totalSizeOfMeasuredRows = 0; // Edge case check for when the number of items decreases while a scroll is in progress.
46475
- // https://github.com/bvaughn/react-window/pull/138
46476
-
46477
- if (lastMeasuredRowIndex >= rowCount) {
46478
- lastMeasuredRowIndex = rowCount - 1;
46479
- }
46480
-
46481
- if (lastMeasuredRowIndex >= 0) {
46482
- var itemMetadata = rowMetadataMap[lastMeasuredRowIndex];
46483
- totalSizeOfMeasuredRows = itemMetadata.offset + itemMetadata.size;
46484
- }
46485
-
46486
- var numUnmeasuredItems = rowCount - lastMeasuredRowIndex - 1;
46487
- var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedRowHeight;
46488
- return totalSizeOfMeasuredRows + totalSizeOfUnmeasuredItems;
46489
- };
46490
-
46491
- var getEstimatedTotalWidth = function getEstimatedTotalWidth(_ref3, _ref4) {
46492
- var columnCount = _ref3.columnCount;
46493
- var columnMetadataMap = _ref4.columnMetadataMap,
46494
- estimatedColumnWidth = _ref4.estimatedColumnWidth,
46495
- lastMeasuredColumnIndex = _ref4.lastMeasuredColumnIndex;
46496
- var totalSizeOfMeasuredRows = 0; // Edge case check for when the number of items decreases while a scroll is in progress.
46497
- // https://github.com/bvaughn/react-window/pull/138
46498
-
46499
- if (lastMeasuredColumnIndex >= columnCount) {
46500
- lastMeasuredColumnIndex = columnCount - 1;
46501
- }
46502
 
46503
- if (lastMeasuredColumnIndex >= 0) {
46504
- var itemMetadata = columnMetadataMap[lastMeasuredColumnIndex];
46505
- totalSizeOfMeasuredRows = itemMetadata.offset + itemMetadata.size;
46506
- }
 
 
 
 
 
46507
 
46508
- var numUnmeasuredItems = columnCount - lastMeasuredColumnIndex - 1;
46509
- var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedColumnWidth;
46510
- return totalSizeOfMeasuredRows + totalSizeOfUnmeasuredItems;
46511
  };
46512
 
46513
- var getItemMetadata = function getItemMetadata(itemType, props, index, instanceProps) {
46514
- var itemMetadataMap, itemSize, lastMeasuredIndex;
46515
 
46516
- if (itemType === 'column') {
46517
- itemMetadataMap = instanceProps.columnMetadataMap;
46518
- itemSize = props.columnWidth;
46519
- lastMeasuredIndex = instanceProps.lastMeasuredColumnIndex;
46520
- } else {
46521
- itemMetadataMap = instanceProps.rowMetadataMap;
46522
- itemSize = props.rowHeight;
46523
- lastMeasuredIndex = instanceProps.lastMeasuredRowIndex;
46524
- }
46525
 
46526
  if (index > lastMeasuredIndex) {
46527
  var offset = 0;
@@ -46540,44 +46301,32 @@ var getItemMetadata = function getItemMetadata(itemType, props, index, instanceP
46540
  offset += size;
46541
  }
46542
 
46543
- if (itemType === 'column') {
46544
- instanceProps.lastMeasuredColumnIndex = index;
46545
- } else {
46546
- instanceProps.lastMeasuredRowIndex = index;
46547
- }
46548
  }
46549
 
46550
  return itemMetadataMap[index];
46551
  };
46552
 
46553
- var findNearestItem = function findNearestItem(itemType, props, instanceProps, offset) {
46554
- var itemMetadataMap, lastMeasuredIndex;
46555
-
46556
- if (itemType === 'column') {
46557
- itemMetadataMap = instanceProps.columnMetadataMap;
46558
- lastMeasuredIndex = instanceProps.lastMeasuredColumnIndex;
46559
- } else {
46560
- itemMetadataMap = instanceProps.rowMetadataMap;
46561
- lastMeasuredIndex = instanceProps.lastMeasuredRowIndex;
46562
- }
46563
-
46564
  var lastMeasuredItemOffset = lastMeasuredIndex > 0 ? itemMetadataMap[lastMeasuredIndex].offset : 0;
46565
 
46566
  if (lastMeasuredItemOffset >= offset) {
46567
  // If we've already measured items within this range just use a binary search as it's faster.
46568
- return findNearestItemBinarySearch(itemType, props, instanceProps, lastMeasuredIndex, 0, offset);
46569
  } else {
46570
  // If we haven't yet measured this high, fallback to an exponential search with an inner binary search.
46571
  // The exponential search avoids pre-computing sizes for the full set of items as a binary search would.
46572
  // The overall complexity for this approach is O(log n).
46573
- return findNearestItemExponentialSearch(itemType, props, instanceProps, Math.max(0, lastMeasuredIndex), offset);
46574
  }
46575
  };
46576
 
46577
- var findNearestItemBinarySearch = function findNearestItemBinarySearch(itemType, props, instanceProps, high, low, offset) {
46578
  while (low <= high) {
46579
  var middle = low + Math.floor((high - low) / 2);
46580
- var currentOffset = getItemMetadata(itemType, props, middle, instanceProps).offset;
46581
 
46582
  if (currentOffset === offset) {
46583
  return middle;
@@ -46595,174 +46344,138 @@ var findNearestItemBinarySearch = function findNearestItemBinarySearch(itemType,
46595
  }
46596
  };
46597
 
46598
- var findNearestItemExponentialSearch = function findNearestItemExponentialSearch(itemType, props, instanceProps, index, offset) {
46599
- var itemCount = itemType === 'column' ? props.columnCount : props.rowCount;
46600
  var interval = 1;
46601
 
46602
- while (index < itemCount && getItemMetadata(itemType, props, index, instanceProps).offset < offset) {
46603
  index += interval;
46604
  interval *= 2;
46605
  }
46606
 
46607
- return findNearestItemBinarySearch(itemType, props, instanceProps, Math.min(index, itemCount - 1), Math.floor(index / 2), offset);
46608
  };
46609
 
46610
- var getOffsetForIndexAndAlignment = function getOffsetForIndexAndAlignment(itemType, props, index, align, scrollOffset, instanceProps, scrollbarSize) {
46611
- var size = itemType === 'column' ? props.width : props.height;
46612
- var itemMetadata = getItemMetadata(itemType, props, index, instanceProps); // Get estimated total size after ItemMetadata is computed,
46613
- // To ensure it reflects actual measurements instead of just estimates.
 
 
 
46614
 
46615
- var estimatedTotalSize = itemType === 'column' ? getEstimatedTotalWidth(props, instanceProps) : getEstimatedTotalHeight(props, instanceProps);
46616
- var maxOffset = Math.max(0, Math.min(estimatedTotalSize - size, itemMetadata.offset));
46617
- var minOffset = Math.max(0, itemMetadata.offset - size + scrollbarSize + itemMetadata.size);
46618
 
46619
- if (align === 'smart') {
46620
- if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {
46621
- align = 'auto';
46622
- } else {
46623
- align = 'center';
46624
- }
46625
  }
46626
 
46627
- switch (align) {
46628
- case 'start':
46629
- return maxOffset;
 
46630
 
46631
- case 'end':
46632
- return minOffset;
 
 
 
 
 
 
 
 
 
 
 
 
 
46633
 
46634
- case 'center':
46635
- return Math.round(minOffset + (maxOffset - minOffset) / 2);
 
 
46636
 
46637
- case 'auto':
46638
- default:
46639
- if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {
46640
- return scrollOffset;
46641
- } else if (minOffset > maxOffset) {
46642
- // Because we only take into account the scrollbar size when calculating minOffset
46643
- // this value can be larger than maxOffset when at the end of the list
46644
- return minOffset;
46645
- } else if (scrollOffset < minOffset) {
46646
- return minOffset;
46647
  } else {
46648
- return maxOffset;
46649
  }
 
46650
 
46651
- }
46652
- };
 
46653
 
46654
- var VariableSizeGrid =
46655
- /*#__PURE__*/
46656
- createGridComponent({
46657
- getColumnOffset: function getColumnOffset(props, index, instanceProps) {
46658
- return getItemMetadata('column', props, index, instanceProps).offset;
46659
- },
46660
- getColumnStartIndexForOffset: function getColumnStartIndexForOffset(props, scrollLeft, instanceProps) {
46661
- return findNearestItem('column', props, instanceProps, scrollLeft);
46662
- },
46663
- getColumnStopIndexForStartIndex: function getColumnStopIndexForStartIndex(props, startIndex, scrollLeft, instanceProps) {
46664
- var columnCount = props.columnCount,
46665
- width = props.width;
46666
- var itemMetadata = getItemMetadata('column', props, startIndex, instanceProps);
46667
- var maxOffset = scrollLeft + width;
46668
- var offset = itemMetadata.offset + itemMetadata.size;
46669
- var stopIndex = startIndex;
46670
 
46671
- while (stopIndex < columnCount - 1 && offset < maxOffset) {
46672
- stopIndex++;
46673
- offset += getItemMetadata('column', props, stopIndex, instanceProps).size;
46674
- }
46675
 
46676
- return stopIndex;
46677
- },
46678
- getColumnWidth: function getColumnWidth(props, index, instanceProps) {
46679
- return instanceProps.columnMetadataMap[index].size;
46680
- },
46681
- getEstimatedTotalHeight: getEstimatedTotalHeight,
46682
- getEstimatedTotalWidth: getEstimatedTotalWidth,
46683
- getOffsetForColumnAndAlignment: function getOffsetForColumnAndAlignment(props, index, align, scrollOffset, instanceProps, scrollbarSize) {
46684
- return getOffsetForIndexAndAlignment('column', props, index, align, scrollOffset, instanceProps, scrollbarSize);
46685
- },
46686
- getOffsetForRowAndAlignment: function getOffsetForRowAndAlignment(props, index, align, scrollOffset, instanceProps, scrollbarSize) {
46687
- return getOffsetForIndexAndAlignment('row', props, index, align, scrollOffset, instanceProps, scrollbarSize);
46688
- },
46689
- getRowOffset: function getRowOffset(props, index, instanceProps) {
46690
- return getItemMetadata('row', props, index, instanceProps).offset;
46691
- },
46692
- getRowHeight: function getRowHeight(props, index, instanceProps) {
46693
- return instanceProps.rowMetadataMap[index].size;
46694
  },
46695
- getRowStartIndexForOffset: function getRowStartIndexForOffset(props, scrollTop, instanceProps) {
46696
- return findNearestItem('row', props, instanceProps, scrollTop);
46697
  },
46698
- getRowStopIndexForStartIndex: function getRowStopIndexForStartIndex(props, startIndex, scrollTop, instanceProps) {
46699
- var rowCount = props.rowCount,
46700
- height = props.height;
46701
- var itemMetadata = getItemMetadata('row', props, startIndex, instanceProps);
46702
- var maxOffset = scrollTop + height;
 
 
 
 
 
 
46703
  var offset = itemMetadata.offset + itemMetadata.size;
46704
  var stopIndex = startIndex;
46705
 
46706
- while (stopIndex < rowCount - 1 && offset < maxOffset) {
46707
  stopIndex++;
46708
- offset += getItemMetadata('row', props, stopIndex, instanceProps).size;
46709
  }
46710
 
46711
  return stopIndex;
46712
  },
46713
  initInstanceProps: function initInstanceProps(props, instance) {
46714
- var _ref5 = props,
46715
- estimatedColumnWidth = _ref5.estimatedColumnWidth,
46716
- estimatedRowHeight = _ref5.estimatedRowHeight;
46717
  var instanceProps = {
46718
- columnMetadataMap: {},
46719
- estimatedColumnWidth: estimatedColumnWidth || DEFAULT_ESTIMATED_ITEM_SIZE,
46720
- estimatedRowHeight: estimatedRowHeight || DEFAULT_ESTIMATED_ITEM_SIZE,
46721
- lastMeasuredColumnIndex: -1,
46722
- lastMeasuredRowIndex: -1,
46723
- rowMetadataMap: {}
46724
- };
46725
-
46726
- instance.resetAfterColumnIndex = function (columnIndex, shouldForceUpdate) {
46727
- if (shouldForceUpdate === void 0) {
46728
- shouldForceUpdate = true;
46729
- }
46730
-
46731
- instance.resetAfterIndices({
46732
- columnIndex: columnIndex,
46733
- shouldForceUpdate: shouldForceUpdate
46734
- });
46735
  };
46736
 
46737
- instance.resetAfterRowIndex = function (rowIndex, shouldForceUpdate) {
46738
  if (shouldForceUpdate === void 0) {
46739
  shouldForceUpdate = true;
46740
  }
46741
 
46742
- instance.resetAfterIndices({
46743
- rowIndex: rowIndex,
46744
- shouldForceUpdate: shouldForceUpdate
46745
- });
46746
- };
46747
-
46748
- instance.resetAfterIndices = function (_ref6) {
46749
- var columnIndex = _ref6.columnIndex,
46750
- rowIndex = _ref6.rowIndex,
46751
- _ref6$shouldForceUpda = _ref6.shouldForceUpdate,
46752
- shouldForceUpdate = _ref6$shouldForceUpda === void 0 ? true : _ref6$shouldForceUpda;
46753
-
46754
- if (typeof columnIndex === 'number') {
46755
- instanceProps.lastMeasuredColumnIndex = Math.min(instanceProps.lastMeasuredColumnIndex, columnIndex - 1);
46756
- }
46757
-
46758
- if (typeof rowIndex === 'number') {
46759
- instanceProps.lastMeasuredRowIndex = Math.min(instanceProps.lastMeasuredRowIndex, rowIndex - 1);
46760
- } // We could potentially optimize further by only evicting styles after this index,
46761
  // But since styles are only cached while scrolling is in progress-
46762
  // It seems an unnecessary optimization.
46763
  // It's unlikely that resetAfterIndex() will be called while a user is scrolling.
46764
 
46765
-
46766
  instance._getItemStyleCache(-1);
46767
 
46768
  if (shouldForceUpdate) {
@@ -46773,1411 +46486,738 @@ createGridComponent({
46773
  return instanceProps;
46774
  },
46775
  shouldResetStyleCacheOnItemSizeChange: false,
46776
- validateProps: function validateProps(_ref7) {
46777
- var columnWidth = _ref7.columnWidth,
46778
- rowHeight = _ref7.rowHeight;
46779
 
46780
  if (false) {}
46781
  }
46782
  });
46783
 
46784
- var IS_SCROLLING_DEBOUNCE_INTERVAL$1 = 150;
46785
-
46786
- var defaultItemKey$1 = function defaultItemKey(index, data) {
46787
- return index;
46788
- }; // In DEV mode, this Set helps us only log a warning once per component instance.
46789
- // This avoids spamming the console every time a render happens.
46790
-
46791
-
46792
- var devWarningsDirection = null;
46793
- var devWarningsTagName$1 = null;
46794
-
46795
- if (false) {}
46796
-
46797
- function createListComponent(_ref) {
46798
- var _class, _temp;
46799
-
46800
- var getItemOffset = _ref.getItemOffset,
46801
- getEstimatedTotalSize = _ref.getEstimatedTotalSize,
46802
- getItemSize = _ref.getItemSize,
46803
- getOffsetForIndexAndAlignment = _ref.getOffsetForIndexAndAlignment,
46804
- getStartIndexForOffset = _ref.getStartIndexForOffset,
46805
- getStopIndexForStartIndex = _ref.getStopIndexForStartIndex,
46806
- initInstanceProps = _ref.initInstanceProps,
46807
- shouldResetStyleCacheOnItemSizeChange = _ref.shouldResetStyleCacheOnItemSizeChange,
46808
- validateProps = _ref.validateProps;
46809
- return _temp = _class =
46810
- /*#__PURE__*/
46811
- function (_PureComponent) {
46812
- (0,inheritsLoose/* default */.Z)(List, _PureComponent);
46813
-
46814
- // Always use explicit constructor for React components.
46815
- // It produces less code after transpilation. (#26)
46816
- // eslint-disable-next-line no-useless-constructor
46817
- function List(props) {
46818
- var _this;
 
46819
 
46820
- _this = _PureComponent.call(this, props) || this;
46821
- _this._instanceProps = initInstanceProps(_this.props, (0,assertThisInitialized/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this)));
46822
- _this._outerRef = void 0;
46823
- _this._resetIsScrollingTimeoutId = null;
46824
- _this.state = {
46825
- instance: (0,assertThisInitialized/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this)),
46826
- isScrolling: false,
46827
- scrollDirection: 'forward',
46828
- scrollOffset: typeof _this.props.initialScrollOffset === 'number' ? _this.props.initialScrollOffset : 0,
46829
- scrollUpdateWasRequested: false
46830
- };
46831
- _this._callOnItemsRendered = void 0;
46832
- _this._callOnItemsRendered = memoize_one_esm(function (overscanStartIndex, overscanStopIndex, visibleStartIndex, visibleStopIndex) {
46833
- return _this.props.onItemsRendered({
46834
- overscanStartIndex: overscanStartIndex,
46835
- overscanStopIndex: overscanStopIndex,
46836
- visibleStartIndex: visibleStartIndex,
46837
- visibleStopIndex: visibleStopIndex
46838
- });
46839
- });
46840
- _this._callOnScroll = void 0;
46841
- _this._callOnScroll = memoize_one_esm(function (scrollDirection, scrollOffset, scrollUpdateWasRequested) {
46842
- return _this.props.onScroll({
46843
- scrollDirection: scrollDirection,
46844
- scrollOffset: scrollOffset,
46845
- scrollUpdateWasRequested: scrollUpdateWasRequested
46846
- });
46847
- });
46848
- _this._getItemStyle = void 0;
46849
 
46850
- _this._getItemStyle = function (index) {
46851
- var _this$props = _this.props,
46852
- direction = _this$props.direction,
46853
- itemSize = _this$props.itemSize,
46854
- layout = _this$props.layout;
46855
 
46856
- var itemStyleCache = _this._getItemStyleCache(shouldResetStyleCacheOnItemSizeChange && itemSize, shouldResetStyleCacheOnItemSizeChange && layout, shouldResetStyleCacheOnItemSizeChange && direction);
 
46857
 
46858
- var style;
 
 
 
46859
 
46860
- if (itemStyleCache.hasOwnProperty(index)) {
46861
- style = itemStyleCache[index];
 
 
46862
  } else {
46863
- var _offset = getItemOffset(_this.props, index, _this._instanceProps);
46864
-
46865
- var size = getItemSize(_this.props, index, _this._instanceProps); // TODO Deprecate direction "horizontal"
46866
 
46867
- var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
46868
- var isRtl = direction === 'rtl';
46869
- var offsetHorizontal = isHorizontal ? _offset : 0;
46870
- itemStyleCache[index] = style = {
46871
- position: 'absolute',
46872
- left: isRtl ? undefined : offsetHorizontal,
46873
- right: isRtl ? offsetHorizontal : undefined,
46874
- top: !isHorizontal ? _offset : 0,
46875
- height: !isHorizontal ? size : '100%',
46876
- width: isHorizontal ? size : '100%'
46877
- };
 
46878
  }
46879
 
46880
- return style;
46881
- };
 
 
 
 
 
 
 
46882
 
46883
- _this._getItemStyleCache = void 0;
46884
- _this._getItemStyleCache = memoize_one_esm(function (_, __, ___) {
46885
- return {};
46886
- });
 
 
 
46887
 
46888
- _this._onScrollHorizontal = function (event) {
46889
- var _event$currentTarget = event.currentTarget,
46890
- clientWidth = _event$currentTarget.clientWidth,
46891
- scrollLeft = _event$currentTarget.scrollLeft,
46892
- scrollWidth = _event$currentTarget.scrollWidth;
46893
 
46894
- _this.setState(function (prevState) {
46895
- if (prevState.scrollOffset === scrollLeft) {
46896
- // Scroll position may have been updated by cDM/cDU,
46897
- // In which case we don't need to trigger another render,
46898
- // And we don't want to update state.isScrolling.
46899
- return null;
46900
- }
46901
 
46902
- var direction = _this.props.direction;
46903
- var scrollOffset = scrollLeft;
 
 
46904
 
46905
- if (direction === 'rtl') {
46906
- // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
46907
- // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).
46908
- // It's also easier for this component if we convert offsets to the same format as they would be in for ltr.
46909
- // So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.
46910
- switch (getRTLOffsetType()) {
46911
- case 'negative':
46912
- scrollOffset = -scrollLeft;
46913
- break;
46914
 
46915
- case 'positive-descending':
46916
- scrollOffset = scrollWidth - clientWidth - scrollLeft;
46917
- break;
46918
- }
46919
- } // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
 
 
 
 
 
 
 
 
46920
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46921
 
46922
- scrollOffset = Math.max(0, Math.min(scrollOffset, scrollWidth - clientWidth));
46923
- return {
46924
- isScrolling: true,
46925
- scrollDirection: prevState.scrollOffset < scrollLeft ? 'forward' : 'backward',
46926
- scrollOffset: scrollOffset,
46927
- scrollUpdateWasRequested: false
46928
- };
46929
- }, _this._resetIsScrollingDebounced);
46930
- };
46931
 
46932
- _this._onScrollVertical = function (event) {
46933
- var _event$currentTarget2 = event.currentTarget,
46934
- clientHeight = _event$currentTarget2.clientHeight,
46935
- scrollHeight = _event$currentTarget2.scrollHeight,
46936
- scrollTop = _event$currentTarget2.scrollTop;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46937
 
46938
- _this.setState(function (prevState) {
46939
- if (prevState.scrollOffset === scrollTop) {
46940
- // Scroll position may have been updated by cDM/cDU,
46941
- // In which case we don't need to trigger another render,
46942
- // And we don't want to update state.isScrolling.
46943
- return null;
46944
- } // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
46945
 
 
 
 
46946
 
46947
- var scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
46948
- return {
46949
- isScrolling: true,
46950
- scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
46951
- scrollOffset: scrollOffset,
46952
- scrollUpdateWasRequested: false
46953
- };
46954
- }, _this._resetIsScrollingDebounced);
46955
- };
46956
 
46957
- _this._outerRefSetter = function (ref) {
46958
- var outerRef = _this.props.outerRef;
46959
- _this._outerRef = ref;
 
 
46960
 
46961
- if (typeof outerRef === 'function') {
46962
- outerRef(ref);
46963
- } else if (outerRef != null && typeof outerRef === 'object' && outerRef.hasOwnProperty('current')) {
46964
- outerRef.current = ref;
 
 
 
46965
  }
46966
- };
46967
 
46968
- _this._resetIsScrollingDebounced = function () {
46969
- if (_this._resetIsScrollingTimeoutId !== null) {
46970
- cancelTimeout(_this._resetIsScrollingTimeoutId);
 
 
 
 
 
46971
  }
46972
 
46973
- _this._resetIsScrollingTimeoutId = requestTimeout(_this._resetIsScrolling, IS_SCROLLING_DEBOUNCE_INTERVAL$1);
46974
- };
46975
-
46976
- _this._resetIsScrolling = function () {
46977
- _this._resetIsScrollingTimeoutId = null;
46978
-
46979
- _this.setState({
46980
- isScrolling: false
46981
- }, function () {
46982
- // Clear style cache after state update has been committed.
46983
- // This way we don't break pure sCU for items that don't use isScrolling param.
46984
- _this._getItemStyleCache(-1, null);
46985
- });
46986
- };
 
 
 
 
 
 
 
 
 
 
 
 
 
46987
 
46988
- return _this;
 
 
 
 
 
 
 
 
 
46989
  }
 
46990
 
46991
- List.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
46992
- validateSharedProps$1(nextProps, prevState);
46993
- validateProps(nextProps);
46994
- return null;
46995
- };
46996
 
46997
- var _proto = List.prototype;
 
46998
 
46999
- _proto.scrollTo = function scrollTo(scrollOffset) {
47000
- scrollOffset = Math.max(0, scrollOffset);
47001
- this.setState(function (prevState) {
47002
- if (prevState.scrollOffset === scrollOffset) {
47003
- return null;
47004
- }
47005
 
47006
- return {
47007
- scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
47008
- scrollOffset: scrollOffset,
47009
- scrollUpdateWasRequested: true
47010
- };
47011
- }, this._resetIsScrollingDebounced);
47012
- };
47013
 
47014
- _proto.scrollToItem = function scrollToItem(index, align) {
47015
- if (align === void 0) {
47016
- align = 'auto';
47017
- }
47018
 
47019
- var itemCount = this.props.itemCount;
47020
- var scrollOffset = this.state.scrollOffset;
47021
- index = Math.max(0, Math.min(index, itemCount - 1));
47022
- this.scrollTo(getOffsetForIndexAndAlignment(this.props, index, align, scrollOffset, this._instanceProps));
47023
- };
47024
 
47025
- _proto.componentDidMount = function componentDidMount() {
47026
- var _this$props2 = this.props,
47027
- direction = _this$props2.direction,
47028
- initialScrollOffset = _this$props2.initialScrollOffset,
47029
- layout = _this$props2.layout;
47030
 
47031
- if (typeof initialScrollOffset === 'number' && this._outerRef != null) {
47032
- var outerRef = this._outerRef; // TODO Deprecate direction "horizontal"
 
47033
 
47034
- if (direction === 'horizontal' || layout === 'horizontal') {
47035
- outerRef.scrollLeft = initialScrollOffset;
47036
- } else {
47037
- outerRef.scrollTop = initialScrollOffset;
47038
- }
47039
- }
47040
 
47041
- this._callPropsCallbacks();
47042
- };
47043
 
47044
- _proto.componentDidUpdate = function componentDidUpdate() {
47045
- var _this$props3 = this.props,
47046
- direction = _this$props3.direction,
47047
- layout = _this$props3.layout;
47048
- var _this$state = this.state,
47049
- scrollOffset = _this$state.scrollOffset,
47050
- scrollUpdateWasRequested = _this$state.scrollUpdateWasRequested;
47051
 
47052
- if (scrollUpdateWasRequested && this._outerRef != null) {
47053
- var outerRef = this._outerRef; // TODO Deprecate direction "horizontal"
47054
 
47055
- if (direction === 'horizontal' || layout === 'horizontal') {
47056
- if (direction === 'rtl') {
47057
- // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
47058
- // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).
47059
- // So we need to determine which browser behavior we're dealing with, and mimic it.
47060
- switch (getRTLOffsetType()) {
47061
- case 'negative':
47062
- outerRef.scrollLeft = -scrollOffset;
47063
- break;
47064
 
47065
- case 'positive-ascending':
47066
- outerRef.scrollLeft = scrollOffset;
47067
- break;
47068
 
47069
- default:
47070
- var clientWidth = outerRef.clientWidth,
47071
- scrollWidth = outerRef.scrollWidth;
47072
- outerRef.scrollLeft = scrollWidth - clientWidth - scrollOffset;
47073
- break;
47074
- }
47075
- } else {
47076
- outerRef.scrollLeft = scrollOffset;
47077
- }
47078
- } else {
47079
- outerRef.scrollTop = scrollOffset;
47080
- }
47081
- }
47082
 
47083
- this._callPropsCallbacks();
47084
- };
47085
 
47086
- _proto.componentWillUnmount = function componentWillUnmount() {
47087
- if (this._resetIsScrollingTimeoutId !== null) {
47088
- cancelTimeout(this._resetIsScrollingTimeoutId);
47089
- }
47090
- };
47091
 
47092
- _proto.render = function render() {
47093
- var _this$props4 = this.props,
47094
- children = _this$props4.children,
47095
- className = _this$props4.className,
47096
- direction = _this$props4.direction,
47097
- height = _this$props4.height,
47098
- innerRef = _this$props4.innerRef,
47099
- innerElementType = _this$props4.innerElementType,
47100
- innerTagName = _this$props4.innerTagName,
47101
- itemCount = _this$props4.itemCount,
47102
- itemData = _this$props4.itemData,
47103
- _this$props4$itemKey = _this$props4.itemKey,
47104
- itemKey = _this$props4$itemKey === void 0 ? defaultItemKey$1 : _this$props4$itemKey,
47105
- layout = _this$props4.layout,
47106
- outerElementType = _this$props4.outerElementType,
47107
- outerTagName = _this$props4.outerTagName,
47108
- style = _this$props4.style,
47109
- useIsScrolling = _this$props4.useIsScrolling,
47110
- width = _this$props4.width;
47111
- var isScrolling = this.state.isScrolling; // TODO Deprecate direction "horizontal"
47112
 
47113
- var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
47114
- var onScroll = isHorizontal ? this._onScrollHorizontal : this._onScrollVertical;
47115
 
47116
- var _this$_getRangeToRend = this._getRangeToRender(),
47117
- startIndex = _this$_getRangeToRend[0],
47118
- stopIndex = _this$_getRangeToRend[1];
47119
 
47120
- var items = [];
47121
 
47122
- if (itemCount > 0) {
47123
- for (var _index = startIndex; _index <= stopIndex; _index++) {
47124
- items.push((0,react.createElement)(children, {
47125
- data: itemData,
47126
- key: itemKey(_index, itemData),
47127
- index: _index,
47128
- isScrolling: useIsScrolling ? isScrolling : undefined,
47129
- style: this._getItemStyle(_index)
47130
- }));
47131
- }
47132
- } // Read this value AFTER items have been created,
47133
- // So their actual sizes (if variable) are taken into consideration.
47134
 
47135
 
47136
- var estimatedTotalSize = getEstimatedTotalSize(this.props, this._instanceProps);
47137
- return (0,react.createElement)(outerElementType || outerTagName || 'div', {
47138
- className: className,
47139
- onScroll: onScroll,
47140
- ref: this._outerRefSetter,
47141
- style: (0,esm_extends/* default */.Z)({
47142
- position: 'relative',
47143
- height: height,
47144
- width: width,
47145
- overflow: 'auto',
47146
- WebkitOverflowScrolling: 'touch',
47147
- willChange: 'transform',
47148
- direction: direction
47149
- }, style)
47150
- }, (0,react.createElement)(innerElementType || innerTagName || 'div', {
47151
- children: items,
47152
- ref: innerRef,
47153
- style: {
47154
- height: isHorizontal ? '100%' : estimatedTotalSize,
47155
- pointerEvents: isScrolling ? 'none' : undefined,
47156
- width: isHorizontal ? estimatedTotalSize : '100%'
47157
- }
47158
- }));
47159
- };
47160
 
47161
- _proto._callPropsCallbacks = function _callPropsCallbacks() {
47162
- if (typeof this.props.onItemsRendered === 'function') {
47163
- var itemCount = this.props.itemCount;
 
 
47164
 
47165
- if (itemCount > 0) {
47166
- var _this$_getRangeToRend2 = this._getRangeToRender(),
47167
- _overscanStartIndex = _this$_getRangeToRend2[0],
47168
- _overscanStopIndex = _this$_getRangeToRend2[1],
47169
- _visibleStartIndex = _this$_getRangeToRend2[2],
47170
- _visibleStopIndex = _this$_getRangeToRend2[3];
47171
 
47172
- this._callOnItemsRendered(_overscanStartIndex, _overscanStopIndex, _visibleStartIndex, _visibleStopIndex);
47173
- }
47174
  }
 
47175
 
47176
- if (typeof this.props.onScroll === 'function') {
47177
- var _this$state2 = this.state,
47178
- _scrollDirection = _this$state2.scrollDirection,
47179
- _scrollOffset = _this$state2.scrollOffset,
47180
- _scrollUpdateWasRequested = _this$state2.scrollUpdateWasRequested;
47181
 
47182
- this._callOnScroll(_scrollDirection, _scrollOffset, _scrollUpdateWasRequested);
47183
- }
47184
- }; // Lazily create and cache item styles while scrolling,
47185
- // So that pure component sCU will prevent re-renders.
47186
- // We maintain this cache, and pass a style prop rather than index,
47187
- // So that List can clear cached styles and force item re-render if necessary.
47188
 
 
 
 
 
47189
 
47190
- _proto._getRangeToRender = function _getRangeToRender() {
47191
- var _this$props5 = this.props,
47192
- itemCount = _this$props5.itemCount,
47193
- overscanCount = _this$props5.overscanCount;
47194
- var _this$state3 = this.state,
47195
- isScrolling = _this$state3.isScrolling,
47196
- scrollDirection = _this$state3.scrollDirection,
47197
- scrollOffset = _this$state3.scrollOffset;
47198
 
47199
- if (itemCount === 0) {
47200
- return [0, 0, 0, 0];
47201
- }
 
47202
 
47203
- var startIndex = getStartIndexForOffset(this.props, scrollOffset, this._instanceProps);
47204
- var stopIndex = getStopIndexForStartIndex(this.props, startIndex, scrollOffset, this._instanceProps); // Overscan by one item in each direction so that tab/focus works.
47205
- // If there isn't at least one extra item, tab loops back around.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
47206
 
47207
- var overscanBackward = !isScrolling || scrollDirection === 'backward' ? Math.max(1, overscanCount) : 1;
47208
- var overscanForward = !isScrolling || scrollDirection === 'forward' ? Math.max(1, overscanCount) : 1;
47209
- return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(itemCount - 1, stopIndex + overscanForward)), startIndex, stopIndex];
47210
- };
47211
 
47212
- return List;
47213
- }(react.PureComponent), _class.defaultProps = {
47214
- direction: 'ltr',
47215
- itemData: undefined,
47216
- layout: 'vertical',
47217
- overscanCount: 2,
47218
- useIsScrolling: false
47219
- }, _temp;
47220
- } // NOTE: I considered further wrapping individual items with a pure ListItem component.
47221
- // This would avoid ever calling the render function for the same index more than once,
47222
- // But it would also add the overhead of a lot of components/fibers.
47223
- // I assume people already do this (render function returning a class component),
47224
- // So my doing it would just unnecessarily double the wrappers.
 
 
 
 
 
 
 
47225
 
47226
- var validateSharedProps$1 = function validateSharedProps(_ref2, _ref3) {
47227
- var children = _ref2.children,
47228
- direction = _ref2.direction,
47229
- height = _ref2.height,
47230
- layout = _ref2.layout,
47231
- innerTagName = _ref2.innerTagName,
47232
- outerTagName = _ref2.outerTagName,
47233
- width = _ref2.width;
47234
- var instance = _ref3.instance;
 
 
 
 
47235
 
47236
- if (false) { var isHorizontal; }
47237
- };
47238
 
47239
- var DEFAULT_ESTIMATED_ITEM_SIZE$1 = 50;
47240
 
47241
- var getItemMetadata$1 = function getItemMetadata(props, index, instanceProps) {
47242
- var _ref = props,
47243
- itemSize = _ref.itemSize;
47244
- var itemMetadataMap = instanceProps.itemMetadataMap,
47245
- lastMeasuredIndex = instanceProps.lastMeasuredIndex;
 
 
 
 
 
47246
 
47247
- if (index > lastMeasuredIndex) {
47248
- var offset = 0;
 
 
 
 
47249
 
47250
- if (lastMeasuredIndex >= 0) {
47251
- var itemMetadata = itemMetadataMap[lastMeasuredIndex];
47252
- offset = itemMetadata.offset + itemMetadata.size;
47253
- }
47254
 
47255
- for (var i = lastMeasuredIndex + 1; i <= index; i++) {
47256
- var size = itemSize(i);
47257
- itemMetadataMap[i] = {
47258
- offset: offset,
47259
- size: size
47260
- };
47261
- offset += size;
47262
  }
 
 
 
 
 
 
47263
 
47264
- instanceProps.lastMeasuredIndex = index;
47265
- }
47266
-
47267
- return itemMetadataMap[index];
47268
- };
47269
 
47270
- var findNearestItem$1 = function findNearestItem(props, instanceProps, offset) {
47271
- var itemMetadataMap = instanceProps.itemMetadataMap,
47272
- lastMeasuredIndex = instanceProps.lastMeasuredIndex;
47273
- var lastMeasuredItemOffset = lastMeasuredIndex > 0 ? itemMetadataMap[lastMeasuredIndex].offset : 0;
47274
 
47275
- if (lastMeasuredItemOffset >= offset) {
47276
- // If we've already measured items within this range just use a binary search as it's faster.
47277
- return findNearestItemBinarySearch$1(props, instanceProps, lastMeasuredIndex, 0, offset);
47278
- } else {
47279
- // If we haven't yet measured this high, fallback to an exponential search with an inner binary search.
47280
- // The exponential search avoids pre-computing sizes for the full set of items as a binary search would.
47281
- // The overall complexity for this approach is O(log n).
47282
- return findNearestItemExponentialSearch$1(props, instanceProps, Math.max(0, lastMeasuredIndex), offset);
47283
- }
47284
- };
47285
 
47286
- var findNearestItemBinarySearch$1 = function findNearestItemBinarySearch(props, instanceProps, high, low, offset) {
47287
- while (low <= high) {
47288
- var middle = low + Math.floor((high - low) / 2);
47289
- var currentOffset = getItemMetadata$1(props, middle, instanceProps).offset;
 
47290
 
47291
- if (currentOffset === offset) {
47292
- return middle;
47293
- } else if (currentOffset < offset) {
47294
- low = middle + 1;
47295
- } else if (currentOffset > offset) {
47296
- high = middle - 1;
47297
- }
47298
- }
47299
 
47300
- if (low > 0) {
47301
- return low - 1;
47302
- } else {
47303
- return 0;
47304
- }
47305
- };
47306
 
47307
- var findNearestItemExponentialSearch$1 = function findNearestItemExponentialSearch(props, instanceProps, index, offset) {
47308
- var itemCount = props.itemCount;
47309
- var interval = 1;
47310
 
47311
- while (index < itemCount && getItemMetadata$1(props, index, instanceProps).offset < offset) {
47312
- index += interval;
47313
- interval *= 2;
47314
- }
47315
 
47316
- return findNearestItemBinarySearch$1(props, instanceProps, Math.min(index, itemCount - 1), Math.floor(index / 2), offset);
47317
- };
47318
 
47319
- var getEstimatedTotalSize = function getEstimatedTotalSize(_ref2, _ref3) {
47320
- var itemCount = _ref2.itemCount;
47321
- var itemMetadataMap = _ref3.itemMetadataMap,
47322
- estimatedItemSize = _ref3.estimatedItemSize,
47323
- lastMeasuredIndex = _ref3.lastMeasuredIndex;
47324
- var totalSizeOfMeasuredItems = 0; // Edge case check for when the number of items decreases while a scroll is in progress.
47325
- // https://github.com/bvaughn/react-window/pull/138
47326
 
47327
- if (lastMeasuredIndex >= itemCount) {
47328
- lastMeasuredIndex = itemCount - 1;
47329
- }
47330
 
47331
- if (lastMeasuredIndex >= 0) {
47332
- var itemMetadata = itemMetadataMap[lastMeasuredIndex];
47333
- totalSizeOfMeasuredItems = itemMetadata.offset + itemMetadata.size;
47334
- }
47335
 
47336
- var numUnmeasuredItems = itemCount - lastMeasuredIndex - 1;
47337
- var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedItemSize;
47338
- return totalSizeOfMeasuredItems + totalSizeOfUnmeasuredItems;
47339
- };
47340
 
47341
- var VariableSizeList =
47342
- /*#__PURE__*/
47343
- createListComponent({
47344
- getItemOffset: function getItemOffset(props, index, instanceProps) {
47345
- return getItemMetadata$1(props, index, instanceProps).offset;
47346
- },
47347
- getItemSize: function getItemSize(props, index, instanceProps) {
47348
- return instanceProps.itemMetadataMap[index].size;
47349
- },
47350
- getEstimatedTotalSize: getEstimatedTotalSize,
47351
- getOffsetForIndexAndAlignment: function getOffsetForIndexAndAlignment(props, index, align, scrollOffset, instanceProps) {
47352
- var direction = props.direction,
47353
- height = props.height,
47354
- layout = props.layout,
47355
- width = props.width; // TODO Deprecate direction "horizontal"
47356
 
47357
- var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
47358
- var size = isHorizontal ? width : height;
47359
- var itemMetadata = getItemMetadata$1(props, index, instanceProps); // Get estimated total size after ItemMetadata is computed,
47360
- // To ensure it reflects actual measurements instead of just estimates.
47361
 
47362
- var estimatedTotalSize = getEstimatedTotalSize(props, instanceProps);
47363
- var maxOffset = Math.max(0, Math.min(estimatedTotalSize - size, itemMetadata.offset));
47364
- var minOffset = Math.max(0, itemMetadata.offset - size + itemMetadata.size);
47365
 
47366
- if (align === 'smart') {
47367
- if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {
47368
- align = 'auto';
47369
- } else {
47370
- align = 'center';
47371
- }
47372
- }
47373
 
47374
- switch (align) {
47375
- case 'start':
47376
- return maxOffset;
47377
 
47378
- case 'end':
47379
- return minOffset;
47380
 
47381
- case 'center':
47382
- return Math.round(minOffset + (maxOffset - minOffset) / 2);
47383
 
47384
- case 'auto':
47385
- default:
47386
- if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {
47387
- return scrollOffset;
47388
- } else if (scrollOffset < minOffset) {
47389
- return minOffset;
47390
- } else {
47391
- return maxOffset;
47392
- }
47393
 
47394
- }
47395
- },
47396
- getStartIndexForOffset: function getStartIndexForOffset(props, offset, instanceProps) {
47397
- return findNearestItem$1(props, instanceProps, offset);
47398
- },
47399
- getStopIndexForStartIndex: function getStopIndexForStartIndex(props, startIndex, scrollOffset, instanceProps) {
47400
- var direction = props.direction,
47401
- height = props.height,
47402
- itemCount = props.itemCount,
47403
- layout = props.layout,
47404
- width = props.width; // TODO Deprecate direction "horizontal"
47405
 
47406
- var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
47407
- var size = isHorizontal ? width : height;
47408
- var itemMetadata = getItemMetadata$1(props, startIndex, instanceProps);
47409
- var maxOffset = scrollOffset + size;
47410
- var offset = itemMetadata.offset + itemMetadata.size;
47411
- var stopIndex = startIndex;
47412
 
47413
- while (stopIndex < itemCount - 1 && offset < maxOffset) {
47414
- stopIndex++;
47415
- offset += getItemMetadata$1(props, stopIndex, instanceProps).size;
47416
- }
47417
 
47418
- return stopIndex;
47419
- },
47420
- initInstanceProps: function initInstanceProps(props, instance) {
47421
- var _ref4 = props,
47422
- estimatedItemSize = _ref4.estimatedItemSize;
47423
- var instanceProps = {
47424
- itemMetadataMap: {},
47425
- estimatedItemSize: estimatedItemSize || DEFAULT_ESTIMATED_ITEM_SIZE$1,
47426
- lastMeasuredIndex: -1
47427
- };
47428
 
47429
- instance.resetAfterIndex = function (index, shouldForceUpdate) {
47430
- if (shouldForceUpdate === void 0) {
47431
- shouldForceUpdate = true;
47432
- }
47433
 
47434
- instanceProps.lastMeasuredIndex = Math.min(instanceProps.lastMeasuredIndex, index - 1); // We could potentially optimize further by only evicting styles after this index,
47435
- // But since styles are only cached while scrolling is in progress-
47436
- // It seems an unnecessary optimization.
47437
- // It's unlikely that resetAfterIndex() will be called while a user is scrolling.
47438
 
47439
- instance._getItemStyleCache(-1);
47440
 
47441
- if (shouldForceUpdate) {
47442
- instance.forceUpdate();
47443
- }
47444
- };
 
 
 
 
 
 
 
47445
 
47446
- return instanceProps;
47447
- },
47448
- shouldResetStyleCacheOnItemSizeChange: false,
47449
- validateProps: function validateProps(_ref5) {
47450
- var itemSize = _ref5.itemSize;
47451
 
47452
- if (false) {}
47453
- }
47454
- });
47455
 
47456
- var FixedSizeGrid =
47457
- /*#__PURE__*/
47458
- createGridComponent({
47459
- getColumnOffset: function getColumnOffset(_ref, index) {
47460
- var columnWidth = _ref.columnWidth;
47461
- return index * columnWidth;
47462
- },
47463
- getColumnWidth: function getColumnWidth(_ref2, index) {
47464
- var columnWidth = _ref2.columnWidth;
47465
- return columnWidth;
47466
- },
47467
- getRowOffset: function getRowOffset(_ref3, index) {
47468
- var rowHeight = _ref3.rowHeight;
47469
- return index * rowHeight;
47470
- },
47471
- getRowHeight: function getRowHeight(_ref4, index) {
47472
- var rowHeight = _ref4.rowHeight;
47473
- return rowHeight;
47474
- },
47475
- getEstimatedTotalHeight: function getEstimatedTotalHeight(_ref5) {
47476
- var rowCount = _ref5.rowCount,
47477
- rowHeight = _ref5.rowHeight;
47478
- return rowHeight * rowCount;
47479
- },
47480
- getEstimatedTotalWidth: function getEstimatedTotalWidth(_ref6) {
47481
- var columnCount = _ref6.columnCount,
47482
- columnWidth = _ref6.columnWidth;
47483
- return columnWidth * columnCount;
47484
- },
47485
- getOffsetForColumnAndAlignment: function getOffsetForColumnAndAlignment(_ref7, columnIndex, align, scrollLeft, instanceProps, scrollbarSize) {
47486
- var columnCount = _ref7.columnCount,
47487
- columnWidth = _ref7.columnWidth,
47488
- width = _ref7.width;
47489
- var lastColumnOffset = Math.max(0, columnCount * columnWidth - width);
47490
- var maxOffset = Math.min(lastColumnOffset, columnIndex * columnWidth);
47491
- var minOffset = Math.max(0, columnIndex * columnWidth - width + scrollbarSize + columnWidth);
47492
 
47493
- if (align === 'smart') {
47494
- if (scrollLeft >= minOffset - width && scrollLeft <= maxOffset + width) {
47495
- align = 'auto';
47496
- } else {
47497
- align = 'center';
47498
- }
47499
  }
47500
 
47501
- switch (align) {
47502
- case 'start':
47503
- return maxOffset;
47504
 
47505
- case 'end':
47506
- return minOffset;
 
47507
 
47508
- case 'center':
47509
- // "Centered" offset is usually the average of the min and max.
47510
- // But near the edges of the list, this doesn't hold true.
47511
- var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
47512
 
47513
- if (middleOffset < Math.ceil(width / 2)) {
47514
- return 0; // near the beginning
47515
- } else if (middleOffset > lastColumnOffset + Math.floor(width / 2)) {
47516
- return lastColumnOffset; // near the end
47517
- } else {
47518
- return middleOffset;
47519
- }
 
 
 
 
47520
 
47521
- case 'auto':
47522
- default:
47523
- if (scrollLeft >= minOffset && scrollLeft <= maxOffset) {
47524
- return scrollLeft;
47525
- } else if (minOffset > maxOffset) {
47526
- // Because we only take into account the scrollbar size when calculating minOffset
47527
- // this value can be larger than maxOffset when at the end of the list
47528
- return minOffset;
47529
- } else if (scrollLeft < minOffset) {
47530
- return minOffset;
47531
- } else {
47532
- return maxOffset;
47533
- }
47534
 
47535
- }
47536
- },
47537
- getOffsetForRowAndAlignment: function getOffsetForRowAndAlignment(_ref8, rowIndex, align, scrollTop, instanceProps, scrollbarSize) {
47538
- var rowHeight = _ref8.rowHeight,
47539
- height = _ref8.height,
47540
- rowCount = _ref8.rowCount;
47541
- var lastRowOffset = Math.max(0, rowCount * rowHeight - height);
47542
- var maxOffset = Math.min(lastRowOffset, rowIndex * rowHeight);
47543
- var minOffset = Math.max(0, rowIndex * rowHeight - height + scrollbarSize + rowHeight);
47544
 
47545
- if (align === 'smart') {
47546
- if (scrollTop >= minOffset - height && scrollTop <= maxOffset + height) {
47547
- align = 'auto';
47548
- } else {
47549
- align = 'center';
47550
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
47551
  }
 
47552
 
47553
- switch (align) {
47554
- case 'start':
47555
- return maxOffset;
47556
 
47557
- case 'end':
47558
- return minOffset;
 
 
 
47559
 
47560
- case 'center':
47561
- // "Centered" offset is usually the average of the min and max.
47562
- // But near the edges of the list, this doesn't hold true.
47563
- var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
47564
 
47565
- if (middleOffset < Math.ceil(height / 2)) {
47566
- return 0; // near the beginning
47567
- } else if (middleOffset > lastRowOffset + Math.floor(height / 2)) {
47568
- return lastRowOffset; // near the end
47569
- } else {
47570
- return middleOffset;
47571
- }
47572
 
47573
- case 'auto':
47574
- default:
47575
- if (scrollTop >= minOffset && scrollTop <= maxOffset) {
47576
- return scrollTop;
47577
- } else if (minOffset > maxOffset) {
47578
- // Because we only take into account the scrollbar size when calculating minOffset
47579
- // this value can be larger than maxOffset when at the end of the list
47580
- return minOffset;
47581
- } else if (scrollTop < minOffset) {
47582
- return minOffset;
47583
- } else {
47584
- return maxOffset;
47585
- }
47586
 
47587
- }
47588
- },
47589
- getColumnStartIndexForOffset: function getColumnStartIndexForOffset(_ref9, scrollLeft) {
47590
- var columnWidth = _ref9.columnWidth,
47591
- columnCount = _ref9.columnCount;
47592
- return Math.max(0, Math.min(columnCount - 1, Math.floor(scrollLeft / columnWidth)));
47593
- },
47594
- getColumnStopIndexForStartIndex: function getColumnStopIndexForStartIndex(_ref10, startIndex, scrollLeft) {
47595
- var columnWidth = _ref10.columnWidth,
47596
- columnCount = _ref10.columnCount,
47597
- width = _ref10.width;
47598
- var left = startIndex * columnWidth;
47599
- var numVisibleColumns = Math.ceil((width + scrollLeft - left) / columnWidth);
47600
- return Math.max(0, Math.min(columnCount - 1, startIndex + numVisibleColumns - 1 // -1 is because stop index is inclusive
47601
- ));
47602
- },
47603
- getRowStartIndexForOffset: function getRowStartIndexForOffset(_ref11, scrollTop) {
47604
- var rowHeight = _ref11.rowHeight,
47605
- rowCount = _ref11.rowCount;
47606
- return Math.max(0, Math.min(rowCount - 1, Math.floor(scrollTop / rowHeight)));
47607
- },
47608
- getRowStopIndexForStartIndex: function getRowStopIndexForStartIndex(_ref12, startIndex, scrollTop) {
47609
- var rowHeight = _ref12.rowHeight,
47610
- rowCount = _ref12.rowCount,
47611
- height = _ref12.height;
47612
- var top = startIndex * rowHeight;
47613
- var numVisibleRows = Math.ceil((height + scrollTop - top) / rowHeight);
47614
- return Math.max(0, Math.min(rowCount - 1, startIndex + numVisibleRows - 1 // -1 is because stop index is inclusive
47615
- ));
47616
- },
47617
- initInstanceProps: function initInstanceProps(props) {// Noop
47618
- },
47619
- shouldResetStyleCacheOnItemSizeChange: true,
47620
- validateProps: function validateProps(_ref13) {
47621
- var columnWidth = _ref13.columnWidth,
47622
- rowHeight = _ref13.rowHeight;
47623
 
47624
- if (false) {}
47625
- }
47626
- });
47627
 
47628
- var FixedSizeList =
47629
- /*#__PURE__*/
47630
- createListComponent({
47631
- getItemOffset: function getItemOffset(_ref, index) {
47632
- var itemSize = _ref.itemSize;
47633
- return index * itemSize;
47634
- },
47635
- getItemSize: function getItemSize(_ref2, index) {
47636
- var itemSize = _ref2.itemSize;
47637
- return itemSize;
47638
- },
47639
- getEstimatedTotalSize: function getEstimatedTotalSize(_ref3) {
47640
- var itemCount = _ref3.itemCount,
47641
- itemSize = _ref3.itemSize;
47642
- return itemSize * itemCount;
47643
- },
47644
- getOffsetForIndexAndAlignment: function getOffsetForIndexAndAlignment(_ref4, index, align, scrollOffset) {
47645
- var direction = _ref4.direction,
47646
- height = _ref4.height,
47647
- itemCount = _ref4.itemCount,
47648
- itemSize = _ref4.itemSize,
47649
- layout = _ref4.layout,
47650
- width = _ref4.width;
47651
- // TODO Deprecate direction "horizontal"
47652
- var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
47653
- var size = isHorizontal ? width : height;
47654
- var lastItemOffset = Math.max(0, itemCount * itemSize - size);
47655
- var maxOffset = Math.min(lastItemOffset, index * itemSize);
47656
- var minOffset = Math.max(0, index * itemSize - size + itemSize);
47657
 
47658
- if (align === 'smart') {
47659
- if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {
47660
- align = 'auto';
47661
- } else {
47662
- align = 'center';
47663
- }
47664
- }
47665
 
47666
- switch (align) {
47667
- case 'start':
47668
- return maxOffset;
47669
 
47670
- case 'end':
47671
- return minOffset;
47672
 
47673
- case 'center':
47674
- {
47675
- // "Centered" offset is usually the average of the min and max.
47676
- // But near the edges of the list, this doesn't hold true.
47677
- var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
47678
 
47679
- if (middleOffset < Math.ceil(size / 2)) {
47680
- return 0; // near the beginning
47681
- } else if (middleOffset > lastItemOffset + Math.floor(size / 2)) {
47682
- return lastItemOffset; // near the end
47683
- } else {
47684
- return middleOffset;
47685
- }
47686
- }
47687
 
47688
- case 'auto':
47689
- default:
47690
- if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {
47691
- return scrollOffset;
47692
- } else if (scrollOffset < minOffset) {
47693
- return minOffset;
47694
- } else {
47695
- return maxOffset;
47696
- }
47697
 
 
 
 
 
 
47698
  }
47699
- },
47700
- getStartIndexForOffset: function getStartIndexForOffset(_ref5, offset) {
47701
- var itemCount = _ref5.itemCount,
47702
- itemSize = _ref5.itemSize;
47703
- return Math.max(0, Math.min(itemCount - 1, Math.floor(offset / itemSize)));
47704
- },
47705
- getStopIndexForStartIndex: function getStopIndexForStartIndex(_ref6, startIndex, scrollOffset) {
47706
- var direction = _ref6.direction,
47707
- height = _ref6.height,
47708
- itemCount = _ref6.itemCount,
47709
- itemSize = _ref6.itemSize,
47710
- layout = _ref6.layout,
47711
- width = _ref6.width;
47712
- // TODO Deprecate direction "horizontal"
47713
- var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
47714
- var offset = startIndex * itemSize;
47715
- var size = isHorizontal ? width : height;
47716
- var numVisibleItems = Math.ceil((size + scrollOffset - offset) / itemSize);
47717
- return Math.max(0, Math.min(itemCount - 1, startIndex + numVisibleItems - 1 // -1 is because stop index is inclusive
47718
- ));
47719
- },
47720
- initInstanceProps: function initInstanceProps(props) {// Noop
47721
- },
47722
- shouldResetStyleCacheOnItemSizeChange: true,
47723
- validateProps: function validateProps(_ref7) {
47724
- var itemSize = _ref7.itemSize;
47725
-
47726
- if (false) {}
47727
- }
47728
- });
47729
-
47730
- // Pulled from react-compat
47731
- // https://github.com/developit/preact-compat/blob/7c5de00e7c85e2ffd011bf3af02899b63f699d3a/src/index.js#L349
47732
- function shallowDiffers(prev, next) {
47733
- for (var attribute in prev) {
47734
- if (!(attribute in next)) {
47735
- return true;
47736
- }
47737
- }
47738
-
47739
- for (var _attribute in next) {
47740
- if (prev[_attribute] !== next[_attribute]) {
47741
- return true;
47742
- }
47743
- }
47744
-
47745
- return false;
47746
- }
47747
-
47748
- // It knows to compare individual style props and ignore the wrapper object.
47749
- // See https://reactjs.org/docs/react-api.html#reactmemo
47750
-
47751
- function areEqual(prevProps, nextProps) {
47752
- var prevStyle = prevProps.style,
47753
- prevRest = _objectWithoutPropertiesLoose(prevProps, ["style"]);
47754
-
47755
- var nextStyle = nextProps.style,
47756
- nextRest = _objectWithoutPropertiesLoose(nextProps, ["style"]);
47757
-
47758
- return !shallowDiffers(prevStyle, nextStyle) && !shallowDiffers(prevRest, nextRest);
47759
- }
47760
-
47761
- // It knows to compare individual style props and ignore the wrapper object.
47762
- // See https://reactjs.org/docs/react-component.html#shouldcomponentupdate
47763
-
47764
- function shouldComponentUpdate(nextProps, nextState) {
47765
- return !areEqual(this.props, nextProps) || shallowDiffers(this.state, nextState);
47766
- }
47767
-
47768
-
47769
- //# sourceMappingURL=index.esm.js.map
47770
-
47771
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Dialogs/IconPickerDialog/IconPickerFrame/IconPickerFrame.js
47772
- function IconPickerFrame_slicedToArray(arr, i) { return IconPickerFrame_arrayWithHoles(arr) || IconPickerFrame_iterableToArrayLimit(arr, i) || IconPickerFrame_unsupportedIterableToArray(arr, i) || IconPickerFrame_nonIterableRest(); }
47773
-
47774
- function IconPickerFrame_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
47775
-
47776
- function IconPickerFrame_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return IconPickerFrame_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return IconPickerFrame_arrayLikeToArray(o, minLen); }
47777
-
47778
- function IconPickerFrame_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; }
47779
-
47780
- function IconPickerFrame_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
47781
-
47782
- function IconPickerFrame_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
47783
-
47784
-
47785
-
47786
-
47787
-
47788
-
47789
-
47790
-
47791
-
47792
- var keywordSearch = function keywordSearch(keyword, importedIcons) {
47793
- if (keyword) {
47794
- // Empty list
47795
- var newIconList = [];
47796
- var icons = importedIcons;
47797
-
47798
- for (var i = 0; i < icons.length; i++) {
47799
- var iconData = icons[i]; // Search in name or in search terms
47800
-
47801
- if (iconData.searchTerms.includes(keyword) || iconData.name.includes(keyword)) {
47802
- newIconList.push(iconData);
47803
- }
47804
- }
47805
-
47806
- return newIconList;
47807
- } else {
47808
- return importedIcons;
47809
- }
47810
- };
47811
-
47812
- function IconPickerFrame(_ref) {
47813
- var selectedIcon = _ref.selectedIcon,
47814
- onSelect = _ref.onSelect,
47815
- icon_library = _ref.icon_library,
47816
- icon_library_version = _ref.icon_library_version;
47817
-
47818
- var _useState = (0,react.useState)(""),
47819
- _useState2 = IconPickerFrame_slicedToArray(_useState, 2),
47820
- keyword = _useState2[0],
47821
- setKeyword = _useState2[1];
47822
-
47823
- var container = (0,react.useRef)(null);
47824
-
47825
- var _useState3 = (0,react.useState)([]),
47826
- _useState4 = IconPickerFrame_slicedToArray(_useState3, 2),
47827
- importedIcons = _useState4[0],
47828
- setImportedIcons = _useState4[1];
47829
-
47830
- var iconList = (0,react.useMemo)(function () {
47831
- return keywordSearch(keyword, importedIcons);
47832
- }, [keyword, importedIcons]);
47833
- (0,react.useEffect)(function () {
47834
- importIcons(icon_library, icon_library_version).then(function (result) {
47835
- setImportedIcons(result.data);
47836
- });
47837
- }, [icon_library, icon_library_version]);
47838
- return /*#__PURE__*/react.createElement("div", {
47839
- ref: container,
47840
- style: {
47841
- flexGrow: 1,
47842
- height: 500,
47843
- overflow: "hidden"
47844
- },
47845
- "data-testid": "icon-frame"
47846
- }, /*#__PURE__*/react.createElement("div", {
47847
- className: "header"
47848
- }, /*#__PURE__*/react.createElement(TextField_TextField, {
47849
- value: keyword,
47850
- fullWidth: true,
47851
- variant: "outlined",
47852
- inputProps: {
47853
- "data-testid": "search-field"
47854
- },
47855
- placeholder: translate("utils.icon_selector.search_icon"),
47856
- onChange: function onChange(e) {
47857
- setKeyword(e.target.value);
47858
- }
47859
- })), iconList.length === 0 && keyword === "" && /*#__PURE__*/react.createElement("div", {
47860
- style: {
47861
- margin: "150px 0 0",
47862
- textAlign: "center"
47863
- }
47864
- }, /*#__PURE__*/react.createElement("svg", {
47865
- width: "60",
47866
- height: "60",
47867
- viewBox: "0 0 38 38",
47868
- xmlns: "http://www.w3.org/2000/svg",
47869
- stroke: "#2f788a"
47870
- }, /*#__PURE__*/react.createElement("g", {
47871
- fill: "none",
47872
- fillRule: "evenodd"
47873
- }, /*#__PURE__*/react.createElement("g", {
47874
- transform: "translate(1 1)",
47875
- strokeWidth: "2"
47876
- }, /*#__PURE__*/react.createElement("circle", {
47877
- strokeOpacity: ".5",
47878
- cx: "18",
47879
- cy: "18",
47880
- r: "18"
47881
- }), /*#__PURE__*/react.createElement("path", {
47882
- d: "M36 18c0-9.94-8.06-18-18-18"
47883
- }, /*#__PURE__*/react.createElement("animateTransform", {
47884
- attributeName: "transform",
47885
- type: "rotate",
47886
- from: "0 18 18",
47887
- to: "360 18 18",
47888
- dur: "1s",
47889
- repeatCount: "indefinite"
47890
- }))))), /*#__PURE__*/react.createElement("p", {
47891
- style: {
47892
- fontFamily: "Arial, Helvetica, sans-serif"
47893
- }
47894
- }, translate("utils.icon_selector.loading"))), keyword !== "" && /*#__PURE__*/react.createElement("p", {
47895
- className: "search-results"
47896
- }, /*#__PURE__*/react.createElement("span", {
47897
- dangerouslySetInnerHTML: {
47898
- __html: translate("utils.icon_selector.searching_for", keyword, iconList.length)
47899
- }
47900
- }), " ", /*#__PURE__*/react.createElement("a", {
47901
- href: "#",
47902
- onClick: function onClick(e) {
47903
- e.preventDefault();
47904
- setKeyword("");
47905
- }
47906
- }, translate("utils.icon_selector.remove_filter"))), /*#__PURE__*/react.createElement("div", {
47907
- className: "icon-list",
47908
- style: {
47909
- overflowX: "overlay"
47910
- }
47911
- }, /*#__PURE__*/react.createElement(FixedSizeGrid, {
47912
- columnCount: container.current !== null ? container.current.clientWidth < 600 ? 4 : 8 : 8,
47913
- columnWidth: container.current !== null ? container.current.clientWidth < 600 ? (container.current.clientWidth - 30) / 4 : (container.current.clientWidth - 30) / 8 : 15,
47914
- height: container.current !== null ? container.current.clientHeight - 70 : 200,
47915
- rowCount: container.current !== null ? container.current.clientWidth < 600 ? Math.max(iconList.length / 4) : Math.max(iconList.length / 8) : Math.max(iconList.length / 8),
47916
- rowHeight: 90,
47917
- width: container.current !== null ? container.current.clientWidth : 200
47918
- }, function (_ref2) {
47919
- var columnIndex = _ref2.columnIndex,
47920
- rowIndex = _ref2.rowIndex,
47921
- style = _ref2.style;
47922
- var iconData = iconList[rowIndex * (container.current !== null ? container.current.clientWidth < 600 ? 4 : 8 : 8) + columnIndex];
47923
-
47924
- if (!iconData || typeof iconData === "undefined" || iconData.icons == null) {
47925
- return null;
47926
- }
47927
-
47928
- var iconItem = iconData.icons[0];
47929
- return /*#__PURE__*/react.createElement("div", {
47930
- style: style
47931
- }, /*#__PURE__*/react.createElement("a", {
47932
- href: "#",
47933
- className: (0,clsx_m/* default */.Z)("icon-item", selectedIcon !== "" && selectedIcon === iconItem.icon && "current-selected"),
47934
- title: iconData.name,
47935
- onClick: function onClick(e) {
47936
- e.preventDefault();
47937
- onSelect(iconItem.icon);
47938
- }
47939
- }, /*#__PURE__*/react.createElement("div", {
47940
- className: "icon-container"
47941
- }, /*#__PURE__*/react.createElement("i", {
47942
- className: iconItem.icon
47943
- })), /*#__PURE__*/react.createElement("span", {
47944
- className: "icon-name"
47945
- }, iconData.name)));
47946
- })));
47947
- }
47948
-
47949
- /* harmony default export */ var IconPickerFrame_IconPickerFrame = (connect(function (state) {
47950
- return {
47951
- icon_library: state.settings.icon_library,
47952
- icon_library_version: state.settings.icon_library_version
47953
- };
47954
- })(IconPickerFrame));
47955
- // EXTERNAL MODULE: ./node_modules/jss/dist/jss.esm.js
47956
- var jss_esm = __webpack_require__(54013);
47957
- // EXTERNAL MODULE: ./node_modules/@material-ui/styles/esm/jssPreset/jssPreset.js + 9 modules
47958
- var jssPreset = __webpack_require__(60246);
47959
- // EXTERNAL MODULE: ./node_modules/@material-ui/styles/esm/StylesProvider/StylesProvider.js + 1 modules
47960
- var StylesProvider = __webpack_require__(4137);
47961
- ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/NoSsr/NoSsr.js
47962
-
47963
-
47964
-
47965
- var NoSsr_useEnhancedEffect = typeof window !== 'undefined' && "production" !== 'test' ? react.useLayoutEffect : react.useEffect;
47966
- /**
47967
- * NoSsr purposely removes components from the subject of Server Side Rendering (SSR).
47968
- *
47969
- * This component can be useful in a variety of situations:
47970
- * - Escape hatch for broken dependencies not supporting SSR.
47971
- * - Improve the time-to-first paint on the client by only rendering above the fold.
47972
- * - Reduce the rendering time on the server.
47973
- * - Under too heavy server load, you can turn on service degradation.
47974
- */
47975
-
47976
- function NoSsr(props) {
47977
- var children = props.children,
47978
- _props$defer = props.defer,
47979
- defer = _props$defer === void 0 ? false : _props$defer,
47980
- _props$fallback = props.fallback,
47981
- fallback = _props$fallback === void 0 ? null : _props$fallback;
47982
-
47983
- var _React$useState = react.useState(false),
47984
- mountedState = _React$useState[0],
47985
- setMountedState = _React$useState[1];
47986
-
47987
- NoSsr_useEnhancedEffect(function () {
47988
- if (!defer) {
47989
- setMountedState(true);
47990
- }
47991
- }, [defer]);
47992
- react.useEffect(function () {
47993
- if (defer) {
47994
- setMountedState(true);
47995
- }
47996
- }, [defer]); // We need the Fragment here to force react-docgen to recognise NoSsr as a component.
47997
-
47998
- return /*#__PURE__*/react.createElement(react.Fragment, null, mountedState ? children : fallback);
47999
- }
48000
-
48001
- false ? 0 : void 0;
48002
-
48003
- if (false) {}
48004
-
48005
- /* harmony default export */ var NoSsr_NoSsr = (NoSsr);
48006
- // EXTERNAL MODULE: ./node_modules/react-frame-component/lib/index.js
48007
- var lib = __webpack_require__(96561);
48008
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Dialogs/IconPickerDialog/DemoFrame.js
48009
- function DemoFrame_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { DemoFrame_typeof = function _typeof(obj) { return typeof obj; }; } else { DemoFrame_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return DemoFrame_typeof(obj); }
48010
-
48011
- function DemoFrame_toConsumableArray(arr) { return DemoFrame_arrayWithoutHoles(arr) || DemoFrame_iterableToArray(arr) || DemoFrame_unsupportedIterableToArray(arr) || DemoFrame_nonIterableSpread(); }
48012
-
48013
- function DemoFrame_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
48014
-
48015
- function DemoFrame_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return DemoFrame_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return DemoFrame_arrayLikeToArray(o, minLen); }
48016
-
48017
- function DemoFrame_iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
48018
-
48019
- function DemoFrame_arrayWithoutHoles(arr) { if (Array.isArray(arr)) return DemoFrame_arrayLikeToArray(arr); }
48020
-
48021
- function DemoFrame_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; }
48022
-
48023
- function DemoFrame_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
48024
-
48025
- function DemoFrame_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); } }
48026
-
48027
- function DemoFrame_createClass(Constructor, protoProps, staticProps) { if (protoProps) DemoFrame_defineProperties(Constructor.prototype, protoProps); if (staticProps) DemoFrame_defineProperties(Constructor, staticProps); return Constructor; }
48028
-
48029
- 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); }
48030
-
48031
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
48032
-
48033
- 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); }; }
48034
-
48035
- function _possibleConstructorReturn(self, call) { if (call && (DemoFrame_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
48036
-
48037
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
48038
-
48039
- 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; } }
48040
-
48041
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
48042
-
48043
- function DemoFrame_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; }
48044
-
48045
- /* global Map */
48046
-
48047
-
48048
-
48049
-
48050
- // import rtl from "jss-rtl";
48051
-
48052
-
48053
-
48054
- var DemoFrame_styles = function styles(theme) {
48055
- return {
48056
- root: {
48057
- backgroundColor: theme.palette.background["default"],
48058
- flexGrow: 1,
48059
- height: 400,
48060
- border: "none",
48061
- boxShadow: theme.shadows[1]
48062
- }
48063
- };
48064
- };
48065
-
48066
- var DemoFrame = /*#__PURE__*/function (_React$Component) {
48067
- _inherits(DemoFrame, _React$Component);
48068
-
48069
- var _super = _createSuper(DemoFrame);
48070
-
48071
- function DemoFrame() {
48072
- var _this;
48073
-
48074
- DemoFrame_classCallCheck(this, DemoFrame);
48075
-
48076
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
48077
- args[_key] = arguments[_key];
48078
- }
48079
-
48080
- _this = _super.call.apply(_super, [this].concat(args));
48081
-
48082
- DemoFrame_defineProperty(_assertThisInitialized(_this), "state", {
48083
- ready: false
48084
- });
48085
-
48086
- DemoFrame_defineProperty(_assertThisInitialized(_this), "handleRef", function (ref) {
48087
- _this.contentDocument = ref ? ref.node.contentDocument : null;
48088
- _this.contentWindow = ref ? ref.node.contentWindow : null;
48089
- });
48090
-
48091
- DemoFrame_defineProperty(_assertThisInitialized(_this), "onContentDidMount", function () {
48092
- _this.setState({
48093
- ready: true,
48094
- jss: (0,jss_esm/* create */.Ue)({
48095
- plugins: DemoFrame_toConsumableArray((0,jssPreset/* default */.Z)().plugins),
48096
- insertionPoint: _this.contentWindow["demo-frame-jss"]
48097
- }),
48098
- sheetsManager: new Map(),
48099
- container: _this.contentDocument.body
48100
- });
48101
- });
48102
-
48103
- DemoFrame_defineProperty(_assertThisInitialized(_this), "onContentDidUpdate", function () {
48104
- _this.contentDocument.body.dir = _this.props.theme.direction;
48105
- });
48106
-
48107
- return _this;
48108
- }
48109
-
48110
- DemoFrame_createClass(DemoFrame, [{
48111
- key: "render",
48112
- value: function render() {
48113
- var _this$props = this.props,
48114
- children = _this$props.children,
48115
- classes = _this$props.classes; // NoSsr fixes a strange concurrency issue with iframe and quick React mount/unmount
48116
-
48117
- return /*#__PURE__*/react.createElement(NoSsr_NoSsr, null, /*#__PURE__*/react.createElement(lib/* default */.ZP, {
48118
- ref: this.handleRef,
48119
- className: classes.root,
48120
- contentDidMount: this.onContentDidMount,
48121
- contentDidUpdate: this.onContentDidUpdate,
48122
- head: this.props.head,
48123
- style: this.props.style,
48124
- width: "100%",
48125
- border: 0
48126
- }, /*#__PURE__*/react.createElement("div", {
48127
- id: "demo-frame-jss"
48128
- }), this.state.ready ? /*#__PURE__*/react.createElement(StylesProvider/* default */.ZP, {
48129
- jss: this.state.jss,
48130
- sheetsManager: this.state.sheetsManager
48131
- }, /*#__PURE__*/react.cloneElement(children, {
48132
- container: this.state.container
48133
- })) : null));
48134
- }
48135
- }]);
48136
-
48137
- return DemoFrame;
48138
- }(react.Component);
48139
-
48140
- /* harmony default export */ var IconPickerDialog_DemoFrame = ((0,withStyles/* default */.Z)(DemoFrame_styles, {
48141
- withTheme: true
48142
- })(DemoFrame));
48143
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Dialogs/IconPickerDialog/IconPickerDialog.js
48144
- function IconPickerDialog_slicedToArray(arr, i) { return IconPickerDialog_arrayWithHoles(arr) || IconPickerDialog_iterableToArrayLimit(arr, i) || IconPickerDialog_unsupportedIterableToArray(arr, i) || IconPickerDialog_nonIterableRest(); }
48145
-
48146
- function IconPickerDialog_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
48147
-
48148
- function IconPickerDialog_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return IconPickerDialog_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return IconPickerDialog_arrayLikeToArray(o, minLen); }
48149
-
48150
- function IconPickerDialog_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; }
48151
-
48152
- function IconPickerDialog_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
48153
-
48154
- function IconPickerDialog_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
48155
-
48156
-
48157
-
48158
-
48159
-
48160
-
48161
- var stylesheet = "\nbody {\n margin: 0;\n display: flex;\n overflow: hidden;\n}\n\n* {\n box-sizing: border-box;\n}\n\n.header {\n margin-bottom: 5px;\n}\n\n.icon-item {\n display: block;\n text-decoration: none;\n border: 2px solid #eeeeee;\n margin: 4px;\n height: 80px;\n color: #494949;\n font-family: sans-serif;\n border-radius: 4px;\n transition: border-color 250ms ease-in-out;\n}\n\n.icon-item:hover {\n color: #2f788a;\n border-color: #2f788a;\n}\n\n.icon-item.current-selected {\n color: #f08419;\n border-color: #f08419;\n}\n\n.icon-item .icon-container {\n height: 50px;\n line-height: 50px;\n text-align: center;\n}\n\n.icon-item .icon-container i {\n display: block;\n line-height: 50px;\n font-size: 25px;\n}\n\n.icon-item .icon-name {\n display: block;\n text-align: center;\n padding: 0 5px 10px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 13px;\n}\n\n.search-results {\n display: block;\n padding: 5px 5px 0;\n font-family: sans-serif;\n color: #333333;\n font-size: 14px;\n}\n\n.search-results a {\n text-decoration: none;\n color: #2f788a;\n}\n\n.search-results a:hover {\n text-decoration: underline;\n}\n\n.frame-content {\n width: 100%;\n}\n.frame-root {\n width: 100%;\n}\n";
48162
- function IconPickerDialog(_ref) {
48163
- var onClose = _ref.onClose,
48164
- startingValue = _ref.startingValue,
48165
- _ref$dialogOpened = _ref.dialogOpened,
48166
- dialogOpened = _ref$dialogOpened === void 0 ? false : _ref$dialogOpened,
48167
- memoizedStylesheet = _ref.memoizedStylesheet;
48168
-
48169
- var _useState = (0,react.useState)(startingValue),
48170
- _useState2 = IconPickerDialog_slicedToArray(_useState, 2),
48171
- currentSelectedIcon = _useState2[0],
48172
- setCurrentSelectedIcon = _useState2[1];
48173
-
48174
- var handleClose = function handleClose(status, value) {
48175
- if (status === "confirm") {
48176
- onClose(value);
48177
- } else {
48178
- onClose(false);
48179
- }
48180
- };
48181
 
48182
  (0,react.useEffect)(function () {
48183
  setCurrentSelectedIcon(startingValue);
@@ -59736,696 +58776,1392 @@ var Slider_Slider = /*#__PURE__*/react.forwardRef(function Slider(props, ref) {
59736
  var increaseKey = isRtl ? 'ArrowLeft' : 'ArrowRight';
59737
  var decreaseKey = isRtl ? 'ArrowRight' : 'ArrowLeft';
59738
 
59739
- switch (event.key) {
59740
- case 'Home':
59741
- newValue = min;
59742
- break;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
59743
 
59744
- case 'End':
59745
- newValue = max;
59746
- break;
59747
 
59748
- case 'PageUp':
59749
- if (step) {
59750
- newValue = value + tenPercents;
59751
- }
59752
 
59753
- break;
59754
 
59755
- case 'PageDown':
59756
- if (step) {
59757
- newValue = value - tenPercents;
59758
- }
59759
 
59760
- break;
59761
 
59762
- case increaseKey:
59763
- case 'ArrowUp':
59764
- if (step) {
59765
- newValue = value + step;
59766
- } else {
59767
- newValue = marksValues[marksIndex + 1] || marksValues[marksValues.length - 1];
59768
- }
59769
 
59770
- break;
59771
 
59772
- case decreaseKey:
59773
- case 'ArrowDown':
59774
- if (step) {
59775
- newValue = value - step;
59776
- } else {
59777
- newValue = marksValues[marksIndex - 1] || marksValues[0];
59778
- }
59779
 
59780
- break;
59781
 
59782
- default:
59783
- return;
59784
- } // Prevent scroll of the page
59785
 
59786
 
59787
- event.preventDefault();
59788
 
59789
- if (step) {
59790
- newValue = roundValueToStep(newValue, step, min);
59791
- }
59792
 
59793
- newValue = Slider_clamp(newValue, min, max);
59794
 
59795
- if (range) {
59796
- var previousValue = newValue;
59797
- newValue = setValueIndex({
59798
- values: values,
59799
- source: valueDerived,
59800
- newValue: newValue,
59801
- index: index
59802
- }).sort(asc);
59803
- focusThumb({
59804
- sliderRef: sliderRef,
59805
- activeIndex: newValue.indexOf(previousValue)
59806
- });
59807
- }
59808
 
59809
- setValueState(newValue);
59810
- setFocusVisible(index);
59811
 
59812
- if (onChange) {
59813
- onChange(event, newValue);
59814
- }
59815
 
59816
- if (onChangeCommitted) {
59817
- onChangeCommitted(event, newValue);
59818
- }
59819
- });
59820
- var previousIndex = react.useRef();
59821
- var axis = orientation;
59822
 
59823
- if (isRtl && orientation !== "vertical") {
59824
- axis += '-reverse';
59825
- }
59826
 
59827
- var getFingerNewValue = function getFingerNewValue(_ref3) {
59828
- var finger = _ref3.finger,
59829
- _ref3$move = _ref3.move,
59830
- move = _ref3$move === void 0 ? false : _ref3$move,
59831
- values2 = _ref3.values,
59832
- source = _ref3.source;
59833
- var slider = sliderRef.current;
59834
 
59835
- var _slider$getBoundingCl = slider.getBoundingClientRect(),
59836
- width = _slider$getBoundingCl.width,
59837
- height = _slider$getBoundingCl.height,
59838
- bottom = _slider$getBoundingCl.bottom,
59839
- left = _slider$getBoundingCl.left;
59840
 
59841
- var percent;
59842
 
59843
- if (axis.indexOf('vertical') === 0) {
59844
- percent = (bottom - finger.y) / height;
59845
- } else {
59846
- percent = (finger.x - left) / width;
59847
- }
59848
 
59849
- if (axis.indexOf('-reverse') !== -1) {
59850
- percent = 1 - percent;
59851
- }
 
 
59852
 
59853
- var newValue;
59854
- newValue = percentToValue(percent, min, max);
 
 
59855
 
59856
- if (step) {
59857
- newValue = roundValueToStep(newValue, step, min);
59858
- } else {
59859
- var marksValues = marks.map(function (mark) {
59860
- return mark.value;
59861
- });
59862
- var closestIndex = findClosest(marksValues, newValue);
59863
- newValue = marksValues[closestIndex];
59864
- }
59865
 
59866
- newValue = Slider_clamp(newValue, min, max);
59867
- var activeIndex = 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
59868
 
59869
- if (range) {
59870
- if (!move) {
59871
- activeIndex = findClosest(values2, newValue);
59872
- } else {
59873
- activeIndex = previousIndex.current;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
59874
  }
 
 
59875
 
59876
- var previousValue = newValue;
59877
- newValue = setValueIndex({
59878
- values: values2,
59879
- source: source,
59880
- newValue: newValue,
59881
- index: activeIndex
59882
- }).sort(asc);
59883
- activeIndex = newValue.indexOf(previousValue);
59884
- previousIndex.current = activeIndex;
59885
- }
59886
 
59887
- return {
59888
- newValue: newValue,
59889
- activeIndex: activeIndex
59890
- };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
59891
  };
59892
 
59893
- var handleTouchMove = (0,useEventCallback/* default */.Z)(function (event) {
59894
- var finger = trackFinger(event, touchId);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
59895
 
59896
- if (!finger) {
59897
- return;
 
 
 
 
 
 
 
59898
  }
 
 
 
 
 
59899
 
59900
- var _getFingerNewValue = getFingerNewValue({
59901
- finger: finger,
59902
- move: true,
59903
- values: values,
59904
- source: valueDerived
59905
- }),
59906
- newValue = _getFingerNewValue.newValue,
59907
- activeIndex = _getFingerNewValue.activeIndex;
59908
-
59909
- focusThumb({
59910
- sliderRef: sliderRef,
59911
- activeIndex: activeIndex,
59912
- setActive: setActive
59913
- });
59914
- setValueState(newValue);
59915
 
59916
- if (onChange) {
59917
- onChange(event, newValue);
 
 
 
 
 
 
 
 
 
 
 
 
59918
  }
59919
- });
59920
- var handleTouchEnd = (0,useEventCallback/* default */.Z)(function (event) {
59921
- var finger = trackFinger(event, touchId);
 
 
 
59922
 
59923
- if (!finger) {
59924
- return;
59925
- }
59926
 
59927
- var _getFingerNewValue2 = getFingerNewValue({
59928
- finger: finger,
59929
- values: values,
59930
- source: valueDerived
59931
- }),
59932
- newValue = _getFingerNewValue2.newValue;
59933
 
59934
- setActive(-1);
59935
 
59936
- if (event.type === 'touchend') {
59937
- setOpen(-1);
59938
- }
59939
 
59940
- if (onChangeCommitted) {
59941
- onChangeCommitted(event, newValue);
59942
- }
59943
 
59944
- touchId.current = undefined;
59945
- var doc = (0,ownerDocument/* default */.Z)(sliderRef.current);
59946
- doc.removeEventListener('mousemove', handleTouchMove);
59947
- doc.removeEventListener('mouseup', handleTouchEnd);
59948
- doc.removeEventListener('touchmove', handleTouchMove);
59949
- doc.removeEventListener('touchend', handleTouchEnd);
59950
- });
59951
- var handleTouchStart = (0,useEventCallback/* default */.Z)(function (event) {
59952
- // Workaround as Safari has partial support for touchAction: 'none'.
59953
- event.preventDefault();
59954
- var touch = event.changedTouches[0];
59955
 
59956
- if (touch != null) {
59957
- // A number that uniquely identifies the current finger in the touch session.
59958
- touchId.current = touch.identifier;
59959
- }
59960
 
59961
- var finger = trackFinger(event, touchId);
59962
 
59963
- var _getFingerNewValue3 = getFingerNewValue({
59964
- finger: finger,
59965
- values: values,
59966
- source: valueDerived
59967
- }),
59968
- newValue = _getFingerNewValue3.newValue,
59969
- activeIndex = _getFingerNewValue3.activeIndex;
59970
 
59971
- focusThumb({
59972
- sliderRef: sliderRef,
59973
- activeIndex: activeIndex,
59974
- setActive: setActive
59975
- });
59976
- setValueState(newValue);
59977
 
59978
- if (onChange) {
59979
- onChange(event, newValue);
59980
- }
59981
 
59982
- var doc = (0,ownerDocument/* default */.Z)(sliderRef.current);
59983
- doc.addEventListener('touchmove', handleTouchMove);
59984
- doc.addEventListener('touchend', handleTouchEnd);
59985
- });
59986
- react.useEffect(function () {
59987
- var slider = sliderRef.current;
59988
- slider.addEventListener('touchstart', handleTouchStart);
59989
- var doc = (0,ownerDocument/* default */.Z)(slider);
59990
- return function () {
59991
- slider.removeEventListener('touchstart', handleTouchStart);
59992
- doc.removeEventListener('mousemove', handleTouchMove);
59993
- doc.removeEventListener('mouseup', handleTouchEnd);
59994
- doc.removeEventListener('touchmove', handleTouchMove);
59995
- doc.removeEventListener('touchend', handleTouchEnd);
59996
- };
59997
- }, [handleTouchEnd, handleTouchMove, handleTouchStart]);
59998
- var handleMouseDown = (0,useEventCallback/* default */.Z)(function (event) {
59999
- if (onMouseDown) {
60000
- onMouseDown(event);
60001
- }
60002
 
60003
- event.preventDefault();
60004
- var finger = trackFinger(event, touchId);
60005
 
60006
- var _getFingerNewValue4 = getFingerNewValue({
60007
- finger: finger,
60008
- values: values,
60009
- source: valueDerived
60010
- }),
60011
- newValue = _getFingerNewValue4.newValue,
60012
- activeIndex = _getFingerNewValue4.activeIndex;
60013
 
60014
- focusThumb({
60015
- sliderRef: sliderRef,
60016
- activeIndex: activeIndex,
60017
- setActive: setActive
60018
- });
60019
- setValueState(newValue);
60020
 
60021
- if (onChange) {
60022
- onChange(event, newValue);
60023
- }
60024
 
60025
- var doc = (0,ownerDocument/* default */.Z)(sliderRef.current);
60026
- doc.addEventListener('mousemove', handleTouchMove);
60027
- doc.addEventListener('mouseup', handleTouchEnd);
60028
- });
60029
- var trackOffset = valueToPercent(range ? values[0] : min, min, max);
60030
- var trackLeap = valueToPercent(values[values.length - 1], min, max) - trackOffset;
60031
 
60032
- var trackStyle = (0,esm_extends/* default */.Z)({}, axisProps[axis].offset(trackOffset), axisProps[axis].leap(trackLeap));
60033
 
60034
- return /*#__PURE__*/react.createElement(Component, (0,esm_extends/* default */.Z)({
60035
- ref: handleRef,
60036
- className: (0,clsx_m/* default */.Z)(classes.root, classes["color".concat((0,capitalize/* default */.Z)(color))], className, disabled && classes.disabled, marks.length > 0 && marks.some(function (mark) {
60037
- return mark.label;
60038
- }) && classes.marked, track === false && classes.trackFalse, orientation === 'vertical' && classes.vertical, track === 'inverted' && classes.trackInverted),
60039
- onMouseDown: handleMouseDown
60040
- }, other), /*#__PURE__*/react.createElement("span", {
60041
- className: classes.rail
60042
- }), /*#__PURE__*/react.createElement("span", {
60043
- className: classes.track,
60044
- style: trackStyle
60045
- }), /*#__PURE__*/react.createElement("input", {
60046
- value: values.join(','),
60047
- name: name,
60048
- type: "hidden"
60049
- }), marks.map(function (mark, index) {
60050
- var percent = valueToPercent(mark.value, min, max);
60051
- var style = axisProps[axis].offset(percent);
60052
- var markActive;
60053
 
60054
- if (track === false) {
60055
- markActive = values.indexOf(mark.value) !== -1;
60056
- } else {
60057
- markActive = track === 'normal' && (range ? mark.value >= values[0] && mark.value <= values[values.length - 1] : mark.value <= values[0]) || track === 'inverted' && (range ? mark.value <= values[0] || mark.value >= values[values.length - 1] : mark.value >= values[0]);
60058
- }
60059
 
60060
- return /*#__PURE__*/react.createElement(react.Fragment, {
60061
- key: mark.value
60062
- }, /*#__PURE__*/react.createElement("span", {
60063
- style: style,
60064
- "data-index": index,
60065
- className: (0,clsx_m/* default */.Z)(classes.mark, markActive && classes.markActive)
60066
- }), mark.label != null ? /*#__PURE__*/react.createElement("span", {
60067
- "aria-hidden": true,
60068
- "data-index": index,
60069
- style: style,
60070
- className: (0,clsx_m/* default */.Z)(classes.markLabel, markActive && classes.markLabelActive)
60071
- }, mark.label) : null);
60072
- }), values.map(function (value, index) {
60073
- var percent = valueToPercent(value, min, max);
60074
- var style = axisProps[axis].offset(percent);
60075
- return /*#__PURE__*/react.createElement(ValueLabelComponent, {
60076
- key: index,
60077
- valueLabelFormat: valueLabelFormat,
60078
- valueLabelDisplay: valueLabelDisplay,
60079
- className: classes.valueLabel,
60080
- value: typeof valueLabelFormat === 'function' ? valueLabelFormat(scale(value), index) : valueLabelFormat,
60081
- index: index,
60082
- open: open === index || active === index || valueLabelDisplay === 'on',
60083
- disabled: disabled
60084
- }, /*#__PURE__*/react.createElement(ThumbComponent, {
60085
- className: (0,clsx_m/* default */.Z)(classes.thumb, classes["thumbColor".concat((0,capitalize/* default */.Z)(color))], active === index && classes.active, disabled && classes.disabled, focusVisible === index && classes.focusVisible),
60086
- tabIndex: disabled ? null : 0,
60087
- role: "slider",
60088
- style: style,
60089
- "data-index": index,
60090
- "aria-label": getAriaLabel ? getAriaLabel(index) : ariaLabel,
60091
- "aria-labelledby": ariaLabelledby,
60092
- "aria-orientation": orientation,
60093
- "aria-valuemax": scale(max),
60094
- "aria-valuemin": scale(min),
60095
- "aria-valuenow": scale(value),
60096
- "aria-valuetext": getAriaValueText ? getAriaValueText(scale(value), index) : ariaValuetext,
60097
- onKeyDown: handleKeyDown,
60098
- onFocus: handleFocus,
60099
- onBlur: handleBlur,
60100
- onMouseOver: handleMouseOver,
60101
- onMouseLeave: handleMouseLeave
60102
  }));
60103
- }));
60104
- });
60105
- false ? 0 : void 0;
60106
- /* harmony default export */ var esm_Slider_Slider = ((0,withStyles/* default */.Z)(Slider_styles, {
60107
- name: 'MuiSlider'
60108
- })(Slider_Slider));
60109
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Form/SliderContainer/SliderContainer.js
60110
- function SliderContainer_extends() { SliderContainer_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 SliderContainer_extends.apply(this, arguments); }
 
 
 
 
 
 
 
 
60111
 
60112
- function SliderContainer_slicedToArray(arr, i) { return SliderContainer_arrayWithHoles(arr) || SliderContainer_iterableToArrayLimit(arr, i) || SliderContainer_unsupportedIterableToArray(arr, i) || SliderContainer_nonIterableRest(); }
 
 
 
 
 
60113
 
60114
- function SliderContainer_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 
60115
 
60116
- function SliderContainer_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return SliderContainer_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return SliderContainer_arrayLikeToArray(o, minLen); }
 
 
 
 
 
 
60117
 
60118
- function SliderContainer_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; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60119
 
60120
- function SliderContainer_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 
 
60121
 
60122
- function SliderContainer_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
60123
 
60124
- function SliderContainer_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = SliderContainer_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; }
60125
 
60126
- function SliderContainer_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
60127
 
 
60128
 
 
60129
 
 
60130
 
60131
 
60132
 
60133
 
60134
- function SliderContainer(_ref) {
60135
- var _ref$title = _ref.title,
60136
- title = _ref$title === void 0 ? "" : _ref$title,
60137
- _ref$min = _ref.min,
60138
- min = _ref$min === void 0 ? 0 : _ref$min,
60139
- _ref$max = _ref.max,
60140
- max = _ref$max === void 0 ? 100 : _ref$max,
60141
- _ref$onChange = _ref.onChange,
60142
- onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60143
  _ref$value = _ref.value,
60144
  value = _ref$value === void 0 ? "" : _ref$value,
 
 
 
 
 
 
 
60145
  _ref$defaultValue = _ref.defaultValue,
60146
- defaultValue = _ref$defaultValue === void 0 ? 0 : _ref$defaultValue,
60147
- _ref$inputText = _ref.inputText,
60148
- inputText = _ref$inputText === void 0 ? "" : _ref$inputText,
60149
- _ref$labelText = _ref.labelText,
60150
- labelText = _ref$labelText === void 0 ? "px" : _ref$labelText,
60151
- disabled = _ref.disabled,
60152
- _ref$trashButton = _ref.trashButton,
60153
- trashButton = _ref$trashButton === void 0 ? true : _ref$trashButton,
60154
- _ref$premium = _ref.premium,
60155
- premium = _ref$premium === void 0 ? false : _ref$premium,
60156
- props = SliderContainer_objectWithoutProperties(_ref, ["title", "min", "max", "onChange", "value", "defaultValue", "inputText", "labelText", "disabled", "trashButton", "premium"]);
60157
-
60158
- // Slider value
60159
- var _useState = (0,react.useState)(value.toString()),
60160
- _useState2 = SliderContainer_slicedToArray(_useState, 2),
60161
- sliderValue = _useState2[0],
60162
- setSliderValue = _useState2[1];
60163
 
60164
- var _useState3 = (0,react.useState)(value === ""),
60165
- _useState4 = SliderContainer_slicedToArray(_useState3, 2),
60166
- sliderDisabled = _useState4[0],
60167
- setSliderDisabled = _useState4[1];
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60168
 
60169
- (0,react.useEffect)(function () {
60170
- setSliderValue(value.toString());
60171
- setSliderDisabled(value === "");
60172
- }, [value]); // Handle slider change
60173
 
60174
- var handleSliderChange = function handleSliderChange(_, newValue) {
60175
- setSliderValue(newValue.toString()); // onChange(newValue);
60176
- }; // Label format (like, 15px)
60177
 
 
 
 
 
60178
 
60179
- var valueLabelFormat = function valueLabelFormat(value) {
60180
- return "".concat(value).concat(labelText);
60181
- }; // On input change
 
 
 
60182
 
 
 
 
 
60183
 
60184
- var handleInputChange = function handleInputChange(event) {
60185
- var val = event.target.value.replace(/^0+/, "");
 
 
 
 
 
 
 
 
 
 
 
60186
 
60187
- if (val === "") {
60188
- setSliderValue("");
60189
- onChange("unset");
60190
- setSliderDisabled(true);
60191
- return;
60192
  }
60193
 
60194
- setSliderDisabled(false); //* When value == min value or lower:
60195
-
60196
- if (val < min) {
60197
- // handleSliderChange(null, min);
60198
- setSliderValue(min);
60199
- onChange(Number(val));
60200
- return;
60201
- } //* When value == max value:
60202
- else if (val > max) {
60203
- setSliderValue(max);
60204
- onChange(Number(val));
60205
- return;
60206
- }
60207
-
60208
- setSliderValue(val);
60209
- onChange(Number(val));
60210
  };
60211
 
60212
- return /*#__PURE__*/react.createElement(SettingsContainer, SliderContainer_extends({
60213
- title: title,
60214
- className: "slider-container"
60215
- }, props), /*#__PURE__*/react.createElement(esm_Slider_Slider, {
60216
- min: min,
60217
- max: max,
60218
- style: {
60219
- pointerEvents: disabled ? "none" : "auto"
60220
- },
60221
- value: sliderDisabled ? defaultValue : typeof sliderValue === "number" ? sliderValue : Number(sliderValue),
60222
- disabled: disabled || sliderDisabled,
60223
- onMouseDown: function onMouseDown() {
60224
- if (premium) {
60225
- app.showPremiumDialog("More hover settings!");
60226
- return;
 
 
60227
  }
 
 
 
 
 
 
 
 
 
 
 
 
60228
 
60229
- setSliderDisabled(false);
60230
- },
60231
- onChange: handleSliderChange,
60232
- onChangeCommitted: function onChangeCommitted(_, val) {
60233
- onChange(Number(val));
60234
- },
60235
- "aria-labelledby": "input-slider",
60236
- valueLabelFormat: valueLabelFormat,
60237
- valueLabelDisplay: sliderDisabled ? "off" : "auto"
60238
- }), /*#__PURE__*/react.createElement(OutlinedInput_OutlinedInput, {
60239
- value: sliderValue,
60240
- className: "slider-container-input",
60241
- margin: "dense",
60242
- onChange: handleInputChange,
60243
- disabled: disabled,
60244
  onClick: function onClick() {
60245
- if (premium) app.showPremiumDialog("More hover settings!");
60246
- },
60247
- placeholder: sliderDisabled ? "".concat(defaultValue) : "",
60248
- onBlur: function onBlur(e) {
60249
- if (e.target.value < min) {
60250
- handleSliderChange(null, min);
60251
- } else if (e.target.value > max) {
60252
- handleSliderChange(null, max);
60253
  }
60254
- },
60255
- endAdornment: inputText ? /*#__PURE__*/react.createElement(InputAdornment_InputAdornment, {
60256
- position: "end"
60257
- }, inputText) : null,
60258
- inputProps: {
60259
- min: min,
60260
- max: max,
60261
- "data-testid": "slider-input",
60262
- type: "number",
60263
- "aria-labelledby": "input-slider"
60264
  }
60265
- }), trashButton ? /*#__PURE__*/react.createElement(IconButton_IconButton, {
60266
- disabled: sliderDisabled,
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60267
  onClick: function onClick() {
60268
- setSliderValue("");
60269
- onChange("unset");
60270
- setSliderDisabled(true);
60271
- },
60272
- "data-testid": "delete",
60273
- size: "small",
60274
- style: {
60275
- fontSize: "1rem",
60276
- marginLeft: "5px"
60277
- },
60278
- color: "primary"
60279
- }, /*#__PURE__*/react.createElement(Icon_Icon, {
60280
- fontSize: "inherit",
60281
- className: "fas fa-trash"
60282
- })) : null);
60283
  }
60284
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/ImageBorderRadius/ImageBorderRadius.js
60285
- function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
60286
-
60287
-
60288
 
60289
 
60290
- function IconImageBorderRadius(_ref) {
60291
- _objectDestructuringEmpty(_ref);
60292
 
60293
- var imageRadius = function imageRadius() {
60294
- /* webpack-strip-block:removed */
60295
- return /*#__PURE__*/React.createElement(React.Fragment, null);
60296
- };
60297
 
60298
- return imageRadius();
 
 
 
 
60299
  }
60300
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/IconOrImage/IconOrImage.js
60301
- function IconOrImage_slicedToArray(arr, i) { return IconOrImage_arrayWithHoles(arr) || IconOrImage_iterableToArrayLimit(arr, i) || IconOrImage_unsupportedIterableToArray(arr, i) || IconOrImage_nonIterableRest(); }
60302
-
60303
- function IconOrImage_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
60304
-
60305
- function IconOrImage_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return IconOrImage_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return IconOrImage_arrayLikeToArray(o, minLen); }
60306
-
60307
- function IconOrImage_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; }
60308
-
60309
- function IconOrImage_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
60310
-
60311
- function IconOrImage_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
60312
-
60313
 
60314
 
60315
 
60316
 
60317
 
60318
 
60319
- function IconOrImage(_ref) {
60320
  var _onChange = _ref.onChange,
60321
- _ref$value = _ref.value,
60322
- value = _ref$value === void 0 ? false : _ref$value,
60323
- _ref$option = _ref.option1,
60324
- option1 = _ref$option === void 0 ? "icon" : _ref$option,
60325
- _ref$option2 = _ref.option2,
60326
- option2 = _ref$option2 === void 0 ? translate("utils.image") : _ref$option2,
60327
- _ref$className = _ref.className,
60328
- className = _ref$className === void 0 ? null : _ref$className;
60329
-
60330
- var _useState = (0,react.useState)(value === true ? 1 : 0),
60331
- _useState2 = IconOrImage_slicedToArray(_useState, 2),
60332
- currentTab = _useState2[0],
60333
- setCurrentTab = _useState2[1];
60334
-
60335
- (0,react.useEffect)(function () {
60336
- setCurrentTab(value === true ? 1 : 0);
60337
- }, [value]);
60338
  return /*#__PURE__*/react.createElement(SettingsContainer, {
60339
- title: translate("common.type")
60340
- }, /*#__PURE__*/react.createElement(Tabs_Tabs, {
60341
- value: currentTab,
60342
- onChange: function onChange(e, b) {
60343
- if (currentTab !== b) {
60344
- if (_onChange) _onChange(b === 1, setCurrentTab);
60345
- }
 
 
60346
  },
60347
- indicatorColor: "secondary",
60348
- textColor: "secondary",
60349
- variant: "fullWidth",
60350
- className: (0,clsx_m/* default */.Z)("icon-or-image ", className)
60351
- }, /*#__PURE__*/react.createElement(Tab_Tab, {
60352
- label: option1 === "icon" ? translate("utils.icon") : translate("utils.color"),
60353
- icon: /*#__PURE__*/react.createElement("i", {
60354
- className: option1 === "icon" ? "far fa-heart" : "fas fa-palette"
60355
- }),
60356
- size: "small",
60357
- "data-testid": "setting:color-choice"
60358
- }), /*#__PURE__*/react.createElement(Tab_Tab, {
60359
- label: option2,
60360
- icon: /*#__PURE__*/react.createElement("i", {
60361
- className: "fas fa-image"
60362
- }),
60363
- size: "small",
60364
- "data-testid": "setting:image-choice"
60365
- })));
60366
- }
60367
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/DisableSetting/DisableSetting.js
60368
-
60369
-
60370
-
60371
-
60372
- function DisableSetting(_ref) {
60373
- var _ref$setOpacity = _ref.setOpacity,
60374
- setOpacity = _ref$setOpacity === void 0 ? 0.3 : _ref$setOpacity,
60375
- _ref$condition = _ref.condition,
60376
- condition = _ref$condition === void 0 ? true : _ref$condition,
60377
- _ref$className = _ref.className,
60378
- className = _ref$className === void 0 ? null : _ref$className,
60379
- _ref$content = _ref.content,
60380
- content = _ref$content === void 0 ? false : _ref$content,
60381
- _ref$premiumTag = _ref.premiumTag,
60382
- premiumTag = _ref$premiumTag === void 0 ? false : _ref$premiumTag,
60383
- _ref$children = _ref.children,
60384
- children = _ref$children === void 0 ? null : _ref$children,
60385
- _onClick = _ref.onClick;
60386
- var visibility = condition ? setOpacity : 1;
60387
- return /*#__PURE__*/react.createElement("div", {
60388
- className: (0,clsx_m/* default */.Z)("disable-setting ".concat(condition ? "disabled" : ""), className),
60389
- "data-testid": "disable-setting",
60390
  onClick: function onClick() {
60391
- if (_onClick && condition) {
60392
- _onClick();
60393
- }
60394
  },
60395
- disabled: condition
60396
- }, /*#__PURE__*/react.createElement("div", {
60397
  style: {
60398
- opacity: visibility
 
60399
  },
60400
- className: "settings"
60401
- }, children), condition && /*#__PURE__*/react.createElement("div", {
60402
- className: "disable-content"
60403
- }, content, premiumTag && /*#__PURE__*/react.createElement(PremiumTag, null)));
 
60404
  }
60405
- ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Button/Tabs/Styling/IconGroup.js
60406
- function IconGroup_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; }
60407
 
60408
- function IconGroup_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { IconGroup_ownKeys(Object(source), true).forEach(function (key) { IconGroup_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { IconGroup_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
60409
 
60410
- function IconGroup_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; }
60411
 
60412
- function IconGroup_extends() { IconGroup_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 IconGroup_extends.apply(this, arguments); }
60413
 
60414
- function IconGroup_slicedToArray(arr, i) { return IconGroup_arrayWithHoles(arr) || IconGroup_iterableToArrayLimit(arr, i) || IconGroup_unsupportedIterableToArray(arr, i) || IconGroup_nonIterableRest(); }
60415
 
60416
- function IconGroup_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
60417
 
60418
- function IconGroup_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return IconGroup_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return IconGroup_arrayLikeToArray(o, minLen); }
60419
 
60420
- function IconGroup_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; }
60421
 
60422
- function IconGroup_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
60423
 
60424
- function IconGroup_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
60425
 
60426
- function IconGroup_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = IconGroup_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; }
60427
 
60428
- function IconGroup_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
60429
 
60430
 
60431
 
@@ -60441,101 +60177,130 @@ function IconGroup_objectWithoutPropertiesLoose(source, excluded) { if (source =
60441
 
60442
 
60443
 
60444
- /* webpack-strip-block:removed */
60445
 
60446
- function IconGroup(_ref) {
60447
- var get = _ref.get,
 
 
60448
  getParent = _ref.getParent,
60449
- set = _ref.set,
60450
- groupProps = IconGroup_objectWithoutProperties(_ref, ["get", "getParent", "set"]);
60451
 
60452
  var _useState = (0,react.useState)(0),
60453
- _useState2 = IconGroup_slicedToArray(_useState, 2),
60454
  hoverSettings = _useState2[0],
60455
- setHoverSettings = _useState2[1]; // 0 = normal, 1 = hover
60456
 
 
 
 
 
 
 
60457
 
60458
- var tab = function tab() {
60459
  /* webpack-strip-block:removed */
60460
  return /*#__PURE__*/react.createElement(DisableSetting, {
60461
  premiumTag: true,
60462
  onClick: function onClick() {
60463
- app.showPremiumDialog(translate("premium.custom_image"));
60464
  }
60465
- }, /*#__PURE__*/react.createElement(IconOrImage, {
60466
- option2: translate("utils.image"),
60467
- value: false,
60468
- style: {
60469
- marginTop: "-20px"
60470
- },
60471
- className: "Mui-buzz-premium"
60472
  }));
60473
  };
60474
 
60475
- var settings = function settings() {
60476
- var color = get("icon_color");
60477
- var icon = get("icon", true);
 
 
 
 
 
 
 
 
 
 
 
 
 
60478
  /* webpack-strip-block:removed */
60479
 
60480
- return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(DisableSetting, {
60481
  condition: hoverSettings === 1,
60482
  premiumTag: true,
60483
  onClick: function onClick() {
60484
  app.showPremiumDialog("More hover settings!");
60485
  }
60486
- }, /*#__PURE__*/react.createElement(IconSelector_IconSelector, {
60487
- value: icon[0],
 
 
60488
  onChange: function onChange(val) {
60489
- return set("icon", [val, "unset"]);
60490
  },
60491
- hoverDisabled: hoverSettings === 1
60492
- })), /*#__PURE__*/react.createElement(ColorPicker, {
60493
- title: translate("utils.color"),
60494
- value: color[hoverSettings],
60495
- defaultValue: get("icon_color", true)[hoverSettings],
60496
- onChange: function onChange(val) {
60497
- var newValues = color;
60498
- newValues[hoverSettings] = val;
60499
- set("icon_color", newValues);
60500
- }
60501
  }));
60502
  };
60503
 
60504
- var sliders = function sliders() {
60505
- var icon_size = get("icon_size");
60506
  /* webpack-strip-block:removed */
60507
-
60508
  return /*#__PURE__*/react.createElement(DisableSetting, {
60509
  condition: hoverSettings === 1,
60510
  premiumTag: true,
60511
  onClick: function onClick() {
60512
  app.showPremiumDialog("More hover settings!");
60513
  }
60514
- }, /*#__PURE__*/react.createElement(SliderContainer, {
60515
- title: translate("settings.icon_size.title"),
60516
- value: icon_size[0],
60517
- defaultValue: get("icon_size", true, false)[0],
60518
- "data-testid": "settingcontainer:icon-size",
60519
- inputText: "px",
60520
- premium: hoverSettings === 1,
60521
  disabled: hoverSettings === 1,
60522
  onChange: function onChange(val) {
60523
- set("icon_size", val);
60524
- set("icon_image_size", val);
 
60525
  }
60526
  }));
60527
  };
60528
 
60529
- return /*#__PURE__*/react.createElement(CollapsibleGroup, IconGroup_extends({
60530
- title: translate("utils.icon"),
60531
- "data-testid": "group:icon"
60532
- }, groupProps), getParent("menu_style") === "text" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, tab(), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(Tabs_Tabs, {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60533
  onChange: function onChange(_, val) {
60534
  return setHoverSettings(val);
60535
  },
60536
  style: {
60537
  marginBottom: "20px",
60538
- marginTop: "20px"
60539
  },
60540
  value: hoverSettings,
60541
  variant: "fullWidth",
@@ -60546,10 +60311,33 @@ function IconGroup(_ref) {
60546
  }), /*#__PURE__*/react.createElement(Tab_Tab, {
60547
  label: "Hover",
60548
  "data-testid": "normal_hover:hover"
60549
- })), settings(), sliders()));
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60550
  }
60551
 
60552
- /* harmony default export */ var Styling_IconGroup = (connect(function (state) {
60553
  return {
60554
  buttons: state.buttons,
60555
  groups: state.groups
@@ -60566,483 +60354,586 @@ function IconGroup(_ref) {
60566
  var _set = _ref3._set;
60567
 
60568
  var buttonId = _ref4.buttonId,
60569
- props = IconGroup_objectWithoutProperties(_ref4, ["buttonId"]);
60570
 
60571
  var button = buttons[buttonId];
60572
  var group = groups[buttons[buttonId].parent];
60573
- return IconGroup_objectSpread({
60574
  set: function set(key, val) {
60575
  return _set(models.BUTTON, buttonId, key, val);
60576
  },
60577
  get: function get(key) {
60578
  var returnValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
60579
  var defToGroup = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
60580
- return _get(key, button, returnValue && "button", returnValue && defToGroup ? group : false);
60581
  },
60582
  getParent: function getParent(key) {
60583
  var returnValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
60584
  return _get(key, group, returnValue ? "group" : false);
60585
  }
60586
  }, props);
60587
- })(IconGroup));
60588
- ;// CONCATENATED MODULE: ./src/js/utils/fonts/GoogleFonts.json
60589
- var GoogleFonts_namespaceObject = JSON.parse('["ABeeZee","Abel","Abhaya Libre","Abril Fatface","Aclonica","Acme","Actor","Adamina","Advent Pro","Aguafina Script","Akronim","Aladin","Aldrich","Alef","Alegreya","Alegreya SC","Alegreya Sans","Alegreya Sans SC","Aleo","Alex Brush","Alfa Slab One","Alice","Alike","Alike Angular","Allan","Allerta","Allerta Stencil","Allura","Almarai","Almendra","Almendra Display","Almendra SC","Amarante","Amaranth","Amatic SC","Amethysta","Amiko","Amiri","Amita","Anaheim","Andada","Andika","Angkor","Annie Use Your Telescope","Anonymous Pro","Antic","Antic Didone","Antic Slab","Anton","Arapey","Arbutus","Arbutus Slab","Architects Daughter","Archivo","Archivo Black","Archivo Narrow","Aref Ruqaa","Arima Madurai","Arimo","Arizonia","Armata","Arsenal","Artifika","Arvo","Arya","Asap","Asap Condensed","Asar","Asset","Assistant","Astloch","Asul","Athiti","Atma","Atomic Age","Aubrey","Audiowide","Autour One","Average","Average Sans","Averia Gruesa Libre","Averia Libre","Averia Sans Libre","Averia Serif Libre","B612","B612 Mono","Bad Script","Bahiana","Bahianita","Bai Jamjuree","Baloo","Baloo Bhai","Baloo Bhaijaan","Baloo Bhaina","Baloo Chettan","Baloo Da","Baloo Paaji","Baloo Tamma","Baloo Tammudu","Baloo Thambi","Balthazar","Bangers","Barlow","Barlow Condensed","Barlow Semi Condensed","Barriecito","Barrio","Basic","Battambang","Baumans","Bayon","Be Vietnam","Bebas Neue","Belgrano","Bellefair","Belleza","BenchNine","Bentham","Berkshire Swash","Beth Ellen","Bevan","Big Shoulders Display","Big Shoulders Text","Bigelow Rules","Bigshot One","Bilbo","Bilbo Swash Caps","BioRhyme","BioRhyme Expanded","Biryani","Bitter","Black And White Picture","Black Han Sans","Black Ops One","Blinker","Bokor","Bonbon","Boogaloo","Bowlby One","Bowlby One SC","Brawler","Bree Serif","Bubblegum Sans","Bubbler One","Buda","Buenard","Bungee","Bungee Hairline","Bungee Inline","Bungee Outline","Bungee Shade","Butcherman","Butterfly Kids","Cabin","Cabin Condensed","Cabin Sketch","Caesar Dressing","Cagliostro","Cairo","Calligraffitti","Cambay","Cambo","Candal","Cantarell","Cantata One","Cantora One","Capriola","Cardo","Carme","Carrois Gothic","Carrois Gothic SC","Carter One","Catamaran","Caudex","Caveat","Caveat Brush","Cedarville Cursive","Ceviche One","Chakra Petch","Changa","Changa One","Chango","Charm","Charmonman","Chathura","Chau Philomene One","Chela One","Chelsea Market","Chenla","Cherry Cream Soda","Cherry Swash","Chewy","Chicle","Chilanka","Chivo","Chonburi","Cinzel","Cinzel Decorative","Clicker Script","Coda","Coda Caption","Codystar","Coiny","Combo","Comfortaa","Coming Soon","Concert One","Condiment","Content","Contrail One","Convergence","Cookie","Copse","Corben","Cormorant","Cormorant Garamond","Cormorant Infant","Cormorant SC","Cormorant Unicase","Cormorant Upright","Courgette","Cousine","Coustard","Covered By Your Grace","Crafty Girls","Creepster","Crete Round","Crimson Pro","Crimson Text","Croissant One","Crushed","Cuprum","Cute Font","Cutive","Cutive Mono","DM Sans","DM Serif Display","DM Serif Text","Damion","Dancing Script","Dangrek","Darker Grotesque","David Libre","Dawning of a New Day","Days One","Dekko","Delius","Delius Swash Caps","Delius Unicase","Della Respira","Denk One","Devonshire","Dhurjati","Didact Gothic","Diplomata","Diplomata SC","Do Hyeon","Dokdo","Domine","Donegal One","Doppio One","Dorsa","Dosis","Dr Sugiyama","Duru Sans","Dynalight","EB Garamond","Eagle Lake","East Sea Dokdo","Eater","Economica","Eczar","El Messiri","Electrolize","Elsie","Elsie Swash Caps","Emblema One","Emilys Candy","Encode Sans","Encode Sans Condensed","Encode Sans Expanded","Encode Sans Semi Condensed","Encode Sans Semi Expanded","Engagement","Englebert","Enriqueta","Erica One","Esteban","Euphoria Script","Ewert","Exo","Exo 2","Expletus Sans","Fahkwang","Fanwood Text","Farro","Farsan","Fascinate","Fascinate Inline","Faster One","Fasthand","Fauna One","Faustina","Federant","Federo","Felipa","Fenix","Finger Paint","Fira Code","Fira Mono","Fira Sans","Fira Sans Condensed","Fira Sans Extra Condensed","Fjalla One","Fjord One","Flamenco","Flavors","Fondamento","Fontdiner Swanky","Forum","Francois One","Frank Ruhl Libre","Freckle Face","Fredericka the Great","Fredoka One","Freehand","Fresca","Frijole","Fruktur","Fugaz One","GFS Didot","GFS Neohellenic","Gabriela","Gaegu","Gafata","Galada","Galdeano","Galindo","Gamja Flower","Gayathri","Gentium Basic","Gentium Book Basic","Geo","Geostar","Geostar Fill","Germania One","Gidugu","Gilda Display","Give You Glory","Glass Antiqua","Glegoo","Gloria Hallelujah","Goblin One","Gochi Hand","Gorditas","Gothic A1","Goudy Bookletter 1911","Graduate","Grand Hotel","Gravitas One","Great Vibes","Grenze","Griffy","Gruppo","Gudea","Gugi","Gurajada","Habibi","Halant","Hammersmith One","Hanalei","Hanalei Fill","Handlee","Hanuman","Happy Monkey","Harmattan","Headland One","Heebo","Henny Penny","Hepta Slab","Herr Von Muellerhoff","Hi Melody","Hind","Hind Guntur","Hind Madurai","Hind Siliguri","Hind Vadodara","Holtwood One SC","Homemade Apple","Homenaje","IBM Plex Mono","IBM Plex Sans","IBM Plex Sans Condensed","IBM Plex Serif","IM Fell DW Pica","IM Fell DW Pica SC","IM Fell Double Pica","IM Fell Double Pica SC","IM Fell English","IM Fell English SC","IM Fell French Canon","IM Fell French Canon SC","IM Fell Great Primer","IM Fell Great Primer SC","Iceberg","Iceland","Imprima","Inconsolata","Inder","Indie Flower","Inika","Inknut Antiqua","Irish Grover","Istok Web","Italiana","Italianno","Itim","Jacques Francois","Jacques Francois Shadow","Jaldi","Jim Nightshade","Jockey One","Jolly Lodger","Jomhuria","Jomolhari","Josefin Sans","Josefin Slab","Joti One","Jua","Judson","Julee","Julius Sans One","Junge","Jura","Just Another Hand","Just Me Again Down Here","K2D","Kadwa","Kalam","Kameron","Kanit","Kantumruy","Karla","Karma","Katibeh","Kaushan Script","Kavivanar","Kavoon","Kdam Thmor","Keania One","Kelly Slab","Kenia","Khand","Khmer","Khula","Kirang Haerang","Kite One","Knewave","KoHo","Kodchasan","Kosugi","Kosugi Maru","Kotta One","Koulen","Kranky","Kreon","Kristi","Krona One","Krub","Kulim Park","Kumar One","Kumar One Outline","Kurale","La Belle Aurore","Lacquer","Laila","Lakki Reddy","Lalezar","Lancelot","Lateef","Lato","League Script","Leckerli One","Ledger","Lekton","Lemon","Lemonada","Lexend Deca","Lexend Exa","Lexend Giga","Lexend Mega","Lexend Peta","Lexend Tera","Lexend Zetta","Libre Barcode 128","Libre Barcode 128 Text","Libre Barcode 39","Libre Barcode 39 Extended","Libre Barcode 39 Extended Text","Libre Barcode 39 Text","Libre Baskerville","Libre Caslon Display","Libre Caslon Text","Libre Franklin","Life Savers","Lilita One","Lily Script One","Limelight","Linden Hill","Literata","Liu Jian Mao Cao","Livvic","Lobster","Lobster Two","Londrina Outline","Londrina Shadow","Londrina Sketch","Londrina Solid","Long Cang","Lora","Love Ya Like A Sister","Loved by the King","Lovers Quarrel","Luckiest Guy","Lusitana","Lustria","M PLUS 1p","M PLUS Rounded 1c","Ma Shan Zheng","Macondo","Macondo Swash Caps","Mada","Magra","Maiden Orange","Maitree","Major Mono Display","Mako","Mali","Mallanna","Mandali","Manjari","Mansalva","Manuale","Marcellus","Marcellus SC","Marck Script","Margarine","Markazi Text","Marko One","Marmelad","Martel","Martel Sans","Marvel","Mate","Mate SC","Material Icons","Maven Pro","McLaren","Meddon","MedievalSharp","Medula One","Meera Inimai","Megrim","Meie Script","Merienda","Merienda One","Merriweather","Merriweather Sans","Metal","Metal Mania","Metamorphous","Metrophobic","Michroma","Milonga","Miltonian","Miltonian Tattoo","Mina","Miniver","Miriam Libre","Mirza","Miss Fajardose","Mitr","Modak","Modern Antiqua","Mogra","Molengo","Molle","Monda","Monofett","Monoton","Monsieur La Doulaise","Montaga","Montez","Montserrat","Montserrat Alternates","Montserrat Subrayada","Moul","Moulpali","Mountains of Christmas","Mouse Memoirs","Mr Bedfort","Mr Dafoe","Mr De Haviland","Mrs Saint Delafield","Mrs Sheppards","Mukta","Mukta Mahee","Mukta Malar","Mukta Vaani","Muli","Mystery Quest","NTR","Nanum Brush Script","Nanum Gothic","Nanum Gothic Coding","Nanum Myeongjo","Nanum Pen Script","Neucha","Neuton","New Rocker","News Cycle","Niconne","Niramit","Nixie One","Nobile","Nokora","Norican","Nosifer","Notable","Nothing You Could Do","Noticia Text","Noto Sans","Noto Sans HK","Noto Sans JP","Noto Sans KR","Noto Sans SC","Noto Sans TC","Noto Serif","Noto Serif JP","Noto Serif KR","Noto Serif SC","Noto Serif TC","Nova Cut","Nova Flat","Nova Mono","Nova Oval","Nova Round","Nova Script","Nova Slim","Nova Square","Numans","Nunito","Nunito Sans","Odor Mean Chey","Offside","Old Standard TT","Oldenburg","Oleo Script","Oleo Script Swash Caps","Open Sans","Open Sans Condensed","Oranienbaum","Orbitron","Oregano","Orienta","Original Surfer","Oswald","Over the Rainbow","Overlock","Overlock SC","Overpass","Overpass Mono","Ovo","Oxygen","Oxygen Mono","PT Mono","PT Sans","PT Sans Caption","PT Sans Narrow","PT Serif","PT Serif Caption","Pacifico","Padauk","Palanquin","Palanquin Dark","Pangolin","Paprika","Parisienne","Passero One","Passion One","Pathway Gothic One","Patrick Hand","Patrick Hand SC","Pattaya","Patua One","Pavanam","Paytone One","Peddana","Peralta","Permanent Marker","Petit Formal Script","Petrona","Philosopher","Piedra","Pinyon Script","Pirata One","Plaster","Play","Playball","Playfair Display","Playfair Display SC","Podkova","Poiret One","Poller One","Poly","Pompiere","Pontano Sans","Poor Story","Poppins","Port Lligat Sans","Port Lligat Slab","Pragati Narrow","Prata","Preahvihear","Press Start 2P","Pridi","Princess Sofia","Prociono","Prompt","Prosto One","Proza Libre","Public Sans","Puritan","Purple Purse","Quando","Quantico","Quattrocento","Quattrocento Sans","Questrial","Quicksand","Quintessential","Qwigley","Racing Sans One","Radley","Rajdhani","Rakkas","Raleway","Raleway Dots","Ramabhadra","Ramaraja","Rambla","Rammetto One","Ranchers","Rancho","Ranga","Rasa","Rationale","Ravi Prakash","Red Hat Display","Red Hat Text","Redressed","Reem Kufi","Reenie Beanie","Revalia","Rhodium Libre","Ribeye","Ribeye Marrow","Righteous","Risque","Roboto","Roboto Condensed","Roboto Mono","Roboto Slab","Rochester","Rock Salt","Rokkitt","Romanesco","Ropa Sans","Rosario","Rosarivo","Rouge Script","Rozha One","Rubik","Rubik Mono One","Ruda","Rufina","Ruge Boogie","Ruluko","Rum Raisin","Ruslan Display","Russo One","Ruthie","Rye","Sacramento","Sahitya","Sail","Saira","Saira Condensed","Saira Extra Condensed","Saira Semi Condensed","Saira Stencil One","Salsa","Sanchez","Sancreek","Sansita","Sarabun","Sarala","Sarina","Sarpanch","Satisfy","Sawarabi Gothic","Sawarabi Mincho","Scada","Scheherazade","Schoolbell","Scope One","Seaweed Script","Secular One","Sedgwick Ave","Sedgwick Ave Display","Sevillana","Seymour One","Shadows Into Light","Shadows Into Light Two","Shanti","Share","Share Tech","Share Tech Mono","Shojumaru","Short Stack","Shrikhand","Siemreap","Sigmar One","Signika","Signika Negative","Simonetta","Single Day","Sintony","Sirin Stencil","Six Caps","Skranji","Slabo 13px","Slabo 27px","Slackey","Smokum","Smythe","Sniglet","Snippet","Snowburst One","Sofadi One","Sofia","Song Myung","Sonsie One","Sorts Mill Goudy","Source Code Pro","Source Sans Pro","Source Serif Pro","Space Mono","Special Elite","Spectral","Spectral SC","Spicy Rice","Spinnaker","Spirax","Squada One","Sree Krushnadevaraya","Sriracha","Srisakdi","Staatliches","Stalemate","Stalinist One","Stardos Stencil","Stint Ultra Condensed","Stint Ultra Expanded","Stoke","Strait","Stylish","Sue Ellen Francisco","Suez One","Sumana","Sunflower","Sunshiney","Supermercado One","Sura","Suranna","Suravaram","Suwannaphum","Swanky and Moo Moo","Syncopate","Tajawal","Tangerine","Taprom","Tauri","Taviraj","Teko","Telex","Tenali Ramakrishna","Tenor Sans","Text Me One","Thasadith","The Girl Next Door","Tienne","Tillana","Timmana","Tinos","Titan One","Titillium Web","Tomorrow","Trade Winds","Trirong","Trocchi","Trochut","Trykker","Tulpen One","Turret Road","Ubuntu","Ubuntu Condensed","Ubuntu Mono","Ultra","Uncial Antiqua","Underdog","Unica One","UnifrakturCook","UnifrakturMaguntia","Unkempt","Unlock","Unna","VT323","Vampiro One","Varela","Varela Round","Vast Shadow","Vesper Libre","Vibes","Vibur","Vidaloka","Viga","Voces","Volkhov","Vollkorn","Vollkorn SC","Voltaire","Waiting for the Sunrise","Wallpoet","Walter Turncoat","Warnes","Wellfleet","Wendy One","Wire One","Work Sans","Yanone Kaffeesatz","Yantramanav","Yatra One","Yellowtail","Yeon Sung","Yeseva One","Yesteryear","Yrsa","ZCOOL KuaiLe","ZCOOL QingKe HuangYou","ZCOOL XiaoWei","Zeyada","Zhi Mang Xing","Zilla Slab","Zilla Slab Highlight"]');
60590
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/FontFamily/FontFamily.js
60591
- function FontFamily_extends() { FontFamily_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 FontFamily_extends.apply(this, arguments); }
60592
 
60593
- function FontFamily_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; }
60594
 
60595
- function FontFamily_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { FontFamily_ownKeys(Object(source), true).forEach(function (key) { FontFamily_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { FontFamily_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
60596
 
60597
- function FontFamily_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; }
60598
 
60599
- function FontFamily_toConsumableArray(arr) { return FontFamily_arrayWithoutHoles(arr) || FontFamily_iterableToArray(arr) || FontFamily_unsupportedIterableToArray(arr) || FontFamily_nonIterableSpread(); }
60600
 
60601
- function FontFamily_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60602
 
60603
- function FontFamily_iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 
 
60604
 
60605
- function FontFamily_arrayWithoutHoles(arr) { if (Array.isArray(arr)) return FontFamily_arrayLikeToArray(arr); }
 
 
 
 
 
 
 
 
 
 
 
 
60606
 
60607
- function FontFamily_slicedToArray(arr, i) { return FontFamily_arrayWithHoles(arr) || FontFamily_iterableToArrayLimit(arr, i) || FontFamily_unsupportedIterableToArray(arr, i) || FontFamily_nonIterableRest(); }
60608
 
60609
- function FontFamily_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
60610
 
60611
- function FontFamily_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return FontFamily_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return FontFamily_arrayLikeToArray(o, minLen); }
60612
 
60613
- function FontFamily_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; }
60614
 
60615
- function FontFamily_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
60616
 
60617
- function FontFamily_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
60618
 
 
60619
 
 
60620
 
 
60621
 
 
60622
 
 
60623
 
60624
- var filter = createFilterOptions();
60625
- function FontFamily(_ref) {
60626
- var _ref$value = _ref.value,
60627
- value = _ref$value === void 0 ? "" : _ref$value,
60628
- onChange = _ref.onChange;
60629
 
60630
- var _useState = (0,react.useState)(""),
60631
- _useState2 = FontFamily_slicedToArray(_useState, 2),
60632
- currentText = _useState2[0],
60633
- setCurrentText = _useState2[1];
60634
 
60635
- var _useState3 = (0,react.useState)( // Migration
60636
- Array.isArray(value) ? value : value.split(",").filter(function (str) {
60637
- return str !== "";
60638
- }).map(function (val) {
60639
- return {
60640
- title: val,
60641
- value: val
60642
- };
60643
- })),
60644
- _useState4 = FontFamily_slicedToArray(_useState3, 2),
60645
- currentValueSelect = _useState4[0],
60646
- setCurrentValueSelect = _useState4[1];
60647
 
60648
- (0,react.useEffect)(function () {
60649
- setCurrentValueSelect(Array.isArray(value) ? value : value.split(",").filter(function (str) {
60650
- return str !== "";
60651
- }).map(function (val) {
60652
- return {
60653
- title: val,
60654
- value: val
60655
- };
60656
- }));
60657
- }, [value]);
60658
- var systemFonts = ["auto", "cursive", "fantasy", "inherit", "initial", "monospace", "none", "sans-serif", "serif", "unset"].map(function (object) {
60659
- return {
60660
- title: object,
60661
- value: object,
60662
- category: "System"
60663
- };
60664
- });
60665
- var googleFonts = GoogleFonts_namespaceObject.map(function (object) {
60666
- return {
60667
- title: object,
60668
- value: object,
60669
- category: "Google Fonts"
60670
- };
60671
- });
60672
- var fontList = systemFonts.concat(googleFonts);
60673
 
60674
- var handleChange = function handleChange(value) {
60675
- setCurrentValueSelect(value);
60676
- onChange(value.map(function (val) {
60677
- return val.title;
60678
- }).join(","));
60679
- };
60680
 
60681
- var handleCustomFont = function handleCustomFont() {
60682
- if (currentText.length > 0) {
60683
- var selectValue = FontFamily_toConsumableArray(currentValueSelect);
60684
 
60685
- selectValue.push({
60686
- title: currentText,
60687
- value: currentText
60688
- });
60689
- handleChange(selectValue);
60690
- }
60691
- };
60692
 
60693
- var setting = function setting() {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60694
  /* webpack-strip-block:removed */
60695
- return /*#__PURE__*/react.createElement("div", {
60696
- onClick: function onClick() {
60697
- app.showPremiumDialog(translate("premium.font_family"));
 
 
 
 
 
 
60698
  }
60699
- }, /*#__PURE__*/react.createElement(Autocomplete_Autocomplete, {
60700
- multiple: true,
60701
- disabled: true,
60702
- size: "medium",
60703
- id: "tags-outlined",
60704
- clearText: translate("utils.clear"),
60705
- loadingText: translate("loading.loading"),
60706
- "data-testid": "font-family",
60707
- options: fontList,
60708
- filterSelectedOptions: true,
60709
- disableCloseOnSelect: true,
60710
- freeSolo: true,
60711
- forcePopupIcon: true,
60712
- popupIcon: /*#__PURE__*/react.createElement("i", {
60713
- className: "fas fa-caret-down",
60714
- style: {
60715
- fontSize: "0.8em"
60716
- },
60717
- "data-testid": "font-family-select-icon"
60718
- }),
60719
- renderInput: function renderInput(params) {
60720
- return /*#__PURE__*/react.createElement(TextField_TextField, FontFamily_extends({}, params, {
60721
- variant: "outlined",
60722
- label: translate("settings.font_family.title"),
60723
- placeholder: translate("settings.font_family.placeholder"),
60724
- InputProps: FontFamily_objectSpread(FontFamily_objectSpread({}, params.InputProps), {}, {
60725
- "data-testid": "font-family-input"
60726
- })
60727
- }));
60728
  }
60729
  }));
60730
  };
60731
 
60732
- return setting();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60733
  }
60734
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Form/TextfieldCorners/TextFieldCorners.js
60735
- function TextFieldCorners_extends() { TextFieldCorners_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 TextFieldCorners_extends.apply(this, arguments); }
60736
 
60737
- function TextFieldCorners_slicedToArray(arr, i) { return TextFieldCorners_arrayWithHoles(arr) || TextFieldCorners_iterableToArrayLimit(arr, i) || TextFieldCorners_unsupportedIterableToArray(arr, i) || TextFieldCorners_nonIterableRest(); }
60738
 
60739
- function TextFieldCorners_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
60740
 
60741
- function TextFieldCorners_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return TextFieldCorners_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return TextFieldCorners_arrayLikeToArray(o, minLen); }
60742
 
60743
- function TextFieldCorners_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; }
60744
 
60745
- function TextFieldCorners_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
60746
 
60747
- function TextFieldCorners_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
60748
 
60749
 
 
 
 
 
60750
 
 
60751
 
 
 
60752
 
60753
- var TextFieldCorners_useStyles = styles_makeStyles(function () {
60754
- return {
60755
- button: {
60756
- padding: 0,
60757
- height: "26px",
60758
- minWidth: "25px",
60759
- fontSize: "10px" // margin: "auto",
60760
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60761
  },
60762
- iconButton: {
60763
- height: "22px",
60764
- fontSize: "10px",
60765
- fontWeight: 700,
60766
- width: "22px",
60767
- padding: 0,
60768
- margin: "auto auto"
60769
  }
60770
  };
60771
- });
60772
- function TextFieldCorners(_ref) {
60773
- var title = _ref.title,
60774
- className = _ref.className,
60775
- _ref$value = _ref.value,
60776
- value = _ref$value === void 0 ? "" : _ref$value,
60777
- _ref$disabled = _ref.disabled,
60778
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
60779
- _ref$type = _ref.type,
60780
- type = _ref$type === void 0 ? "corners" : _ref$type,
60781
- onChange = _ref.onChange,
60782
- _ref$onClick = _ref.onClick,
60783
- _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
60784
- _ref$defaultValue = _ref.defaultValue,
60785
- defaultValue = _ref$defaultValue === void 0 ? "0px 0px 0px 0px" : _ref$defaultValue;
60786
-
60787
- var arrayProps = ["top-left", "top-right", "bottom-left", "bottom-right"].map(function (testid, key) {
60788
- return {
60789
- inputProps: {
60790
- "data-testid": "textfield-corners-".concat(testid)
60791
- },
60792
- helperText: /*#__PURE__*/react.createElement("i", {
60793
- className: "fas fa-arrow-up",
60794
- style: {
60795
- transform: type === "corners" ? "rotate(".concat(key * 90 - 45, "deg)") : "rotate(".concat(key * 90, "deg)")
60796
- }
60797
- })
60798
- };
60799
- });
60800
- var numberPattern = /\d+/g;
60801
- var classes = TextFieldCorners_useStyles();
60802
- var arrayValues;
60803
- if (!value) arrayValues = ["", "", "", ""];else if (typeof value === "number") arrayValues = ["".concat(value), "".concat(value), "".concat(value), "".concat(value)];else arrayValues = value.match(numberPattern) || ["", "", "", ""];
60804
- if (arrayValues.length !== 4) arrayValues = [arrayValues[0], arrayValues[0], arrayValues[0], arrayValues[0]];
60805
- var defaultArray;
60806
- if (!defaultValue) defaultArray = ["", "", "", ""];else if (typeof defaultValue === "number") defaultArray = ["".concat(defaultValue), "".concat(defaultValue), "".concat(defaultValue), "".concat(defaultValue)];else defaultArray = defaultValue.match(numberPattern) || ["", "", "", ""];
60807
- if (defaultArray.length !== 4) defaultArray = [defaultArray[0], defaultArray[0], defaultArray[0], defaultArray[0]];
60808
-
60809
- var _useState = (0,react.useState)(arrayValues),
60810
- _useState2 = TextFieldCorners_slicedToArray(_useState, 2),
60811
- values = _useState2[0],
60812
- setValues = _useState2[1];
60813
 
60814
- var unitValue = "%";
60815
- /* webpack-strip-block:removed */
60816
 
60817
- var _useState3 = (0,react.useState)(unitValue),
60818
- _useState4 = TextFieldCorners_slicedToArray(_useState3, 2),
60819
- unit = _useState4[0],
60820
- setUnit = _useState4[1];
60821
 
60822
- var _useState5 = (0,react.useState)(arrayValues.every(function (val) {
60823
- return val === arrayValues[0];
60824
- })),
60825
- _useState6 = TextFieldCorners_slicedToArray(_useState5, 2),
60826
- linked = _useState6[0],
60827
- setLinked = _useState6[1];
60828
 
60829
- var handleChange = function handleChange(key) {
60830
- var newValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
60831
- var newValues = values;
60832
- var newUnit = unit;
60833
 
60834
- if (key === false) {
60835
- // Change unit
60836
- newUnit = newValue;
60837
- setUnit(newValue);
60838
- } else {
60839
- // Change values
60840
- if (linked) {
60841
- newValues = [newValue, newValue, newValue, newValue];
60842
- } else {
60843
- newValues = values.map(function (val, k) {
60844
- return key === k ? newValue : val;
60845
- });
60846
- }
60847
 
60848
- setValues(newValues);
60849
- }
60850
 
60851
- if (newValues.every(function (val) {
60852
- return val === "";
60853
- })) onChange("unset");
60854
- if (newValues.every(function (val) {
60855
- return val !== "" && !isNaN(Number(val));
60856
- })) onChange(newValues.map(function (val) {
60857
- return "".concat(val).concat(newUnit);
60858
- }).join(" "));
60859
- };
60860
 
60861
- (0,react.useEffect)(function () {
60862
- var arrayValues;
60863
- if (!value) arrayValues = ["", "", "", ""];else if (typeof value === "number") arrayValues = ["".concat(value), "".concat(value), "".concat(value), "".concat(value)];else arrayValues = value.match(numberPattern) || ["", "", "", ""];
60864
- if (arrayValues.length === 1) arrayValues = [arrayValues[0], arrayValues[0], arrayValues[0], arrayValues[0]];
60865
- setLinked(arrayValues.every(function (val) {
60866
- return val === arrayValues[0];
60867
- }));
60868
- setValues(arrayValues);
60869
- setUnit(value ? value.toString().includes("px") ? "px" : "%" : defaultValue.toString().includes("px") ? "px" : "%");
60870
- }, [value]);
60871
 
60872
- var unitButtons = function unitButtons() {
60873
- /* webpack-strip-block:removed */
60874
- return /*#__PURE__*/react.createElement("div", {
60875
- style: {
60876
- transform: "translateY(-10px)",
60877
- textAlign: "center"
60878
- }
60879
- }, /*#__PURE__*/react.createElement(IconButton_IconButton, {
60880
- color: "primary",
60881
- className: classes.iconButton,
60882
- "data-testid": "textfield-corners-pixel",
60883
- disabled: true
60884
- }, "PX"), /*#__PURE__*/react.createElement(IconButton_IconButton, {
60885
- color: "primary",
60886
- className: classes.iconButton,
60887
- "data-testid": "textfield-corners-percent",
60888
- disabled: true
60889
- }, "%"));
60890
- };
60891
 
60892
- return /*#__PURE__*/react.createElement("div", {
60893
- onClick: function onClick() {
60894
- if (disabled) {
60895
- _onClick();
60896
- }
60897
 
60898
- return;
60899
- }
60900
- }, /*#__PURE__*/react.createElement(SettingsContainer, {
60901
- className: className,
60902
- title: title,
60903
- fullWidth: true
60904
- }, values.map(function (val, key) {
60905
- return /*#__PURE__*/react.createElement(TextField_TextField, TextFieldCorners_extends({
60906
- value: val,
60907
- type: "number",
60908
- className: "textfield-corners-input",
60909
- margin: "dense",
60910
- placeholder: !value ? defaultArray[key] : arrayValues[key],
60911
- variant: "outlined",
60912
- disabled: disabled,
60913
- key: key,
60914
- onChange: function onChange(e) {
60915
- return handleChange(key, e.target.value.replace(/^0+(.+)/, "$1"));
60916
- }
60917
- }, arrayProps[key]));
60918
- }), /*#__PURE__*/react.createElement(Button_Button, {
60919
- color: "primary",
60920
- variant: linked ? "contained" : "outlined",
60921
- className: classes.button,
60922
- disabled: disabled || !value,
60923
- "data-testid": "textfield-corners-link",
60924
- onClick: function onClick() {
60925
- setLinked(!linked);
60926
- }
60927
- }, /*#__PURE__*/react.createElement("i", {
60928
- className: "fas fa-link"
60929
- })), unitButtons()));
60930
- }
60931
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/BorderRadius/BorderRadius.js
60932
- function BorderRadius_extends() { BorderRadius_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 BorderRadius_extends.apply(this, arguments); }
60933
 
60934
 
60935
 
60936
 
60937
- function BorderRadius(props) {
60938
- return /*#__PURE__*/react.createElement(TextFieldCorners, BorderRadius_extends({
60939
- title: translate("settings.border_radius.title"),
60940
- type: "corners"
60941
- }, props));
60942
- }
60943
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/LabelVisibility/LabelVisibility.js
60944
 
60945
 
 
60946
 
 
 
 
 
 
60947
 
 
 
 
60948
 
 
 
 
 
60949
 
60950
- function LabelVisibility(_ref) {
60951
- var _onChange = _ref.onChange,
60952
- value = _ref.value,
60953
- _ref$title = _ref.title,
60954
- title = _ref$title === void 0 ? "" : _ref$title,
60955
- _ref$device = _ref.device,
60956
- device = _ref$device === void 0 ? "" : _ref$device,
60957
- trashButton = _ref.trashButton;
60958
- return /*#__PURE__*/react.createElement(SettingsContainer, {
60959
- title: title
60960
- }, /*#__PURE__*/react.createElement(FormControl_FormControl, {
60961
- variant: "outlined",
60962
- fullWidth: true
60963
- }, /*#__PURE__*/react.createElement(Select_Select, {
60964
- id: "label-visibility",
60965
- value: value || "",
60966
- onChange: function onChange(e) {
60967
- _onChange(e.target.value);
60968
- },
60969
- className: "MuiSelect-small",
60970
- inputProps: {
60971
- "data-testid": "setting:".concat(device, "-visibility")
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60972
  },
60973
- displayEmpty: true
60974
- }, trashButton && /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60975
- value: "",
60976
- key: "group-default",
60977
- disabled: true,
60978
- style: {
60979
- display: "none"
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60980
  }
60981
- }, translate("settings.label_styles.group_default")), device === "desktop" ? [/*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60982
- value: "always",
60983
- key: "always"
60984
- }, translate("settings.label_styles.always")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60985
- value: "hover",
60986
- key: "hover"
60987
- }, translate("settings.label_styles.hover")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60988
- value: "hide",
60989
- key: "hide"
60990
- }, translate("settings.label_styles.hide"))] : [/*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60991
- value: "always",
60992
- key: "always"
60993
- }, translate("settings.label_styles.always")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60994
- value: "hide",
60995
- key: "hide"
60996
- }, translate("settings.label_styles.hide"))])), trashButton ? /*#__PURE__*/react.createElement(IconButton_IconButton, {
60997
- onClick: function onClick() {
60998
- _onChange("unset");
60999
- },
61000
- disabled: !value,
61001
- size: "small",
61002
- style: {
61003
- fontSize: "1rem",
61004
- marginLeft: "5px"
61005
- },
61006
- color: "primary"
61007
- }, /*#__PURE__*/react.createElement(Icon_Icon, {
61008
- fontSize: "inherit",
61009
- className: "fas fa-trash"
61010
- })) : null);
61011
  }
61012
- ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Button/Tabs/Styling/LabelGroup.js
61013
- function LabelGroup_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; }
61014
-
61015
- function LabelGroup_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { LabelGroup_ownKeys(Object(source), true).forEach(function (key) { LabelGroup_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { LabelGroup_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
61016
 
61017
- function LabelGroup_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; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61018
 
61019
- function LabelGroup_extends() { LabelGroup_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 LabelGroup_extends.apply(this, arguments); }
61020
 
61021
- function LabelGroup_slicedToArray(arr, i) { return LabelGroup_arrayWithHoles(arr) || LabelGroup_iterableToArrayLimit(arr, i) || LabelGroup_unsupportedIterableToArray(arr, i) || LabelGroup_nonIterableRest(); }
61022
 
61023
- function LabelGroup_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
61024
 
61025
- function LabelGroup_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return LabelGroup_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return LabelGroup_arrayLikeToArray(o, minLen); }
61026
 
61027
- function LabelGroup_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; }
61028
 
61029
- function LabelGroup_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
61030
 
61031
- function LabelGroup_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
61032
 
61033
- function LabelGroup_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = LabelGroup_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; }
61034
 
61035
- function LabelGroup_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
61036
 
 
 
 
 
 
 
 
 
 
61037
 
 
 
 
 
 
 
 
61038
 
 
 
 
 
 
61039
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61040
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61041
 
 
61042
 
 
61043
 
 
61044
 
 
61045
 
 
61046
 
61047
 
61048
 
@@ -61050,824 +60941,852 @@ function LabelGroup_objectWithoutPropertiesLoose(source, excluded) { if (source
61050
 
61051
 
61052
 
61053
- function _LabelGroup(_ref) {
61054
- var set = _ref.set,
61055
- get = _ref.get,
61056
- getParent = _ref.getParent,
61057
- groupProps = LabelGroup_objectWithoutProperties(_ref, ["set", "get", "getParent"]);
61058
 
61059
  var _useState = (0,react.useState)(0),
61060
- _useState2 = LabelGroup_slicedToArray(_useState, 2),
61061
- hoverSettings = _useState2[0],
61062
- setHoverSettings = _useState2[1];
61063
-
61064
- var fontFamily = function fontFamily() {
61065
- /* webpack-strip-block:removed */
61066
- return /*#__PURE__*/react.createElement(DisableSetting, {
61067
- premiumTag: true
61068
- }, /*#__PURE__*/react.createElement(FontFamily, null));
61069
- };
61070
 
61071
- var margin = function margin() {
61072
- /* webpack-strip-block:removed */
61073
- return /*#__PURE__*/react.createElement(DisableSetting, {
61074
- premiumTag: true,
61075
- onClick: function onClick() {
61076
- app.showPremiumDialog(translate("premium.margin"));
61077
- }
61078
- }, /*#__PURE__*/react.createElement(TextFieldCorners, {
61079
- title: translate("settings.margin.title") + " (PRO)",
61080
- type: "sides"
61081
- }));
61082
- };
61083
 
61084
- var padding = function padding() {
61085
  /* webpack-strip-block:removed */
61086
- return /*#__PURE__*/react.createElement(DisableSetting, {
61087
- premiumTag: true,
61088
- onClick: function onClick() {
61089
- app.showPremiumDialog(translate("premium.padding"));
 
 
 
 
 
 
 
 
 
 
61090
  }
61091
- }, /*#__PURE__*/react.createElement(TextFieldCorners, {
61092
- title: translate("settings.padding.title") + " (PRO)",
61093
- type: "sides"
61094
- }));
61095
- };
61096
-
61097
- var fontSize = function fontSize() {
61098
- var label_font_size = get("label_font_size");
61099
- var label_font_size_parent = get("label_font_size", true);
61100
- /* webpack-strip-block:removed */
61101
-
61102
- return /*#__PURE__*/react.createElement(DisableSetting, {
61103
- condition: hoverSettings === 1,
61104
- premiumTag: true,
61105
- onClick: function onClick() {
61106
- app.showPremiumDialog("More hover settings!");
61107
  }
61108
- }, /*#__PURE__*/react.createElement(SliderContainer, {
61109
- title: translate("settings.font_size"),
61110
- value: label_font_size[0],
61111
- inputText: "px",
61112
- onChange: function onChange(val) {
61113
- set("label_font_size", val);
61114
- },
61115
- defaultValue: label_font_size_parent[0],
61116
- disabled: hoverSettings === 1,
61117
- premium: hoverSettings === 1
61118
- }));
61119
  };
61120
 
61121
- var borderRadius = function borderRadius() {
61122
- /* webpack-strip-block:removed */
61123
- return /*#__PURE__*/react.createElement(DisableSetting, {
61124
- condition: hoverSettings === 1,
61125
- premiumTag: true,
61126
- onClick: function onClick() {
61127
- app.showPremiumDialog("More hover settings!");
61128
- }
61129
- }, /*#__PURE__*/react.createElement(BorderRadius, {
61130
- defaultValue: label_border_radius_parent[0],
61131
- value: label_border_radius[0],
61132
- disabled: hoverSettings === 1,
61133
- onChange: function onChange(val) {
61134
- var newValues = label_border_radius;
61135
- newValues[0] = val || "unset";
61136
- set("label_border_radius", newValues);
61137
  }
61138
- }));
61139
- };
61140
 
61141
- var label_color = get("label_color");
61142
- var label_color_parent = get("label_color", true);
61143
- var label_background_color = get("label_background_color");
61144
- var label_background_color_parent = get("label_background_color", true);
61145
- var label_border_radius = get("label_border_radius");
61146
- var label_border_radius_parent = get("label_border_radius", true);
61147
- return /*#__PURE__*/react.createElement(CollapsibleGroup, LabelGroup_extends({
61148
- title: translate("settings.label.title"),
61149
- "data-testid": "group:label"
61150
- }, groupProps), getParent("menu_style") === "text" || getParent("menu_style") === "text-icon" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
61151
- className: "setting-group-title"
61152
- }, translate("settings.label_desktop.title")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(LabelVisibility, {
61153
- title: translate("settings.show_mobile_desktop.desktop"),
61154
- device: "desktop",
61155
- value: get("show_label_desktop", true),
61156
- onChange: function onChange(val) {
61157
- return set("show_label_desktop", val);
61158
- },
61159
- trashButton: true
61160
- }), /*#__PURE__*/react.createElement(LabelVisibility, {
61161
- title: translate("settings.show_mobile_desktop.mobile"),
61162
- device: "mobile",
61163
- value: get("show_label_mobile", true),
61164
- onChange: function onChange(val) {
61165
- return set("show_label_mobile", val);
61166
- },
61167
- trashButton: true
61168
- })), /*#__PURE__*/react.createElement(Tabs_Tabs, {
61169
- onChange: function onChange(_, val) {
61170
- return setHoverSettings(val);
61171
- },
61172
- style: {
61173
- marginBottom: "20px",
61174
- marginTop: getParent("menu_style") === "text" || getParent("menu_style") === "text-icon" ? "0" : "20px"
61175
  },
61176
- value: hoverSettings,
61177
- variant: "fullWidth",
61178
- centered: true
61179
- }, /*#__PURE__*/react.createElement(Tab_Tab, {
61180
- label: "Normal",
61181
- "data-testid": "normal_hover:normal"
61182
- }), /*#__PURE__*/react.createElement(Tab_Tab, {
61183
- label: "Hover",
61184
- "data-testid": "normal_hover:hover"
61185
- })), /*#__PURE__*/react.createElement("div", {
61186
- className: "setting-group-title"
61187
- }, translate("utils.text")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(ColorPicker, {
61188
- noGradient: true,
61189
- title: translate("utils.color"),
61190
- value: label_color[hoverSettings],
61191
- defaultValue: label_color_parent[hoverSettings],
61192
- onChange: function onChange(val) {
61193
- var newValues = label_color;
61194
- newValues[hoverSettings] = val;
61195
- set("label_color", newValues);
61196
- }
61197
- }), fontSize(), fontFamily(), getParent("menu_style") === "text" || getParent("menu_style") === "text-icon" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
61198
- className: "setting-group-title"
61199
- }, translate("utils.background")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(ColorPicker, {
61200
- title: translate("utils.color"),
61201
- value: label_background_color[hoverSettings],
61202
- defaultValue: label_background_color_parent[hoverSettings],
61203
- onChange: function onChange(val) {
61204
- var newValues = label_background_color;
61205
- newValues[hoverSettings] = val;
61206
- set("label_background_color", newValues);
61207
  }
61208
- }), getParent("menu_style") === "square" || getParent("menu_style") === "rectangle" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, borderRadius(), margin(), padding())));
61209
  }
 
 
61210
 
61211
- /* harmony default export */ var LabelGroup = (connect(function (state) {
61212
- return {
61213
- buttons: state.buttons,
61214
- groups: state.groups
61215
- };
61216
- }, function (dispatch) {
61217
- return {
61218
- _set: function _set() {
61219
- return dispatch(dataActions_set.apply(void 0, arguments));
61220
- }
61221
- };
61222
- }, function (_ref2, _ref3, _ref4) {
61223
- var buttons = _ref2.buttons,
61224
- groups = _ref2.groups;
61225
- var _set = _ref3._set;
61226
 
61227
- var buttonId = _ref4.buttonId,
61228
- props = LabelGroup_objectWithoutProperties(_ref4, ["buttonId"]);
61229
 
61230
- var button = buttons[buttonId];
61231
- var group = groups[buttons[buttonId].parent];
61232
- return LabelGroup_objectSpread({
61233
- set: function set(key, val) {
61234
- return _set(models.BUTTON, buttonId, key, val);
61235
- },
61236
- get: function get(key) {
61237
- var returnValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
61238
- var defToGroup = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
61239
- return _get(key, button, returnValue && "button", returnValue && defToGroup ? group : []);
61240
- },
61241
- getParent: function getParent(key) {
61242
- var returnValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
61243
- return _get(key, group, returnValue ? "group" : false);
61244
- }
61245
- }, props);
61246
- })(_LabelGroup));
61247
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/UseBackgroundImage/index.js
61248
 
 
 
 
61249
 
61250
 
61251
 
61252
 
61253
- function UseBackgroundImage(_ref) {
 
61254
  var value = _ref.value,
61255
- _ref$defaultValue = _ref.defaultValue,
61256
- defaultValue = _ref$defaultValue === void 0 ? "" : _ref$defaultValue,
61257
- onChange = _ref.onChange,
61258
- _ref$disabled = _ref.disabled,
61259
- disabled = _ref$disabled === void 0 ? false : _ref$disabled;
61260
- value = value === "" ? null : value;
61261
- defaultValue = defaultValue === "" ? null : defaultValue;
61262
- if (disabled) return /*#__PURE__*/react.createElement(DisableSetting, {
61263
- premiumTag: true,
61264
- onClick: function onClick() {
61265
- return app.showPremiumDialog(translate("premium.modal.list.custom_images"));
61266
- }
61267
- }, /*#__PURE__*/react.createElement(SettingsContainer, {
61268
- title: /*#__PURE__*/react.createElement(react.Fragment, null, translate("settings.background_image.title")),
61269
- fullWidth: false
61270
- }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
61271
- checked: false,
61272
- disabled: true,
61273
- inputProps: {
61274
- "data-testid": "setting:image-choice"
61275
- }
61276
- })));
61277
 
61278
- var handleChange = function handleChange(event) {
61279
- var val = event.target.checked;
61280
- if (val === defaultValue && value != null) onChange("unset");else onChange(val);
61281
- };
61282
 
 
 
 
61283
  return /*#__PURE__*/react.createElement(SettingsContainer, {
61284
- title: translate("settings.background_image.title"),
61285
  fullWidth: false
61286
  }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
61287
- checked: value == null ? defaultValue : value,
61288
- onChange: handleChange,
61289
  inputProps: {
61290
- "data-testid": "setting:image-choice"
61291
- }
 
 
 
 
 
 
61292
  }));
61293
  }
61294
- ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Button/Tabs/Styling/ButtonGroup.js
61295
- function ButtonGroup_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; }
61296
 
61297
- function ButtonGroup_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ButtonGroup_ownKeys(Object(source), true).forEach(function (key) { ButtonGroup_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ButtonGroup_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
61298
 
61299
- function ButtonGroup_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; }
 
 
 
 
 
 
 
 
 
61300
 
61301
- function ButtonGroup_extends() { ButtonGroup_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 ButtonGroup_extends.apply(this, arguments); }
61302
 
61303
- function ButtonGroup_slicedToArray(arr, i) { return ButtonGroup_arrayWithHoles(arr) || ButtonGroup_iterableToArrayLimit(arr, i) || ButtonGroup_unsupportedIterableToArray(arr, i) || ButtonGroup_nonIterableRest(); }
61304
 
61305
- function ButtonGroup_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
61306
 
61307
- function ButtonGroup_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return ButtonGroup_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return ButtonGroup_arrayLikeToArray(o, minLen); }
61308
 
61309
- function ButtonGroup_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; }
 
61310
 
61311
- function ButtonGroup_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 
 
61312
 
61313
- function ButtonGroup_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
 
 
 
 
 
61314
 
61315
- function ButtonGroup_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = ButtonGroup_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; }
 
 
 
 
 
 
 
61316
 
61317
- function ButtonGroup_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
61318
 
 
 
61319
 
 
 
 
 
 
 
61320
 
 
 
 
 
 
 
61321
 
 
 
 
 
 
61322
 
 
 
 
 
61323
 
 
 
 
61324
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61325
 
61326
 
 
 
 
 
61327
 
 
 
 
 
 
 
 
61328
 
 
 
 
 
61329
 
 
61330
 
 
 
 
 
61331
 
61332
- /* webpack-strip-block:removed */
 
 
 
61333
 
61334
- function Styling_ButtonGroup_ButtonGroup(_ref) {
61335
- var get = _ref.get,
61336
- set = _ref.set,
61337
- disableBorderRadius = _ref.disableBorderRadius,
61338
- groupProps = ButtonGroup_objectWithoutProperties(_ref, ["get", "set", "disableBorderRadius"]);
61339
 
61340
- var _useState = (0,react.useState)(0),
61341
- _useState2 = ButtonGroup_slicedToArray(_useState, 2),
61342
- hoverSettings = _useState2[0],
61343
- setHoverSettings = _useState2[1];
61344
 
61345
- var settings = function settings() {
61346
- var colors = get("background_color");
61347
- var colors_returnValue = get("background_color", {
61348
- returnValue: true
61349
- });
61350
- var colors_parent = get("background_color", {
61351
- getParent: true,
61352
- returnValue: true
61353
- });
61354
- /* webpack-strip-block:removed */
61355
 
61356
- return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(ColorPicker, {
61357
- title: translate("utils.color"),
61358
- value: getFirstColor(colors[hoverSettings]),
61359
- defaultValue: colors[0] ? getFirstColor(colors_returnValue[hoverSettings]) : getFirstColor(colors_parent[hoverSettings]),
61360
- onChange: function onChange(val) {
61361
- var newValues = colors;
61362
- newValues[hoverSettings] = val;
61363
- set("background_color", newValues);
61364
- }
61365
- }), /*#__PURE__*/react.createElement(UseBackgroundImage, {
61366
- disabled: true
61367
- }));
61368
- };
61369
 
61370
- var borderRadius = function borderRadius() {
61371
- /* webpack-strip-block:removed */
61372
- return /*#__PURE__*/react.createElement(DisableSetting, {
61373
- condition: hoverSettings === 1,
61374
- premiumTag: true
61375
- }, /*#__PURE__*/react.createElement(BorderRadius, {
61376
- value: get("border_radius")[0],
61377
- defaultValue: get("border_radius", {
61378
- returnValue: true
61379
- })[0],
61380
- disabled: hoverSettings === 1,
61381
- onChange: function onChange(val) {
61382
- var newValues = get("border_radius");
61383
- newValues[0] = val === null ? "unset" : val;
61384
- set("border_radius", newValues);
61385
- }
61386
- }));
61387
- };
61388
 
61389
- return /*#__PURE__*/react.createElement(CollapsibleGroup, ButtonGroup_extends({
61390
- title: translate("common.button")
61391
- }, groupProps, {
61392
- "data-testid": "group:button"
61393
- }), /*#__PURE__*/react.createElement(Tabs_Tabs, {
61394
- onChange: function onChange(_, val) {
61395
- return setHoverSettings(val);
61396
  },
61397
- style: {
61398
- marginBottom: "20px"
 
 
61399
  },
61400
- value: hoverSettings,
61401
- variant: "fullWidth",
61402
- centered: true
61403
- }, /*#__PURE__*/react.createElement(Tab_Tab, {
61404
- label: "Normal",
61405
- "data-testid": "normal_hover:normal"
61406
- }), /*#__PURE__*/react.createElement(Tab_Tab, {
61407
- label: "Hover",
61408
- "data-testid": "normal_hover:hover"
61409
- })), /*#__PURE__*/react.createElement("div", {
61410
- className: "setting-group-title"
61411
- }, translate("settings.setting_categories.background")), /*#__PURE__*/react.createElement("hr", null), settings(), /*#__PURE__*/react.createElement("div", {
61412
- className: "setting-group-title"
61413
- }, translate("settings.setting_categories.button_style")), /*#__PURE__*/react.createElement("hr", null), !disableBorderRadius ? borderRadius() : null);
61414
- }
61415
 
61416
- /* harmony default export */ var Styling_ButtonGroup = (connect(function (state) {
61417
- return {
61418
- buttons: state.buttons,
61419
- groups: state.groups
61420
- };
61421
- }, function (dispatch) {
61422
- return {
61423
- _set: function _set() {
61424
- return dispatch(dataActions_set.apply(void 0, arguments));
61425
- }
61426
- };
61427
- }, function (_ref2, _ref3, _ref4) {
61428
- var buttons = _ref2.buttons,
61429
- groups = _ref2.groups;
61430
- var _set = _ref3._set;
61431
 
61432
- var buttonId = _ref4.buttonId,
61433
- props = ButtonGroup_objectWithoutProperties(_ref4, ["buttonId"]);
 
 
61434
 
61435
- var button = buttons[buttonId];
61436
- var group = groups[button.parent];
61437
- return ButtonGroup_objectSpread({
61438
- set: function set(key, val) {
61439
- return _set(models.BUTTON, buttonId, key, val);
61440
  },
61441
- get: function get(key) {
61442
- var _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
61443
- _ref5$getParent = _ref5.getParent,
61444
- getParent = _ref5$getParent === void 0 ? false : _ref5$getParent,
61445
- _ref5$returnValue = _ref5.returnValue,
61446
- returnValue = _ref5$returnValue === void 0 ? false : _ref5$returnValue,
61447
- options = ButtonGroup_objectWithoutProperties(_ref5, ["getParent", "returnValue"]);
61448
 
61449
- return _get(key, getParent ? group : button, returnValue && "button", // returnValue && defToGroup ? group : false,
61450
- options);
 
61451
  },
61452
- disableBorderRadius: group.menu_style === "square" || group.menu_style === "rectangle"
61453
- }, props);
61454
- })(Styling_ButtonGroup_ButtonGroup));
61455
- ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Button/Tabs/Styling/index.js
61456
- function Styling_slicedToArray(arr, i) { return Styling_arrayWithHoles(arr) || Styling_iterableToArrayLimit(arr, i) || Styling_unsupportedIterableToArray(arr, i) || Styling_nonIterableRest(); }
61457
 
61458
- function Styling_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 
 
61459
 
61460
- function Styling_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Styling_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Styling_arrayLikeToArray(o, minLen); }
 
 
 
61461
 
61462
- function Styling_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; }
 
 
 
61463
 
61464
- function Styling_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 
 
61465
 
61466
- function Styling_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
 
 
 
 
 
61467
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61468
 
 
 
 
 
 
 
 
 
 
 
61469
 
 
61470
 
 
 
 
61471
 
 
61472
 
61473
- function Styling(_ref) {
61474
- var buttonId = _ref.buttonId;
61475
 
61476
- var _useState = (0,react.useState)("button"),
61477
- _useState2 = Styling_slicedToArray(_useState, 2),
61478
- openedGroup = _useState2[0],
61479
- setOpenedGroup = _useState2[1];
61480
 
61481
- return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(Styling_ButtonGroup, {
61482
- title: translate("common.button"),
61483
- opened: openedGroup === "button",
61484
- onSetIsOpened: function onSetIsOpened(val) {
61485
- return setOpenedGroup(val ? "button" : "");
61486
- },
61487
- buttonId: buttonId
61488
- }), /*#__PURE__*/react.createElement(Styling_IconGroup, {
61489
- opened: openedGroup === "icon",
61490
- onSetIsOpened: function onSetIsOpened(val) {
61491
- return setOpenedGroup(val ? "icon" : "");
61492
- },
61493
- buttonId: buttonId
61494
- }), /*#__PURE__*/react.createElement(LabelGroup, {
61495
- opened: openedGroup === "label",
61496
- onSetIsOpened: function onSetIsOpened(val) {
61497
- return setOpenedGroup(val ? "label" : "");
61498
- },
61499
- buttonId: buttonId
61500
- }));
61501
- }
61502
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/FilterSelect/FilterSelect.js
61503
 
 
61504
 
 
61505
 
 
61506
 
 
61507
 
61508
 
61509
 
61510
 
61511
- function FilterSelect(_ref) {
61512
- var _ref$type = _ref.type,
61513
- type = _ref$type === void 0 ? "Data" : _ref$type,
61514
- group = _ref.group;
61515
 
61516
- /* webpack-strip-block:removed */
61517
 
61518
- /* webpack-strip-block:removed */
61519
- // Value doesn't exists in array
61520
 
61521
- /* webpack-strip-block:removed */
61522
 
 
61523
  /* webpack-strip-block:removed */
61524
- var select = {
61525
- array: function array() {
61526
- /* webpack-strip-block:removed */
61527
- return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(InputLabel_InputLabel, null, type === "schedule" ? translate("time_schedules.current_time_schedule") : translate("page_rules.current_page_rule")), /*#__PURE__*/react.createElement(Select_Select, {
61528
- inputProps: {
61529
- "data-testid": "setting:".concat(type === "schedule" ? "time-schedule" : "page-rule")
61530
- },
61531
- value: "show",
61532
- label: type === "schedule" ? translate("time_schedules.current_time_schedule") : translate("page_rules.current_page_rule"),
61533
- disabled: true,
61534
- IconComponent: PremiumTag
61535
- }, /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
61536
- value: "show"
61537
- }, translate("utils.filter-visibility.".concat(type === "schedule" ? "timeschedule" : "pagerule", "_show_").concat(group ? "group" : "button")))));
61538
- },
61539
- visibility: function visibility() {
61540
- /* webpack-strip-block:removed */
61541
- return null;
61542
- }
61543
  };
61544
- return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(FormControl_FormControl, {
61545
- variant: "outlined",
61546
- fullWidth: true,
61547
- style: {
61548
- marginBottom: "20px"
61549
- }
61550
- }, select.array()), select.visibility());
61551
- }
61552
- ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/FormControlLabel/FormControlLabel.js
61553
-
 
 
61554
 
 
 
 
 
 
 
 
61555
 
 
 
 
 
61556
 
 
 
 
 
61557
 
 
 
 
 
61558
 
 
 
 
 
61559
 
 
 
 
 
 
 
 
 
 
61560
 
 
 
 
 
 
 
61561
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61562
 
61563
- var FormControlLabel_styles = function styles(theme) {
61564
- return {
61565
- /* Styles applied to the root element. */
61566
- root: {
61567
- display: 'inline-flex',
61568
- alignItems: 'center',
61569
- cursor: 'pointer',
61570
- // For correct alignment with the text.
61571
- verticalAlign: 'middle',
61572
- WebkitTapHighlightColor: 'transparent',
61573
- marginLeft: -11,
61574
- marginRight: 16,
61575
- // used for row presentation of radio/checkbox
61576
- '&$disabled': {
61577
- cursor: 'default'
61578
- }
61579
  },
61580
-
61581
- /* Styles applied to the root element if `labelPlacement="start"`. */
61582
- labelPlacementStart: {
61583
- flexDirection: 'row-reverse',
61584
- marginLeft: 16,
61585
- // used for row presentation of radio/checkbox
61586
- marginRight: -11
 
 
 
 
 
 
 
 
 
 
61587
  },
61588
-
61589
- /* Styles applied to the root element if `labelPlacement="top"`. */
61590
- labelPlacementTop: {
61591
- flexDirection: 'column-reverse',
61592
- marginLeft: 16
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61593
  },
61594
-
61595
- /* Styles applied to the root element if `labelPlacement="bottom"`. */
61596
- labelPlacementBottom: {
61597
- flexDirection: 'column',
61598
- marginLeft: 16
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61599
  },
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61600
 
61601
- /* Pseudo-class applied to the root element if `disabled={true}`. */
61602
- disabled: {},
61603
 
61604
- /* Styles applied to the label's Typography component. */
61605
- label: {
61606
- '&$disabled': {
61607
- color: theme.palette.text.disabled
61608
- }
61609
- }
61610
- };
61611
- };
61612
- /**
61613
- * Drop in replacement of the `Radio`, `Switch` and `Checkbox` component.
61614
- * Use this component if you want to display an extra label.
61615
- */
61616
 
61617
- var FormControlLabel = /*#__PURE__*/react.forwardRef(function FormControlLabel(props, ref) {
61618
- var checked = props.checked,
61619
- classes = props.classes,
61620
- className = props.className,
61621
- control = props.control,
61622
- disabledProp = props.disabled,
61623
- inputRef = props.inputRef,
61624
- label = props.label,
61625
- _props$labelPlacement = props.labelPlacement,
61626
- labelPlacement = _props$labelPlacement === void 0 ? 'end' : _props$labelPlacement,
61627
- name = props.name,
61628
- onChange = props.onChange,
61629
- value = props.value,
61630
- other = (0,objectWithoutProperties/* default */.Z)(props, ["checked", "classes", "className", "control", "disabled", "inputRef", "label", "labelPlacement", "name", "onChange", "value"]);
61631
 
61632
- var muiFormControl = useFormControl_useFormControl();
61633
- var disabled = disabledProp;
61634
 
61635
- if (typeof disabled === 'undefined' && typeof control.props.disabled !== 'undefined') {
61636
- disabled = control.props.disabled;
61637
- }
61638
 
61639
- if (typeof disabled === 'undefined' && muiFormControl) {
61640
- disabled = muiFormControl.disabled;
61641
- }
61642
 
61643
- var controlProps = {
61644
- disabled: disabled
61645
- };
61646
- ['checked', 'name', 'onChange', 'value', 'inputRef'].forEach(function (key) {
61647
- if (typeof control.props[key] === 'undefined' && typeof props[key] !== 'undefined') {
61648
- controlProps[key] = props[key];
61649
- }
61650
- });
61651
- return /*#__PURE__*/react.createElement("label", (0,esm_extends/* default */.Z)({
61652
- className: (0,clsx_m/* default */.Z)(classes.root, className, labelPlacement !== 'end' && classes["labelPlacement".concat((0,capitalize/* default */.Z)(labelPlacement))], disabled && classes.disabled),
61653
- ref: ref
61654
- }, other), /*#__PURE__*/react.cloneElement(control, controlProps), /*#__PURE__*/react.createElement(Typography_Typography, {
61655
- component: "span",
61656
- className: (0,clsx_m/* default */.Z)(classes.label, disabled && classes.disabled)
61657
- }, label));
61658
- });
61659
- false ? 0 : void 0;
61660
- /* harmony default export */ var FormControlLabel_FormControlLabel = ((0,withStyles/* default */.Z)(FormControlLabel_styles, {
61661
- name: 'MuiFormControlLabel'
61662
- })(FormControlLabel));
61663
- ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/internal/svg-icons/RadioButtonUnchecked.js
61664
 
61665
 
61666
- /**
61667
- * @ignore - internal component.
61668
- */
 
 
 
 
 
61669
 
61670
- /* harmony default export */ var RadioButtonUnchecked = ((0,createSvgIcon/* default */.Z)( /*#__PURE__*/react.createElement("path", {
61671
- d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
61672
- }), 'RadioButtonUnchecked'));
61673
- ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/internal/svg-icons/RadioButtonChecked.js
61674
 
 
 
61675
 
61676
- /**
61677
- * @ignore - internal component.
61678
- */
61679
 
61680
- /* harmony default export */ var RadioButtonChecked = ((0,createSvgIcon/* default */.Z)( /*#__PURE__*/react.createElement("path", {
61681
- d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
61682
- }), 'RadioButtonChecked'));
61683
- ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/Radio/RadioButtonIcon.js
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61684
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61685
 
 
 
 
 
 
 
 
 
 
61686
 
61687
 
61688
 
61689
 
61690
- var RadioButtonIcon_styles = function styles(theme) {
61691
- return {
61692
- root: {
61693
- position: 'relative',
61694
- display: 'flex',
61695
- '&$checked $layer': {
61696
- transform: 'scale(1)',
61697
- transition: theme.transitions.create('transform', {
61698
- easing: theme.transitions.easing.easeOut,
61699
- duration: theme.transitions.duration.shortest
61700
- })
61701
- }
 
61702
  },
61703
- layer: {
61704
- left: 0,
61705
- position: 'absolute',
61706
- transform: 'scale(0)',
61707
- transition: theme.transitions.create('transform', {
61708
- easing: theme.transitions.easing.easeIn,
61709
- duration: theme.transitions.duration.shortest
61710
- })
61711
  },
61712
- checked: {}
61713
- };
61714
- };
61715
- /**
61716
- * @ignore - internal component.
61717
- */
61718
-
61719
- function RadioButtonIcon(props) {
61720
- var checked = props.checked,
61721
- classes = props.classes,
61722
- fontSize = props.fontSize;
61723
- return /*#__PURE__*/react.createElement("div", {
61724
- className: (0,clsx_m/* default */.Z)(classes.root, checked && classes.checked)
61725
- }, /*#__PURE__*/react.createElement(RadioButtonUnchecked, {
61726
- fontSize: fontSize
61727
- }), /*#__PURE__*/react.createElement(RadioButtonChecked, {
61728
- fontSize: fontSize,
61729
- className: classes.layer
61730
  }));
61731
  }
 
61732
 
61733
- false ? 0 : void 0;
61734
- /* harmony default export */ var Radio_RadioButtonIcon = ((0,withStyles/* default */.Z)(RadioButtonIcon_styles, {
61735
- name: 'PrivateRadioButtonIcon'
61736
- })(RadioButtonIcon));
61737
- ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/RadioGroup/RadioGroupContext.js
61738
 
61739
- /**
61740
- * @ignore - internal component.
61741
- */
61742
 
61743
- var RadioGroupContext = react.createContext();
61744
 
61745
- if (false) {}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61746
 
61747
- /* harmony default export */ var RadioGroup_RadioGroupContext = (RadioGroupContext);
61748
- ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/RadioGroup/useRadioGroup.js
61749
 
61750
 
61751
- function useRadioGroup() {
61752
- return react.useContext(RadioGroup_RadioGroupContext);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61753
  }
61754
- ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/Radio/Radio.js
 
61755
 
 
61756
 
 
61757
 
 
61758
 
 
61759
 
 
61760
 
 
61761
 
 
61762
 
 
61763
 
 
61764
 
 
61765
 
61766
 
61767
 
61768
- var Radio_styles = function styles(theme) {
61769
- return {
61770
- /* Styles applied to the root element. */
61771
- root: {
61772
- color: theme.palette.text.secondary
61773
- },
61774
 
61775
- /* Pseudo-class applied to the root element if `checked={true}`. */
61776
- checked: {},
61777
 
61778
- /* Pseudo-class applied to the root element if `disabled={true}`. */
61779
- disabled: {},
61780
 
61781
- /* Styles applied to the root element if `color="primary"`. */
61782
- colorPrimary: {
61783
- '&$checked': {
61784
- color: theme.palette.primary.main,
61785
- '&:hover': {
61786
- backgroundColor: (0,colorManipulator/* fade */.U1)(theme.palette.primary.main, theme.palette.action.hoverOpacity),
61787
- // Reset on touch devices, it doesn't add specificity
61788
- '@media (hover: none)': {
61789
- backgroundColor: 'transparent'
61790
- }
61791
- }
61792
- },
61793
- '&$disabled': {
61794
- color: theme.palette.action.disabled
61795
- }
61796
- },
61797
 
61798
- /* Styles applied to the root element if `color="secondary"`. */
61799
- colorSecondary: {
61800
- '&$checked': {
61801
- color: theme.palette.secondary.main,
61802
- '&:hover': {
61803
- backgroundColor: (0,colorManipulator/* fade */.U1)(theme.palette.secondary.main, theme.palette.action.hoverOpacity),
61804
- // Reset on touch devices, it doesn't add specificity
61805
- '@media (hover: none)': {
61806
- backgroundColor: 'transparent'
61807
- }
61808
- }
61809
- },
61810
- '&$disabled': {
61811
- color: theme.palette.action.disabled
61812
- }
61813
- }
61814
- };
61815
- };
61816
- var defaultCheckedIcon = /*#__PURE__*/react.createElement(Radio_RadioButtonIcon, {
61817
- checked: true
61818
- });
61819
- var defaultIcon = /*#__PURE__*/react.createElement(Radio_RadioButtonIcon, null);
61820
- var Radio = /*#__PURE__*/react.forwardRef(function Radio(props, ref) {
61821
- var checkedProp = props.checked,
61822
- classes = props.classes,
61823
- _props$color = props.color,
61824
- color = _props$color === void 0 ? 'secondary' : _props$color,
61825
- nameProp = props.name,
61826
- onChangeProp = props.onChange,
61827
- _props$size = props.size,
61828
- size = _props$size === void 0 ? 'medium' : _props$size,
61829
- other = (0,objectWithoutProperties/* default */.Z)(props, ["checked", "classes", "color", "name", "onChange", "size"]);
61830
 
61831
- var radioGroup = useRadioGroup();
61832
- var checked = checkedProp;
61833
- var onChange = (0,createChainedFunction/* default */.Z)(onChangeProp, radioGroup && radioGroup.onChange);
61834
- var name = nameProp;
61835
 
61836
- if (radioGroup) {
61837
- if (typeof checked === 'undefined') {
61838
- checked = radioGroup.value === props.value;
61839
- }
61840
 
61841
- if (typeof name === 'undefined') {
61842
- name = radioGroup.name;
61843
- }
61844
- }
61845
 
61846
- return /*#__PURE__*/react.createElement(internal_SwitchBase, (0,esm_extends/* default */.Z)({
61847
- color: color,
61848
- type: "radio",
61849
- icon: /*#__PURE__*/react.cloneElement(defaultIcon, {
61850
- fontSize: size === 'small' ? 'small' : 'default'
61851
- }),
61852
- checkedIcon: /*#__PURE__*/react.cloneElement(defaultCheckedIcon, {
61853
- fontSize: size === 'small' ? 'small' : 'default'
61854
- }),
61855
- classes: {
61856
- root: (0,clsx_m/* default */.Z)(classes.root, classes["color".concat((0,capitalize/* default */.Z)(color))]),
61857
- checked: classes.checked,
61858
- disabled: classes.disabled
61859
- },
61860
- name: name,
61861
- checked: checked,
61862
- onChange: onChange,
61863
- ref: ref
61864
- }, other));
61865
- });
61866
- false ? 0 : void 0;
61867
- /* harmony default export */ var Radio_Radio = ((0,withStyles/* default */.Z)(Radio_styles, {
61868
- name: 'MuiRadio'
61869
- })(Radio));
61870
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/TimeoutScroll/TimeoutScroll.js
61871
 
61872
 
61873
 
@@ -61875,299 +61794,240 @@ var Radio = /*#__PURE__*/react.forwardRef(function Radio(props, ref) {
61875
 
61876
 
61877
 
61878
- /* webpack-strip-block:removed */
61879
 
61880
- function TimeoutScroll(_ref) {
61881
- var openDialogDelay = _ref.openDialogDelay;
61882
 
61883
- /* webpack-strip-block:removed */
61884
- var settings = {
61885
- timeoutScroll: function timeoutScroll() {
61886
- /* webpack-strip-block:removed */
61887
- return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
61888
- className: "advanced-scroll-timeout",
61889
- "data-testid": "timeoutScroll:free"
61890
- }, /*#__PURE__*/react.createElement(DisableSetting, {
61891
- onClick: function onClick() {
61892
- openDialogDelay("timeout");
61893
- }
61894
- }, /*#__PURE__*/react.createElement("div", {
61895
- className: "advanced-timeout"
61896
- }, /*#__PURE__*/react.createElement(FormControlLabel_FormControlLabel, {
61897
- control: /*#__PURE__*/react.createElement(Radio_Radio, {
61898
- checked: false,
61899
- inputProps: {
61900
- "data-testid": "setting:timeout-radio",
61901
- "aria-label": "timeout"
61902
- },
61903
- value: "timeout",
61904
- name: "timeout-radio-button"
61905
- }),
61906
- label: translate("settings.timeout_scroll.timeout.title"),
61907
- className: "timeout-radio-group",
61908
- labelPlacement: "end",
61909
- value: "timeout",
61910
- name: "timeout-radio-button-label"
61911
- }), /*#__PURE__*/react.createElement(TextField_TextField, {
61912
- variant: "outlined",
61913
- label: translate("settings.timeout_scroll.timeout.milliseconds"),
61914
- helperText: translate("settings.timeout_scroll.timeout.info", "0"),
61915
- type: "number",
61916
- fullWidth: true,
61917
- disabled: true,
61918
- InputProps: {
61919
- "data-testid": "setting:timeout-field",
61920
- endAdornment: /*#__PURE__*/react.createElement(PremiumTag, null)
61921
- }
61922
- }))), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(DisableSetting, {
61923
- onClick: function onClick() {
61924
- openDialogDelay("scroll");
61925
- }
61926
- }, /*#__PURE__*/react.createElement("div", {
61927
- className: "advanced-scroll"
61928
- }, /*#__PURE__*/react.createElement(FormControlLabel_FormControlLabel, {
61929
- control: /*#__PURE__*/react.createElement(Radio_Radio, {
61930
- checked: false,
61931
- inputProps: {
61932
- "data-testid": "setting:scroll-radio",
61933
- "aria-label": "scroll"
61934
- },
61935
- value: "scroll",
61936
- name: "scroll-radio-button"
61937
- }),
61938
- label: translate("settings.timeout_scroll.scroll.title"),
61939
- className: "scroll-radio-group",
61940
- labelPlacement: "end",
61941
- value: "scroll",
61942
- name: "scroll-radio-button-label"
61943
- }), /*#__PURE__*/react.createElement(TextField_TextField, {
61944
- variant: "outlined",
61945
- label: translate("settings.timeout_scroll.scroll.from_top"),
61946
- type: "number",
61947
- FormHelperTextProps: {
61948
- component: "span"
61949
- },
61950
- fullWidth: true,
61951
- disabled: true,
61952
- InputProps: {
61953
- "data-testid": "setting:scroll-field",
61954
- endAdornment: /*#__PURE__*/react.createElement(PremiumTag, null)
61955
- }
61956
- }), /*#__PURE__*/react.createElement("div", {
61957
- className: "advanced-scroll-pixel-percent"
61958
- }, /*#__PURE__*/react.createElement(Button_Button, {
61959
- disabled: true,
61960
- variant: "contained",
61961
- color: "primary",
61962
- "data-testid": "setting:scroll-percent"
61963
- }, "%"), /*#__PURE__*/react.createElement(Button_Button, {
61964
- disabled: true,
61965
- variant: "outlined",
61966
- color: "primary",
61967
- "data-testid": "setting:scroll-px"
61968
- }, "px")))), /*#__PURE__*/react.createElement(DisableSetting, {
61969
- onClick: function onClick() {
61970
- openDialogDelay("scroll");
61971
- }
61972
- }, /*#__PURE__*/react.createElement("div", {
61973
- className: "advanced-scroll-hide"
61974
- }, /*#__PURE__*/react.createElement(SettingsContainer, {
61975
- title: translate("settings.timeout_scroll.scroll.visibility"),
61976
- className: "disabled"
61977
- }, /*#__PURE__*/react.createElement(Tabs_Tabs, {
61978
- value: false,
61979
- indicatorColor: "secondary",
61980
- textColor: "secondary",
61981
- variant: "fullWidth",
61982
- className: "icon-or-image"
61983
- }, /*#__PURE__*/react.createElement(Tab_Tab, {
61984
- disabled: true,
61985
- label: translate("settings.timeout_scroll.scroll.hide"),
61986
- size: "small"
61987
- }), /*#__PURE__*/react.createElement(Tab_Tab, {
61988
- disabled: true,
61989
- label: translate("settings.timeout_scroll.scroll.show"),
61990
- size: "small"
61991
- })))), /*#__PURE__*/react.createElement("span", {
61992
- className: "advanced-scroll-description"
61993
- }, /*#__PURE__*/react.createElement("p", {
61994
- dangerouslySetInnerHTML: {
61995
- __html: translate("settings.timeout_scroll.scroll.info", "0", "%", "SHOW")
61996
- }
61997
- })))));
61998
  }
61999
- };
62000
- return /*#__PURE__*/react.createElement(react.Fragment, null, settings.timeoutScroll());
62001
- }
62002
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/ExitIntent/TriggerAmountTimes/TriggerAmountTimes.js
62003
- function TriggerAmountTimes_slicedToArray(arr, i) { return TriggerAmountTimes_arrayWithHoles(arr) || TriggerAmountTimes_iterableToArrayLimit(arr, i) || TriggerAmountTimes_unsupportedIterableToArray(arr, i) || TriggerAmountTimes_nonIterableRest(); }
62004
-
62005
- function TriggerAmountTimes_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
62006
-
62007
- function TriggerAmountTimes_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return TriggerAmountTimes_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return TriggerAmountTimes_arrayLikeToArray(o, minLen); }
62008
-
62009
- function TriggerAmountTimes_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; }
62010
-
62011
- function TriggerAmountTimes_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
62012
-
62013
- function TriggerAmountTimes_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
62014
-
62015
-
62016
-
62017
-
62018
-
62019
-
62020
- function TriggerAmountTimes(_ref) {
62021
- var value = _ref.value,
62022
- _onChange = _ref.onChange,
62023
- icon = _ref.icon,
62024
- _ref$disabled = _ref.disabled,
62025
- disabled = _ref$disabled === void 0 ? false : _ref$disabled;
62026
- var inputLabel = (0,react.useRef)(null);
62027
-
62028
- var _useState = (0,react.useState)(0),
62029
- _useState2 = TriggerAmountTimes_slicedToArray(_useState, 2),
62030
- labelWidth = _useState2[0],
62031
- setLabelWidth = _useState2[1];
62032
-
62033
- var _useState3 = (0,react.useState)(value || "once_page"),
62034
- _useState4 = TriggerAmountTimes_slicedToArray(_useState3, 2),
62035
- amountOfTimes = _useState4[0],
62036
- setAmountOfTimes = _useState4[1];
62037
-
62038
- (0,react.useEffect)(function () {
62039
- setLabelWidth(inputLabel.current.offsetWidth);
62040
- setAmountOfTimes(value || "once_page");
62041
- }, [value]);
62042
- return /*#__PURE__*/react.createElement(FormControl_FormControl, {
62043
- variant: "outlined",
62044
- fullWidth: true,
62045
- disabled: disabled
62046
- }, /*#__PURE__*/react.createElement(InputLabel_InputLabel, {
62047
- id: "exit-intent-trigger-times",
62048
- ref: inputLabel
62049
- }, translate("settings.exit_intent.how_often._title")), /*#__PURE__*/react.createElement(Select_Select, {
62050
- labelId: "exit-intent-trigger-times",
62051
- id: "exit-intent-trigger-times",
62052
- value: amountOfTimes,
62053
- onChange: function onChange(e) {
62054
- setAmountOfTimes(e.target.value);
62055
 
62056
- _onChange("exit_intent_trigger_amount", e.target.value);
 
 
 
 
 
 
62057
  },
62058
- labelWidth: labelWidth,
62059
- IconComponent: icon,
62060
- inputProps: {
62061
- "data-testid": "setting:exit-intent-how-often"
 
 
 
62062
  }
62063
- }, /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62064
- value: "once_page"
62065
- }, translate("settings.exit_intent.how_often.once_page")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62066
- value: "once_session"
62067
- }, translate("settings.exit_intent.how_often.once_session")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62068
- value: "always"
62069
- }, translate("settings.exit_intent.how_often.always"))));
 
 
 
 
 
 
 
 
 
 
 
 
 
62070
  }
62071
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/ExitIntent/TriggerAnimation/TriggerAnimation.js
62072
- function TriggerAnimation_slicedToArray(arr, i) { return TriggerAnimation_arrayWithHoles(arr) || TriggerAnimation_iterableToArrayLimit(arr, i) || TriggerAnimation_unsupportedIterableToArray(arr, i) || TriggerAnimation_nonIterableRest(); }
62073
-
62074
- function TriggerAnimation_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
62075
 
62076
- function TriggerAnimation_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return TriggerAnimation_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return TriggerAnimation_arrayLikeToArray(o, minLen); }
 
 
 
 
 
 
 
 
 
 
 
 
62077
 
62078
- function TriggerAnimation_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; }
 
62079
 
62080
- function TriggerAnimation_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 
 
 
 
 
 
 
 
 
 
 
62081
 
62082
- function TriggerAnimation_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
62083
 
62084
 
62085
 
62086
 
62087
 
62088
 
62089
- function TriggerAnimation(_ref) {
62090
- var value = _ref.value,
62091
- _onChange = _ref.onChange,
62092
- icon = _ref.icon,
62093
- _ref$singleButton = _ref.singleButton,
62094
- singleButton = _ref$singleButton === void 0 ? false : _ref$singleButton,
62095
- _ref$disabled = _ref.disabled,
62096
- disabled = _ref$disabled === void 0 ? false : _ref$disabled;
62097
- var inputLabel = (0,react.useRef)(null);
62098
 
62099
- var _useState = (0,react.useState)(0),
62100
- _useState2 = TriggerAnimation_slicedToArray(_useState, 2),
62101
- labelWidth = _useState2[0],
62102
- setLabelWidth = _useState2[1];
62103
 
62104
- var _useState3 = (0,react.useState)(value || "once_page"),
62105
- _useState4 = TriggerAnimation_slicedToArray(_useState3, 2),
62106
- triggerAnimation = _useState4[0],
62107
- setTriggerAnimation = _useState4[1];
62108
 
62109
- (0,react.useEffect)(function () {
62110
- setLabelWidth(inputLabel.current.offsetWidth);
62111
- setTriggerAnimation(value || "once_page");
62112
- }, [value]);
62113
 
62114
- var exitIntentAnimations = function exitIntentAnimations() {
62115
- if (singleButton) {
62116
- return [/*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62117
- value: "focused",
62118
- key: 0
62119
- }, translate("settings.exit_intent.animation.focused")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62120
- value: "jump",
62121
- key: 1
62122
- }, translate("settings.exit_intent.animation.jump_single")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62123
- value: "flip",
62124
- key: 2
62125
- }, translate("settings.exit_intent.animation.flip_single"))];
62126
- }
62127
 
62128
- return [/*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62129
- value: "focused",
62130
- key: 0
62131
- }, translate("settings.exit_intent.animation.focused")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62132
- value: "open_menu",
62133
- key: 1
62134
- }, translate("settings.exit_intent.animation.open_menu")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62135
- value: "jump",
62136
- key: 2
62137
- }, translate("settings.exit_intent.animation.jump")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62138
- value: "flip",
62139
- key: 3
62140
- }, translate("settings.exit_intent.animation.flip"))];
62141
  };
62142
 
62143
- return /*#__PURE__*/react.createElement(FormControl_FormControl, {
62144
- variant: "outlined",
62145
- fullWidth: true,
62146
- style: {
62147
- marginTop: 20
62148
- },
62149
- disabled: disabled
62150
- }, /*#__PURE__*/react.createElement(InputLabel_InputLabel, {
62151
- id: "exit-intent-trigger-animation",
62152
- ref: inputLabel
62153
- }, translate("settings.exit_intent.animation._title")), /*#__PURE__*/react.createElement(Select_Select, {
62154
- labelId: "exit-intent-trigger-animation",
62155
- id: "exit-intent-trigger-animation",
62156
- value: triggerAnimation,
62157
- onChange: function onChange(e) {
62158
- setTriggerAnimation(e.target.value);
62159
-
62160
- _onChange("exit_intent_animation", e.target.value);
62161
  },
62162
- labelWidth: labelWidth,
62163
- IconComponent: icon,
62164
- inputProps: {
62165
- "data-testid": "setting:exit-intent-animation"
62166
- }
62167
- }, exitIntentAnimations()));
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62168
  }
62169
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/ExitIntent/ExitIntent.js
62170
 
 
 
 
62171
 
62172
 
62173
 
@@ -62175,55 +62035,43 @@ function TriggerAnimation(_ref) {
62175
 
62176
 
62177
 
62178
- function ExitIntent(_ref) {
62179
- var onChange = _ref.onChange;
62180
 
62181
  /* webpack-strip-block:removed */
62182
- var ExitIntent = function ExitIntent() {
62183
  /* webpack-strip-block:removed */
62184
- return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(DisableSetting, {
62185
- onClick: function onClick() {
62186
- onChange();
62187
- }
62188
- }, /*#__PURE__*/react.createElement("p", null, translate("settings.exit_intent.description")), /*#__PURE__*/react.createElement(SettingsContainer, {
62189
- title: translate("settings.exit_intent.trigger_window"),
62190
- fullWidth: false
62191
- }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
62192
- disabled: true
62193
- })), /*#__PURE__*/react.createElement(SettingsContainer, {
62194
- title: translate("settings.exit_intent.trigger_inactive"),
62195
- fullWidth: false
62196
- }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
62197
- disabled: true
62198
- })), /*#__PURE__*/react.createElement(TriggerAmountTimes, {
62199
- value: "once_page",
62200
- disabled: true,
62201
- icon: PremiumTag
62202
- }), /*#__PURE__*/react.createElement(TriggerAnimation, {
62203
- value: "focused",
62204
- disabled: true,
62205
- icon: PremiumTag
62206
- }), /*#__PURE__*/react.createElement("p", {
62207
- dangerouslySetInnerHTML: {
62208
- __html: translate("settings.exit_intent.info")
62209
- }
62210
- })));
62211
  };
62212
 
62213
- return ExitIntent();
62214
  }
62215
- ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Button/Tabs/Advanced.js
62216
- function Advanced_slicedToArray(arr, i) { return Advanced_arrayWithHoles(arr) || Advanced_iterableToArrayLimit(arr, i) || Advanced_unsupportedIterableToArray(arr, i) || Advanced_nonIterableRest(); }
62217
 
62218
- function Advanced_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
62219
 
62220
- function Advanced_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Advanced_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Advanced_arrayLikeToArray(o, minLen); }
62221
 
62222
- function Advanced_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; }
62223
 
62224
- function Advanced_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
62225
 
62226
- function Advanced_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62227
 
62228
 
62229
 
@@ -62240,745 +62088,733 @@ function Advanced_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
62240
 
62241
  /* webpack-strip-block:removed */
62242
 
62243
- function Advanced(_ref) {
62244
- var buttonId = _ref.buttonId,
62245
- buttons = _ref.buttons,
62246
  set = _ref.set,
62247
- groups = _ref.groups;
62248
- var button = buttons[buttonId];
62249
 
62250
- var updateButtonSetting = function updateButtonSetting(obj, val) {
62251
- set(models.BUTTON, button.id, obj, val);
62252
- };
 
62253
 
62254
- var updateGroupSetting = function updateGroupSetting(obj, val) {
62255
- set(models.GROUP, button.parent, obj, val);
 
 
 
 
 
 
 
 
 
 
62256
  };
62257
 
62258
- var singleButton = groups[button.parent].children.length < 2;
 
 
62259
 
62260
- var _useState = (0,react.useState)("customClassId"),
62261
- _useState2 = Advanced_slicedToArray(_useState, 2),
62262
- openedGroup = _useState2[0],
62263
- setOpenedGroup = _useState2[1];
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62264
 
62265
- var settings = {
62266
- styling: {
62267
- "class": function _class() {
62268
- /* webpack-strip-block:removed */
62269
- return /*#__PURE__*/react.createElement(DisableSetting, {
62270
- onClick: function onClick() {
62271
- app.showPremiumDialog(translate("settings.custom_class.pro_description"));
62272
- }
62273
- }, /*#__PURE__*/react.createElement(TextField_TextField, {
62274
- inputProps: {
62275
- "data-testid": "setting:custom-class"
62276
- },
62277
- variant: "outlined",
62278
- label: translate("settings.custom_class.title"),
62279
- fullWidth: true,
62280
- disabled: true,
62281
- style: {
62282
- marginBottom: "10px"
62283
- },
62284
- InputProps: {
62285
- endAdornment: /*#__PURE__*/react.createElement(PremiumTag, null)
62286
- }
62287
- }));
62288
- },
62289
- id: function id() {
62290
- /* webpack-strip-block:removed */
62291
- return /*#__PURE__*/react.createElement(DisableSetting, {
62292
- onClick: function onClick() {
62293
- app.showPremiumDialog(translate("settings.custom_id.pro_description"));
62294
- }
62295
- }, /*#__PURE__*/react.createElement(TextField_TextField, {
62296
- inputProps: {
62297
- "data-testid": "setting:custom-id"
62298
- },
62299
- variant: "outlined",
62300
- label: translate("settings.custom_id.title"),
62301
- fullWidth: true,
62302
- disabled: true,
62303
- style: {
62304
- marginBottom: "10px"
62305
- },
62306
- InputProps: {
62307
- endAdornment: /*#__PURE__*/react.createElement(PremiumTag, null)
62308
- }
62309
- }));
62310
- },
62311
- editor: function editor() {
62312
- /* webpack-strip-block:removed */
62313
- return null;
62314
  }
62315
- },
62316
- filters: {
62317
- timeSchedules: function timeSchedules() {
62318
- /* webpack-strip-block:removed */
62319
- return /*#__PURE__*/react.createElement(DisableSetting, {
62320
- onClick: function onClick() {
62321
- app.showPremiumDialog(translate("time_schedules.pro_description"), "C-B9ITdY6A4");
62322
- }
62323
- }, /*#__PURE__*/react.createElement(FilterSelect, {
62324
- type: "schedule"
62325
- }), /*#__PURE__*/react.createElement(Button_Button, {
62326
- startIcon: /*#__PURE__*/react.createElement("i", {
62327
- style: {
62328
- fontSize: "12px"
62329
- },
62330
- className: "fas fa-cog"
62331
- }),
62332
- color: "primary",
62333
- className: "Mui-disabled",
62334
- "data-testid": "time_schedules_open_drawer"
62335
- }, translate("time_schedules.open_settings")));
62336
- },
62337
- pageRules: function pageRules() {
62338
- /* webpack-strip-block:removed */
62339
- return /*#__PURE__*/react.createElement(DisableSetting, {
62340
- onClick: function onClick() {
62341
- app.showPremiumDialog(translate("page_rules.pro_description"), "SQnAhyBWLWg");
62342
- }
62343
- }, /*#__PURE__*/react.createElement(FilterSelect, {
62344
- type: "rule"
62345
- }), /*#__PURE__*/react.createElement(Button_Button, {
62346
- startIcon: /*#__PURE__*/react.createElement("i", {
62347
- style: {
62348
- fontSize: "12px"
62349
- },
62350
- className: "fas fa-cog"
62351
- }),
62352
- color: "primary",
62353
- className: "Mui-disabled",
62354
- "data-testid": "page_rules_open_drawer"
62355
- }, translate("page_rules.open_settings")));
62356
  }
 
 
 
 
 
 
 
 
 
62357
  },
62358
- delay: {
62359
- timeoutScroll: function timeoutScroll() {
62360
- /* webpack-strip-block:removed */
62361
- return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(TimeoutScroll, {
62362
- openDialogDelay: function openDialogDelay(val) {
62363
- val === "timeout" ? app.showPremiumDialog(translate("premium.show_on_timeout"), "V4lvZ15ULWw") : app.showPremiumDialog(translate("premium.show_on_scroll"), "hh5LBF4C1pg");
62364
- }
62365
- }));
62366
- }
62367
  },
62368
- exitIntent: function exitIntent() {
62369
- /* webpack-strip-block:removed */
62370
- return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(ExitIntent, {
62371
- onChange: function onChange() {
62372
- app.showPremiumDialog(translate("settings.exit_intent.pro_description"));
62373
- }
62374
- }));
62375
- }
62376
- };
62377
- return /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement(CollapsibleGroup, {
62378
- title: translate("settings.custom_id.title") + " & " + translate("settings.custom_class.title"),
62379
- "data-testid": "group:custom-class-id",
62380
- icon: "far fa-clock",
62381
- opened: openedGroup === "customClassId",
62382
- onSetIsOpened: function onSetIsOpened(val) {
62383
- return setOpenedGroup(val ? "customClassId" : "");
62384
- }
62385
- }, /*#__PURE__*/react.createElement("div", {
62386
- className: "setting-group-title"
62387
- }, translate("settings.custom_class.title")), /*#__PURE__*/react.createElement("hr", null), settings.styling["class"](), /*#__PURE__*/react.createElement("div", {
62388
- className: "setting-group-title"
62389
- }, translate("settings.custom_id.title")), /*#__PURE__*/react.createElement("hr", null), settings.styling.id(), settings.styling.editor()), /*#__PURE__*/react.createElement(CollapsibleGroup, {
62390
- title: translate("time_schedules.name"),
62391
- icon: "far fa-clock",
62392
- opened: openedGroup === "timeSchedules",
62393
- "data-testid": "group:time-schedules",
62394
- onSetIsOpened: function onSetIsOpened(val) {
62395
- return setOpenedGroup(val ? "timeSchedules" : "");
62396
- }
62397
- }, settings.filters.timeSchedules()), /*#__PURE__*/react.createElement(CollapsibleGroup, {
62398
- title: translate("page_rules.name"),
62399
- icon: "fas fa-filter",
62400
- opened: openedGroup === "pageRules",
62401
- "data-testid": "group:page-rules",
62402
- onSetIsOpened: function onSetIsOpened(val) {
62403
- return setOpenedGroup(val ? "pageRules" : "");
62404
- }
62405
- }, settings.filters.pageRules()), singleButton && /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(CollapsibleGroup, {
62406
- title: translate("settings.button_group_window.timeout_scroll"),
62407
- "data-testid": "group:timeout-scroll",
62408
- icon: "fas fa-stopwatch",
62409
- opened: openedGroup === "timeOutScroll",
62410
- onSetIsOpened: function onSetIsOpened(val) {
62411
- return setOpenedGroup(val ? "timeOutScroll" : "");
62412
- }
62413
- }, settings.delay.timeoutScroll()), /*#__PURE__*/react.createElement(CollapsibleGroup, {
62414
- title: translate("settings.exit_intent.title"),
62415
- "data-testid": "group:exit-intent",
62416
- icon: "fas fa-running",
62417
- opened: openedGroup === "exitIntent",
62418
- onSetIsOpened: function onSetIsOpened(val) {
62419
- return setOpenedGroup(val ? "exitIntent" : "");
62420
- }
62421
- }, settings.exitIntent())));
62422
  }
62423
 
62424
- /* harmony default export */ var Tabs_Advanced = (connect(function (state) {
62425
  return {
62426
- buttons: state.buttons,
62427
- time_schedules: state.timeSchedules,
62428
- page_rules: state.pageRules,
62429
- groups: state.groups
62430
  };
62431
  }, function (dispatch) {
62432
  return {
62433
- /* webpack-strip-block:removed */
62434
- set: function set() {
62435
  return dispatch(dataActions_set.apply(void 0, arguments));
62436
  }
62437
  };
62438
- })(Advanced));
62439
- ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Button/Button.js
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62440
 
 
62441
 
 
62442
 
 
62443
 
 
62444
 
 
62445
 
 
62446
 
 
62447
 
 
62448
 
 
62449
 
62450
- function currentTab(tab) {
62451
- if (tab === "advanced") {
62452
- return 2;
62453
- } else if (tab === "style") {
62454
- return 1;
62455
- } else {
62456
- return 0;
62457
- }
62458
- }
62459
 
62460
- function Button_Button_Button(_ref) {
62461
- var match = _ref.match,
62462
- groups = _ref.groups,
62463
- buttons = _ref.buttons;
62464
- var group = dlv_umd_default()(groups, match.params.groupId, false);
62465
- var button = dlv_umd_default()(buttons, match.params.id, false);
62466
- var tab = currentTab(dlv_umd_default()(match.params, "tab", "general"));
62467
 
62468
- if (!group || !button) {
62469
- return /*#__PURE__*/react.createElement(ItemNotFound, {
62470
- isButtonGroupNotFound: true
62471
- });
62472
- }
62473
 
62474
- return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(ButtonHeader_ButtonHeader, {
62475
- group: group,
62476
- button: button,
62477
- tab: tab
62478
- }), tab === 0 && /*#__PURE__*/react.createElement(Tabs_Options, {
62479
- group: group,
62480
- buttonId: button.id
62481
- }), tab === 1 && /*#__PURE__*/react.createElement(Styling, {
62482
- group: group,
62483
- buttonId: button.id
62484
- }), tab === 2 && /*#__PURE__*/react.createElement(Tabs_Advanced, {
62485
- group: group,
62486
- buttonId: button.id
62487
- }));
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62488
  }
62489
 
62490
- /* harmony default export */ var Pages_Button_Button = (connect(function (state) {
62491
  return {
62492
- groups: state.groups,
62493
- buttons: state.buttons
62494
  };
62495
  }, function (dispatch) {
62496
  return {
62497
- set: function set() {
62498
  return dispatch(dataActions_set.apply(void 0, arguments));
62499
  }
62500
  };
62501
- })(Button_Button_Button));
62502
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/StartOpened/StartOpened.js
62503
- function StartOpened_slicedToArray(arr, i) { return StartOpened_arrayWithHoles(arr) || StartOpened_iterableToArrayLimit(arr, i) || StartOpened_unsupportedIterableToArray(arr, i) || StartOpened_nonIterableRest(); }
62504
 
62505
- function StartOpened_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
62506
 
62507
- function StartOpened_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return StartOpened_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return StartOpened_arrayLikeToArray(o, minLen); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62508
 
62509
- function StartOpened_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; }
 
 
 
 
 
62510
 
62511
- function StartOpened_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
62512
 
62513
- function StartOpened_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
62514
 
 
62515
 
 
62516
 
 
62517
 
 
62518
 
62519
- function StartOpened(_ref) {
62520
- var value = _ref.value,
62521
- _onChange = _ref.onChange;
62522
 
62523
- var _useState = (0,react.useState)(value),
62524
- _useState2 = StartOpened_slicedToArray(_useState, 2),
62525
- opened = _useState2[0],
62526
- setOpened = _useState2[1];
62527
 
62528
- (0,react.useEffect)(function () {
62529
- setOpened(value);
62530
- }, [value]);
62531
- return /*#__PURE__*/react.createElement(SettingsContainer, {
62532
- title: translate("settings.start_opened.title"),
62533
- fullWidth: false
62534
- }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
62535
- inputProps: {
62536
- "data-testid": "setting:start-opened"
62537
- },
62538
- onChange: function onChange(obj) {
62539
- setOpened(obj.target.checked);
62540
 
62541
- _onChange(obj.target.checked);
62542
- },
62543
- checked: opened
62544
- }));
62545
- }
62546
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/OpeningAnimation/OpeningAnimation.js
62547
- function OpeningAnimation_slicedToArray(arr, i) { return OpeningAnimation_arrayWithHoles(arr) || OpeningAnimation_iterableToArrayLimit(arr, i) || OpeningAnimation_unsupportedIterableToArray(arr, i) || OpeningAnimation_nonIterableRest(); }
62548
 
62549
- function OpeningAnimation_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
62550
 
62551
- function OpeningAnimation_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return OpeningAnimation_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return OpeningAnimation_arrayLikeToArray(o, minLen); }
62552
 
62553
- function OpeningAnimation_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; }
62554
 
62555
- function OpeningAnimation_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
62556
 
62557
- function OpeningAnimation_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
62558
 
62559
 
62560
 
62561
 
62562
 
62563
 
62564
- function OpeningAnimation(_ref) {
62565
- var _ref$value = _ref.value,
62566
- value = _ref$value === void 0 ? "" : _ref$value,
62567
- _ref$menu_style = _ref.menu_style,
62568
- menu_style = _ref$menu_style === void 0 ? "" : _ref$menu_style,
62569
- _onChange = _ref.onChange,
62570
- visible = _ref.visible;
62571
- var inputLabel = (0,react.useRef)(null);
62572
 
62573
- var _useState = (0,react.useState)(0),
62574
- _useState2 = OpeningAnimation_slicedToArray(_useState, 2),
62575
- labelWidth = _useState2[0],
62576
- setLabelWidth = _useState2[1];
62577
 
62578
- var disableCornerCircle = false;
62579
- /* webpack-strip-block:removed */
62580
 
62581
- (0,react.useEffect)(function () {
62582
- if (inputLabel && inputLabel.current) setLabelWidth(inputLabel.current.offsetWidth);
62583
- }, [value]);
62584
 
62585
- var options = function options() {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62586
  /* webpack-strip-block:removed */
62587
- return [/*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62588
- value: "default",
62589
- key: 0
62590
- }, translate("settings.menu_style.styles.default")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62591
- value: "faded",
62592
- key: 1
62593
- }, translate("settings.menu_style.styles.faded")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62594
- value: "corner-circle",
62595
- key: 2
62596
- }, translate("settings.menu_style.styles.cornercircle")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62597
- value: "building-up",
62598
- key: 3
62599
- }, translate("settings.menu_style.styles.buildingup")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62600
- value: "pop",
62601
- key: 4
62602
- }, translate("settings.menu_style.styles.pop"))];
62603
  };
62604
 
62605
- return /*#__PURE__*/react.createElement(react.Fragment, null, visible ? /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
62606
- className: "setting-group-title"
62607
- }, translate("settings.opening_animation.title")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(FormControl_FormControl, {
62608
- variant: "outlined",
62609
- fullWidth: true
62610
- }, /*#__PURE__*/react.createElement(InputLabel_InputLabel, {
62611
- id: "group-style",
62612
- ref: inputLabel
62613
- }, translate("common.type")), /*#__PURE__*/react.createElement(Select_Select, {
62614
- labelId: "group-style",
62615
- id: "group-style",
62616
- value: value,
62617
- onChange: function onChange(e) {
62618
- /* webpack-strip-block:removed */
62619
- if (e.target.value === "text" || e.target.value === "text-icon") {
62620
- app.showPremiumDialog(translate("premium.menu_styles." + e.target.value), null, e.target.value === "text" ? "https://s3.eu-central-1.amazonaws.com/community.buttonizer.pro/2020-05-14/1589467082-147541-image.png" : "https://s3.eu-central-1.amazonaws.com/community.buttonizer.pro/2020-05-14/1589468089-699690-msedge-f9gje423nn.png");
62621
- return;
62622
  }
 
 
 
 
 
62623
 
62624
- _onChange(e.target.value);
62625
- },
62626
- labelWidth: labelWidth,
62627
- inputProps: {
62628
- "data-testid": "setting:opening-animation"
62629
- }
62630
- }, options()))) : null);
62631
- }
62632
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/CloseOnClickOutside/CloseOnClickOutside.js
 
 
 
 
 
 
62633
 
 
 
 
62634
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62635
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62636
 
62637
- function CloseOnClickOutside(_ref) {
62638
- var value = _ref.value,
62639
- _ref$openOnMouseOverE = _ref.openOnMouseOverEnabled,
62640
- openOnMouseOverEnabled = _ref$openOnMouseOverE === void 0 ? false : _ref$openOnMouseOverE,
62641
- _ref$closeOnMouseLeav = _ref.closeOnMouseLeaveEnabled,
62642
- closeOnMouseLeaveEnabled = _ref$closeOnMouseLeav === void 0 ? false : _ref$closeOnMouseLeav,
62643
- _onChange = _ref.onChange;
62644
- return /*#__PURE__*/react.createElement(SettingsContainer, {
62645
- title: translate("settings.close_on_click_outside.title"),
62646
- fullWidth: false
62647
- }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
62648
- inputProps: {
62649
- "data-testid": "setting:close-on-click-outside"
 
 
 
 
 
 
 
 
 
 
 
 
62650
  },
62651
- onChange: function onChange(obj) {
62652
- return _onChange(obj.target.checked);
 
62653
  },
62654
- checked: value,
62655
- disabled: openOnMouseOverEnabled && closeOnMouseLeaveEnabled
62656
- }));
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62657
  }
62658
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/CloseOnClickInside/CloseOnClickInside.js
62659
-
62660
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62661
 
 
 
62662
 
62663
- function CloseOnClickInside(_ref) {
62664
- var value = _ref.value,
62665
- _ref$openOnMouseOverE = _ref.openOnMouseOverEnabled,
62666
- openOnMouseOverEnabled = _ref$openOnMouseOverE === void 0 ? false : _ref$openOnMouseOverE,
62667
- _onChange = _ref.onChange;
62668
- return /*#__PURE__*/react.createElement(SettingsContainer, {
62669
- title: translate("settings.close_on_click_inside.title"),
62670
- fullWidth: false
62671
- }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
62672
- inputProps: {
62673
- "data-testid": "setting:close-on-click-inside"
62674
  },
62675
- onChange: function onChange(obj) {
62676
- return _onChange(obj.target.checked);
62677
  },
62678
- checked: value,
62679
- disabled: openOnMouseOverEnabled
62680
- }));
62681
- }
62682
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/OpenOnMouseOver/OpenOnMouseOver.js
62683
-
62684
-
62685
-
62686
-
62687
-
62688
- function OpenOnMouseOver(_ref) {
62689
- var openOnHover = _ref.openOnHover,
62690
- closeOnMouseLeave = _ref.closeOnMouseLeave,
62691
- onChange = _ref.onChange;
62692
-
62693
- /* webpack-strip-block:removed */
62694
- return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(SettingsContainer, {
62695
- title: /*#__PURE__*/react.createElement(react.Fragment, null, translate("settings.open_on_mouseover.title"), /*#__PURE__*/react.createElement(PremiumTag, null)),
62696
- fullWidth: false,
62697
- onClick: function onClick() {
62698
- return app.showPremiumDialog(translate("settings.open_on_mouseover.title"));
62699
  }
62700
- }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
62701
- disabled: true,
62702
- inputProps: {
62703
- "data-testid": "setting:open-on-hover"
62704
- },
62705
- checked: false
62706
- })));
62707
- }
62708
- ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Group/Tabs/Options.js
62709
- function Tabs_Options_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; }
62710
-
62711
- function Tabs_Options_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Tabs_Options_ownKeys(Object(source), true).forEach(function (key) { Tabs_Options_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Tabs_Options_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
62712
-
62713
- function Tabs_Options_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; }
62714
-
62715
- function Tabs_Options_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Tabs_Options_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; }
62716
-
62717
- function Tabs_Options_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
62718
-
62719
- function Tabs_Options_slicedToArray(arr, i) { return Tabs_Options_arrayWithHoles(arr) || Tabs_Options_iterableToArrayLimit(arr, i) || Tabs_Options_unsupportedIterableToArray(arr, i) || Tabs_Options_nonIterableRest(); }
62720
-
62721
- function Tabs_Options_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
62722
 
62723
- function Tabs_Options_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Tabs_Options_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Tabs_Options_arrayLikeToArray(o, minLen); }
62724
 
62725
- function Tabs_Options_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; }
62726
 
62727
- function Tabs_Options_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
62728
 
62729
- function Tabs_Options_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
62730
 
 
62731
 
62732
 
62733
 
62734
 
62735
 
 
 
62736
 
 
 
 
 
62737
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62738
 
 
62739
 
 
62740
 
 
62741
 
 
62742
 
 
62743
 
62744
 
62745
 
62746
 
62747
 
62748
 
 
 
 
 
 
 
 
62749
 
 
 
 
 
62750
 
62751
- function Options_Options(_ref) {
62752
- var set = _ref.set,
62753
- get = _ref.get;
 
62754
 
62755
- var _useState = (0,react.useState)("general"),
62756
- _useState2 = Tabs_Options_slicedToArray(_useState, 2),
62757
- openedGroup = _useState2[0],
62758
- setOpenedGroup = _useState2[1];
 
 
 
 
 
 
 
 
 
 
 
 
 
62759
 
62760
- var labelPlaceholder = get("menu_style") === "rectangle" || get("menu_style") === "text" || get("menu_style") === "text-icon";
62761
- return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(CollapsibleGroup, {
62762
- title: translate("settings.setting_categories.general"),
62763
- opened: openedGroup === "general",
62764
- onSetIsOpened: function onSetIsOpened(val) {
62765
- return setOpenedGroup(val ? "general" : "");
62766
- },
62767
- "data-testid": "group:general"
62768
- }, /*#__PURE__*/react.createElement("div", {
62769
- className: "setting-group-title"
62770
- }, translate("settings.label.title")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(Label, {
62771
- value: get("label"),
62772
- placeholder: labelPlaceholder ? get("name") + "'s label" : "",
62773
- onChange: function onChange(val) {
62774
- return set("label", val);
62775
- }
62776
- }), /*#__PURE__*/react.createElement("div", {
62777
- className: "setting-group-title"
62778
- }, translate("settings.show_mobile_desktop.device_visibility")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(Visibility, {
62779
- mobile: get("show_mobile") == true,
62780
- desktop: get("show_desktop") == true,
62781
- onChange: function onChange(type, val) {
62782
- return set(type, val);
62783
- }
62784
- })), /*#__PURE__*/react.createElement(CollapsibleGroup, {
62785
- title: translate("settings.menu_position.title"),
62786
- opened: openedGroup === "position",
62787
- onSetIsOpened: function onSetIsOpened(val) {
62788
- return setOpenedGroup(val ? "position" : "");
62789
- },
62790
- "data-testid": "group:position"
62791
- }, /*#__PURE__*/react.createElement(Position, {
62792
- position: "horizontal",
62793
- value: get("horizontal"),
62794
- onChange: function onChange(val) {
62795
- return set("horizontal", val);
62796
- }
62797
- }), /*#__PURE__*/react.createElement(Position, {
62798
- position: "vertical",
62799
- value: get("vertical"),
62800
- onChange: function onChange(val) {
62801
- return set("vertical", val);
62802
- }
62803
- })), /*#__PURE__*/react.createElement(CollapsibleGroup, {
62804
- title: translate("settings.menu_style.title"),
62805
- opened: openedGroup === "menu_settings",
62806
- onSetIsOpened: function onSetIsOpened(val) {
62807
- return setOpenedGroup(val ? "menu_settings" : "");
62808
- },
62809
- "data-testid": "group:menu_settings"
62810
- }, /*#__PURE__*/react.createElement(SettingsContainer, {
62811
- title: translate("settings.menu.title"),
62812
- fullWidth: false
62813
- }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
62814
- checked: get("is_menu", true),
62815
- onChange: function onChange(event) {
62816
- if (event.target.checked) set("is_menu", true);else set("is_menu", false);
62817
  },
 
 
62818
  inputProps: {
62819
- "data-testid": "setting:is_menu"
62820
- }
62821
- })), /*#__PURE__*/react.createElement("div", {
62822
- className: "setting-group-title"
62823
- }, translate("settings.menu_style.title_short")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(MenuStyle, {
62824
- value: get("menu_style", "default"),
62825
- onChange: function onChange(val) {
62826
- if (val === "text" || val === "text-icon") {
62827
- set("border_radius", "10px 10px 10px 10px");
62828
- }
62829
-
62830
- set("menu_style", val);
62831
- }
62832
- }), /*#__PURE__*/react.createElement(OpeningAnimation, {
62833
- value: get("menu_opening_animation", "default"),
62834
- menu_style: get("menu_style", "default"),
62835
- onChange: function onChange(val) {
62836
- set("menu_opening_animation", val);
62837
- },
62838
- visible: get("is_menu", true) == true
62839
- }), get("is_menu", true) === true && /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
62840
- className: "setting-group-title"
62841
- }, translate("settings.menu.title_settings")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(StartOpened, {
62842
- value: get("start_opened", false) == true,
62843
- onChange: function onChange(val) {
62844
- return set("start_opened", val);
62845
- }
62846
- }), /*#__PURE__*/react.createElement(CloseOnClickInside, {
62847
- value: get("close_on_click_inside", true) == true,
62848
- openOnMouseOverEnabled: get("open_on_mouseover", false) == true,
62849
- onChange: function onChange(val) {
62850
- return set("close_on_click_inside", val);
62851
- }
62852
- }), /*#__PURE__*/react.createElement(CloseOnClickOutside, {
62853
- value: get("close_on_click_outside", true) == true,
62854
- openOnMouseOverEnabled: get("open_on_mouseover", false) == true,
62855
- closeOnMouseLeaveEnabled: get("close_on_mouseleave", true) == true,
62856
- onChange: function onChange(val) {
62857
- return set("close_on_click_outside", val);
62858
- }
62859
- }), /*#__PURE__*/react.createElement(OpenOnMouseOver, {
62860
- openOnHover: get("open_on_mouseover", false) == true,
62861
- closeOnMouseLeave: get("close_on_mouseleave", true) == true,
62862
- onChange: function onChange(key, val) {
62863
- return set(key, val);
62864
  }
62865
- }))));
 
 
 
 
 
 
62866
  }
 
 
62867
 
62868
- /* harmony default export */ var Group_Tabs_Options = (connect(function (state) {
62869
- return {
62870
- groups: state.groups
62871
- };
62872
- }, function (dispatch) {
62873
- return {
62874
- set: function set() {
62875
- return dispatch(dataActions_set.apply(void 0, arguments));
62876
- }
62877
- };
62878
- }, function (_ref2, _ref3, _ref4) {
62879
- var groups = _ref2.groups;
62880
- var _set2 = _ref3.set;
62881
 
62882
- var groupId = _ref4.groupId,
62883
- props = Tabs_Options_objectWithoutProperties(_ref4, ["groupId"]);
62884
 
62885
- return Tabs_Options_objectSpread(Tabs_Options_objectSpread({
62886
- set: function set(obj, val) {
62887
- return _set2(models.GROUP, groupId, obj, val);
62888
- }
62889
- }, props), {}, {
62890
- group: groups[groupId],
62891
- get: function get(key) {
62892
- return dlv_umd_default()(groups[groupId], key, _def("group", key));
62893
- }
62894
- });
62895
- })(Options_Options));
62896
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Containers/ButtonGroupContainer/ButtonGroupHeader/ButtonGroupHeader.js
62897
- function ButtonGroupHeader_extends() { ButtonGroupHeader_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 ButtonGroupHeader_extends.apply(this, arguments); }
62898
 
 
62899
 
62900
 
62901
 
62902
 
62903
 
62904
 
 
 
 
 
 
 
 
 
 
62905
 
 
 
 
 
62906
 
 
 
 
 
62907
 
 
 
 
 
62908
 
62909
- function ButtonGroupHeader(_ref) {
62910
- var group = _ref.group,
62911
- tab = _ref.tab,
62912
- history = _ref.history;
 
 
 
 
 
 
 
 
 
62913
 
62914
- var LinkTab = function LinkTab(props) {
62915
- var url = "/group/".concat(group.id, "/").concat(props.page);
62916
- return /*#__PURE__*/react.createElement(Tab_Tab, ButtonGroupHeader_extends({
62917
- component: "a",
62918
- href: "#".concat(url),
62919
- onClick: function onClick() {
62920
- if (history.location.pathname !== url) {
62921
- history.push(url);
62922
- }
62923
- }
62924
- }, props));
 
 
62925
  };
62926
 
62927
- return /*#__PURE__*/react.createElement("div", {
62928
- className: "bar-header"
62929
- }, /*#__PURE__*/react.createElement("div", {
62930
- className: "breadcrumb"
62931
- }, /*#__PURE__*/react.createElement(Tippy_Tippy, {
62932
- content: translate("bar.breadcrumb.tippy_home")
62933
- }, /*#__PURE__*/react.createElement(Button_Button, {
62934
- onClick: function onClick() {
62935
- history.push("/");
62936
  },
62937
- color: "primary",
62938
- className: "home-button"
62939
- }, /*#__PURE__*/react.createElement("span", {
62940
- className: "breadcrumb-text"
62941
- }, translate("bar.breadcrumb.home")), /*#__PURE__*/react.createElement("i", {
62942
- className: "fas fa-chevron-right"
62943
- }))), /*#__PURE__*/react.createElement(BreadcrumbSelect_BreadcrumbSelect, {
62944
- group: group
62945
- })), /*#__PURE__*/react.createElement(RandomTip_RandomTip, null), /*#__PURE__*/react.createElement("div", {
62946
- className: "mdc-card top-header"
62947
- }, /*#__PURE__*/react.createElement(Tabs_Tabs, {
62948
- value: tab,
62949
- variant: "fullWidth",
62950
- indicatorColor: "secondary",
62951
- textColor: "secondary"
62952
- }, /*#__PURE__*/react.createElement(LinkTab, {
62953
- label: translate("settings.setting_categories.general"),
62954
- id: 0,
62955
- page: "general",
62956
- "data-testid": "general-tab",
62957
- icon: /*#__PURE__*/react.createElement("i", {
62958
- className: "fas fa-wrench"
62959
- })
62960
- }), /*#__PURE__*/react.createElement(LinkTab, {
62961
- label: translate("utils.style"),
62962
- id: 1,
62963
- page: "style",
62964
- "data-testid": "style-tab",
62965
- icon: /*#__PURE__*/react.createElement("i", {
62966
- className: "fas fa-paint-brush"
62967
- })
62968
- }), /*#__PURE__*/react.createElement(LinkTab, {
62969
- label: translate("utils.advanced"),
62970
- id: 2,
62971
- page: "advanced",
62972
- "data-testid": "advanced-tab",
62973
- icon: /*#__PURE__*/react.createElement("i", {
62974
- className: "fas fa-sliders-h"
62975
- })
62976
- }))));
62977
- }
62978
 
62979
- /* harmony default export */ var ButtonGroupHeader_ButtonGroupHeader = (withRouter(ButtonGroupHeader));
62980
- ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/ImageSelector/ImageSelector.js
62981
- function ImageSelector_objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
 
 
 
 
 
 
 
62982
 
62983
 
62984
 
@@ -62986,47 +62822,62 @@ function ImageSelector_objectDestructuringEmpty(obj) { if (obj == null) throw ne
62986
 
62987
 
62988
 
62989
- function ImageSelector(_ref) {
62990
- ImageSelector_objectDestructuringEmpty(_ref);
 
62991
 
62992
  /* webpack-strip-block:removed */
62993
- var imageSelector = function imageSelector() {
62994
  /* webpack-strip-block:removed */
62995
- return /*#__PURE__*/React.createElement(React.Fragment, null);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62996
  };
62997
 
62998
- return imageSelector();
62999
  }
63000
- ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Group/Tabs/Styling/IconGroup.js
63001
- function Styling_IconGroup_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; }
63002
-
63003
- function Styling_IconGroup_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Styling_IconGroup_ownKeys(Object(source), true).forEach(function (key) { Styling_IconGroup_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Styling_IconGroup_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
63004
-
63005
- function Styling_IconGroup_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; }
63006
-
63007
- function Styling_IconGroup_extends() { Styling_IconGroup_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 Styling_IconGroup_extends.apply(this, arguments); }
63008
-
63009
- function Styling_IconGroup_slicedToArray(arr, i) { return Styling_IconGroup_arrayWithHoles(arr) || Styling_IconGroup_iterableToArrayLimit(arr, i) || Styling_IconGroup_unsupportedIterableToArray(arr, i) || Styling_IconGroup_nonIterableRest(); }
63010
-
63011
- function Styling_IconGroup_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
63012
-
63013
- function Styling_IconGroup_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Styling_IconGroup_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Styling_IconGroup_arrayLikeToArray(o, minLen); }
63014
-
63015
- function Styling_IconGroup_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; }
63016
-
63017
- function Styling_IconGroup_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
63018
 
63019
- function Styling_IconGroup_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
63020
 
63021
- function Styling_IconGroup_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Styling_IconGroup_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; }
63022
 
63023
- function Styling_IconGroup_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
63024
 
63025
- /* global app */
63026
 
 
63027
 
 
63028
 
 
63029
 
 
63030
 
63031
 
63032
 
@@ -63034,172 +62885,132 @@ function Styling_IconGroup_objectWithoutPropertiesLoose(source, excluded) { if (
63034
 
63035
 
63036
 
 
 
 
63037
 
 
 
 
 
63038
 
 
 
 
 
63039
 
63040
- /* webpack-strip-block:removed */
 
 
 
63041
 
63042
- function _IconGroup(_ref) {
63043
- var defs = _ref.defs,
63044
- set = _ref.set,
63045
- get = _ref.get,
63046
- groupProps = Styling_IconGroup_objectWithoutProperties(_ref, ["defs", "set", "get"]);
63047
 
63048
- var _useState = (0,react.useState)(0),
63049
- _useState2 = Styling_IconGroup_slicedToArray(_useState, 2),
63050
- hoverSettings = _useState2[0],
63051
- setHoverSettings = _useState2[1];
 
 
 
63052
 
63053
- var tab = function tab() {
63054
  /* webpack-strip-block:removed */
63055
- return /*#__PURE__*/react.createElement(DisableSetting, {
63056
- premiumTag: true,
63057
- onClick: function onClick() {
63058
- app.showPremiumDialog(translate("premium.custom_image"));
63059
- }
63060
- }, /*#__PURE__*/react.createElement(IconOrImage, {
63061
- option2: translate("utils.image"),
63062
- value: false,
63063
- className: "Mui-buzz-premium"
63064
- }));
 
 
 
 
 
 
63065
  };
63066
 
63067
- var settings = function settings() {
63068
- var colors = get("icon_color");
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
63069
  /* webpack-strip-block:removed */
63070
-
63071
- return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(DisableSetting, {
63072
- condition: hoverSettings === 1,
63073
- premiumTag: true,
 
 
 
 
 
 
 
 
 
 
 
63074
  onClick: function onClick() {
63075
- app.showPremiumDialog("More hover settings!");
63076
- }
63077
- }, /*#__PURE__*/react.createElement(IconSelector_IconSelector, {
63078
- value: get("icon", true)[0],
63079
- hoverDisabled: hoverSettings === 1,
63080
- onChange: function onChange(val) {
63081
- set("icon", val);
63082
- }
63083
- })), /*#__PURE__*/react.createElement(ColorPicker, {
63084
- title: translate("utils.base"),
63085
- value: colors[hoverSettings],
63086
- defaultValue: defs("icon_color")[hoverSettings],
63087
- onChange: function onChange(val) {
63088
- var newValues = colors;
63089
- newValues[hoverSettings] = val;
63090
- set("icon_color", newValues);
63091
  }
63092
- }));
63093
- };
63094
-
63095
- var sliders = function sliders() {
63096
- var sizes = get("icon_size");
63097
  /* webpack-strip-block:removed */
63098
-
63099
- return /*#__PURE__*/react.createElement(DisableSetting, {
63100
- condition: hoverSettings === 1,
63101
- premiumTag: true,
 
 
 
 
 
 
 
 
 
63102
  onClick: function onClick() {
63103
- app.showPremiumDialog("More hover settings!");
63104
- }
63105
- }, /*#__PURE__*/react.createElement(SliderContainer, {
63106
- title: translate("settings.icon_size.title"),
63107
- value: sizes[0],
63108
- disabled: hoverSettings === 1,
63109
- "data-testid": "settingcontainer:icon-size",
63110
- defaultValue: defs("icon_size")[0],
63111
- premium: hoverSettings === 1,
63112
- inputText: "px",
63113
- onChange: function onChange(val) {
63114
- set("icon_size", val);
63115
- set("icon_image_size", val);
63116
  }
63117
- }));
63118
- };
63119
-
63120
- return /*#__PURE__*/react.createElement(CollapsibleGroup, Styling_IconGroup_extends({
63121
- title: translate("utils.icon"),
63122
- "data-testid": "group:icon"
63123
- }, groupProps), get("menu_style") === "text" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, tab(), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(Tabs_Tabs, {
63124
- onChange: function onChange(_, val) {
63125
- return setHoverSettings(val);
63126
- },
63127
- style: {
63128
- marginBottom: "20px",
63129
- marginTop: "20px"
63130
- },
63131
- value: hoverSettings,
63132
- variant: "fullWidth",
63133
- centered: true
63134
- }, /*#__PURE__*/react.createElement(Tab_Tab, {
63135
- label: "Normal",
63136
- "data-testid": "normal_hover:normal"
63137
- }), /*#__PURE__*/react.createElement(Tab_Tab, {
63138
- label: "Hover",
63139
- "data-testid": "normal_hover:hover"
63140
- })), settings(), sliders()));
63141
  }
63142
-
63143
- /* harmony default export */ var Tabs_Styling_IconGroup = (connect(function (state) {
63144
- return {
63145
- _groups: state.groups
63146
- };
63147
- }, function (dispatch) {
63148
- return {
63149
- _set: function _set() {
63150
- return dispatch(dataActions_set.apply(void 0, arguments));
63151
- }
63152
- };
63153
- }, function (_ref2, _ref3, _ref4) {
63154
- var _groups = _ref2._groups;
63155
- var _set = _ref3._set;
63156
-
63157
- var groupId = _ref4.groupId,
63158
- ownProps = Styling_IconGroup_objectWithoutProperties(_ref4, ["groupId"]);
63159
-
63160
- var group = _groups[groupId];
63161
- return Styling_IconGroup_objectSpread({
63162
- defs: function defs(key) {
63163
- return _defs("group", key, formats.normal_hover.parse(group[key]).map(function (val) {
63164
- return val === "" ? undefined : val;
63165
- }));
63166
- },
63167
- set: function set(key, val) {
63168
- return _set(models.GROUP, groupId, key, val);
63169
- },
63170
- get: function get(key) {
63171
- var alwaysValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
63172
- return _get(key, group, alwaysValue ? "group" : false);
63173
- }
63174
- }, ownProps);
63175
- })(_IconGroup));
63176
- ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Group/Tabs/Styling/ButtonGroup.js
63177
- function Styling_ButtonGroup_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; }
63178
-
63179
- function Styling_ButtonGroup_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Styling_ButtonGroup_ownKeys(Object(source), true).forEach(function (key) { Styling_ButtonGroup_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Styling_ButtonGroup_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
63180
-
63181
- function Styling_ButtonGroup_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; }
63182
-
63183
- function Styling_ButtonGroup_extends() { Styling_ButtonGroup_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 Styling_ButtonGroup_extends.apply(this, arguments); }
63184
-
63185
- function Styling_ButtonGroup_slicedToArray(arr, i) { return Styling_ButtonGroup_arrayWithHoles(arr) || Styling_ButtonGroup_iterableToArrayLimit(arr, i) || Styling_ButtonGroup_unsupportedIterableToArray(arr, i) || Styling_ButtonGroup_nonIterableRest(); }
63186
-
63187
- function Styling_ButtonGroup_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
63188
-
63189
- function Styling_ButtonGroup_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Styling_ButtonGroup_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Styling_ButtonGroup_arrayLikeToArray(o, minLen); }
63190
-
63191
- function Styling_ButtonGroup_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; }
63192
-
63193
- function Styling_ButtonGroup_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
63194
-
63195
- function Styling_ButtonGroup_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
63196
-
63197
- function Styling_ButtonGroup_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Styling_ButtonGroup_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; }
63198
-
63199
- function Styling_ButtonGroup_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
63200
-
63201
-
63202
-
63203
 
63204
 
63205
 
@@ -63210,151 +63021,198 @@ function Styling_ButtonGroup_objectWithoutPropertiesLoose(source, excluded) { if
63210
 
63211
 
63212
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
63213
 
 
 
 
 
 
 
 
63214
 
 
 
 
 
 
63215
 
63216
- function Tabs_Styling_ButtonGroup_ButtonGroup(_ref) {
63217
- var get = _ref.get,
63218
- defs = _ref.defs,
63219
- set = _ref.set,
63220
- groupProps = Styling_ButtonGroup_objectWithoutProperties(_ref, ["get", "defs", "set"]);
63221
 
63222
- var _useState = (0,react.useState)(0),
63223
- _useState2 = Styling_ButtonGroup_slicedToArray(_useState, 2),
63224
- hoverSettings = _useState2[0],
63225
- setHoverSettings = _useState2[1];
63226
 
63227
- var settings = function settings() {
63228
- /* webpack-strip-block:removed */
63229
- return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(ColorPicker, {
63230
- title: translate("utils.color"),
63231
- value: getFirstColor(get("background_color")[hoverSettings]),
63232
- defaultValue: getFirstColor(get("background_color", {
63233
- returnValue: "button"
63234
- })[hoverSettings]),
63235
- onChange: function onChange(val) {
63236
- var newValues = get("background_color");
63237
- newValues[hoverSettings] = val;
63238
- set("background_color", newValues);
63239
  }
63240
- }), /*#__PURE__*/react.createElement(UseBackgroundImage, {
63241
- disabled: true
63242
- }));
63243
  };
 
 
 
 
 
63244
 
63245
- var borderRadius = function borderRadius() {
63246
- /* webpack-strip-block:removed */
63247
- return /*#__PURE__*/react.createElement(DisableSetting, {
63248
- condition: hoverSettings === 1,
63249
- premiumTag: true
63250
- }, /*#__PURE__*/react.createElement(BorderRadius, {
63251
- defaultValue: defs("border_radius")[0],
63252
- disabled: hoverSettings === 1,
63253
- value: get("border_radius")[0],
63254
- onChange: function onChange(val) {
63255
- var newValues = get("border_radius");
63256
- newValues[0] = val;
63257
- set("border_radius", newValues);
63258
- }
63259
- }));
63260
- };
63261
 
63262
- return /*#__PURE__*/react.createElement(CollapsibleGroup, Styling_ButtonGroup_extends({
63263
- title: translate("common.button")
63264
- }, groupProps, {
63265
- "data-testid": "group:button"
63266
- }), /*#__PURE__*/react.createElement(Tabs_Tabs, {
63267
- onChange: function onChange(_, val) {
63268
- return setHoverSettings(val);
63269
- },
63270
- style: {
63271
- marginBottom: "20px"
63272
- },
63273
- value: hoverSettings,
63274
- variant: "fullWidth",
63275
- centered: true
63276
- }, /*#__PURE__*/react.createElement(Tab_Tab, {
63277
- label: "Normal",
63278
- "data-testid": "normal_hover:normal"
63279
- }), /*#__PURE__*/react.createElement(Tab_Tab, {
63280
- label: "Hover",
63281
- "data-testid": "normal_hover:hover"
63282
- })), /*#__PURE__*/react.createElement("div", {
63283
- className: "setting-group-title"
63284
- }, translate("utils.background")), /*#__PURE__*/react.createElement("hr", null), settings(), get("menu_style") !== "rectangle" && get("menu_style") !== "square" && /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
63285
- className: "setting-group-title"
63286
- }, translate("settings.setting_categories.button_style")), /*#__PURE__*/react.createElement("hr", null)), get("menu_style") === "rectangle" || get("menu_style") === "square" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, borderRadius()));
63287
- }
63288
 
63289
- /* harmony default export */ var Tabs_Styling_ButtonGroup = (connect(function (state) {
63290
- return {
63291
- groups: state.groups
63292
- };
63293
- }, function (dispatch) {
63294
- return {
63295
- _set: function _set() {
63296
- return dispatch(dataActions_set.apply(void 0, arguments));
63297
- }
63298
- };
63299
- }, function (_ref2, _ref3, _ref4) {
63300
- var groups = _ref2.groups;
63301
- var _set = _ref3._set;
63302
 
63303
- var groupId = _ref4.groupId,
63304
- ownProps = Styling_ButtonGroup_objectWithoutProperties(_ref4, ["groupId"]);
 
63305
 
63306
- var group = groups[groupId];
63307
- return Styling_ButtonGroup_objectSpread({
63308
- set: function set(key, val) {
63309
- return _set(models.GROUP, groupId, key, val);
63310
- },
63311
- defs: function defs(key) {
63312
- var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
63313
- return _defs("group", key, formats.normal_hover.parse(group[key]).map(function (val) {
63314
- return val === "" ? undefined : val;
63315
- }), [], options);
63316
- },
63317
- get: function get(key) {
63318
- var _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
63319
- _ref5$returnValue = _ref5.returnValue,
63320
- returnValue = _ref5$returnValue === void 0 ? false : _ref5$returnValue;
 
 
 
 
 
 
63321
 
63322
- return _get(key, group, returnValue ? typeof returnValue === "string" ? returnValue : "group" : false);
63323
- }
63324
- }, ownProps);
63325
- })(Tabs_Styling_ButtonGroup_ButtonGroup));
63326
- ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Group/Tabs/Styling/LabelGroup.js
63327
- function Styling_LabelGroup_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; }
63328
 
63329
- function Styling_LabelGroup_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Styling_LabelGroup_ownKeys(Object(source), true).forEach(function (key) { Styling_LabelGroup_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Styling_LabelGroup_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 
63330
 
63331
- function Styling_LabelGroup_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; }
 
 
 
63332
 
63333
- function Styling_LabelGroup_extends() { Styling_LabelGroup_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 Styling_LabelGroup_extends.apply(this, arguments); }
63334
 
63335
- function Styling_LabelGroup_slicedToArray(arr, i) { return Styling_LabelGroup_arrayWithHoles(arr) || Styling_LabelGroup_iterableToArrayLimit(arr, i) || Styling_LabelGroup_unsupportedIterableToArray(arr, i) || Styling_LabelGroup_nonIterableRest(); }
 
 
63336
 
63337
- function Styling_LabelGroup_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 
 
63338
 
63339
- function Styling_LabelGroup_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Styling_LabelGroup_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Styling_LabelGroup_arrayLikeToArray(o, minLen); }
63340
 
63341
- function Styling_LabelGroup_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; }
63342
 
63343
- function Styling_LabelGroup_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
63344
 
63345
- function Styling_LabelGroup_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
63346
 
63347
- function Styling_LabelGroup_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Styling_LabelGroup_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; }
63348
 
63349
- function Styling_LabelGroup_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
63350
 
 
 
 
 
 
 
 
 
 
 
 
 
 
63351
 
 
 
 
 
 
63352
 
 
 
 
63353
 
 
63354
 
 
63355
 
 
 
63356
 
63357
 
 
 
 
 
63358
 
63359
 
63360
 
@@ -63365,238 +63223,242 @@ function Styling_LabelGroup_objectWithoutPropertiesLoose(source, excluded) { if
63365
 
63366
 
63367
 
63368
- function LabelGroup_LabelGroup(_ref) {
63369
- var defs = _ref.defs,
63370
- set = _ref.set,
63371
- get = _ref.get,
63372
- groupProps = Styling_LabelGroup_objectWithoutProperties(_ref, ["defs", "set", "get"]);
63373
 
63374
- var _useState = (0,react.useState)(0),
63375
- _useState2 = Styling_LabelGroup_slicedToArray(_useState, 2),
63376
- hoverSettings = _useState2[0],
63377
- setHoverSettings = _useState2[1];
63378
 
63379
- var fontFamily = function fontFamily() {
63380
- /* webpack-strip-block:removed */
63381
- return /*#__PURE__*/react.createElement(DisableSetting, {
63382
- premiumTag: true
63383
- }, /*#__PURE__*/react.createElement(FontFamily, null));
63384
- };
63385
 
63386
- var margin = function margin() {
63387
- /* webpack-strip-block:removed */
63388
- return /*#__PURE__*/react.createElement(DisableSetting, {
63389
- premiumTag: true,
63390
- onClick: function onClick() {
63391
- app.showPremiumDialog(translate("premium.margin"));
63392
- }
63393
- }, /*#__PURE__*/react.createElement(TextFieldCorners, {
63394
- title: translate("settings.margin.title"),
63395
- type: "sides"
63396
- }));
63397
- };
63398
 
63399
- var padding = function padding() {
63400
- /* webpack-strip-block:removed */
63401
- return /*#__PURE__*/react.createElement(DisableSetting, {
63402
- premiumTag: true,
63403
- onClick: function onClick() {
63404
- app.showPremiumDialog(translate("premium.padding"));
63405
- }
63406
- }, /*#__PURE__*/react.createElement(TextFieldCorners, {
63407
- title: translate("settings.padding.title"),
63408
- type: "sides",
63409
- onChange: function onChange() {
63410
- app.showPremiumDialog(translate("premium.padding"));
63411
- }
63412
- }));
63413
- };
63414
 
63415
- var fontSize = function fontSize() {
63416
- var label_font_size = get("label_font_size");
63417
- /* webpack-strip-block:removed */
63418
 
63419
- return /*#__PURE__*/react.createElement(DisableSetting, {
63420
- condition: hoverSettings === 1,
63421
- premiumTag: true,
63422
- onClick: function onClick() {
63423
- app.showPremiumDialog("More hover settings!");
63424
- }
63425
- }, /*#__PURE__*/react.createElement(SliderContainer, {
63426
- title: translate("settings.font_size"),
63427
- value: label_font_size[0],
63428
- inputText: "px",
63429
- onChange: function onChange(val) {
63430
- set("label_font_size", val);
63431
  },
63432
- defaultValue: defs("label_font_size")[0],
63433
- disabled: hoverSettings === 1,
63434
- premium: hoverSettings === 1
63435
- }));
63436
- };
63437
-
63438
- var borderRadius = function borderRadius() {
63439
- /* webpack-strip-block:removed */
63440
- return /*#__PURE__*/react.createElement(DisableSetting, {
63441
- condition: hoverSettings === 1,
63442
- premiumTag: true,
63443
- onClick: function onClick() {
63444
- app.showPremiumDialog("More hover settings!");
63445
  }
63446
- }, /*#__PURE__*/react.createElement(BorderRadius, {
63447
- value: label_border_radius[0],
63448
- disabled: hoverSettings === 1,
63449
- onChange: function onChange(val) {
63450
- var newValues = label_border_radius;
63451
- newValues[0] = val || "unset";
63452
- set("label_border_radius", newValues);
63453
- },
63454
- defaultValue: defs("label_border_radius")[0]
63455
- }));
63456
- };
63457
-
63458
- var label_color = get("label_color");
63459
- var label_background_color = get("label_background_color");
63460
- var label_border_radius = get("label_border_radius");
63461
- return /*#__PURE__*/react.createElement(CollapsibleGroup, Styling_LabelGroup_extends({
63462
- title: translate("settings.label.title"),
63463
- "data-testid": "group:label"
63464
- }, groupProps), get("menu_style") === "text" || get("menu_style") === "text-icon" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
63465
- className: "setting-group-title"
63466
- }, translate("settings.label_desktop.title")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(LabelVisibility, {
63467
- title: translate("settings.show_mobile_desktop.desktop"),
63468
- device: "desktop",
63469
- value: get("show_label_desktop", true),
63470
- onChange: function onChange(val) {
63471
- return set("show_label_desktop", val);
63472
- }
63473
- }), /*#__PURE__*/react.createElement(LabelVisibility, {
63474
- title: translate("settings.show_mobile_desktop.mobile"),
63475
- device: "mobile",
63476
- value: get("show_label_mobile", true),
63477
- onChange: function onChange(val) {
63478
- return set("show_label_mobile", val);
63479
- }
63480
- })), /*#__PURE__*/react.createElement(Tabs_Tabs, {
63481
- onChange: function onChange(_, val) {
63482
- return setHoverSettings(val);
63483
- },
63484
- style: {
63485
- marginBottom: "20px",
63486
- marginTop: get("menu_style") === "text" || get("menu_style") === "text-icon" ? "0" : "20px"
63487
  },
63488
- value: hoverSettings,
63489
- variant: "fullWidth",
63490
- centered: true
63491
- }, /*#__PURE__*/react.createElement(Tab_Tab, {
63492
- label: "Normal",
63493
- "data-testid": "normal_hover:normal"
63494
- }), /*#__PURE__*/react.createElement(Tab_Tab, {
63495
- label: "Hover",
63496
- "data-testid": "normal_hover:hover"
63497
- })), /*#__PURE__*/react.createElement("div", {
63498
- className: "setting-group-title"
63499
- }, translate("utils.text")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(ColorPicker, {
63500
- noGradient: true,
63501
- title: translate("utils.color"),
63502
- value: label_color[hoverSettings],
63503
- defaultValue: defs("label_color")[hoverSettings],
63504
- onChange: function onChange(val) {
63505
- var newValues = label_color;
63506
- newValues[hoverSettings] = val;
63507
- set("label_color", newValues);
63508
- }
63509
- }), fontSize(), fontFamily(), get("menu_style") === "text" || get("menu_style") === "text-icon" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
63510
- className: "setting-group-title"
63511
- }, translate("utils.background")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(ColorPicker, {
63512
- title: translate("utils.color"),
63513
- value: label_background_color[hoverSettings],
63514
- defaultValue: defs("label_background_color")[hoverSettings],
63515
- onChange: function onChange(val) {
63516
- var newValues = label_background_color;
63517
- newValues[hoverSettings] = val;
63518
- set("label_background_color", newValues);
63519
- }
63520
- }), get("menu_style") === "rectangle" || get("menu_style") === "square" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, borderRadius(), margin(), padding())));
63521
- }
63522
 
63523
- /* harmony default export */ var Styling_LabelGroup = (connect(function (state) {
63524
- return {
63525
- _groups: state.groups
63526
- };
63527
- }, function (dispatch) {
63528
- return {
63529
- _set: function _set() {
63530
- return dispatch(dataActions_set.apply(void 0, arguments));
 
 
 
 
 
 
 
63531
  }
63532
  };
63533
- }, function (_ref2, _ref3, _ref4) {
63534
- var _groups = _ref2._groups;
63535
- var _set = _ref3._set;
 
 
 
 
 
 
 
 
 
 
 
 
63536
 
63537
- var groupId = _ref4.groupId,
63538
- ownProps = Styling_LabelGroup_objectWithoutProperties(_ref4, ["groupId"]);
 
 
63539
 
63540
- var group = _groups[groupId];
63541
- return Styling_LabelGroup_objectSpread({
63542
- defs: function defs(key) {
63543
- return _defs("group", key, formats.normal_hover.parse(group[key]).map(function (val) {
63544
- return val === "" ? undefined : val;
63545
- }));
63546
- },
63547
- set: function set(key, val) {
63548
- return _set(models.GROUP, groupId, key, val);
63549
- },
63550
- get: function get(key) {
63551
- var alwaysValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
63552
- return _get(key, group, alwaysValue ? "group" : false);
63553
  }
63554
- }, ownProps);
63555
- })(LabelGroup_LabelGroup));
63556
- ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Group/Tabs/Styling/index.js
63557
- function Tabs_Styling_slicedToArray(arr, i) { return Tabs_Styling_arrayWithHoles(arr) || Tabs_Styling_iterableToArrayLimit(arr, i) || Tabs_Styling_unsupportedIterableToArray(arr, i) || Tabs_Styling_nonIterableRest(); }
63558
-
63559
- function Tabs_Styling_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
63560
 
63561
- function Tabs_Styling_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Tabs_Styling_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Tabs_Styling_arrayLikeToArray(o, minLen); }
 
 
 
63562
 
63563
- function Tabs_Styling_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; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
63564
 
63565
- function Tabs_Styling_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
63566
 
63567
- function Tabs_Styling_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
63568
 
63569
 
63570
 
63571
 
63572
 
63573
- function Styling_Styling(_ref) {
63574
- var groupId = _ref.groupId;
63575
 
63576
- var _useState = (0,react.useState)("button"),
63577
- _useState2 = Tabs_Styling_slicedToArray(_useState, 2),
63578
- openedGroup = _useState2[0],
63579
- setOpenedGroup = _useState2[1];
63580
 
63581
- return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(Tabs_Styling_ButtonGroup, {
63582
- opened: openedGroup === "button",
63583
- onSetIsOpened: function onSetIsOpened(val) {
63584
- return setOpenedGroup(val ? "button" : "");
63585
- },
63586
- groupId: groupId
63587
- }), /*#__PURE__*/react.createElement(Tabs_Styling_IconGroup, {
63588
- opened: openedGroup === "icon",
63589
- onSetIsOpened: function onSetIsOpened(val) {
63590
- return setOpenedGroup(val ? "icon" : "");
63591
- },
63592
- groupId: groupId
63593
- }), /*#__PURE__*/react.createElement(Styling_LabelGroup, {
63594
- opened: openedGroup === "label",
63595
- onSetIsOpened: function onSetIsOpened(val) {
63596
- return setOpenedGroup(val ? "label" : "");
63597
- },
63598
- groupId: groupId
63599
- }));
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
63600
  }
63601
  ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Group/Tabs/Advanced.js
63602
  function Advanced_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; }
@@ -63641,7 +63503,8 @@ function Tabs_Advanced_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr;
63641
 
63642
  function Advanced_Advanced(_ref) {
63643
  var set = _ref.set,
63644
- get = _ref.get;
 
63645
 
63646
  var _useState = (0,react.useState)("animation"),
63647
  _useState2 = Tabs_Advanced_slicedToArray(_useState, 2),
@@ -63859,7 +63722,8 @@ function Advanced_Advanced(_ref) {
63859
  },
63860
  get: function get(key) {
63861
  return dlv_umd_default()(groups[groupId], key, _def("group", key));
63862
- }
 
63863
  }, dispatchProps), stateProps), props);
63864
  })(Advanced_Advanced));
63865
  ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Group/Group.js
8
  *
9
  * Buttonizer is Freemium software. The free version (build) does not contain premium functionality.
10
  *
11
+ * (C) 2017-2021 Buttonizer v2.4.2
12
  *
13
  */
14
  /*!
21
  *
22
  * Buttonizer is Freemium software. The free version (build) does not contain premium functionality.
23
  *
24
+ * (C) 2017-2021 Buttonizer v2.4.2
25
  *
26
  */
27
  /******/ (function() { // webpackBootstrap
11975
  */
11976
 
11977
  var listenTo = [buttonizer_constants_actionTypes.groups.SET_KEY_VALUE, buttonizer_constants_actionTypes.groups.SET_KEY_FORMAT, buttonizer_constants_actionTypes.buttons.SET_KEY_VALUE, buttonizer_constants_actionTypes.buttons.SET_KEY_FORMAT];
11978
+ var requiresFullReload = [buttonizer_constants_actionTypes.groups.ADD_RECORD, buttonizer_constants_actionTypes.groups.REMOVE_RECORD, buttonizer_constants_actionTypes.buttons.ADD_RECORD, buttonizer_constants_actionTypes.buttons.REMOVE_RECORD, buttonizer_constants_actionTypes.CHANGE_RELATION]; // Object to make sure keys are allowed
11979
 
11980
  var previewTimeout = {};
11981
  function updatePreviewData(_x) {
26064
  onChange = _ref.onChange,
26065
  _ref$size = _ref.size,
26066
  size = _ref$size === void 0 ? "small" : _ref$size,
 
 
26067
  _ref$disabled = _ref.disabled,
26068
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
26069
+ props = DuplicateButton_objectWithoutProperties(_ref, ["name", "onChange", "size", "disabled"]);
26070
 
26071
  var _useState = (0,react.useState)(false),
26072
  _useState2 = DuplicateButton_slicedToArray(_useState, 2),
26074
  setDialogOpened = _useState2[1];
26075
 
26076
  return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(Tippy_Tippy, {
26077
+ content: translate("utils.duplicate")
 
26078
  }, /*#__PURE__*/react.createElement(IconButton_IconButton, DuplicateButton_extends({
26079
  onClick: function onClick() {
26080
+ return setDialogOpened(true);
26081
  },
26082
+ color: "primary",
26083
  size: size,
26084
+ disabled: disabled,
26085
  style: {
26086
  width: "35px",
26087
  height: "35px"
26119
 
26120
 
26121
  function EditButton(_ref) {
26122
+ var _ref$size = _ref.size,
 
 
26123
  size = _ref$size === void 0 ? "small" : _ref$size,
26124
  _onClick = _ref.onClick,
26125
+ props = EditButton_objectWithoutProperties(_ref, ["size", "onClick"]);
26126
 
26127
  return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(Tippy_Tippy, {
26128
+ content: translate("settings.settings")
 
26129
  }, /*#__PURE__*/react.createElement(IconButton_IconButton, EditButton_extends({
26130
  onClick: function onClick() {
26131
+ _onClick();
26132
  },
26133
+ color: "primary",
26134
  size: size,
 
26135
  style: {
26136
  width: "35px",
26137
  height: "35px"
26173
  onChange = _ref.onChange,
26174
  _ref$size = _ref.size,
26175
  size = _ref$size === void 0 ? "small" : _ref$size,
 
 
26176
  _ref$inDropdown = _ref.inDropdown,
26177
  inDropdown = _ref$inDropdown === void 0 ? false : _ref$inDropdown,
26178
+ props = RenameButton_objectWithoutProperties(_ref, ["name", "onChange", "size", "inDropdown"]);
26179
 
26180
  var _useState = (0,react.useState)(false),
26181
  _useState2 = RenameButton_slicedToArray(_useState, 2),
26183
  setDialogOpened = _useState2[1];
26184
 
26185
  return /*#__PURE__*/react.createElement(react.Fragment, null, !inDropdown ? /*#__PURE__*/react.createElement(Tippy_Tippy, {
26186
+ content: translate("utils.rename")
 
26187
  }, /*#__PURE__*/react.createElement(IconButton_IconButton, RenameButton_extends({
26188
  size: size,
26189
  onClick: function onClick() {
26190
+ return setDialogOpened(true);
26191
  },
26192
+ color: "primary" // className={clsx(singleButton && ".MuiIconButton-disabled")}
 
26193
  ,
26194
  style: {
26195
  width: "35px",
26205
  className: "fas fa-i-cursor"
26206
  }))) : /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
26207
  onClick: function onClick() {
26208
+ return setDialogOpened(true);
26209
  },
 
26210
  ref: ref,
26211
  "data-testid": "rename-button"
26212
  }, /*#__PURE__*/react.createElement(ListItemIcon_ListItemIcon, null, /*#__PURE__*/react.createElement(Icon_Icon, {
35695
  });
35696
  }
35697
 
 
35698
  (0,react.useEffect)(function () {
35699
  setGroup(groups[groupId]);
35700
  }, [groups[groupId]]);
35709
  }
35710
  }, /*#__PURE__*/react.createElement(DuplicateButton, {
35711
  name: group.name,
35712
+ disabled: true
 
35713
  }));
35714
  };
35715
 
35733
  }), /*#__PURE__*/react.createElement("div", {
35734
  className: "group-actions"
35735
  }, /*#__PURE__*/react.createElement(Tippy_Tippy, {
 
35736
  content: translate("settings.tippy_single_button"),
35737
  trigger: "click",
35738
  style: {
35739
  "float": "left"
35740
  }
35741
  }, /*#__PURE__*/react.createElement(EditButton, {
 
35742
  onClick: function onClick() {
35743
  return document.location.hash = "#/group/" + group.id;
35744
  },
35745
  "data-testid": "edit-button-group"
35746
  })), duplicateButton(), /*#__PURE__*/react.createElement(ContainerActionsDropdown, null, /*#__PURE__*/react.createElement(ContainerActions_RenameButton, {
35747
  name: group.name,
 
35748
  onChange: function onChange(val) {
35749
  return set("groups", group.id, "name", val);
35750
  },
37034
  history = _ref.history,
37035
  getChildrenIndex = _ref.getChildrenIndex;
37036
  var page = "";
 
 
 
 
 
37037
 
37038
  if (["style", "general", "advanced"].indexOf(history.location.pathname.substr(history.location.pathname.lastIndexOf("/") + 1)) > -1) {
37039
  page = "/".concat(history.location.pathname.substr(history.location.pathname.lastIndexOf("/") + 1));
37058
  setAnchorEl(null); // If button is defined and not group
37059
 
37060
  if (button) {
37061
+ history.push("/group/".concat(button.parent, "/button/").concat(objectId).concat(page));
 
 
 
 
 
 
 
 
 
37062
  } // If group is defined and not button
37063
  else if (group) {
37064
+ history.push("/group/".concat(objectId).concat(page));
 
 
 
 
37065
  }
37066
  };
37067
 
37077
  }, /*#__PURE__*/react.createElement("span", {
37078
  className: "breadcrumb-text",
37079
  "data-testid": "breadcrumb:name"
37080
+ }, button ? button.name : group.name), /*#__PURE__*/react.createElement("i", {
37081
  className: "fas fa-chevron-down"
37082
  })), /*#__PURE__*/react.createElement(Popover_Popover, {
37083
  id: id,
37094
  horizontal: "center"
37095
  },
37096
  "data-testid": "breadcrumb:popup"
37097
+ }, button ? Object.values(getChildrenIndex(groups[button.parent].children)).map(function (buttonData, key) {
37098
  return /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
37099
  key: key,
37100
  className: "breadcrumb-select-options",
37150
  history = _ref.history,
37151
  _ref$tab = _ref.tab,
37152
  tab = _ref$tab === void 0 ? 0 : _ref$tab;
 
37153
 
37154
  var LinkTab = function LinkTab(props) {
37155
  var url = "/group/".concat(group.id, "/button/").concat(button.id, "/").concat(props.page);
37181
  className: "breadcrumb-text"
37182
  }, translate("bar.breadcrumb.home")), /*#__PURE__*/react.createElement("i", {
37183
  className: "fas fa-chevron-right"
37184
+ }))), /*#__PURE__*/react.createElement(Tippy_Tippy, {
37185
  content: translate("bar.breadcrumb.tippy_group")
37186
  }, /*#__PURE__*/react.createElement(Button_Button, {
37187
  onClick: function onClick() {
37194
  className: "fas fa-chevron-right"
37195
  }))), /*#__PURE__*/react.createElement(BreadcrumbSelect_BreadcrumbSelect, {
37196
  button: button
37197
+ })), /*#__PURE__*/react.createElement(RandomTip_RandomTip, null), /*#__PURE__*/react.createElement("div", {
37198
  className: "back-to-group"
37199
  }, /*#__PURE__*/react.createElement("a", {
37200
  href: "#/group/" + group.id
44738
  }
44739
  })));
44740
  }
44741
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Button/Tabs/Options.js
44742
+ function Options_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; }
 
 
 
 
 
 
 
 
 
 
 
 
 
44743
 
44744
+ function Options_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Options_ownKeys(Object(source), true).forEach(function (key) { Options_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Options_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
44745
 
44746
+ function Options_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; }
44747
 
44748
+ function Options_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Options_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; }
 
44749
 
44750
+ function Options_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 
 
44751
 
44752
+ function Options_slicedToArray(arr, i) { return Options_arrayWithHoles(arr) || Options_iterableToArrayLimit(arr, i) || Options_unsupportedIterableToArray(arr, i) || Options_nonIterableRest(); }
 
 
 
 
 
 
 
 
44753
 
44754
+ function Options_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 
 
 
 
 
 
44755
 
44756
+ function Options_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Options_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Options_arrayLikeToArray(o, minLen); }
44757
 
44758
+ function Options_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; }
 
44759
 
44760
+ function Options_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 
 
 
 
44761
 
44762
+ function Options_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
 
 
44763
 
 
 
 
 
 
44764
 
 
 
 
 
44765
 
 
 
 
44766
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
44767
 
44768
 
 
 
 
 
44769
 
 
 
 
 
 
 
 
44770
 
 
 
 
 
44771
 
 
44772
 
 
 
 
 
44773
 
 
 
 
 
44774
 
44775
+ function Options(_ref) {
44776
+ var set = _ref.set,
44777
+ get = _ref.get,
44778
+ getParent = _ref.getParent;
44779
 
44780
+ var _useState = (0,react.useState)("general"),
44781
+ _useState2 = Options_slicedToArray(_useState, 2),
44782
+ openedGroup = _useState2[0],
44783
+ setOpenedGroup = _useState2[1];
44784
 
44785
+ var labelPlaceholder = getParent("menu_style") === "rectangle" || getParent("menu_style") === "text" || getParent("menu_style") === "text-icon";
44786
+ return /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement(CollapsibleGroup, {
44787
+ title: translate("settings.setting_categories.general"),
44788
+ opened: openedGroup === "general",
44789
+ onSetIsOpened: function onSetIsOpened(val) {
44790
+ return setOpenedGroup(val ? "general" : "");
44791
  },
44792
+ "data-testid": "group:general"
44793
+ }, /*#__PURE__*/react.createElement("div", {
44794
+ className: "setting-group-title"
44795
+ }, translate("settings.button_action.title")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(ButtonAction, {
44796
+ actionType: get("type", true),
44797
+ id: get("id"),
44798
+ onChange: function onChange(type, val) {
44799
+ return set(type, val);
44800
+ }
44801
+ }), /*#__PURE__*/react.createElement("div", {
44802
+ className: "setting-group-title"
44803
+ }, translate("settings.show_mobile_desktop.device_visibility")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(Visibility, {
44804
+ mobile: get("show_mobile") == true,
44805
+ desktop: get("show_desktop") == true,
44806
+ onChange: function onChange(type, val) {
44807
+ return set(type, val);
44808
+ }
44809
+ })), /*#__PURE__*/react.createElement(CollapsibleGroup, {
44810
+ title: translate("settings.label.title"),
44811
+ opened: openedGroup === "label",
44812
+ onSetIsOpened: function onSetIsOpened(val) {
44813
+ return setOpenedGroup(val ? "label" : "");
44814
  },
44815
+ "data-testid": "group:label"
44816
+ }, /*#__PURE__*/react.createElement("div", {
44817
+ className: "setting-group-title"
44818
+ }, translate("settings.setting_categories.label")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(Label, {
44819
+ value: get("label"),
44820
+ onChange: function onChange(val) {
44821
+ return set("label", val);
44822
  },
44823
+ placeholder: labelPlaceholder ? get("name") + "'s label" : ""
44824
+ })));
44825
+ }
44826
 
44827
+ /* harmony default export */ var Tabs_Options = (connect(function (state) {
44828
+ return {
44829
+ buttons: state.buttons,
44830
+ groups: state.groups
44831
+ };
44832
+ }, function (dispatch) {
44833
+ return {
44834
+ _set: function _set() {
44835
+ return dispatch(dataActions_set.apply(void 0, arguments));
44836
+ }
44837
+ };
44838
+ }, function (_ref2, _ref3, _ref4) {
44839
+ var buttons = _ref2.buttons,
44840
+ groups = _ref2.groups;
44841
+ var _set = _ref3._set;
44842
 
44843
+ var buttonId = _ref4.buttonId,
44844
+ props = Options_objectWithoutProperties(_ref4, ["buttonId"]);
 
 
44845
 
44846
+ var button = buttons[buttonId];
44847
+ var group = groups[button.parent];
44848
+ return Options_objectSpread({
44849
+ set: function set(key, value) {
44850
+ return _set(models.BUTTON, buttonId, key, value);
44851
  },
44852
+ setParent: function setParent(key, value) {
44853
+ return _set(models.GROUP, group.id, key, value);
 
 
44854
  },
44855
+ get: function get(key) {
44856
+ var returnValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
44857
+ return _get(key, button, returnValue ? "button" : false);
 
44858
  },
44859
+ getParent: function getParent(key) {
44860
+ var returnValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
44861
+ return _get(key, group, returnValue ? "group" : false);
44862
+ }
44863
+ }, props);
44864
+ })(Options));
44865
+ ;// CONCATENATED MODULE: ./node_modules/react-window/dist/index.esm.js
44866
 
 
 
 
 
44867
 
 
 
 
 
44868
 
 
 
 
 
44869
 
 
 
 
 
44870
 
 
 
 
 
44871
 
 
 
 
 
44872
 
44873
+ // Animation frame based implementation of setTimeout.
44874
+ // Inspired by Joe Lambert, https://gist.github.com/joelambert/1002116#file-requesttimeout-js
44875
+ var hasNativePerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';
44876
+ var now = hasNativePerformanceNow ? function () {
44877
+ return performance.now();
44878
+ } : function () {
44879
+ return Date.now();
44880
+ };
44881
+ function cancelTimeout(timeoutID) {
44882
+ cancelAnimationFrame(timeoutID.id);
44883
+ }
44884
+ function requestTimeout(callback, delay) {
44885
+ var start = now();
44886
 
44887
+ function tick() {
44888
+ if (now() - start >= delay) {
44889
+ callback.call(null);
44890
+ } else {
44891
+ timeoutID.id = requestAnimationFrame(tick);
44892
  }
44893
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
44894
 
44895
+ var timeoutID = {
44896
+ id: requestAnimationFrame(tick)
44897
+ };
44898
+ return timeoutID;
44899
+ }
 
 
 
 
 
44900
 
44901
+ var size = -1; // This utility copied from "dom-helpers" package.
44902
 
44903
+ function index_esm_getScrollbarSize(recalculate) {
44904
+ if (recalculate === void 0) {
44905
+ recalculate = false;
44906
+ }
44907
 
44908
+ if (size === -1 || recalculate) {
44909
+ var div = document.createElement('div');
44910
+ var style = div.style;
44911
+ style.width = '50px';
44912
+ style.height = '50px';
44913
+ style.overflow = 'scroll';
44914
+ document.body.appendChild(div);
44915
+ size = div.offsetWidth - div.clientWidth;
44916
+ document.body.removeChild(div);
44917
+ }
44918
 
44919
+ return size;
44920
+ }
44921
+ var cachedRTLResult = null; // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
44922
+ // Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).
44923
+ // Safari's elastic bounce makes detecting this even more complicated wrt potential false positives.
44924
+ // The safest way to check this is to intentionally set a negative offset,
44925
+ // and then verify that the subsequent "scroll" event matches the negative offset.
44926
+ // If it does not match, then we can assume a non-standard RTL scroll implementation.
44927
 
44928
+ function getRTLOffsetType(recalculate) {
44929
+ if (recalculate === void 0) {
44930
+ recalculate = false;
44931
+ }
44932
 
44933
+ if (cachedRTLResult === null || recalculate) {
44934
+ var outerDiv = document.createElement('div');
44935
+ var outerStyle = outerDiv.style;
44936
+ outerStyle.width = '50px';
44937
+ outerStyle.height = '50px';
44938
+ outerStyle.overflow = 'scroll';
44939
+ outerStyle.direction = 'rtl';
44940
+ var innerDiv = document.createElement('div');
44941
+ var innerStyle = innerDiv.style;
44942
+ innerStyle.width = '100px';
44943
+ innerStyle.height = '100px';
44944
+ outerDiv.appendChild(innerDiv);
44945
+ document.body.appendChild(outerDiv);
44946
 
44947
+ if (outerDiv.scrollLeft > 0) {
44948
+ cachedRTLResult = 'positive-descending';
44949
+ } else {
44950
+ outerDiv.scrollLeft = 1;
44951
 
44952
+ if (outerDiv.scrollLeft === 0) {
44953
+ cachedRTLResult = 'negative';
44954
+ } else {
44955
+ cachedRTLResult = 'positive-ascending';
44956
+ }
44957
+ }
44958
 
44959
+ document.body.removeChild(outerDiv);
44960
+ return cachedRTLResult;
44961
+ }
44962
 
44963
+ return cachedRTLResult;
44964
+ }
 
 
 
 
 
 
 
 
44965
 
44966
+ var IS_SCROLLING_DEBOUNCE_INTERVAL = 150;
 
 
 
 
 
44967
 
44968
+ var defaultItemKey = function defaultItemKey(_ref) {
44969
+ var columnIndex = _ref.columnIndex,
44970
+ data = _ref.data,
44971
+ rowIndex = _ref.rowIndex;
44972
+ return rowIndex + ":" + columnIndex;
44973
+ }; // In DEV mode, this Set helps us only log a warning once per component instance.
44974
+ // This avoids spamming the console every time a render happens.
44975
 
 
 
 
 
44976
 
44977
+ var devWarningsOverscanCount = null;
44978
+ var devWarningsOverscanRowsColumnsCount = null;
44979
+ var devWarningsTagName = null;
 
44980
 
44981
+ if (false) {}
 
44982
 
44983
+ function createGridComponent(_ref2) {
44984
+ var _class, _temp;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
44985
 
44986
+ var getColumnOffset = _ref2.getColumnOffset,
44987
+ getColumnStartIndexForOffset = _ref2.getColumnStartIndexForOffset,
44988
+ getColumnStopIndexForStartIndex = _ref2.getColumnStopIndexForStartIndex,
44989
+ getColumnWidth = _ref2.getColumnWidth,
44990
+ getEstimatedTotalHeight = _ref2.getEstimatedTotalHeight,
44991
+ getEstimatedTotalWidth = _ref2.getEstimatedTotalWidth,
44992
+ getOffsetForColumnAndAlignment = _ref2.getOffsetForColumnAndAlignment,
44993
+ getOffsetForRowAndAlignment = _ref2.getOffsetForRowAndAlignment,
44994
+ getRowHeight = _ref2.getRowHeight,
44995
+ getRowOffset = _ref2.getRowOffset,
44996
+ getRowStartIndexForOffset = _ref2.getRowStartIndexForOffset,
44997
+ getRowStopIndexForStartIndex = _ref2.getRowStopIndexForStartIndex,
44998
+ initInstanceProps = _ref2.initInstanceProps,
44999
+ shouldResetStyleCacheOnItemSizeChange = _ref2.shouldResetStyleCacheOnItemSizeChange,
45000
+ validateProps = _ref2.validateProps;
45001
+ return _temp = _class =
45002
+ /*#__PURE__*/
45003
+ function (_PureComponent) {
45004
+ (0,inheritsLoose/* default */.Z)(Grid, _PureComponent);
45005
 
45006
+ // Always use explicit constructor for React components.
45007
+ // It produces less code after transpilation. (#26)
45008
+ // eslint-disable-next-line no-useless-constructor
45009
+ function Grid(props) {
45010
+ var _this;
45011
 
45012
+ _this = _PureComponent.call(this, props) || this;
45013
+ _this._instanceProps = initInstanceProps(_this.props, (0,assertThisInitialized/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this)));
45014
+ _this._resetIsScrollingTimeoutId = null;
45015
+ _this._outerRef = void 0;
45016
+ _this.state = {
45017
+ instance: (0,assertThisInitialized/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this)),
45018
+ isScrolling: false,
45019
+ horizontalScrollDirection: 'forward',
45020
+ scrollLeft: typeof _this.props.initialScrollLeft === 'number' ? _this.props.initialScrollLeft : 0,
45021
+ scrollTop: typeof _this.props.initialScrollTop === 'number' ? _this.props.initialScrollTop : 0,
45022
+ scrollUpdateWasRequested: false,
45023
+ verticalScrollDirection: 'forward'
45024
+ };
45025
+ _this._callOnItemsRendered = void 0;
45026
+ _this._callOnItemsRendered = memoize_one_esm(function (overscanColumnStartIndex, overscanColumnStopIndex, overscanRowStartIndex, overscanRowStopIndex, visibleColumnStartIndex, visibleColumnStopIndex, visibleRowStartIndex, visibleRowStopIndex) {
45027
+ return _this.props.onItemsRendered({
45028
+ overscanColumnStartIndex: overscanColumnStartIndex,
45029
+ overscanColumnStopIndex: overscanColumnStopIndex,
45030
+ overscanRowStartIndex: overscanRowStartIndex,
45031
+ overscanRowStopIndex: overscanRowStopIndex,
45032
+ visibleColumnStartIndex: visibleColumnStartIndex,
45033
+ visibleColumnStopIndex: visibleColumnStopIndex,
45034
+ visibleRowStartIndex: visibleRowStartIndex,
45035
+ visibleRowStopIndex: visibleRowStopIndex
45036
+ });
45037
+ });
45038
+ _this._callOnScroll = void 0;
45039
+ _this._callOnScroll = memoize_one_esm(function (scrollLeft, scrollTop, horizontalScrollDirection, verticalScrollDirection, scrollUpdateWasRequested) {
45040
+ return _this.props.onScroll({
45041
+ horizontalScrollDirection: horizontalScrollDirection,
45042
+ scrollLeft: scrollLeft,
45043
+ scrollTop: scrollTop,
45044
+ verticalScrollDirection: verticalScrollDirection,
45045
+ scrollUpdateWasRequested: scrollUpdateWasRequested
45046
+ });
45047
+ });
45048
+ _this._getItemStyle = void 0;
45049
 
45050
+ _this._getItemStyle = function (rowIndex, columnIndex) {
45051
+ var _this$props = _this.props,
45052
+ columnWidth = _this$props.columnWidth,
45053
+ direction = _this$props.direction,
45054
+ rowHeight = _this$props.rowHeight;
 
 
 
 
 
 
 
 
 
 
 
 
 
45055
 
45056
+ var itemStyleCache = _this._getItemStyleCache(shouldResetStyleCacheOnItemSizeChange && columnWidth, shouldResetStyleCacheOnItemSizeChange && direction, shouldResetStyleCacheOnItemSizeChange && rowHeight);
45057
 
45058
+ var key = rowIndex + ":" + columnIndex;
45059
+ var style;
45060
 
45061
+ if (itemStyleCache.hasOwnProperty(key)) {
45062
+ style = itemStyleCache[key];
45063
+ } else {
45064
+ var _offset = getColumnOffset(_this.props, columnIndex, _this._instanceProps);
45065
 
45066
+ var isRtl = direction === 'rtl';
45067
+ itemStyleCache[key] = style = {
45068
+ position: 'absolute',
45069
+ left: isRtl ? undefined : _offset,
45070
+ right: isRtl ? _offset : undefined,
45071
+ top: getRowOffset(_this.props, rowIndex, _this._instanceProps),
45072
+ height: getRowHeight(_this.props, rowIndex, _this._instanceProps),
45073
+ width: getColumnWidth(_this.props, columnIndex, _this._instanceProps)
45074
+ };
45075
+ }
45076
 
45077
+ return style;
45078
+ };
45079
 
45080
+ _this._getItemStyleCache = void 0;
45081
+ _this._getItemStyleCache = memoize_one_esm(function (_, __, ___) {
45082
+ return {};
45083
+ });
45084
 
45085
+ _this._onScroll = function (event) {
45086
+ var _event$currentTarget = event.currentTarget,
45087
+ clientHeight = _event$currentTarget.clientHeight,
45088
+ clientWidth = _event$currentTarget.clientWidth,
45089
+ scrollLeft = _event$currentTarget.scrollLeft,
45090
+ scrollTop = _event$currentTarget.scrollTop,
45091
+ scrollHeight = _event$currentTarget.scrollHeight,
45092
+ scrollWidth = _event$currentTarget.scrollWidth;
45093
 
45094
+ _this.setState(function (prevState) {
45095
+ if (prevState.scrollLeft === scrollLeft && prevState.scrollTop === scrollTop) {
45096
+ // Scroll position may have been updated by cDM/cDU,
45097
+ // In which case we don't need to trigger another render,
45098
+ // And we don't want to update state.isScrolling.
45099
+ return null;
45100
+ }
45101
 
45102
+ var direction = _this.props.direction; // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
45103
+ // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).
45104
+ // It's also easier for this component if we convert offsets to the same format as they would be in for ltr.
45105
+ // So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.
45106
 
45107
+ var calculatedScrollLeft = scrollLeft;
45108
 
45109
+ if (direction === 'rtl') {
45110
+ switch (getRTLOffsetType()) {
45111
+ case 'negative':
45112
+ calculatedScrollLeft = -scrollLeft;
45113
+ break;
45114
 
45115
+ case 'positive-descending':
45116
+ calculatedScrollLeft = scrollWidth - clientWidth - scrollLeft;
45117
+ break;
45118
+ }
45119
+ } // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
45120
 
45121
 
45122
+ calculatedScrollLeft = Math.max(0, Math.min(calculatedScrollLeft, scrollWidth - clientWidth));
45123
+ var calculatedScrollTop = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
45124
+ return {
45125
+ isScrolling: true,
45126
+ horizontalScrollDirection: prevState.scrollLeft < scrollLeft ? 'forward' : 'backward',
45127
+ scrollLeft: calculatedScrollLeft,
45128
+ scrollTop: calculatedScrollTop,
45129
+ verticalScrollDirection: prevState.scrollTop < scrollTop ? 'forward' : 'backward',
45130
+ scrollUpdateWasRequested: false
45131
+ };
45132
+ }, _this._resetIsScrollingDebounced);
45133
+ };
45134
 
45135
+ _this._outerRefSetter = function (ref) {
45136
+ var outerRef = _this.props.outerRef;
45137
+ _this._outerRef = ref;
45138
 
45139
+ if (typeof outerRef === 'function') {
45140
+ outerRef(ref);
45141
+ } else if (outerRef != null && typeof outerRef === 'object' && outerRef.hasOwnProperty('current')) {
45142
+ outerRef.current = ref;
45143
+ }
45144
+ };
 
 
 
 
 
 
 
 
 
 
 
 
 
45145
 
45146
+ _this._resetIsScrollingDebounced = function () {
45147
+ if (_this._resetIsScrollingTimeoutId !== null) {
45148
+ cancelTimeout(_this._resetIsScrollingTimeoutId);
45149
+ }
 
 
 
45150
 
45151
+ _this._resetIsScrollingTimeoutId = requestTimeout(_this._resetIsScrolling, IS_SCROLLING_DEBOUNCE_INTERVAL);
45152
+ };
 
 
45153
 
45154
+ _this._resetIsScrolling = function () {
45155
+ _this._resetIsScrollingTimeoutId = null;
 
 
45156
 
45157
+ _this.setState({
45158
+ isScrolling: false
45159
+ }, function () {
45160
+ // Clear style cache after state update has been committed.
45161
+ // This way we don't break pure sCU for items that don't use isScrolling param.
45162
+ _this._getItemStyleCache(-1);
45163
+ });
45164
+ };
45165
 
45166
+ return _this;
45167
+ }
 
 
45168
 
45169
+ Grid.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
45170
+ validateSharedProps(nextProps, prevState);
45171
+ validateProps(nextProps);
45172
+ return null;
45173
+ };
 
 
 
 
45174
 
45175
+ var _proto = Grid.prototype;
 
 
 
 
 
45176
 
45177
+ _proto.scrollTo = function scrollTo(_ref3) {
45178
+ var scrollLeft = _ref3.scrollLeft,
45179
+ scrollTop = _ref3.scrollTop;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45180
 
45181
+ if (scrollLeft !== undefined) {
45182
+ scrollLeft = Math.max(0, scrollLeft);
45183
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45184
 
45185
+ if (scrollTop !== undefined) {
45186
+ scrollTop = Math.max(0, scrollTop);
45187
+ }
45188
 
45189
+ this.setState(function (prevState) {
45190
+ if (scrollLeft === undefined) {
45191
+ scrollLeft = prevState.scrollLeft;
45192
+ }
45193
 
45194
+ if (scrollTop === undefined) {
45195
+ scrollTop = prevState.scrollTop;
45196
+ }
45197
 
45198
+ if (prevState.scrollLeft === scrollLeft && prevState.scrollTop === scrollTop) {
45199
+ return null;
45200
+ }
45201
 
45202
+ return {
45203
+ horizontalScrollDirection: prevState.scrollLeft < scrollLeft ? 'forward' : 'backward',
45204
+ scrollLeft: scrollLeft,
45205
+ scrollTop: scrollTop,
45206
+ scrollUpdateWasRequested: true,
45207
+ verticalScrollDirection: prevState.scrollTop < scrollTop ? 'forward' : 'backward'
45208
+ };
45209
+ }, this._resetIsScrollingDebounced);
45210
+ };
45211
 
45212
+ _proto.scrollToItem = function scrollToItem(_ref4) {
45213
+ var _ref4$align = _ref4.align,
45214
+ align = _ref4$align === void 0 ? 'auto' : _ref4$align,
45215
+ columnIndex = _ref4.columnIndex,
45216
+ rowIndex = _ref4.rowIndex;
45217
+ var _this$props2 = this.props,
45218
+ columnCount = _this$props2.columnCount,
45219
+ height = _this$props2.height,
45220
+ rowCount = _this$props2.rowCount,
45221
+ width = _this$props2.width;
45222
+ var _this$state = this.state,
45223
+ scrollLeft = _this$state.scrollLeft,
45224
+ scrollTop = _this$state.scrollTop;
45225
+ var scrollbarSize = index_esm_getScrollbarSize();
45226
 
45227
+ if (columnIndex !== undefined) {
45228
+ columnIndex = Math.max(0, Math.min(columnIndex, columnCount - 1));
45229
+ }
45230
 
45231
+ if (rowIndex !== undefined) {
45232
+ rowIndex = Math.max(0, Math.min(rowIndex, rowCount - 1));
45233
+ }
45234
 
45235
+ var estimatedTotalHeight = getEstimatedTotalHeight(this.props, this._instanceProps);
45236
+ var estimatedTotalWidth = getEstimatedTotalWidth(this.props, this._instanceProps); // The scrollbar size should be considered when scrolling an item into view,
45237
+ // to ensure it's fully visible.
45238
+ // But we only need to account for its size when it's actually visible.
45239
 
45240
+ var horizontalScrollbarSize = estimatedTotalWidth > width ? scrollbarSize : 0;
45241
+ var verticalScrollbarSize = estimatedTotalHeight > height ? scrollbarSize : 0;
45242
+ this.scrollTo({
45243
+ scrollLeft: columnIndex !== undefined ? getOffsetForColumnAndAlignment(this.props, columnIndex, align, scrollLeft, this._instanceProps, verticalScrollbarSize) : scrollLeft,
45244
+ scrollTop: rowIndex !== undefined ? getOffsetForRowAndAlignment(this.props, rowIndex, align, scrollTop, this._instanceProps, horizontalScrollbarSize) : scrollTop
45245
+ });
45246
+ };
45247
 
45248
+ _proto.componentDidMount = function componentDidMount() {
45249
+ var _this$props3 = this.props,
45250
+ initialScrollLeft = _this$props3.initialScrollLeft,
45251
+ initialScrollTop = _this$props3.initialScrollTop;
45252
 
45253
+ if (this._outerRef != null) {
45254
+ var outerRef = this._outerRef;
45255
 
45256
+ if (typeof initialScrollLeft === 'number') {
45257
+ outerRef.scrollLeft = initialScrollLeft;
45258
+ }
45259
 
45260
+ if (typeof initialScrollTop === 'number') {
45261
+ outerRef.scrollTop = initialScrollTop;
45262
+ }
45263
+ }
45264
 
45265
+ this._callPropsCallbacks();
45266
+ };
 
45267
 
45268
+ _proto.componentDidUpdate = function componentDidUpdate() {
45269
+ var direction = this.props.direction;
45270
+ var _this$state2 = this.state,
45271
+ scrollLeft = _this$state2.scrollLeft,
45272
+ scrollTop = _this$state2.scrollTop,
45273
+ scrollUpdateWasRequested = _this$state2.scrollUpdateWasRequested;
45274
 
45275
+ if (scrollUpdateWasRequested && this._outerRef != null) {
45276
+ // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
45277
+ // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).
45278
+ // So we need to determine which browser behavior we're dealing with, and mimic it.
45279
+ var outerRef = this._outerRef;
45280
 
45281
+ if (direction === 'rtl') {
45282
+ switch (getRTLOffsetType()) {
45283
+ case 'negative':
45284
+ outerRef.scrollLeft = -scrollLeft;
45285
+ break;
 
 
 
 
45286
 
45287
+ case 'positive-ascending':
45288
+ outerRef.scrollLeft = scrollLeft;
45289
+ break;
 
 
 
 
45290
 
45291
+ default:
45292
+ var clientWidth = outerRef.clientWidth,
45293
+ scrollWidth = outerRef.scrollWidth;
45294
+ outerRef.scrollLeft = scrollWidth - clientWidth - scrollLeft;
45295
+ break;
45296
+ }
45297
+ } else {
45298
+ outerRef.scrollLeft = Math.max(0, scrollLeft);
45299
+ }
 
 
 
 
 
 
 
 
 
 
45300
 
45301
+ outerRef.scrollTop = Math.max(0, scrollTop);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45302
  }
 
 
 
 
 
45303
 
45304
+ this._callPropsCallbacks();
45305
+ };
45306
 
45307
+ _proto.componentWillUnmount = function componentWillUnmount() {
45308
+ if (this._resetIsScrollingTimeoutId !== null) {
45309
+ cancelTimeout(this._resetIsScrollingTimeoutId);
45310
+ }
45311
+ };
45312
 
45313
+ _proto.render = function render() {
45314
+ var _this$props4 = this.props,
45315
+ children = _this$props4.children,
45316
+ className = _this$props4.className,
45317
+ columnCount = _this$props4.columnCount,
45318
+ direction = _this$props4.direction,
45319
+ height = _this$props4.height,
45320
+ innerRef = _this$props4.innerRef,
45321
+ innerElementType = _this$props4.innerElementType,
45322
+ innerTagName = _this$props4.innerTagName,
45323
+ itemData = _this$props4.itemData,
45324
+ _this$props4$itemKey = _this$props4.itemKey,
45325
+ itemKey = _this$props4$itemKey === void 0 ? defaultItemKey : _this$props4$itemKey,
45326
+ outerElementType = _this$props4.outerElementType,
45327
+ outerTagName = _this$props4.outerTagName,
45328
+ rowCount = _this$props4.rowCount,
45329
+ style = _this$props4.style,
45330
+ useIsScrolling = _this$props4.useIsScrolling,
45331
+ width = _this$props4.width;
45332
+ var isScrolling = this.state.isScrolling;
45333
 
45334
+ var _this$_getHorizontalR = this._getHorizontalRangeToRender(),
45335
+ columnStartIndex = _this$_getHorizontalR[0],
45336
+ columnStopIndex = _this$_getHorizontalR[1];
45337
 
45338
+ var _this$_getVerticalRan = this._getVerticalRangeToRender(),
45339
+ rowStartIndex = _this$_getVerticalRan[0],
45340
+ rowStopIndex = _this$_getVerticalRan[1];
45341
 
45342
+ var items = [];
45343
 
45344
+ if (columnCount > 0 && rowCount) {
45345
+ for (var _rowIndex = rowStartIndex; _rowIndex <= rowStopIndex; _rowIndex++) {
45346
+ for (var _columnIndex = columnStartIndex; _columnIndex <= columnStopIndex; _columnIndex++) {
45347
+ items.push((0,react.createElement)(children, {
45348
+ columnIndex: _columnIndex,
45349
+ data: itemData,
45350
+ isScrolling: useIsScrolling ? isScrolling : undefined,
45351
+ key: itemKey({
45352
+ columnIndex: _columnIndex,
45353
+ data: itemData,
45354
+ rowIndex: _rowIndex
45355
+ }),
45356
+ rowIndex: _rowIndex,
45357
+ style: this._getItemStyle(_rowIndex, _columnIndex)
45358
+ }));
45359
+ }
45360
+ }
45361
+ } // Read this value AFTER items have been created,
45362
+ // So their actual sizes (if variable) are taken into consideration.
45363
 
45364
 
45365
+ var estimatedTotalHeight = getEstimatedTotalHeight(this.props, this._instanceProps);
45366
+ var estimatedTotalWidth = getEstimatedTotalWidth(this.props, this._instanceProps);
45367
+ return (0,react.createElement)(outerElementType || outerTagName || 'div', {
45368
+ className: className,
45369
+ onScroll: this._onScroll,
45370
+ ref: this._outerRefSetter,
45371
+ style: (0,esm_extends/* default */.Z)({
45372
+ position: 'relative',
45373
+ height: height,
45374
+ width: width,
45375
+ overflow: 'auto',
45376
+ WebkitOverflowScrolling: 'touch',
45377
+ willChange: 'transform',
45378
+ direction: direction
45379
+ }, style)
45380
+ }, (0,react.createElement)(innerElementType || innerTagName || 'div', {
45381
+ children: items,
45382
+ ref: innerRef,
45383
+ style: {
45384
+ height: estimatedTotalHeight,
45385
+ pointerEvents: isScrolling ? 'none' : undefined,
45386
+ width: estimatedTotalWidth
45387
+ }
45388
+ }));
45389
+ };
45390
 
45391
+ _proto._callPropsCallbacks = function _callPropsCallbacks() {
45392
+ var _this$props5 = this.props,
45393
+ columnCount = _this$props5.columnCount,
45394
+ onItemsRendered = _this$props5.onItemsRendered,
45395
+ onScroll = _this$props5.onScroll,
45396
+ rowCount = _this$props5.rowCount;
45397
 
45398
+ if (typeof onItemsRendered === 'function') {
45399
+ if (columnCount > 0 && rowCount > 0) {
45400
+ var _this$_getHorizontalR2 = this._getHorizontalRangeToRender(),
45401
+ _overscanColumnStartIndex = _this$_getHorizontalR2[0],
45402
+ _overscanColumnStopIndex = _this$_getHorizontalR2[1],
45403
+ _visibleColumnStartIndex = _this$_getHorizontalR2[2],
45404
+ _visibleColumnStopIndex = _this$_getHorizontalR2[3];
45405
 
45406
+ var _this$_getVerticalRan2 = this._getVerticalRangeToRender(),
45407
+ _overscanRowStartIndex = _this$_getVerticalRan2[0],
45408
+ _overscanRowStopIndex = _this$_getVerticalRan2[1],
45409
+ _visibleRowStartIndex = _this$_getVerticalRan2[2],
45410
+ _visibleRowStopIndex = _this$_getVerticalRan2[3];
45411
 
45412
+ this._callOnItemsRendered(_overscanColumnStartIndex, _overscanColumnStopIndex, _overscanRowStartIndex, _overscanRowStopIndex, _visibleColumnStartIndex, _visibleColumnStopIndex, _visibleRowStartIndex, _visibleRowStopIndex);
45413
+ }
45414
+ }
 
45415
 
45416
+ if (typeof onScroll === 'function') {
45417
+ var _this$state3 = this.state,
45418
+ _horizontalScrollDirection = _this$state3.horizontalScrollDirection,
45419
+ _scrollLeft = _this$state3.scrollLeft,
45420
+ _scrollTop = _this$state3.scrollTop,
45421
+ _scrollUpdateWasRequested = _this$state3.scrollUpdateWasRequested,
45422
+ _verticalScrollDirection = _this$state3.verticalScrollDirection;
45423
 
45424
+ this._callOnScroll(_scrollLeft, _scrollTop, _horizontalScrollDirection, _verticalScrollDirection, _scrollUpdateWasRequested);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45425
  }
45426
+ }; // Lazily create and cache item styles while scrolling,
45427
+ // So that pure component sCU will prevent re-renders.
45428
+ // We maintain this cache, and pass a style prop rather than index,
45429
+ // So that List can clear cached styles and force item re-render if necessary.
45430
+
45431
+
45432
+ _proto._getHorizontalRangeToRender = function _getHorizontalRangeToRender() {
45433
+ var _this$props6 = this.props,
45434
+ columnCount = _this$props6.columnCount,
45435
+ overscanColumnCount = _this$props6.overscanColumnCount,
45436
+ overscanColumnsCount = _this$props6.overscanColumnsCount,
45437
+ overscanCount = _this$props6.overscanCount,
45438
+ rowCount = _this$props6.rowCount;
45439
+ var _this$state4 = this.state,
45440
+ horizontalScrollDirection = _this$state4.horizontalScrollDirection,
45441
+ isScrolling = _this$state4.isScrolling,
45442
+ scrollLeft = _this$state4.scrollLeft;
45443
+ var overscanCountResolved = overscanColumnCount || overscanColumnsCount || overscanCount || 1;
45444
+
45445
+ if (columnCount === 0 || rowCount === 0) {
45446
+ return [0, 0, 0, 0];
45447
  }
 
 
45448
 
45449
+ var startIndex = getColumnStartIndexForOffset(this.props, scrollLeft, this._instanceProps);
45450
+ var stopIndex = getColumnStopIndexForStartIndex(this.props, startIndex, scrollLeft, this._instanceProps); // Overscan by one item in each direction so that tab/focus works.
45451
+ // If there isn't at least one extra item, tab loops back around.
45452
+
45453
+ var overscanBackward = !isScrolling || horizontalScrollDirection === 'backward' ? Math.max(1, overscanCountResolved) : 1;
45454
+ var overscanForward = !isScrolling || horizontalScrollDirection === 'forward' ? Math.max(1, overscanCountResolved) : 1;
45455
+ return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(columnCount - 1, stopIndex + overscanForward)), startIndex, stopIndex];
45456
+ };
45457
+
45458
+ _proto._getVerticalRangeToRender = function _getVerticalRangeToRender() {
45459
+ var _this$props7 = this.props,
45460
+ columnCount = _this$props7.columnCount,
45461
+ overscanCount = _this$props7.overscanCount,
45462
+ overscanRowCount = _this$props7.overscanRowCount,
45463
+ overscanRowsCount = _this$props7.overscanRowsCount,
45464
+ rowCount = _this$props7.rowCount;
45465
+ var _this$state5 = this.state,
45466
+ isScrolling = _this$state5.isScrolling,
45467
+ verticalScrollDirection = _this$state5.verticalScrollDirection,
45468
+ scrollTop = _this$state5.scrollTop;
45469
+ var overscanCountResolved = overscanRowCount || overscanRowsCount || overscanCount || 1;
45470
+
45471
+ if (columnCount === 0 || rowCount === 0) {
45472
+ return [0, 0, 0, 0];
45473
  }
45474
 
45475
+ var startIndex = getRowStartIndexForOffset(this.props, scrollTop, this._instanceProps);
45476
+ var stopIndex = getRowStopIndexForStartIndex(this.props, startIndex, scrollTop, this._instanceProps); // Overscan by one item in each direction so that tab/focus works.
45477
+ // If there isn't at least one extra item, tab loops back around.
45478
+
45479
+ var overscanBackward = !isScrolling || verticalScrollDirection === 'backward' ? Math.max(1, overscanCountResolved) : 1;
45480
+ var overscanForward = !isScrolling || verticalScrollDirection === 'forward' ? Math.max(1, overscanCountResolved) : 1;
45481
+ return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(rowCount - 1, stopIndex + overscanForward)), startIndex, stopIndex];
45482
+ };
45483
+
45484
+ return Grid;
45485
+ }(react.PureComponent), _class.defaultProps = {
45486
+ direction: 'ltr',
45487
+ itemData: undefined,
45488
+ useIsScrolling: false
45489
+ }, _temp;
45490
  }
 
 
45491
 
45492
+ var validateSharedProps = function validateSharedProps(_ref5, _ref6) {
45493
+ var children = _ref5.children,
45494
+ direction = _ref5.direction,
45495
+ height = _ref5.height,
45496
+ innerTagName = _ref5.innerTagName,
45497
+ outerTagName = _ref5.outerTagName,
45498
+ overscanColumnsCount = _ref5.overscanColumnsCount,
45499
+ overscanCount = _ref5.overscanCount,
45500
+ overscanRowsCount = _ref5.overscanRowsCount,
45501
+ width = _ref5.width;
45502
+ var instance = _ref6.instance;
45503
 
45504
+ if (false) {}
45505
+ };
45506
 
45507
+ var DEFAULT_ESTIMATED_ITEM_SIZE = 50;
45508
 
45509
+ var getEstimatedTotalHeight = function getEstimatedTotalHeight(_ref, _ref2) {
45510
+ var rowCount = _ref.rowCount;
45511
+ var rowMetadataMap = _ref2.rowMetadataMap,
45512
+ estimatedRowHeight = _ref2.estimatedRowHeight,
45513
+ lastMeasuredRowIndex = _ref2.lastMeasuredRowIndex;
45514
+ var totalSizeOfMeasuredRows = 0; // Edge case check for when the number of items decreases while a scroll is in progress.
45515
+ // https://github.com/bvaughn/react-window/pull/138
45516
 
45517
+ if (lastMeasuredRowIndex >= rowCount) {
45518
+ lastMeasuredRowIndex = rowCount - 1;
45519
+ }
45520
 
45521
+ if (lastMeasuredRowIndex >= 0) {
45522
+ var itemMetadata = rowMetadataMap[lastMeasuredRowIndex];
45523
+ totalSizeOfMeasuredRows = itemMetadata.offset + itemMetadata.size;
45524
+ }
45525
 
45526
+ var numUnmeasuredItems = rowCount - lastMeasuredRowIndex - 1;
45527
+ var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedRowHeight;
45528
+ return totalSizeOfMeasuredRows + totalSizeOfUnmeasuredItems;
45529
+ };
45530
 
45531
+ var getEstimatedTotalWidth = function getEstimatedTotalWidth(_ref3, _ref4) {
45532
+ var columnCount = _ref3.columnCount;
45533
+ var columnMetadataMap = _ref4.columnMetadataMap,
45534
+ estimatedColumnWidth = _ref4.estimatedColumnWidth,
45535
+ lastMeasuredColumnIndex = _ref4.lastMeasuredColumnIndex;
45536
+ var totalSizeOfMeasuredRows = 0; // Edge case check for when the number of items decreases while a scroll is in progress.
45537
+ // https://github.com/bvaughn/react-window/pull/138
45538
 
45539
+ if (lastMeasuredColumnIndex >= columnCount) {
45540
+ lastMeasuredColumnIndex = columnCount - 1;
45541
+ }
45542
 
45543
+ if (lastMeasuredColumnIndex >= 0) {
45544
+ var itemMetadata = columnMetadataMap[lastMeasuredColumnIndex];
45545
+ totalSizeOfMeasuredRows = itemMetadata.offset + itemMetadata.size;
45546
+ }
45547
 
45548
+ var numUnmeasuredItems = columnCount - lastMeasuredColumnIndex - 1;
45549
+ var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedColumnWidth;
45550
+ return totalSizeOfMeasuredRows + totalSizeOfUnmeasuredItems;
45551
+ };
45552
 
45553
+ var getItemMetadata = function getItemMetadata(itemType, props, index, instanceProps) {
45554
+ var itemMetadataMap, itemSize, lastMeasuredIndex;
45555
 
45556
+ if (itemType === 'column') {
45557
+ itemMetadataMap = instanceProps.columnMetadataMap;
45558
+ itemSize = props.columnWidth;
45559
+ lastMeasuredIndex = instanceProps.lastMeasuredColumnIndex;
45560
+ } else {
45561
+ itemMetadataMap = instanceProps.rowMetadataMap;
45562
+ itemSize = props.rowHeight;
45563
+ lastMeasuredIndex = instanceProps.lastMeasuredRowIndex;
45564
+ }
45565
 
45566
+ if (index > lastMeasuredIndex) {
45567
+ var offset = 0;
45568
 
45569
+ if (lastMeasuredIndex >= 0) {
45570
+ var itemMetadata = itemMetadataMap[lastMeasuredIndex];
45571
+ offset = itemMetadata.offset + itemMetadata.size;
45572
+ }
45573
 
45574
+ for (var i = lastMeasuredIndex + 1; i <= index; i++) {
45575
+ var size = itemSize(i);
45576
+ itemMetadataMap[i] = {
45577
+ offset: offset,
45578
+ size: size
45579
+ };
45580
+ offset += size;
45581
+ }
45582
 
45583
+ if (itemType === 'column') {
45584
+ instanceProps.lastMeasuredColumnIndex = index;
45585
+ } else {
45586
+ instanceProps.lastMeasuredRowIndex = index;
45587
+ }
45588
+ }
45589
 
45590
+ return itemMetadataMap[index];
45591
+ };
45592
 
45593
+ var findNearestItem = function findNearestItem(itemType, props, instanceProps, offset) {
45594
+ var itemMetadataMap, lastMeasuredIndex;
45595
 
45596
+ if (itemType === 'column') {
45597
+ itemMetadataMap = instanceProps.columnMetadataMap;
45598
+ lastMeasuredIndex = instanceProps.lastMeasuredColumnIndex;
45599
+ } else {
45600
+ itemMetadataMap = instanceProps.rowMetadataMap;
45601
+ lastMeasuredIndex = instanceProps.lastMeasuredRowIndex;
45602
+ }
45603
 
45604
+ var lastMeasuredItemOffset = lastMeasuredIndex > 0 ? itemMetadataMap[lastMeasuredIndex].offset : 0;
45605
 
45606
+ if (lastMeasuredItemOffset >= offset) {
45607
+ // If we've already measured items within this range just use a binary search as it's faster.
45608
+ return findNearestItemBinarySearch(itemType, props, instanceProps, lastMeasuredIndex, 0, offset);
45609
+ } else {
45610
+ // If we haven't yet measured this high, fallback to an exponential search with an inner binary search.
45611
+ // The exponential search avoids pre-computing sizes for the full set of items as a binary search would.
45612
+ // The overall complexity for this approach is O(log n).
45613
+ return findNearestItemExponentialSearch(itemType, props, instanceProps, Math.max(0, lastMeasuredIndex), offset);
45614
+ }
45615
+ };
45616
 
45617
+ var findNearestItemBinarySearch = function findNearestItemBinarySearch(itemType, props, instanceProps, high, low, offset) {
45618
+ while (low <= high) {
45619
+ var middle = low + Math.floor((high - low) / 2);
45620
+ var currentOffset = getItemMetadata(itemType, props, middle, instanceProps).offset;
45621
 
45622
+ if (currentOffset === offset) {
45623
+ return middle;
45624
+ } else if (currentOffset < offset) {
45625
+ low = middle + 1;
45626
+ } else if (currentOffset > offset) {
45627
+ high = middle - 1;
45628
+ }
45629
+ }
45630
 
45631
+ if (low > 0) {
45632
+ return low - 1;
45633
+ } else {
45634
+ return 0;
45635
+ }
45636
+ };
45637
 
45638
+ var findNearestItemExponentialSearch = function findNearestItemExponentialSearch(itemType, props, instanceProps, index, offset) {
45639
+ var itemCount = itemType === 'column' ? props.columnCount : props.rowCount;
45640
+ var interval = 1;
 
45641
 
45642
+ while (index < itemCount && getItemMetadata(itemType, props, index, instanceProps).offset < offset) {
45643
+ index += interval;
45644
+ interval *= 2;
45645
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45646
 
45647
+ return findNearestItemBinarySearch(itemType, props, instanceProps, Math.min(index, itemCount - 1), Math.floor(index / 2), offset);
45648
+ };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45649
 
45650
+ var getOffsetForIndexAndAlignment = function getOffsetForIndexAndAlignment(itemType, props, index, align, scrollOffset, instanceProps, scrollbarSize) {
45651
+ var size = itemType === 'column' ? props.width : props.height;
45652
+ var itemMetadata = getItemMetadata(itemType, props, index, instanceProps); // Get estimated total size after ItemMetadata is computed,
45653
+ // To ensure it reflects actual measurements instead of just estimates.
 
 
 
 
 
 
 
 
 
 
 
45654
 
45655
+ var estimatedTotalSize = itemType === 'column' ? getEstimatedTotalWidth(props, instanceProps) : getEstimatedTotalHeight(props, instanceProps);
45656
+ var maxOffset = Math.max(0, Math.min(estimatedTotalSize - size, itemMetadata.offset));
45657
+ var minOffset = Math.max(0, itemMetadata.offset - size + scrollbarSize + itemMetadata.size);
45658
 
45659
+ if (align === 'smart') {
45660
+ if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {
45661
+ align = 'auto';
45662
+ } else {
45663
+ align = 'center';
45664
+ }
45665
+ }
45666
+
45667
+ switch (align) {
45668
+ case 'start':
45669
+ return maxOffset;
 
 
 
 
 
 
 
 
 
 
45670
 
45671
+ case 'end':
45672
+ return minOffset;
45673
 
45674
+ case 'center':
45675
+ return Math.round(minOffset + (maxOffset - minOffset) / 2);
45676
 
45677
+ case 'auto':
45678
+ default:
45679
+ if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {
45680
+ return scrollOffset;
45681
+ } else if (minOffset > maxOffset) {
45682
+ // Because we only take into account the scrollbar size when calculating minOffset
45683
+ // this value can be larger than maxOffset when at the end of the list
45684
+ return minOffset;
45685
+ } else if (scrollOffset < minOffset) {
45686
+ return minOffset;
45687
+ } else {
45688
+ return maxOffset;
45689
+ }
45690
 
45691
+ }
45692
+ };
45693
 
45694
+ var VariableSizeGrid =
45695
+ /*#__PURE__*/
45696
+ createGridComponent({
45697
+ getColumnOffset: function getColumnOffset(props, index, instanceProps) {
45698
+ return getItemMetadata('column', props, index, instanceProps).offset;
45699
+ },
45700
+ getColumnStartIndexForOffset: function getColumnStartIndexForOffset(props, scrollLeft, instanceProps) {
45701
+ return findNearestItem('column', props, instanceProps, scrollLeft);
45702
+ },
45703
+ getColumnStopIndexForStartIndex: function getColumnStopIndexForStartIndex(props, startIndex, scrollLeft, instanceProps) {
45704
+ var columnCount = props.columnCount,
45705
+ width = props.width;
45706
+ var itemMetadata = getItemMetadata('column', props, startIndex, instanceProps);
45707
+ var maxOffset = scrollLeft + width;
45708
+ var offset = itemMetadata.offset + itemMetadata.size;
45709
+ var stopIndex = startIndex;
45710
 
45711
+ while (stopIndex < columnCount - 1 && offset < maxOffset) {
45712
+ stopIndex++;
45713
+ offset += getItemMetadata('column', props, stopIndex, instanceProps).size;
45714
+ }
45715
 
45716
+ return stopIndex;
45717
+ },
45718
+ getColumnWidth: function getColumnWidth(props, index, instanceProps) {
45719
+ return instanceProps.columnMetadataMap[index].size;
45720
+ },
45721
+ getEstimatedTotalHeight: getEstimatedTotalHeight,
45722
+ getEstimatedTotalWidth: getEstimatedTotalWidth,
45723
+ getOffsetForColumnAndAlignment: function getOffsetForColumnAndAlignment(props, index, align, scrollOffset, instanceProps, scrollbarSize) {
45724
+ return getOffsetForIndexAndAlignment('column', props, index, align, scrollOffset, instanceProps, scrollbarSize);
45725
+ },
45726
+ getOffsetForRowAndAlignment: function getOffsetForRowAndAlignment(props, index, align, scrollOffset, instanceProps, scrollbarSize) {
45727
+ return getOffsetForIndexAndAlignment('row', props, index, align, scrollOffset, instanceProps, scrollbarSize);
45728
+ },
45729
+ getRowOffset: function getRowOffset(props, index, instanceProps) {
45730
+ return getItemMetadata('row', props, index, instanceProps).offset;
45731
+ },
45732
+ getRowHeight: function getRowHeight(props, index, instanceProps) {
45733
+ return instanceProps.rowMetadataMap[index].size;
45734
+ },
45735
+ getRowStartIndexForOffset: function getRowStartIndexForOffset(props, scrollTop, instanceProps) {
45736
+ return findNearestItem('row', props, instanceProps, scrollTop);
45737
+ },
45738
+ getRowStopIndexForStartIndex: function getRowStopIndexForStartIndex(props, startIndex, scrollTop, instanceProps) {
45739
+ var rowCount = props.rowCount,
45740
+ height = props.height;
45741
+ var itemMetadata = getItemMetadata('row', props, startIndex, instanceProps);
45742
+ var maxOffset = scrollTop + height;
45743
+ var offset = itemMetadata.offset + itemMetadata.size;
45744
+ var stopIndex = startIndex;
45745
 
45746
+ while (stopIndex < rowCount - 1 && offset < maxOffset) {
45747
+ stopIndex++;
45748
+ offset += getItemMetadata('row', props, stopIndex, instanceProps).size;
 
 
45749
  }
 
45750
 
45751
+ return stopIndex;
45752
+ },
45753
+ initInstanceProps: function initInstanceProps(props, instance) {
45754
+ var _ref5 = props,
45755
+ estimatedColumnWidth = _ref5.estimatedColumnWidth,
45756
+ estimatedRowHeight = _ref5.estimatedRowHeight;
45757
+ var instanceProps = {
45758
+ columnMetadataMap: {},
45759
+ estimatedColumnWidth: estimatedColumnWidth || DEFAULT_ESTIMATED_ITEM_SIZE,
45760
+ estimatedRowHeight: estimatedRowHeight || DEFAULT_ESTIMATED_ITEM_SIZE,
45761
+ lastMeasuredColumnIndex: -1,
45762
+ lastMeasuredRowIndex: -1,
45763
+ rowMetadataMap: {}
45764
+ };
45765
 
45766
+ instance.resetAfterColumnIndex = function (columnIndex, shouldForceUpdate) {
45767
+ if (shouldForceUpdate === void 0) {
45768
+ shouldForceUpdate = true;
45769
+ }
45770
 
45771
+ instance.resetAfterIndices({
45772
+ columnIndex: columnIndex,
45773
+ shouldForceUpdate: shouldForceUpdate
45774
+ });
45775
+ };
45776
 
45777
+ instance.resetAfterRowIndex = function (rowIndex, shouldForceUpdate) {
45778
+ if (shouldForceUpdate === void 0) {
45779
+ shouldForceUpdate = true;
45780
+ }
 
 
 
 
 
 
45781
 
45782
+ instance.resetAfterIndices({
45783
+ rowIndex: rowIndex,
45784
+ shouldForceUpdate: shouldForceUpdate
45785
+ });
45786
+ };
 
 
 
45787
 
45788
+ instance.resetAfterIndices = function (_ref6) {
45789
+ var columnIndex = _ref6.columnIndex,
45790
+ rowIndex = _ref6.rowIndex,
45791
+ _ref6$shouldForceUpda = _ref6.shouldForceUpdate,
45792
+ shouldForceUpdate = _ref6$shouldForceUpda === void 0 ? true : _ref6$shouldForceUpda;
45793
 
45794
+ if (typeof columnIndex === 'number') {
45795
+ instanceProps.lastMeasuredColumnIndex = Math.min(instanceProps.lastMeasuredColumnIndex, columnIndex - 1);
45796
+ }
 
 
 
 
 
 
 
 
 
 
45797
 
45798
+ if (typeof rowIndex === 'number') {
45799
+ instanceProps.lastMeasuredRowIndex = Math.min(instanceProps.lastMeasuredRowIndex, rowIndex - 1);
45800
+ } // We could potentially optimize further by only evicting styles after this index,
45801
+ // But since styles are only cached while scrolling is in progress-
45802
+ // It seems an unnecessary optimization.
45803
+ // It's unlikely that resetAfterIndex() will be called while a user is scrolling.
45804
 
45805
+
45806
+ instance._getItemStyleCache(-1);
45807
+
45808
+ if (shouldForceUpdate) {
45809
+ instance.forceUpdate();
45810
  }
45811
+ };
45812
 
45813
+ return instanceProps;
45814
+ },
45815
+ shouldResetStyleCacheOnItemSizeChange: false,
45816
+ validateProps: function validateProps(_ref7) {
45817
+ var columnWidth = _ref7.columnWidth,
45818
+ rowHeight = _ref7.rowHeight;
45819
 
45820
+ if (false) {}
45821
+ }
45822
+ });
45823
 
45824
+ var IS_SCROLLING_DEBOUNCE_INTERVAL$1 = 150;
45825
 
45826
+ var defaultItemKey$1 = function defaultItemKey(index, data) {
45827
+ return index;
 
 
 
45828
  }; // In DEV mode, this Set helps us only log a warning once per component instance.
45829
  // This avoids spamming the console every time a render happens.
45830
 
45831
 
45832
+ var devWarningsDirection = null;
45833
+ var devWarningsTagName$1 = null;
 
45834
 
45835
  if (false) {}
45836
 
45837
+ function createListComponent(_ref) {
45838
  var _class, _temp;
45839
 
45840
+ var getItemOffset = _ref.getItemOffset,
45841
+ getEstimatedTotalSize = _ref.getEstimatedTotalSize,
45842
+ getItemSize = _ref.getItemSize,
45843
+ getOffsetForIndexAndAlignment = _ref.getOffsetForIndexAndAlignment,
45844
+ getStartIndexForOffset = _ref.getStartIndexForOffset,
45845
+ getStopIndexForStartIndex = _ref.getStopIndexForStartIndex,
45846
+ initInstanceProps = _ref.initInstanceProps,
45847
+ shouldResetStyleCacheOnItemSizeChange = _ref.shouldResetStyleCacheOnItemSizeChange,
45848
+ validateProps = _ref.validateProps;
 
 
 
 
 
 
45849
  return _temp = _class =
45850
  /*#__PURE__*/
45851
  function (_PureComponent) {
45852
+ (0,inheritsLoose/* default */.Z)(List, _PureComponent);
45853
 
45854
  // Always use explicit constructor for React components.
45855
  // It produces less code after transpilation. (#26)
45856
  // eslint-disable-next-line no-useless-constructor
45857
+ function List(props) {
45858
  var _this;
45859
 
45860
  _this = _PureComponent.call(this, props) || this;
45861
  _this._instanceProps = initInstanceProps(_this.props, (0,assertThisInitialized/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this)));
 
45862
  _this._outerRef = void 0;
45863
+ _this._resetIsScrollingTimeoutId = null;
45864
  _this.state = {
45865
  instance: (0,assertThisInitialized/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this)),
45866
  isScrolling: false,
45867
+ scrollDirection: 'forward',
45868
+ scrollOffset: typeof _this.props.initialScrollOffset === 'number' ? _this.props.initialScrollOffset : 0,
45869
+ scrollUpdateWasRequested: false
 
 
45870
  };
45871
  _this._callOnItemsRendered = void 0;
45872
+ _this._callOnItemsRendered = memoize_one_esm(function (overscanStartIndex, overscanStopIndex, visibleStartIndex, visibleStopIndex) {
45873
  return _this.props.onItemsRendered({
45874
+ overscanStartIndex: overscanStartIndex,
45875
+ overscanStopIndex: overscanStopIndex,
45876
+ visibleStartIndex: visibleStartIndex,
45877
+ visibleStopIndex: visibleStopIndex
 
 
 
 
45878
  });
45879
  });
45880
  _this._callOnScroll = void 0;
45881
+ _this._callOnScroll = memoize_one_esm(function (scrollDirection, scrollOffset, scrollUpdateWasRequested) {
45882
  return _this.props.onScroll({
45883
+ scrollDirection: scrollDirection,
45884
+ scrollOffset: scrollOffset,
 
 
45885
  scrollUpdateWasRequested: scrollUpdateWasRequested
45886
  });
45887
  });
45888
  _this._getItemStyle = void 0;
45889
 
45890
+ _this._getItemStyle = function (index) {
45891
  var _this$props = _this.props,
 
45892
  direction = _this$props.direction,
45893
+ itemSize = _this$props.itemSize,
45894
+ layout = _this$props.layout;
45895
 
45896
+ var itemStyleCache = _this._getItemStyleCache(shouldResetStyleCacheOnItemSizeChange && itemSize, shouldResetStyleCacheOnItemSizeChange && layout, shouldResetStyleCacheOnItemSizeChange && direction);
45897
 
 
45898
  var style;
45899
 
45900
+ if (itemStyleCache.hasOwnProperty(index)) {
45901
+ style = itemStyleCache[index];
45902
  } else {
45903
+ var _offset = getItemOffset(_this.props, index, _this._instanceProps);
45904
+
45905
+ var size = getItemSize(_this.props, index, _this._instanceProps); // TODO Deprecate direction "horizontal"
45906
 
45907
+ var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
45908
  var isRtl = direction === 'rtl';
45909
+ var offsetHorizontal = isHorizontal ? _offset : 0;
45910
+ itemStyleCache[index] = style = {
45911
  position: 'absolute',
45912
+ left: isRtl ? undefined : offsetHorizontal,
45913
+ right: isRtl ? offsetHorizontal : undefined,
45914
+ top: !isHorizontal ? _offset : 0,
45915
+ height: !isHorizontal ? size : '100%',
45916
+ width: isHorizontal ? size : '100%'
45917
  };
45918
  }
45919
 
45925
  return {};
45926
  });
45927
 
45928
+ _this._onScrollHorizontal = function (event) {
45929
  var _event$currentTarget = event.currentTarget,
 
45930
  clientWidth = _event$currentTarget.clientWidth,
45931
  scrollLeft = _event$currentTarget.scrollLeft,
 
 
45932
  scrollWidth = _event$currentTarget.scrollWidth;
45933
 
45934
  _this.setState(function (prevState) {
45935
+ if (prevState.scrollOffset === scrollLeft) {
45936
  // Scroll position may have been updated by cDM/cDU,
45937
  // In which case we don't need to trigger another render,
45938
  // And we don't want to update state.isScrolling.
45939
  return null;
45940
  }
45941
 
45942
+ var direction = _this.props.direction;
45943
+ var scrollOffset = scrollLeft;
 
 
 
 
45944
 
45945
  if (direction === 'rtl') {
45946
+ // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
45947
+ // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).
45948
+ // It's also easier for this component if we convert offsets to the same format as they would be in for ltr.
45949
+ // So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.
45950
  switch (getRTLOffsetType()) {
45951
  case 'negative':
45952
+ scrollOffset = -scrollLeft;
45953
  break;
45954
 
45955
  case 'positive-descending':
45956
+ scrollOffset = scrollWidth - clientWidth - scrollLeft;
45957
  break;
45958
  }
45959
  } // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
45960
 
45961
 
45962
+ scrollOffset = Math.max(0, Math.min(scrollOffset, scrollWidth - clientWidth));
 
45963
  return {
45964
  isScrolling: true,
45965
+ scrollDirection: prevState.scrollOffset < scrollLeft ? 'forward' : 'backward',
45966
+ scrollOffset: scrollOffset,
45967
+ scrollUpdateWasRequested: false
45968
+ };
45969
+ }, _this._resetIsScrollingDebounced);
45970
+ };
45971
+
45972
+ _this._onScrollVertical = function (event) {
45973
+ var _event$currentTarget2 = event.currentTarget,
45974
+ clientHeight = _event$currentTarget2.clientHeight,
45975
+ scrollHeight = _event$currentTarget2.scrollHeight,
45976
+ scrollTop = _event$currentTarget2.scrollTop;
45977
+
45978
+ _this.setState(function (prevState) {
45979
+ if (prevState.scrollOffset === scrollTop) {
45980
+ // Scroll position may have been updated by cDM/cDU,
45981
+ // In which case we don't need to trigger another render,
45982
+ // And we don't want to update state.isScrolling.
45983
+ return null;
45984
+ } // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
45985
+
45986
+
45987
+ var scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
45988
+ return {
45989
+ isScrolling: true,
45990
+ scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
45991
+ scrollOffset: scrollOffset,
45992
  scrollUpdateWasRequested: false
45993
  };
45994
  }, _this._resetIsScrollingDebounced);
46010
  cancelTimeout(_this._resetIsScrollingTimeoutId);
46011
  }
46012
 
46013
+ _this._resetIsScrollingTimeoutId = requestTimeout(_this._resetIsScrolling, IS_SCROLLING_DEBOUNCE_INTERVAL$1);
46014
  };
46015
 
46016
  _this._resetIsScrolling = function () {
46021
  }, function () {
46022
  // Clear style cache after state update has been committed.
46023
  // This way we don't break pure sCU for items that don't use isScrolling param.
46024
+ _this._getItemStyleCache(-1, null);
46025
  });
46026
  };
46027
 
46028
  return _this;
46029
  }
46030
 
46031
+ List.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
46032
+ validateSharedProps$1(nextProps, prevState);
46033
  validateProps(nextProps);
46034
  return null;
46035
  };
46036
 
46037
+ var _proto = List.prototype;
 
 
 
 
 
 
 
 
 
 
 
 
46038
 
46039
+ _proto.scrollTo = function scrollTo(scrollOffset) {
46040
+ scrollOffset = Math.max(0, scrollOffset);
46041
  this.setState(function (prevState) {
46042
+ if (prevState.scrollOffset === scrollOffset) {
 
 
 
 
 
 
 
 
46043
  return null;
46044
  }
46045
 
46046
  return {
46047
+ scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
46048
+ scrollOffset: scrollOffset,
46049
+ scrollUpdateWasRequested: true
 
 
46050
  };
46051
  }, this._resetIsScrollingDebounced);
46052
  };
46053
 
46054
+ _proto.scrollToItem = function scrollToItem(index, align) {
46055
+ if (align === void 0) {
46056
+ align = 'auto';
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46057
  }
46058
 
46059
+ var itemCount = this.props.itemCount;
46060
+ var scrollOffset = this.state.scrollOffset;
46061
+ index = Math.max(0, Math.min(index, itemCount - 1));
46062
+ this.scrollTo(getOffsetForIndexAndAlignment(this.props, index, align, scrollOffset, this._instanceProps));
 
 
 
 
 
 
 
46063
  };
46064
 
46065
  _proto.componentDidMount = function componentDidMount() {
46066
+ var _this$props2 = this.props,
46067
+ direction = _this$props2.direction,
46068
+ initialScrollOffset = _this$props2.initialScrollOffset,
46069
+ layout = _this$props2.layout;
 
 
46070
 
46071
+ if (typeof initialScrollOffset === 'number' && this._outerRef != null) {
46072
+ var outerRef = this._outerRef; // TODO Deprecate direction "horizontal"
 
46073
 
46074
+ if (direction === 'horizontal' || layout === 'horizontal') {
46075
+ outerRef.scrollLeft = initialScrollOffset;
46076
+ } else {
46077
+ outerRef.scrollTop = initialScrollOffset;
46078
  }
46079
  }
46080
 
46082
  };
46083
 
46084
  _proto.componentDidUpdate = function componentDidUpdate() {
46085
+ var _this$props3 = this.props,
46086
+ direction = _this$props3.direction,
46087
+ layout = _this$props3.layout;
46088
+ var _this$state = this.state,
46089
+ scrollOffset = _this$state.scrollOffset,
46090
+ scrollUpdateWasRequested = _this$state.scrollUpdateWasRequested;
46091
 
46092
  if (scrollUpdateWasRequested && this._outerRef != null) {
46093
+ var outerRef = this._outerRef; // TODO Deprecate direction "horizontal"
 
 
 
46094
 
46095
+ if (direction === 'horizontal' || layout === 'horizontal') {
46096
+ if (direction === 'rtl') {
46097
+ // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
46098
+ // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).
46099
+ // So we need to determine which browser behavior we're dealing with, and mimic it.
46100
+ switch (getRTLOffsetType()) {
46101
+ case 'negative':
46102
+ outerRef.scrollLeft = -scrollOffset;
46103
+ break;
46104
 
46105
+ case 'positive-ascending':
46106
+ outerRef.scrollLeft = scrollOffset;
46107
+ break;
46108
 
46109
+ default:
46110
+ var clientWidth = outerRef.clientWidth,
46111
+ scrollWidth = outerRef.scrollWidth;
46112
+ outerRef.scrollLeft = scrollWidth - clientWidth - scrollOffset;
46113
+ break;
46114
+ }
46115
+ } else {
46116
+ outerRef.scrollLeft = scrollOffset;
46117
  }
46118
  } else {
46119
+ outerRef.scrollTop = scrollOffset;
46120
  }
 
 
46121
  }
46122
 
46123
  this._callPropsCallbacks();
46133
  var _this$props4 = this.props,
46134
  children = _this$props4.children,
46135
  className = _this$props4.className,
 
46136
  direction = _this$props4.direction,
46137
  height = _this$props4.height,
46138
  innerRef = _this$props4.innerRef,
46139
  innerElementType = _this$props4.innerElementType,
46140
  innerTagName = _this$props4.innerTagName,
46141
+ itemCount = _this$props4.itemCount,
46142
  itemData = _this$props4.itemData,
46143
  _this$props4$itemKey = _this$props4.itemKey,
46144
+ itemKey = _this$props4$itemKey === void 0 ? defaultItemKey$1 : _this$props4$itemKey,
46145
+ layout = _this$props4.layout,
46146
  outerElementType = _this$props4.outerElementType,
46147
  outerTagName = _this$props4.outerTagName,
 
46148
  style = _this$props4.style,
46149
  useIsScrolling = _this$props4.useIsScrolling,
46150
  width = _this$props4.width;
46151
+ var isScrolling = this.state.isScrolling; // TODO Deprecate direction "horizontal"
46152
 
46153
+ var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
46154
+ var onScroll = isHorizontal ? this._onScrollHorizontal : this._onScrollVertical;
 
46155
 
46156
+ var _this$_getRangeToRend = this._getRangeToRender(),
46157
+ startIndex = _this$_getRangeToRend[0],
46158
+ stopIndex = _this$_getRangeToRend[1];
46159
 
46160
  var items = [];
46161
 
46162
+ if (itemCount > 0) {
46163
+ for (var _index = startIndex; _index <= stopIndex; _index++) {
46164
+ items.push((0,react.createElement)(children, {
46165
+ data: itemData,
46166
+ key: itemKey(_index, itemData),
46167
+ index: _index,
46168
+ isScrolling: useIsScrolling ? isScrolling : undefined,
46169
+ style: this._getItemStyle(_index)
46170
+ }));
 
 
 
 
 
 
 
46171
  }
46172
  } // Read this value AFTER items have been created,
46173
  // So their actual sizes (if variable) are taken into consideration.
46174
 
46175
 
46176
+ var estimatedTotalSize = getEstimatedTotalSize(this.props, this._instanceProps);
 
46177
  return (0,react.createElement)(outerElementType || outerTagName || 'div', {
46178
  className: className,
46179
+ onScroll: onScroll,
46180
  ref: this._outerRefSetter,
46181
  style: (0,esm_extends/* default */.Z)({
46182
  position: 'relative',
46191
  children: items,
46192
  ref: innerRef,
46193
  style: {
46194
+ height: isHorizontal ? '100%' : estimatedTotalSize,
46195
  pointerEvents: isScrolling ? 'none' : undefined,
46196
+ width: isHorizontal ? estimatedTotalSize : '100%'
46197
  }
46198
  }));
46199
  };
46200
 
46201
  _proto._callPropsCallbacks = function _callPropsCallbacks() {
46202
+ if (typeof this.props.onItemsRendered === 'function') {
46203
+ var itemCount = this.props.itemCount;
 
 
 
 
 
 
 
 
 
 
 
46204
 
46205
+ if (itemCount > 0) {
46206
+ var _this$_getRangeToRend2 = this._getRangeToRender(),
46207
+ _overscanStartIndex = _this$_getRangeToRend2[0],
46208
+ _overscanStopIndex = _this$_getRangeToRend2[1],
46209
+ _visibleStartIndex = _this$_getRangeToRend2[2],
46210
+ _visibleStopIndex = _this$_getRangeToRend2[3];
46211
 
46212
+ this._callOnItemsRendered(_overscanStartIndex, _overscanStopIndex, _visibleStartIndex, _visibleStopIndex);
46213
  }
46214
  }
46215
 
46216
+ if (typeof this.props.onScroll === 'function') {
46217
+ var _this$state2 = this.state,
46218
+ _scrollDirection = _this$state2.scrollDirection,
46219
+ _scrollOffset = _this$state2.scrollOffset,
46220
+ _scrollUpdateWasRequested = _this$state2.scrollUpdateWasRequested;
 
 
46221
 
46222
+ this._callOnScroll(_scrollDirection, _scrollOffset, _scrollUpdateWasRequested);
46223
  }
46224
  }; // Lazily create and cache item styles while scrolling,
46225
  // So that pure component sCU will prevent re-renders.
46227
  // So that List can clear cached styles and force item re-render if necessary.
46228
 
46229
 
46230
+ _proto._getRangeToRender = function _getRangeToRender() {
46231
+ var _this$props5 = this.props,
46232
+ itemCount = _this$props5.itemCount,
46233
+ overscanCount = _this$props5.overscanCount;
46234
+ var _this$state3 = this.state,
46235
+ isScrolling = _this$state3.isScrolling,
46236
+ scrollDirection = _this$state3.scrollDirection,
46237
+ scrollOffset = _this$state3.scrollOffset;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46238
 
46239
+ if (itemCount === 0) {
46240
  return [0, 0, 0, 0];
46241
  }
46242
 
46243
+ var startIndex = getStartIndexForOffset(this.props, scrollOffset, this._instanceProps);
46244
+ var stopIndex = getStopIndexForStartIndex(this.props, startIndex, scrollOffset, this._instanceProps); // Overscan by one item in each direction so that tab/focus works.
46245
  // If there isn't at least one extra item, tab loops back around.
46246
 
46247
+ var overscanBackward = !isScrolling || scrollDirection === 'backward' ? Math.max(1, overscanCount) : 1;
46248
+ var overscanForward = !isScrolling || scrollDirection === 'forward' ? Math.max(1, overscanCount) : 1;
46249
+ return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(itemCount - 1, stopIndex + overscanForward)), startIndex, stopIndex];
46250
  };
46251
 
46252
+ return List;
46253
  }(react.PureComponent), _class.defaultProps = {
46254
  direction: 'ltr',
46255
  itemData: undefined,
46256
+ layout: 'vertical',
46257
+ overscanCount: 2,
46258
  useIsScrolling: false
46259
  }, _temp;
46260
+ } // NOTE: I considered further wrapping individual items with a pure ListItem component.
46261
+ // This would avoid ever calling the render function for the same index more than once,
46262
+ // But it would also add the overhead of a lot of components/fibers.
46263
+ // I assume people already do this (render function returning a class component),
46264
+ // So my doing it would just unnecessarily double the wrappers.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46265
 
46266
+ var validateSharedProps$1 = function validateSharedProps(_ref2, _ref3) {
46267
+ var children = _ref2.children,
46268
+ direction = _ref2.direction,
46269
+ height = _ref2.height,
46270
+ layout = _ref2.layout,
46271
+ innerTagName = _ref2.innerTagName,
46272
+ outerTagName = _ref2.outerTagName,
46273
+ width = _ref2.width;
46274
+ var instance = _ref3.instance;
46275
 
46276
+ if (false) { var isHorizontal; }
 
 
46277
  };
46278
 
46279
+ var DEFAULT_ESTIMATED_ITEM_SIZE$1 = 50;
 
46280
 
46281
+ var getItemMetadata$1 = function getItemMetadata(props, index, instanceProps) {
46282
+ var _ref = props,
46283
+ itemSize = _ref.itemSize;
46284
+ var itemMetadataMap = instanceProps.itemMetadataMap,
46285
+ lastMeasuredIndex = instanceProps.lastMeasuredIndex;
 
 
 
 
46286
 
46287
  if (index > lastMeasuredIndex) {
46288
  var offset = 0;
46301
  offset += size;
46302
  }
46303
 
46304
+ instanceProps.lastMeasuredIndex = index;
 
 
 
 
46305
  }
46306
 
46307
  return itemMetadataMap[index];
46308
  };
46309
 
46310
+ var findNearestItem$1 = function findNearestItem(props, instanceProps, offset) {
46311
+ var itemMetadataMap = instanceProps.itemMetadataMap,
46312
+ lastMeasuredIndex = instanceProps.lastMeasuredIndex;
 
 
 
 
 
 
 
 
46313
  var lastMeasuredItemOffset = lastMeasuredIndex > 0 ? itemMetadataMap[lastMeasuredIndex].offset : 0;
46314
 
46315
  if (lastMeasuredItemOffset >= offset) {
46316
  // If we've already measured items within this range just use a binary search as it's faster.
46317
+ return findNearestItemBinarySearch$1(props, instanceProps, lastMeasuredIndex, 0, offset);
46318
  } else {
46319
  // If we haven't yet measured this high, fallback to an exponential search with an inner binary search.
46320
  // The exponential search avoids pre-computing sizes for the full set of items as a binary search would.
46321
  // The overall complexity for this approach is O(log n).
46322
+ return findNearestItemExponentialSearch$1(props, instanceProps, Math.max(0, lastMeasuredIndex), offset);
46323
  }
46324
  };
46325
 
46326
+ var findNearestItemBinarySearch$1 = function findNearestItemBinarySearch(props, instanceProps, high, low, offset) {
46327
  while (low <= high) {
46328
  var middle = low + Math.floor((high - low) / 2);
46329
+ var currentOffset = getItemMetadata$1(props, middle, instanceProps).offset;
46330
 
46331
  if (currentOffset === offset) {
46332
  return middle;
46344
  }
46345
  };
46346
 
46347
+ var findNearestItemExponentialSearch$1 = function findNearestItemExponentialSearch(props, instanceProps, index, offset) {
46348
+ var itemCount = props.itemCount;
46349
  var interval = 1;
46350
 
46351
+ while (index < itemCount && getItemMetadata$1(props, index, instanceProps).offset < offset) {
46352
  index += interval;
46353
  interval *= 2;
46354
  }
46355
 
46356
+ return findNearestItemBinarySearch$1(props, instanceProps, Math.min(index, itemCount - 1), Math.floor(index / 2), offset);
46357
  };
46358
 
46359
+ var getEstimatedTotalSize = function getEstimatedTotalSize(_ref2, _ref3) {
46360
+ var itemCount = _ref2.itemCount;
46361
+ var itemMetadataMap = _ref3.itemMetadataMap,
46362
+ estimatedItemSize = _ref3.estimatedItemSize,
46363
+ lastMeasuredIndex = _ref3.lastMeasuredIndex;
46364
+ var totalSizeOfMeasuredItems = 0; // Edge case check for when the number of items decreases while a scroll is in progress.
46365
+ // https://github.com/bvaughn/react-window/pull/138
46366
 
46367
+ if (lastMeasuredIndex >= itemCount) {
46368
+ lastMeasuredIndex = itemCount - 1;
46369
+ }
46370
 
46371
+ if (lastMeasuredIndex >= 0) {
46372
+ var itemMetadata = itemMetadataMap[lastMeasuredIndex];
46373
+ totalSizeOfMeasuredItems = itemMetadata.offset + itemMetadata.size;
 
 
 
46374
  }
46375
 
46376
+ var numUnmeasuredItems = itemCount - lastMeasuredIndex - 1;
46377
+ var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedItemSize;
46378
+ return totalSizeOfMeasuredItems + totalSizeOfUnmeasuredItems;
46379
+ };
46380
 
46381
+ var VariableSizeList =
46382
+ /*#__PURE__*/
46383
+ createListComponent({
46384
+ getItemOffset: function getItemOffset(props, index, instanceProps) {
46385
+ return getItemMetadata$1(props, index, instanceProps).offset;
46386
+ },
46387
+ getItemSize: function getItemSize(props, index, instanceProps) {
46388
+ return instanceProps.itemMetadataMap[index].size;
46389
+ },
46390
+ getEstimatedTotalSize: getEstimatedTotalSize,
46391
+ getOffsetForIndexAndAlignment: function getOffsetForIndexAndAlignment(props, index, align, scrollOffset, instanceProps) {
46392
+ var direction = props.direction,
46393
+ height = props.height,
46394
+ layout = props.layout,
46395
+ width = props.width; // TODO Deprecate direction "horizontal"
46396
 
46397
+ var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
46398
+ var size = isHorizontal ? width : height;
46399
+ var itemMetadata = getItemMetadata$1(props, index, instanceProps); // Get estimated total size after ItemMetadata is computed,
46400
+ // To ensure it reflects actual measurements instead of just estimates.
46401
 
46402
+ var estimatedTotalSize = getEstimatedTotalSize(props, instanceProps);
46403
+ var maxOffset = Math.max(0, Math.min(estimatedTotalSize - size, itemMetadata.offset));
46404
+ var minOffset = Math.max(0, itemMetadata.offset - size + itemMetadata.size);
46405
+
46406
+ if (align === 'smart') {
46407
+ if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {
46408
+ align = 'auto';
 
 
 
46409
  } else {
46410
+ align = 'center';
46411
  }
46412
+ }
46413
 
46414
+ switch (align) {
46415
+ case 'start':
46416
+ return maxOffset;
46417
 
46418
+ case 'end':
46419
+ return minOffset;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46420
 
46421
+ case 'center':
46422
+ return Math.round(minOffset + (maxOffset - minOffset) / 2);
 
 
46423
 
46424
+ case 'auto':
46425
+ default:
46426
+ if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {
46427
+ return scrollOffset;
46428
+ } else if (scrollOffset < minOffset) {
46429
+ return minOffset;
46430
+ } else {
46431
+ return maxOffset;
46432
+ }
46433
+
46434
+ }
 
 
 
 
 
 
 
46435
  },
46436
+ getStartIndexForOffset: function getStartIndexForOffset(props, offset, instanceProps) {
46437
+ return findNearestItem$1(props, instanceProps, offset);
46438
  },
46439
+ getStopIndexForStartIndex: function getStopIndexForStartIndex(props, startIndex, scrollOffset, instanceProps) {
46440
+ var direction = props.direction,
46441
+ height = props.height,
46442
+ itemCount = props.itemCount,
46443
+ layout = props.layout,
46444
+ width = props.width; // TODO Deprecate direction "horizontal"
46445
+
46446
+ var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
46447
+ var size = isHorizontal ? width : height;
46448
+ var itemMetadata = getItemMetadata$1(props, startIndex, instanceProps);
46449
+ var maxOffset = scrollOffset + size;
46450
  var offset = itemMetadata.offset + itemMetadata.size;
46451
  var stopIndex = startIndex;
46452
 
46453
+ while (stopIndex < itemCount - 1 && offset < maxOffset) {
46454
  stopIndex++;
46455
+ offset += getItemMetadata$1(props, stopIndex, instanceProps).size;
46456
  }
46457
 
46458
  return stopIndex;
46459
  },
46460
  initInstanceProps: function initInstanceProps(props, instance) {
46461
+ var _ref4 = props,
46462
+ estimatedItemSize = _ref4.estimatedItemSize;
 
46463
  var instanceProps = {
46464
+ itemMetadataMap: {},
46465
+ estimatedItemSize: estimatedItemSize || DEFAULT_ESTIMATED_ITEM_SIZE$1,
46466
+ lastMeasuredIndex: -1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46467
  };
46468
 
46469
+ instance.resetAfterIndex = function (index, shouldForceUpdate) {
46470
  if (shouldForceUpdate === void 0) {
46471
  shouldForceUpdate = true;
46472
  }
46473
 
46474
+ instanceProps.lastMeasuredIndex = Math.min(instanceProps.lastMeasuredIndex, index - 1); // We could potentially optimize further by only evicting styles after this index,
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46475
  // But since styles are only cached while scrolling is in progress-
46476
  // It seems an unnecessary optimization.
46477
  // It's unlikely that resetAfterIndex() will be called while a user is scrolling.
46478
 
 
46479
  instance._getItemStyleCache(-1);
46480
 
46481
  if (shouldForceUpdate) {
46486
  return instanceProps;
46487
  },
46488
  shouldResetStyleCacheOnItemSizeChange: false,
46489
+ validateProps: function validateProps(_ref5) {
46490
+ var itemSize = _ref5.itemSize;
 
46491
 
46492
  if (false) {}
46493
  }
46494
  });
46495
 
46496
+ var FixedSizeGrid =
46497
+ /*#__PURE__*/
46498
+ createGridComponent({
46499
+ getColumnOffset: function getColumnOffset(_ref, index) {
46500
+ var columnWidth = _ref.columnWidth;
46501
+ return index * columnWidth;
46502
+ },
46503
+ getColumnWidth: function getColumnWidth(_ref2, index) {
46504
+ var columnWidth = _ref2.columnWidth;
46505
+ return columnWidth;
46506
+ },
46507
+ getRowOffset: function getRowOffset(_ref3, index) {
46508
+ var rowHeight = _ref3.rowHeight;
46509
+ return index * rowHeight;
46510
+ },
46511
+ getRowHeight: function getRowHeight(_ref4, index) {
46512
+ var rowHeight = _ref4.rowHeight;
46513
+ return rowHeight;
46514
+ },
46515
+ getEstimatedTotalHeight: function getEstimatedTotalHeight(_ref5) {
46516
+ var rowCount = _ref5.rowCount,
46517
+ rowHeight = _ref5.rowHeight;
46518
+ return rowHeight * rowCount;
46519
+ },
46520
+ getEstimatedTotalWidth: function getEstimatedTotalWidth(_ref6) {
46521
+ var columnCount = _ref6.columnCount,
46522
+ columnWidth = _ref6.columnWidth;
46523
+ return columnWidth * columnCount;
46524
+ },
46525
+ getOffsetForColumnAndAlignment: function getOffsetForColumnAndAlignment(_ref7, columnIndex, align, scrollLeft, instanceProps, scrollbarSize) {
46526
+ var columnCount = _ref7.columnCount,
46527
+ columnWidth = _ref7.columnWidth,
46528
+ width = _ref7.width;
46529
+ var lastColumnOffset = Math.max(0, columnCount * columnWidth - width);
46530
+ var maxOffset = Math.min(lastColumnOffset, columnIndex * columnWidth);
46531
+ var minOffset = Math.max(0, columnIndex * columnWidth - width + scrollbarSize + columnWidth);
46532
 
46533
+ if (align === 'smart') {
46534
+ if (scrollLeft >= minOffset - width && scrollLeft <= maxOffset + width) {
46535
+ align = 'auto';
46536
+ } else {
46537
+ align = 'center';
46538
+ }
46539
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46540
 
46541
+ switch (align) {
46542
+ case 'start':
46543
+ return maxOffset;
 
 
46544
 
46545
+ case 'end':
46546
+ return minOffset;
46547
 
46548
+ case 'center':
46549
+ // "Centered" offset is usually the average of the min and max.
46550
+ // But near the edges of the list, this doesn't hold true.
46551
+ var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
46552
 
46553
+ if (middleOffset < Math.ceil(width / 2)) {
46554
+ return 0; // near the beginning
46555
+ } else if (middleOffset > lastColumnOffset + Math.floor(width / 2)) {
46556
+ return lastColumnOffset; // near the end
46557
  } else {
46558
+ return middleOffset;
46559
+ }
 
46560
 
46561
+ case 'auto':
46562
+ default:
46563
+ if (scrollLeft >= minOffset && scrollLeft <= maxOffset) {
46564
+ return scrollLeft;
46565
+ } else if (minOffset > maxOffset) {
46566
+ // Because we only take into account the scrollbar size when calculating minOffset
46567
+ // this value can be larger than maxOffset when at the end of the list
46568
+ return minOffset;
46569
+ } else if (scrollLeft < minOffset) {
46570
+ return minOffset;
46571
+ } else {
46572
+ return maxOffset;
46573
  }
46574
 
46575
+ }
46576
+ },
46577
+ getOffsetForRowAndAlignment: function getOffsetForRowAndAlignment(_ref8, rowIndex, align, scrollTop, instanceProps, scrollbarSize) {
46578
+ var rowHeight = _ref8.rowHeight,
46579
+ height = _ref8.height,
46580
+ rowCount = _ref8.rowCount;
46581
+ var lastRowOffset = Math.max(0, rowCount * rowHeight - height);
46582
+ var maxOffset = Math.min(lastRowOffset, rowIndex * rowHeight);
46583
+ var minOffset = Math.max(0, rowIndex * rowHeight - height + scrollbarSize + rowHeight);
46584
 
46585
+ if (align === 'smart') {
46586
+ if (scrollTop >= minOffset - height && scrollTop <= maxOffset + height) {
46587
+ align = 'auto';
46588
+ } else {
46589
+ align = 'center';
46590
+ }
46591
+ }
46592
 
46593
+ switch (align) {
46594
+ case 'start':
46595
+ return maxOffset;
 
 
46596
 
46597
+ case 'end':
46598
+ return minOffset;
 
 
 
 
 
46599
 
46600
+ case 'center':
46601
+ // "Centered" offset is usually the average of the min and max.
46602
+ // But near the edges of the list, this doesn't hold true.
46603
+ var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
46604
 
46605
+ if (middleOffset < Math.ceil(height / 2)) {
46606
+ return 0; // near the beginning
46607
+ } else if (middleOffset > lastRowOffset + Math.floor(height / 2)) {
46608
+ return lastRowOffset; // near the end
46609
+ } else {
46610
+ return middleOffset;
46611
+ }
 
 
46612
 
46613
+ case 'auto':
46614
+ default:
46615
+ if (scrollTop >= minOffset && scrollTop <= maxOffset) {
46616
+ return scrollTop;
46617
+ } else if (minOffset > maxOffset) {
46618
+ // Because we only take into account the scrollbar size when calculating minOffset
46619
+ // this value can be larger than maxOffset when at the end of the list
46620
+ return minOffset;
46621
+ } else if (scrollTop < minOffset) {
46622
+ return minOffset;
46623
+ } else {
46624
+ return maxOffset;
46625
+ }
46626
 
46627
+ }
46628
+ },
46629
+ getColumnStartIndexForOffset: function getColumnStartIndexForOffset(_ref9, scrollLeft) {
46630
+ var columnWidth = _ref9.columnWidth,
46631
+ columnCount = _ref9.columnCount;
46632
+ return Math.max(0, Math.min(columnCount - 1, Math.floor(scrollLeft / columnWidth)));
46633
+ },
46634
+ getColumnStopIndexForStartIndex: function getColumnStopIndexForStartIndex(_ref10, startIndex, scrollLeft) {
46635
+ var columnWidth = _ref10.columnWidth,
46636
+ columnCount = _ref10.columnCount,
46637
+ width = _ref10.width;
46638
+ var left = startIndex * columnWidth;
46639
+ var numVisibleColumns = Math.ceil((width + scrollLeft - left) / columnWidth);
46640
+ return Math.max(0, Math.min(columnCount - 1, startIndex + numVisibleColumns - 1 // -1 is because stop index is inclusive
46641
+ ));
46642
+ },
46643
+ getRowStartIndexForOffset: function getRowStartIndexForOffset(_ref11, scrollTop) {
46644
+ var rowHeight = _ref11.rowHeight,
46645
+ rowCount = _ref11.rowCount;
46646
+ return Math.max(0, Math.min(rowCount - 1, Math.floor(scrollTop / rowHeight)));
46647
+ },
46648
+ getRowStopIndexForStartIndex: function getRowStopIndexForStartIndex(_ref12, startIndex, scrollTop) {
46649
+ var rowHeight = _ref12.rowHeight,
46650
+ rowCount = _ref12.rowCount,
46651
+ height = _ref12.height;
46652
+ var top = startIndex * rowHeight;
46653
+ var numVisibleRows = Math.ceil((height + scrollTop - top) / rowHeight);
46654
+ return Math.max(0, Math.min(rowCount - 1, startIndex + numVisibleRows - 1 // -1 is because stop index is inclusive
46655
+ ));
46656
+ },
46657
+ initInstanceProps: function initInstanceProps(props) {// Noop
46658
+ },
46659
+ shouldResetStyleCacheOnItemSizeChange: true,
46660
+ validateProps: function validateProps(_ref13) {
46661
+ var columnWidth = _ref13.columnWidth,
46662
+ rowHeight = _ref13.rowHeight;
46663
 
46664
+ if (false) {}
46665
+ }
46666
+ });
 
 
 
 
 
 
46667
 
46668
+ var FixedSizeList =
46669
+ /*#__PURE__*/
46670
+ createListComponent({
46671
+ getItemOffset: function getItemOffset(_ref, index) {
46672
+ var itemSize = _ref.itemSize;
46673
+ return index * itemSize;
46674
+ },
46675
+ getItemSize: function getItemSize(_ref2, index) {
46676
+ var itemSize = _ref2.itemSize;
46677
+ return itemSize;
46678
+ },
46679
+ getEstimatedTotalSize: function getEstimatedTotalSize(_ref3) {
46680
+ var itemCount = _ref3.itemCount,
46681
+ itemSize = _ref3.itemSize;
46682
+ return itemSize * itemCount;
46683
+ },
46684
+ getOffsetForIndexAndAlignment: function getOffsetForIndexAndAlignment(_ref4, index, align, scrollOffset) {
46685
+ var direction = _ref4.direction,
46686
+ height = _ref4.height,
46687
+ itemCount = _ref4.itemCount,
46688
+ itemSize = _ref4.itemSize,
46689
+ layout = _ref4.layout,
46690
+ width = _ref4.width;
46691
+ // TODO Deprecate direction "horizontal"
46692
+ var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
46693
+ var size = isHorizontal ? width : height;
46694
+ var lastItemOffset = Math.max(0, itemCount * itemSize - size);
46695
+ var maxOffset = Math.min(lastItemOffset, index * itemSize);
46696
+ var minOffset = Math.max(0, index * itemSize - size + itemSize);
46697
 
46698
+ if (align === 'smart') {
46699
+ if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {
46700
+ align = 'auto';
46701
+ } else {
46702
+ align = 'center';
46703
+ }
46704
+ }
46705
 
46706
+ switch (align) {
46707
+ case 'start':
46708
+ return maxOffset;
46709
 
46710
+ case 'end':
46711
+ return minOffset;
 
 
 
 
 
 
 
46712
 
46713
+ case 'center':
46714
+ {
46715
+ // "Centered" offset is usually the average of the min and max.
46716
+ // But near the edges of the list, this doesn't hold true.
46717
+ var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
46718
 
46719
+ if (middleOffset < Math.ceil(size / 2)) {
46720
+ return 0; // near the beginning
46721
+ } else if (middleOffset > lastItemOffset + Math.floor(size / 2)) {
46722
+ return lastItemOffset; // near the end
46723
+ } else {
46724
+ return middleOffset;
46725
+ }
46726
  }
 
46727
 
46728
+ case 'auto':
46729
+ default:
46730
+ if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {
46731
+ return scrollOffset;
46732
+ } else if (scrollOffset < minOffset) {
46733
+ return minOffset;
46734
+ } else {
46735
+ return maxOffset;
46736
  }
46737
 
46738
+ }
46739
+ },
46740
+ getStartIndexForOffset: function getStartIndexForOffset(_ref5, offset) {
46741
+ var itemCount = _ref5.itemCount,
46742
+ itemSize = _ref5.itemSize;
46743
+ return Math.max(0, Math.min(itemCount - 1, Math.floor(offset / itemSize)));
46744
+ },
46745
+ getStopIndexForStartIndex: function getStopIndexForStartIndex(_ref6, startIndex, scrollOffset) {
46746
+ var direction = _ref6.direction,
46747
+ height = _ref6.height,
46748
+ itemCount = _ref6.itemCount,
46749
+ itemSize = _ref6.itemSize,
46750
+ layout = _ref6.layout,
46751
+ width = _ref6.width;
46752
+ // TODO Deprecate direction "horizontal"
46753
+ var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
46754
+ var offset = startIndex * itemSize;
46755
+ var size = isHorizontal ? width : height;
46756
+ var numVisibleItems = Math.ceil((size + scrollOffset - offset) / itemSize);
46757
+ return Math.max(0, Math.min(itemCount - 1, startIndex + numVisibleItems - 1 // -1 is because stop index is inclusive
46758
+ ));
46759
+ },
46760
+ initInstanceProps: function initInstanceProps(props) {// Noop
46761
+ },
46762
+ shouldResetStyleCacheOnItemSizeChange: true,
46763
+ validateProps: function validateProps(_ref7) {
46764
+ var itemSize = _ref7.itemSize;
46765
 
46766
+ if (false) {}
46767
+ }
46768
+ });
46769
+
46770
+ // Pulled from react-compat
46771
+ // https://github.com/developit/preact-compat/blob/7c5de00e7c85e2ffd011bf3af02899b63f699d3a/src/index.js#L349
46772
+ function shallowDiffers(prev, next) {
46773
+ for (var attribute in prev) {
46774
+ if (!(attribute in next)) {
46775
+ return true;
46776
  }
46777
+ }
46778
 
46779
+ for (var _attribute in next) {
46780
+ if (prev[_attribute] !== next[_attribute]) {
46781
+ return true;
46782
+ }
46783
+ }
46784
 
46785
+ return false;
46786
+ }
46787
 
46788
+ // It knows to compare individual style props and ignore the wrapper object.
46789
+ // See https://reactjs.org/docs/react-api.html#reactmemo
 
 
 
 
46790
 
46791
+ function areEqual(prevProps, nextProps) {
46792
+ var prevStyle = prevProps.style,
46793
+ prevRest = _objectWithoutPropertiesLoose(prevProps, ["style"]);
 
 
 
 
46794
 
46795
+ var nextStyle = nextProps.style,
46796
+ nextRest = _objectWithoutPropertiesLoose(nextProps, ["style"]);
 
 
46797
 
46798
+ return !shallowDiffers(prevStyle, nextStyle) && !shallowDiffers(prevRest, nextRest);
46799
+ }
 
 
 
46800
 
46801
+ // It knows to compare individual style props and ignore the wrapper object.
46802
+ // See https://reactjs.org/docs/react-component.html#shouldcomponentupdate
 
 
 
46803
 
46804
+ function shouldComponentUpdate(nextProps, nextState) {
46805
+ return !areEqual(this.props, nextProps) || shallowDiffers(this.state, nextState);
46806
+ }
46807
 
 
 
 
 
 
 
46808
 
46809
+ //# sourceMappingURL=index.esm.js.map
 
46810
 
46811
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Dialogs/IconPickerDialog/IconPickerFrame/IconPickerFrame.js
46812
+ function IconPickerFrame_slicedToArray(arr, i) { return IconPickerFrame_arrayWithHoles(arr) || IconPickerFrame_iterableToArrayLimit(arr, i) || IconPickerFrame_unsupportedIterableToArray(arr, i) || IconPickerFrame_nonIterableRest(); }
 
 
 
 
 
46813
 
46814
+ function IconPickerFrame_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
46815
 
46816
+ function IconPickerFrame_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return IconPickerFrame_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return IconPickerFrame_arrayLikeToArray(o, minLen); }
 
 
 
 
 
 
 
 
46817
 
46818
+ function IconPickerFrame_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; }
 
 
46819
 
46820
+ function IconPickerFrame_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 
 
 
 
 
 
 
 
 
 
 
46821
 
46822
+ function IconPickerFrame_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
46823
 
 
 
 
 
 
46824
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46825
 
 
 
46826
 
 
 
 
46827
 
 
46828
 
 
 
 
 
 
 
 
 
 
 
 
 
46829
 
46830
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46831
 
46832
+ var keywordSearch = function keywordSearch(keyword, importedIcons) {
46833
+ if (keyword) {
46834
+ // Empty list
46835
+ var newIconList = [];
46836
+ var icons = importedIcons;
46837
 
46838
+ for (var i = 0; i < icons.length; i++) {
46839
+ var iconData = icons[i]; // Search in name or in search terms
 
 
 
 
46840
 
46841
+ if (iconData.searchTerms.includes(keyword) || iconData.name.includes(keyword)) {
46842
+ newIconList.push(iconData);
46843
  }
46844
+ }
46845
 
46846
+ return newIconList;
46847
+ } else {
46848
+ return importedIcons;
46849
+ }
46850
+ };
46851
 
46852
+ function IconPickerFrame(_ref) {
46853
+ var selectedIcon = _ref.selectedIcon,
46854
+ onSelect = _ref.onSelect,
46855
+ icon_library = _ref.icon_library,
46856
+ icon_library_version = _ref.icon_library_version;
 
46857
 
46858
+ var _useState = (0,react.useState)(""),
46859
+ _useState2 = IconPickerFrame_slicedToArray(_useState, 2),
46860
+ keyword = _useState2[0],
46861
+ setKeyword = _useState2[1];
46862
 
46863
+ var container = (0,react.useRef)(null);
 
 
 
 
 
 
 
46864
 
46865
+ var _useState3 = (0,react.useState)([]),
46866
+ _useState4 = IconPickerFrame_slicedToArray(_useState3, 2),
46867
+ importedIcons = _useState4[0],
46868
+ setImportedIcons = _useState4[1];
46869
 
46870
+ var iconList = (0,react.useMemo)(function () {
46871
+ return keywordSearch(keyword, importedIcons);
46872
+ }, [keyword, importedIcons]);
46873
+ (0,react.useEffect)(function () {
46874
+ importIcons(icon_library, icon_library_version).then(function (result) {
46875
+ setImportedIcons(result.data);
46876
+ });
46877
+ }, [icon_library, icon_library_version]);
46878
+ return /*#__PURE__*/react.createElement("div", {
46879
+ ref: container,
46880
+ style: {
46881
+ flexGrow: 1,
46882
+ height: 500,
46883
+ overflow: "hidden"
46884
+ },
46885
+ "data-testid": "icon-frame"
46886
+ }, /*#__PURE__*/react.createElement("div", {
46887
+ className: "header"
46888
+ }, /*#__PURE__*/react.createElement(TextField_TextField, {
46889
+ value: keyword,
46890
+ fullWidth: true,
46891
+ variant: "outlined",
46892
+ inputProps: {
46893
+ "data-testid": "search-field"
46894
+ },
46895
+ placeholder: translate("utils.icon_selector.search_icon"),
46896
+ onChange: function onChange(e) {
46897
+ setKeyword(e.target.value);
46898
+ }
46899
+ })), iconList.length === 0 && keyword === "" && /*#__PURE__*/react.createElement("div", {
46900
+ style: {
46901
+ margin: "150px 0 0",
46902
+ textAlign: "center"
46903
+ }
46904
+ }, /*#__PURE__*/react.createElement("svg", {
46905
+ width: "60",
46906
+ height: "60",
46907
+ viewBox: "0 0 38 38",
46908
+ xmlns: "http://www.w3.org/2000/svg",
46909
+ stroke: "#2f788a"
46910
+ }, /*#__PURE__*/react.createElement("g", {
46911
+ fill: "none",
46912
+ fillRule: "evenodd"
46913
+ }, /*#__PURE__*/react.createElement("g", {
46914
+ transform: "translate(1 1)",
46915
+ strokeWidth: "2"
46916
+ }, /*#__PURE__*/react.createElement("circle", {
46917
+ strokeOpacity: ".5",
46918
+ cx: "18",
46919
+ cy: "18",
46920
+ r: "18"
46921
+ }), /*#__PURE__*/react.createElement("path", {
46922
+ d: "M36 18c0-9.94-8.06-18-18-18"
46923
+ }, /*#__PURE__*/react.createElement("animateTransform", {
46924
+ attributeName: "transform",
46925
+ type: "rotate",
46926
+ from: "0 18 18",
46927
+ to: "360 18 18",
46928
+ dur: "1s",
46929
+ repeatCount: "indefinite"
46930
+ }))))), /*#__PURE__*/react.createElement("p", {
46931
+ style: {
46932
+ fontFamily: "Arial, Helvetica, sans-serif"
46933
+ }
46934
+ }, translate("utils.icon_selector.loading"))), keyword !== "" && /*#__PURE__*/react.createElement("p", {
46935
+ className: "search-results"
46936
+ }, /*#__PURE__*/react.createElement("span", {
46937
+ dangerouslySetInnerHTML: {
46938
+ __html: translate("utils.icon_selector.searching_for", keyword, iconList.length)
46939
+ }
46940
+ }), " ", /*#__PURE__*/react.createElement("a", {
46941
+ href: "#",
46942
+ onClick: function onClick(e) {
46943
+ e.preventDefault();
46944
+ setKeyword("");
46945
+ }
46946
+ }, translate("utils.icon_selector.remove_filter"))), /*#__PURE__*/react.createElement("div", {
46947
+ className: "icon-list",
46948
+ style: {
46949
+ overflowX: "overlay"
46950
+ }
46951
+ }, /*#__PURE__*/react.createElement(FixedSizeGrid, {
46952
+ columnCount: container.current !== null ? container.current.clientWidth < 600 ? 4 : 8 : 8,
46953
+ columnWidth: container.current !== null ? container.current.clientWidth < 600 ? (container.current.clientWidth - 30) / 4 : (container.current.clientWidth - 30) / 8 : 15,
46954
+ height: container.current !== null ? container.current.clientHeight - 70 : 200,
46955
+ rowCount: container.current !== null ? container.current.clientWidth < 600 ? Math.max(iconList.length / 4) : Math.max(iconList.length / 8) : Math.max(iconList.length / 8),
46956
+ rowHeight: 90,
46957
+ width: container.current !== null ? container.current.clientWidth : 200
46958
+ }, function (_ref2) {
46959
+ var columnIndex = _ref2.columnIndex,
46960
+ rowIndex = _ref2.rowIndex,
46961
+ style = _ref2.style;
46962
+ var iconData = iconList[rowIndex * (container.current !== null ? container.current.clientWidth < 600 ? 4 : 8 : 8) + columnIndex];
46963
 
46964
+ if (!iconData || typeof iconData === "undefined" || iconData.icons == null) {
46965
+ return null;
46966
+ }
 
46967
 
46968
+ var iconItem = iconData.icons[0];
46969
+ return /*#__PURE__*/react.createElement("div", {
46970
+ style: style
46971
+ }, /*#__PURE__*/react.createElement("a", {
46972
+ href: "#",
46973
+ className: (0,clsx_m/* default */.Z)("icon-item", selectedIcon !== "" && selectedIcon === iconItem.icon && "current-selected"),
46974
+ title: iconData.name,
46975
+ onClick: function onClick(e) {
46976
+ e.preventDefault();
46977
+ onSelect(iconItem.icon);
46978
+ }
46979
+ }, /*#__PURE__*/react.createElement("div", {
46980
+ className: "icon-container"
46981
+ }, /*#__PURE__*/react.createElement("i", {
46982
+ className: iconItem.icon
46983
+ })), /*#__PURE__*/react.createElement("span", {
46984
+ className: "icon-name"
46985
+ }, iconData.name)));
46986
+ })));
46987
+ }
46988
 
46989
+ /* harmony default export */ var IconPickerFrame_IconPickerFrame = (connect(function (state) {
46990
+ return {
46991
+ icon_library: state.settings.icon_library,
46992
+ icon_library_version: state.settings.icon_library_version
46993
+ };
46994
+ })(IconPickerFrame));
46995
+ // EXTERNAL MODULE: ./node_modules/jss/dist/jss.esm.js
46996
+ var jss_esm = __webpack_require__(54013);
46997
+ // EXTERNAL MODULE: ./node_modules/@material-ui/styles/esm/jssPreset/jssPreset.js + 9 modules
46998
+ var jssPreset = __webpack_require__(60246);
46999
+ // EXTERNAL MODULE: ./node_modules/@material-ui/styles/esm/StylesProvider/StylesProvider.js + 1 modules
47000
+ var StylesProvider = __webpack_require__(4137);
47001
+ ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/NoSsr/NoSsr.js
47002
 
 
 
47003
 
 
47004
 
47005
+ var NoSsr_useEnhancedEffect = typeof window !== 'undefined' && "production" !== 'test' ? react.useLayoutEffect : react.useEffect;
47006
+ /**
47007
+ * NoSsr purposely removes components from the subject of Server Side Rendering (SSR).
47008
+ *
47009
+ * This component can be useful in a variety of situations:
47010
+ * - Escape hatch for broken dependencies not supporting SSR.
47011
+ * - Improve the time-to-first paint on the client by only rendering above the fold.
47012
+ * - Reduce the rendering time on the server.
47013
+ * - Under too heavy server load, you can turn on service degradation.
47014
+ */
47015
 
47016
+ function NoSsr(props) {
47017
+ var children = props.children,
47018
+ _props$defer = props.defer,
47019
+ defer = _props$defer === void 0 ? false : _props$defer,
47020
+ _props$fallback = props.fallback,
47021
+ fallback = _props$fallback === void 0 ? null : _props$fallback;
47022
 
47023
+ var _React$useState = react.useState(false),
47024
+ mountedState = _React$useState[0],
47025
+ setMountedState = _React$useState[1];
 
47026
 
47027
+ NoSsr_useEnhancedEffect(function () {
47028
+ if (!defer) {
47029
+ setMountedState(true);
 
 
 
 
47030
  }
47031
+ }, [defer]);
47032
+ react.useEffect(function () {
47033
+ if (defer) {
47034
+ setMountedState(true);
47035
+ }
47036
+ }, [defer]); // We need the Fragment here to force react-docgen to recognise NoSsr as a component.
47037
 
47038
+ return /*#__PURE__*/react.createElement(react.Fragment, null, mountedState ? children : fallback);
47039
+ }
 
 
 
47040
 
47041
+ false ? 0 : void 0;
 
 
 
47042
 
47043
+ if (false) {}
 
 
 
 
 
 
 
 
 
47044
 
47045
+ /* harmony default export */ var NoSsr_NoSsr = (NoSsr);
47046
+ // EXTERNAL MODULE: ./node_modules/react-frame-component/lib/index.js
47047
+ var lib = __webpack_require__(96561);
47048
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Dialogs/IconPickerDialog/DemoFrame.js
47049
+ function DemoFrame_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { DemoFrame_typeof = function _typeof(obj) { return typeof obj; }; } else { DemoFrame_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return DemoFrame_typeof(obj); }
47050
 
47051
+ function DemoFrame_toConsumableArray(arr) { return DemoFrame_arrayWithoutHoles(arr) || DemoFrame_iterableToArray(arr) || DemoFrame_unsupportedIterableToArray(arr) || DemoFrame_nonIterableSpread(); }
 
 
 
 
 
 
 
47052
 
47053
+ function DemoFrame_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 
 
 
 
47054
 
47055
+ function DemoFrame_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return DemoFrame_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return DemoFrame_arrayLikeToArray(o, minLen); }
 
 
47056
 
47057
+ function DemoFrame_iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 
 
47058
 
47059
+ function DemoFrame_arrayWithoutHoles(arr) { if (Array.isArray(arr)) return DemoFrame_arrayLikeToArray(arr); }
 
47060
 
47061
+ function DemoFrame_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; }
 
 
 
 
 
 
47062
 
47063
+ function DemoFrame_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 
47064
 
47065
+ function DemoFrame_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); } }
 
 
 
47066
 
47067
+ function DemoFrame_createClass(Constructor, protoProps, staticProps) { if (protoProps) DemoFrame_defineProperties(Constructor.prototype, protoProps); if (staticProps) DemoFrame_defineProperties(Constructor, staticProps); return Constructor; }
 
 
 
47068
 
47069
+ 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); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
47070
 
47071
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 
 
47072
 
47073
+ 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); }; }
 
 
47074
 
47075
+ function _possibleConstructorReturn(self, call) { if (call && (DemoFrame_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
 
 
 
 
 
47076
 
47077
+ function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
 
47078
 
47079
+ 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; } }
 
47080
 
47081
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
47082
 
47083
+ function DemoFrame_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; }
 
 
 
 
 
 
 
 
47084
 
47085
+ /* global Map */
 
 
 
 
 
 
 
 
 
 
47086
 
 
 
 
 
 
 
47087
 
 
 
 
 
47088
 
 
 
 
 
 
 
 
 
 
 
47089
 
47090
+ // import rtl from "jss-rtl";
 
 
 
47091
 
 
 
 
 
47092
 
 
47093
 
47094
+ var DemoFrame_styles = function styles(theme) {
47095
+ return {
47096
+ root: {
47097
+ backgroundColor: theme.palette.background["default"],
47098
+ flexGrow: 1,
47099
+ height: 400,
47100
+ border: "none",
47101
+ boxShadow: theme.shadows[1]
47102
+ }
47103
+ };
47104
+ };
47105
 
47106
+ var DemoFrame = /*#__PURE__*/function (_React$Component) {
47107
+ _inherits(DemoFrame, _React$Component);
 
 
 
47108
 
47109
+ var _super = _createSuper(DemoFrame);
 
 
47110
 
47111
+ function DemoFrame() {
47112
+ var _this;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
47113
 
47114
+ DemoFrame_classCallCheck(this, DemoFrame);
47115
+
47116
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
47117
+ args[_key] = arguments[_key];
 
 
47118
  }
47119
 
47120
+ _this = _super.call.apply(_super, [this].concat(args));
 
 
47121
 
47122
+ DemoFrame_defineProperty(_assertThisInitialized(_this), "state", {
47123
+ ready: false
47124
+ });
47125
 
47126
+ DemoFrame_defineProperty(_assertThisInitialized(_this), "handleRef", function (ref) {
47127
+ _this.contentDocument = ref ? ref.node.contentDocument : null;
47128
+ _this.contentWindow = ref ? ref.node.contentWindow : null;
47129
+ });
47130
 
47131
+ DemoFrame_defineProperty(_assertThisInitialized(_this), "onContentDidMount", function () {
47132
+ _this.setState({
47133
+ ready: true,
47134
+ jss: (0,jss_esm/* create */.Ue)({
47135
+ plugins: DemoFrame_toConsumableArray((0,jssPreset/* default */.Z)().plugins),
47136
+ insertionPoint: _this.contentWindow["demo-frame-jss"]
47137
+ }),
47138
+ sheetsManager: new Map(),
47139
+ container: _this.contentDocument.body
47140
+ });
47141
+ });
47142
 
47143
+ DemoFrame_defineProperty(_assertThisInitialized(_this), "onContentDidUpdate", function () {
47144
+ _this.contentDocument.body.dir = _this.props.theme.direction;
47145
+ });
 
 
 
 
 
 
 
 
 
 
47146
 
47147
+ return _this;
47148
+ }
 
 
 
 
 
 
 
47149
 
47150
+ DemoFrame_createClass(DemoFrame, [{
47151
+ key: "render",
47152
+ value: function render() {
47153
+ var _this$props = this.props,
47154
+ children = _this$props.children,
47155
+ classes = _this$props.classes; // NoSsr fixes a strange concurrency issue with iframe and quick React mount/unmount
47156
+
47157
+ return /*#__PURE__*/react.createElement(NoSsr_NoSsr, null, /*#__PURE__*/react.createElement(lib/* default */.ZP, {
47158
+ ref: this.handleRef,
47159
+ className: classes.root,
47160
+ contentDidMount: this.onContentDidMount,
47161
+ contentDidUpdate: this.onContentDidUpdate,
47162
+ head: this.props.head,
47163
+ style: this.props.style,
47164
+ width: "100%",
47165
+ border: 0
47166
+ }, /*#__PURE__*/react.createElement("div", {
47167
+ id: "demo-frame-jss"
47168
+ }), this.state.ready ? /*#__PURE__*/react.createElement(StylesProvider/* default */.ZP, {
47169
+ jss: this.state.jss,
47170
+ sheetsManager: this.state.sheetsManager
47171
+ }, /*#__PURE__*/react.cloneElement(children, {
47172
+ container: this.state.container
47173
+ })) : null));
47174
  }
47175
+ }]);
47176
 
47177
+ return DemoFrame;
47178
+ }(react.Component);
 
47179
 
47180
+ /* harmony default export */ var IconPickerDialog_DemoFrame = ((0,withStyles/* default */.Z)(DemoFrame_styles, {
47181
+ withTheme: true
47182
+ })(DemoFrame));
47183
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Dialogs/IconPickerDialog/IconPickerDialog.js
47184
+ function IconPickerDialog_slicedToArray(arr, i) { return IconPickerDialog_arrayWithHoles(arr) || IconPickerDialog_iterableToArrayLimit(arr, i) || IconPickerDialog_unsupportedIterableToArray(arr, i) || IconPickerDialog_nonIterableRest(); }
47185
 
47186
+ function IconPickerDialog_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 
 
47187
 
47188
+ function IconPickerDialog_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return IconPickerDialog_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return IconPickerDialog_arrayLikeToArray(o, minLen); }
 
 
 
 
 
 
47189
 
47190
+ function IconPickerDialog_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; }
 
 
 
 
 
 
 
 
 
 
 
 
47191
 
47192
+ function IconPickerDialog_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
47193
 
47194
+ function IconPickerDialog_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
47195
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
47196
 
 
 
 
 
 
 
 
47197
 
 
 
 
47198
 
 
 
47199
 
 
 
 
 
 
47200
 
47201
+ var stylesheet = "\nbody {\n margin: 0;\n display: flex;\n overflow: hidden;\n}\n\n* {\n box-sizing: border-box;\n}\n\n.header {\n margin-bottom: 5px;\n}\n\n.icon-item {\n display: block;\n text-decoration: none;\n border: 2px solid #eeeeee;\n margin: 4px;\n height: 80px;\n color: #494949;\n font-family: sans-serif;\n border-radius: 4px;\n transition: border-color 250ms ease-in-out;\n}\n\n.icon-item:hover {\n color: #2f788a;\n border-color: #2f788a;\n}\n\n.icon-item.current-selected {\n color: #f08419;\n border-color: #f08419;\n}\n\n.icon-item .icon-container {\n height: 50px;\n line-height: 50px;\n text-align: center;\n}\n\n.icon-item .icon-container i {\n display: block;\n line-height: 50px;\n font-size: 25px;\n}\n\n.icon-item .icon-name {\n display: block;\n text-align: center;\n padding: 0 5px 10px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 13px;\n}\n\n.search-results {\n display: block;\n padding: 5px 5px 0;\n font-family: sans-serif;\n color: #333333;\n font-size: 14px;\n}\n\n.search-results a {\n text-decoration: none;\n color: #2f788a;\n}\n\n.search-results a:hover {\n text-decoration: underline;\n}\n\n.frame-content {\n width: 100%;\n}\n.frame-root {\n width: 100%;\n}\n";
47202
+ function IconPickerDialog(_ref) {
47203
+ var onClose = _ref.onClose,
47204
+ startingValue = _ref.startingValue,
47205
+ _ref$dialogOpened = _ref.dialogOpened,
47206
+ dialogOpened = _ref$dialogOpened === void 0 ? false : _ref$dialogOpened,
47207
+ memoizedStylesheet = _ref.memoizedStylesheet;
 
47208
 
47209
+ var _useState = (0,react.useState)(startingValue),
47210
+ _useState2 = IconPickerDialog_slicedToArray(_useState, 2),
47211
+ currentSelectedIcon = _useState2[0],
47212
+ setCurrentSelectedIcon = _useState2[1];
 
 
 
 
 
47213
 
47214
+ var handleClose = function handleClose(status, value) {
47215
+ if (status === "confirm") {
47216
+ onClose(value);
47217
+ } else {
47218
+ onClose(false);
47219
  }
47220
+ };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
47221
 
47222
  (0,react.useEffect)(function () {
47223
  setCurrentSelectedIcon(startingValue);
58776
  var increaseKey = isRtl ? 'ArrowLeft' : 'ArrowRight';
58777
  var decreaseKey = isRtl ? 'ArrowRight' : 'ArrowLeft';
58778
 
58779
+ switch (event.key) {
58780
+ case 'Home':
58781
+ newValue = min;
58782
+ break;
58783
+
58784
+ case 'End':
58785
+ newValue = max;
58786
+ break;
58787
+
58788
+ case 'PageUp':
58789
+ if (step) {
58790
+ newValue = value + tenPercents;
58791
+ }
58792
+
58793
+ break;
58794
+
58795
+ case 'PageDown':
58796
+ if (step) {
58797
+ newValue = value - tenPercents;
58798
+ }
58799
+
58800
+ break;
58801
+
58802
+ case increaseKey:
58803
+ case 'ArrowUp':
58804
+ if (step) {
58805
+ newValue = value + step;
58806
+ } else {
58807
+ newValue = marksValues[marksIndex + 1] || marksValues[marksValues.length - 1];
58808
+ }
58809
+
58810
+ break;
58811
+
58812
+ case decreaseKey:
58813
+ case 'ArrowDown':
58814
+ if (step) {
58815
+ newValue = value - step;
58816
+ } else {
58817
+ newValue = marksValues[marksIndex - 1] || marksValues[0];
58818
+ }
58819
+
58820
+ break;
58821
+
58822
+ default:
58823
+ return;
58824
+ } // Prevent scroll of the page
58825
+
58826
+
58827
+ event.preventDefault();
58828
+
58829
+ if (step) {
58830
+ newValue = roundValueToStep(newValue, step, min);
58831
+ }
58832
+
58833
+ newValue = Slider_clamp(newValue, min, max);
58834
+
58835
+ if (range) {
58836
+ var previousValue = newValue;
58837
+ newValue = setValueIndex({
58838
+ values: values,
58839
+ source: valueDerived,
58840
+ newValue: newValue,
58841
+ index: index
58842
+ }).sort(asc);
58843
+ focusThumb({
58844
+ sliderRef: sliderRef,
58845
+ activeIndex: newValue.indexOf(previousValue)
58846
+ });
58847
+ }
58848
+
58849
+ setValueState(newValue);
58850
+ setFocusVisible(index);
58851
+
58852
+ if (onChange) {
58853
+ onChange(event, newValue);
58854
+ }
58855
+
58856
+ if (onChangeCommitted) {
58857
+ onChangeCommitted(event, newValue);
58858
+ }
58859
+ });
58860
+ var previousIndex = react.useRef();
58861
+ var axis = orientation;
58862
+
58863
+ if (isRtl && orientation !== "vertical") {
58864
+ axis += '-reverse';
58865
+ }
58866
+
58867
+ var getFingerNewValue = function getFingerNewValue(_ref3) {
58868
+ var finger = _ref3.finger,
58869
+ _ref3$move = _ref3.move,
58870
+ move = _ref3$move === void 0 ? false : _ref3$move,
58871
+ values2 = _ref3.values,
58872
+ source = _ref3.source;
58873
+ var slider = sliderRef.current;
58874
+
58875
+ var _slider$getBoundingCl = slider.getBoundingClientRect(),
58876
+ width = _slider$getBoundingCl.width,
58877
+ height = _slider$getBoundingCl.height,
58878
+ bottom = _slider$getBoundingCl.bottom,
58879
+ left = _slider$getBoundingCl.left;
58880
+
58881
+ var percent;
58882
+
58883
+ if (axis.indexOf('vertical') === 0) {
58884
+ percent = (bottom - finger.y) / height;
58885
+ } else {
58886
+ percent = (finger.x - left) / width;
58887
+ }
58888
+
58889
+ if (axis.indexOf('-reverse') !== -1) {
58890
+ percent = 1 - percent;
58891
+ }
58892
+
58893
+ var newValue;
58894
+ newValue = percentToValue(percent, min, max);
58895
+
58896
+ if (step) {
58897
+ newValue = roundValueToStep(newValue, step, min);
58898
+ } else {
58899
+ var marksValues = marks.map(function (mark) {
58900
+ return mark.value;
58901
+ });
58902
+ var closestIndex = findClosest(marksValues, newValue);
58903
+ newValue = marksValues[closestIndex];
58904
+ }
58905
+
58906
+ newValue = Slider_clamp(newValue, min, max);
58907
+ var activeIndex = 0;
58908
+
58909
+ if (range) {
58910
+ if (!move) {
58911
+ activeIndex = findClosest(values2, newValue);
58912
+ } else {
58913
+ activeIndex = previousIndex.current;
58914
+ }
58915
+
58916
+ var previousValue = newValue;
58917
+ newValue = setValueIndex({
58918
+ values: values2,
58919
+ source: source,
58920
+ newValue: newValue,
58921
+ index: activeIndex
58922
+ }).sort(asc);
58923
+ activeIndex = newValue.indexOf(previousValue);
58924
+ previousIndex.current = activeIndex;
58925
+ }
58926
+
58927
+ return {
58928
+ newValue: newValue,
58929
+ activeIndex: activeIndex
58930
+ };
58931
+ };
58932
+
58933
+ var handleTouchMove = (0,useEventCallback/* default */.Z)(function (event) {
58934
+ var finger = trackFinger(event, touchId);
58935
+
58936
+ if (!finger) {
58937
+ return;
58938
+ }
58939
+
58940
+ var _getFingerNewValue = getFingerNewValue({
58941
+ finger: finger,
58942
+ move: true,
58943
+ values: values,
58944
+ source: valueDerived
58945
+ }),
58946
+ newValue = _getFingerNewValue.newValue,
58947
+ activeIndex = _getFingerNewValue.activeIndex;
58948
+
58949
+ focusThumb({
58950
+ sliderRef: sliderRef,
58951
+ activeIndex: activeIndex,
58952
+ setActive: setActive
58953
+ });
58954
+ setValueState(newValue);
58955
+
58956
+ if (onChange) {
58957
+ onChange(event, newValue);
58958
+ }
58959
+ });
58960
+ var handleTouchEnd = (0,useEventCallback/* default */.Z)(function (event) {
58961
+ var finger = trackFinger(event, touchId);
58962
+
58963
+ if (!finger) {
58964
+ return;
58965
+ }
58966
+
58967
+ var _getFingerNewValue2 = getFingerNewValue({
58968
+ finger: finger,
58969
+ values: values,
58970
+ source: valueDerived
58971
+ }),
58972
+ newValue = _getFingerNewValue2.newValue;
58973
+
58974
+ setActive(-1);
58975
+
58976
+ if (event.type === 'touchend') {
58977
+ setOpen(-1);
58978
+ }
58979
+
58980
+ if (onChangeCommitted) {
58981
+ onChangeCommitted(event, newValue);
58982
+ }
58983
+
58984
+ touchId.current = undefined;
58985
+ var doc = (0,ownerDocument/* default */.Z)(sliderRef.current);
58986
+ doc.removeEventListener('mousemove', handleTouchMove);
58987
+ doc.removeEventListener('mouseup', handleTouchEnd);
58988
+ doc.removeEventListener('touchmove', handleTouchMove);
58989
+ doc.removeEventListener('touchend', handleTouchEnd);
58990
+ });
58991
+ var handleTouchStart = (0,useEventCallback/* default */.Z)(function (event) {
58992
+ // Workaround as Safari has partial support for touchAction: 'none'.
58993
+ event.preventDefault();
58994
+ var touch = event.changedTouches[0];
58995
+
58996
+ if (touch != null) {
58997
+ // A number that uniquely identifies the current finger in the touch session.
58998
+ touchId.current = touch.identifier;
58999
+ }
59000
+
59001
+ var finger = trackFinger(event, touchId);
59002
+
59003
+ var _getFingerNewValue3 = getFingerNewValue({
59004
+ finger: finger,
59005
+ values: values,
59006
+ source: valueDerived
59007
+ }),
59008
+ newValue = _getFingerNewValue3.newValue,
59009
+ activeIndex = _getFingerNewValue3.activeIndex;
59010
+
59011
+ focusThumb({
59012
+ sliderRef: sliderRef,
59013
+ activeIndex: activeIndex,
59014
+ setActive: setActive
59015
+ });
59016
+ setValueState(newValue);
59017
+
59018
+ if (onChange) {
59019
+ onChange(event, newValue);
59020
+ }
59021
+
59022
+ var doc = (0,ownerDocument/* default */.Z)(sliderRef.current);
59023
+ doc.addEventListener('touchmove', handleTouchMove);
59024
+ doc.addEventListener('touchend', handleTouchEnd);
59025
+ });
59026
+ react.useEffect(function () {
59027
+ var slider = sliderRef.current;
59028
+ slider.addEventListener('touchstart', handleTouchStart);
59029
+ var doc = (0,ownerDocument/* default */.Z)(slider);
59030
+ return function () {
59031
+ slider.removeEventListener('touchstart', handleTouchStart);
59032
+ doc.removeEventListener('mousemove', handleTouchMove);
59033
+ doc.removeEventListener('mouseup', handleTouchEnd);
59034
+ doc.removeEventListener('touchmove', handleTouchMove);
59035
+ doc.removeEventListener('touchend', handleTouchEnd);
59036
+ };
59037
+ }, [handleTouchEnd, handleTouchMove, handleTouchStart]);
59038
+ var handleMouseDown = (0,useEventCallback/* default */.Z)(function (event) {
59039
+ if (onMouseDown) {
59040
+ onMouseDown(event);
59041
+ }
59042
+
59043
+ event.preventDefault();
59044
+ var finger = trackFinger(event, touchId);
59045
+
59046
+ var _getFingerNewValue4 = getFingerNewValue({
59047
+ finger: finger,
59048
+ values: values,
59049
+ source: valueDerived
59050
+ }),
59051
+ newValue = _getFingerNewValue4.newValue,
59052
+ activeIndex = _getFingerNewValue4.activeIndex;
59053
+
59054
+ focusThumb({
59055
+ sliderRef: sliderRef,
59056
+ activeIndex: activeIndex,
59057
+ setActive: setActive
59058
+ });
59059
+ setValueState(newValue);
59060
+
59061
+ if (onChange) {
59062
+ onChange(event, newValue);
59063
+ }
59064
+
59065
+ var doc = (0,ownerDocument/* default */.Z)(sliderRef.current);
59066
+ doc.addEventListener('mousemove', handleTouchMove);
59067
+ doc.addEventListener('mouseup', handleTouchEnd);
59068
+ });
59069
+ var trackOffset = valueToPercent(range ? values[0] : min, min, max);
59070
+ var trackLeap = valueToPercent(values[values.length - 1], min, max) - trackOffset;
59071
+
59072
+ var trackStyle = (0,esm_extends/* default */.Z)({}, axisProps[axis].offset(trackOffset), axisProps[axis].leap(trackLeap));
59073
+
59074
+ return /*#__PURE__*/react.createElement(Component, (0,esm_extends/* default */.Z)({
59075
+ ref: handleRef,
59076
+ className: (0,clsx_m/* default */.Z)(classes.root, classes["color".concat((0,capitalize/* default */.Z)(color))], className, disabled && classes.disabled, marks.length > 0 && marks.some(function (mark) {
59077
+ return mark.label;
59078
+ }) && classes.marked, track === false && classes.trackFalse, orientation === 'vertical' && classes.vertical, track === 'inverted' && classes.trackInverted),
59079
+ onMouseDown: handleMouseDown
59080
+ }, other), /*#__PURE__*/react.createElement("span", {
59081
+ className: classes.rail
59082
+ }), /*#__PURE__*/react.createElement("span", {
59083
+ className: classes.track,
59084
+ style: trackStyle
59085
+ }), /*#__PURE__*/react.createElement("input", {
59086
+ value: values.join(','),
59087
+ name: name,
59088
+ type: "hidden"
59089
+ }), marks.map(function (mark, index) {
59090
+ var percent = valueToPercent(mark.value, min, max);
59091
+ var style = axisProps[axis].offset(percent);
59092
+ var markActive;
59093
+
59094
+ if (track === false) {
59095
+ markActive = values.indexOf(mark.value) !== -1;
59096
+ } else {
59097
+ markActive = track === 'normal' && (range ? mark.value >= values[0] && mark.value <= values[values.length - 1] : mark.value <= values[0]) || track === 'inverted' && (range ? mark.value <= values[0] || mark.value >= values[values.length - 1] : mark.value >= values[0]);
59098
+ }
59099
+
59100
+ return /*#__PURE__*/react.createElement(react.Fragment, {
59101
+ key: mark.value
59102
+ }, /*#__PURE__*/react.createElement("span", {
59103
+ style: style,
59104
+ "data-index": index,
59105
+ className: (0,clsx_m/* default */.Z)(classes.mark, markActive && classes.markActive)
59106
+ }), mark.label != null ? /*#__PURE__*/react.createElement("span", {
59107
+ "aria-hidden": true,
59108
+ "data-index": index,
59109
+ style: style,
59110
+ className: (0,clsx_m/* default */.Z)(classes.markLabel, markActive && classes.markLabelActive)
59111
+ }, mark.label) : null);
59112
+ }), values.map(function (value, index) {
59113
+ var percent = valueToPercent(value, min, max);
59114
+ var style = axisProps[axis].offset(percent);
59115
+ return /*#__PURE__*/react.createElement(ValueLabelComponent, {
59116
+ key: index,
59117
+ valueLabelFormat: valueLabelFormat,
59118
+ valueLabelDisplay: valueLabelDisplay,
59119
+ className: classes.valueLabel,
59120
+ value: typeof valueLabelFormat === 'function' ? valueLabelFormat(scale(value), index) : valueLabelFormat,
59121
+ index: index,
59122
+ open: open === index || active === index || valueLabelDisplay === 'on',
59123
+ disabled: disabled
59124
+ }, /*#__PURE__*/react.createElement(ThumbComponent, {
59125
+ className: (0,clsx_m/* default */.Z)(classes.thumb, classes["thumbColor".concat((0,capitalize/* default */.Z)(color))], active === index && classes.active, disabled && classes.disabled, focusVisible === index && classes.focusVisible),
59126
+ tabIndex: disabled ? null : 0,
59127
+ role: "slider",
59128
+ style: style,
59129
+ "data-index": index,
59130
+ "aria-label": getAriaLabel ? getAriaLabel(index) : ariaLabel,
59131
+ "aria-labelledby": ariaLabelledby,
59132
+ "aria-orientation": orientation,
59133
+ "aria-valuemax": scale(max),
59134
+ "aria-valuemin": scale(min),
59135
+ "aria-valuenow": scale(value),
59136
+ "aria-valuetext": getAriaValueText ? getAriaValueText(scale(value), index) : ariaValuetext,
59137
+ onKeyDown: handleKeyDown,
59138
+ onFocus: handleFocus,
59139
+ onBlur: handleBlur,
59140
+ onMouseOver: handleMouseOver,
59141
+ onMouseLeave: handleMouseLeave
59142
+ }));
59143
+ }));
59144
+ });
59145
+ false ? 0 : void 0;
59146
+ /* harmony default export */ var esm_Slider_Slider = ((0,withStyles/* default */.Z)(Slider_styles, {
59147
+ name: 'MuiSlider'
59148
+ })(Slider_Slider));
59149
+ ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/InputAdornment/InputAdornment.js
59150
+
59151
+
59152
+
59153
+
59154
+
59155
+
59156
+
59157
+
59158
+ var InputAdornment_styles = {
59159
+ /* Styles applied to the root element. */
59160
+ root: {
59161
+ display: 'flex',
59162
+ height: '0.01em',
59163
+ // Fix IE 11 flexbox alignment. To remove at some point.
59164
+ maxHeight: '2em',
59165
+ alignItems: 'center',
59166
+ whiteSpace: 'nowrap'
59167
+ },
59168
+
59169
+ /* Styles applied to the root element if `variant="filled"`. */
59170
+ filled: {
59171
+ '&$positionStart:not($hiddenLabel)': {
59172
+ marginTop: 16
59173
+ }
59174
+ },
59175
+
59176
+ /* Styles applied to the root element if `position="start"`. */
59177
+ positionStart: {
59178
+ marginRight: 8
59179
+ },
59180
+
59181
+ /* Styles applied to the root element if `position="end"`. */
59182
+ positionEnd: {
59183
+ marginLeft: 8
59184
+ },
59185
+
59186
+ /* Styles applied to the root element if `disablePointerEvents=true`. */
59187
+ disablePointerEvents: {
59188
+ pointerEvents: 'none'
59189
+ },
59190
+
59191
+ /* Styles applied if the adornment is used inside <FormControl hiddenLabel />. */
59192
+ hiddenLabel: {},
59193
+
59194
+ /* Styles applied if the adornment is used inside <FormControl margin="dense" />. */
59195
+ marginDense: {}
59196
+ };
59197
+ var InputAdornment = /*#__PURE__*/react.forwardRef(function InputAdornment(props, ref) {
59198
+ var children = props.children,
59199
+ classes = props.classes,
59200
+ className = props.className,
59201
+ _props$component = props.component,
59202
+ Component = _props$component === void 0 ? 'div' : _props$component,
59203
+ _props$disablePointer = props.disablePointerEvents,
59204
+ disablePointerEvents = _props$disablePointer === void 0 ? false : _props$disablePointer,
59205
+ _props$disableTypogra = props.disableTypography,
59206
+ disableTypography = _props$disableTypogra === void 0 ? false : _props$disableTypogra,
59207
+ position = props.position,
59208
+ variantProp = props.variant,
59209
+ other = (0,objectWithoutProperties/* default */.Z)(props, ["children", "classes", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"]);
59210
+
59211
+ var muiFormControl = useFormControl() || {};
59212
+ var variant = variantProp;
59213
+
59214
+ if (variantProp && muiFormControl.variant) {
59215
+ if (false) {}
59216
+ }
59217
+
59218
+ if (muiFormControl && !variant) {
59219
+ variant = muiFormControl.variant;
59220
+ }
59221
+
59222
+ return /*#__PURE__*/react.createElement(FormControl_FormControlContext.Provider, {
59223
+ value: null
59224
+ }, /*#__PURE__*/react.createElement(Component, (0,esm_extends/* default */.Z)({
59225
+ className: (0,clsx_m/* default */.Z)(classes.root, className, disablePointerEvents && classes.disablePointerEvents, muiFormControl.hiddenLabel && classes.hiddenLabel, variant === 'filled' && classes.filled, {
59226
+ 'start': classes.positionStart,
59227
+ 'end': classes.positionEnd
59228
+ }[position], muiFormControl.margin === 'dense' && classes.marginDense),
59229
+ ref: ref
59230
+ }, other), typeof children === 'string' && !disableTypography ? /*#__PURE__*/react.createElement(Typography_Typography, {
59231
+ color: "textSecondary"
59232
+ }, children) : children));
59233
+ });
59234
+ false ? 0 : void 0;
59235
+ /* harmony default export */ var InputAdornment_InputAdornment = ((0,withStyles/* default */.Z)(InputAdornment_styles, {
59236
+ name: 'MuiInputAdornment'
59237
+ })(InputAdornment));
59238
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Form/SliderContainer/SliderContainer.js
59239
+ function SliderContainer_extends() { SliderContainer_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 SliderContainer_extends.apply(this, arguments); }
59240
+
59241
+ function SliderContainer_slicedToArray(arr, i) { return SliderContainer_arrayWithHoles(arr) || SliderContainer_iterableToArrayLimit(arr, i) || SliderContainer_unsupportedIterableToArray(arr, i) || SliderContainer_nonIterableRest(); }
59242
+
59243
+ function SliderContainer_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
59244
+
59245
+ function SliderContainer_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return SliderContainer_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return SliderContainer_arrayLikeToArray(o, minLen); }
59246
+
59247
+ function SliderContainer_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; }
59248
+
59249
+ function SliderContainer_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
59250
+
59251
+ function SliderContainer_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
59252
+
59253
+ function SliderContainer_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = SliderContainer_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; }
59254
+
59255
+ function SliderContainer_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
59256
+
59257
+
59258
+
59259
+
59260
+
59261
+
59262
+
59263
+ function SliderContainer(_ref) {
59264
+ var _ref$title = _ref.title,
59265
+ title = _ref$title === void 0 ? "" : _ref$title,
59266
+ _ref$min = _ref.min,
59267
+ min = _ref$min === void 0 ? 0 : _ref$min,
59268
+ _ref$max = _ref.max,
59269
+ max = _ref$max === void 0 ? 100 : _ref$max,
59270
+ _ref$onChange = _ref.onChange,
59271
+ onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
59272
+ _ref$value = _ref.value,
59273
+ value = _ref$value === void 0 ? "" : _ref$value,
59274
+ _ref$defaultValue = _ref.defaultValue,
59275
+ defaultValue = _ref$defaultValue === void 0 ? 0 : _ref$defaultValue,
59276
+ _ref$inputText = _ref.inputText,
59277
+ inputText = _ref$inputText === void 0 ? "" : _ref$inputText,
59278
+ _ref$labelText = _ref.labelText,
59279
+ labelText = _ref$labelText === void 0 ? "px" : _ref$labelText,
59280
+ disabled = _ref.disabled,
59281
+ _ref$trashButton = _ref.trashButton,
59282
+ trashButton = _ref$trashButton === void 0 ? true : _ref$trashButton,
59283
+ _ref$premium = _ref.premium,
59284
+ premium = _ref$premium === void 0 ? false : _ref$premium,
59285
+ props = SliderContainer_objectWithoutProperties(_ref, ["title", "min", "max", "onChange", "value", "defaultValue", "inputText", "labelText", "disabled", "trashButton", "premium"]);
59286
+
59287
+ // Slider value
59288
+ var _useState = (0,react.useState)(value.toString()),
59289
+ _useState2 = SliderContainer_slicedToArray(_useState, 2),
59290
+ sliderValue = _useState2[0],
59291
+ setSliderValue = _useState2[1];
59292
+
59293
+ var _useState3 = (0,react.useState)(value === ""),
59294
+ _useState4 = SliderContainer_slicedToArray(_useState3, 2),
59295
+ sliderDisabled = _useState4[0],
59296
+ setSliderDisabled = _useState4[1];
59297
+
59298
+ (0,react.useEffect)(function () {
59299
+ setSliderValue(value.toString());
59300
+ setSliderDisabled(value === "");
59301
+ }, [value]); // Handle slider change
59302
+
59303
+ var handleSliderChange = function handleSliderChange(_, newValue) {
59304
+ setSliderValue(newValue.toString()); // onChange(newValue);
59305
+ }; // Label format (like, 15px)
59306
+
59307
+
59308
+ var valueLabelFormat = function valueLabelFormat(value) {
59309
+ return "".concat(value).concat(labelText);
59310
+ }; // On input change
59311
+
59312
+
59313
+ var handleInputChange = function handleInputChange(event) {
59314
+ var val = event.target.value.replace(/^0+/, "");
59315
+
59316
+ if (val === "") {
59317
+ setSliderValue("");
59318
+ onChange("unset");
59319
+ setSliderDisabled(true);
59320
+ return;
59321
+ }
59322
+
59323
+ setSliderDisabled(false); //* When value == min value or lower:
59324
+
59325
+ if (val < min) {
59326
+ // handleSliderChange(null, min);
59327
+ setSliderValue(min);
59328
+ onChange(Number(val));
59329
+ return;
59330
+ } //* When value == max value:
59331
+ else if (val > max) {
59332
+ setSliderValue(max);
59333
+ onChange(Number(val));
59334
+ return;
59335
+ }
59336
+
59337
+ setSliderValue(val);
59338
+ onChange(Number(val));
59339
+ };
59340
+
59341
+ return /*#__PURE__*/react.createElement(SettingsContainer, SliderContainer_extends({
59342
+ title: title,
59343
+ className: "slider-container"
59344
+ }, props), /*#__PURE__*/react.createElement(esm_Slider_Slider, {
59345
+ min: min,
59346
+ max: max,
59347
+ style: {
59348
+ pointerEvents: disabled ? "none" : "auto"
59349
+ },
59350
+ value: sliderDisabled ? defaultValue : typeof sliderValue === "number" ? sliderValue : Number(sliderValue),
59351
+ disabled: disabled || sliderDisabled,
59352
+ onMouseDown: function onMouseDown() {
59353
+ if (premium) {
59354
+ app.showPremiumDialog("More hover settings!");
59355
+ return;
59356
+ }
59357
+
59358
+ setSliderDisabled(false);
59359
+ },
59360
+ onChange: handleSliderChange,
59361
+ onChangeCommitted: function onChangeCommitted(_, val) {
59362
+ onChange(Number(val));
59363
+ },
59364
+ "aria-labelledby": "input-slider",
59365
+ valueLabelFormat: valueLabelFormat,
59366
+ valueLabelDisplay: sliderDisabled ? "off" : "auto"
59367
+ }), /*#__PURE__*/react.createElement(OutlinedInput_OutlinedInput, {
59368
+ value: sliderValue,
59369
+ className: "slider-container-input",
59370
+ margin: "dense",
59371
+ onChange: handleInputChange,
59372
+ disabled: disabled,
59373
+ onClick: function onClick() {
59374
+ if (premium) app.showPremiumDialog("More hover settings!");
59375
+ },
59376
+ placeholder: sliderDisabled ? "".concat(defaultValue) : "",
59377
+ onBlur: function onBlur(e) {
59378
+ if (e.target.value < min) {
59379
+ handleSliderChange(null, min);
59380
+ } else if (e.target.value > max) {
59381
+ handleSliderChange(null, max);
59382
+ }
59383
+ },
59384
+ endAdornment: inputText ? /*#__PURE__*/react.createElement(InputAdornment_InputAdornment, {
59385
+ position: "end"
59386
+ }, inputText) : null,
59387
+ inputProps: {
59388
+ min: min,
59389
+ max: max,
59390
+ "data-testid": "slider-input",
59391
+ type: "number",
59392
+ "aria-labelledby": "input-slider"
59393
+ }
59394
+ }), trashButton ? /*#__PURE__*/react.createElement(IconButton_IconButton, {
59395
+ disabled: sliderDisabled,
59396
+ onClick: function onClick() {
59397
+ setSliderValue("");
59398
+ onChange("unset");
59399
+ setSliderDisabled(true);
59400
+ },
59401
+ "data-testid": "delete",
59402
+ size: "small",
59403
+ style: {
59404
+ fontSize: "1rem",
59405
+ marginLeft: "5px"
59406
+ },
59407
+ color: "primary"
59408
+ }, /*#__PURE__*/react.createElement(Icon_Icon, {
59409
+ fontSize: "inherit",
59410
+ className: "fas fa-trash"
59411
+ })) : null);
59412
+ }
59413
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/ImageBorderRadius/ImageBorderRadius.js
59414
+ function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
59415
+
59416
+
59417
+
59418
+
59419
+ function IconImageBorderRadius(_ref) {
59420
+ _objectDestructuringEmpty(_ref);
59421
+
59422
+ var imageRadius = function imageRadius() {
59423
+ /* webpack-strip-block:removed */
59424
+ return /*#__PURE__*/React.createElement(React.Fragment, null);
59425
+ };
59426
+
59427
+ return imageRadius();
59428
+ }
59429
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/IconOrImage/IconOrImage.js
59430
+ function IconOrImage_slicedToArray(arr, i) { return IconOrImage_arrayWithHoles(arr) || IconOrImage_iterableToArrayLimit(arr, i) || IconOrImage_unsupportedIterableToArray(arr, i) || IconOrImage_nonIterableRest(); }
59431
+
59432
+ function IconOrImage_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
59433
+
59434
+ function IconOrImage_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return IconOrImage_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return IconOrImage_arrayLikeToArray(o, minLen); }
59435
+
59436
+ function IconOrImage_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; }
59437
+
59438
+ function IconOrImage_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
59439
+
59440
+ function IconOrImage_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
59441
+
59442
+
59443
+
59444
+
59445
+
59446
+
59447
+
59448
+ function IconOrImage(_ref) {
59449
+ var _onChange = _ref.onChange,
59450
+ _ref$value = _ref.value,
59451
+ value = _ref$value === void 0 ? false : _ref$value,
59452
+ _ref$option = _ref.option1,
59453
+ option1 = _ref$option === void 0 ? "icon" : _ref$option,
59454
+ _ref$option2 = _ref.option2,
59455
+ option2 = _ref$option2 === void 0 ? translate("utils.image") : _ref$option2,
59456
+ _ref$className = _ref.className,
59457
+ className = _ref$className === void 0 ? null : _ref$className;
59458
+
59459
+ var _useState = (0,react.useState)(value === true ? 1 : 0),
59460
+ _useState2 = IconOrImage_slicedToArray(_useState, 2),
59461
+ currentTab = _useState2[0],
59462
+ setCurrentTab = _useState2[1];
59463
+
59464
+ (0,react.useEffect)(function () {
59465
+ setCurrentTab(value === true ? 1 : 0);
59466
+ }, [value]);
59467
+ return /*#__PURE__*/react.createElement(SettingsContainer, {
59468
+ title: translate("common.type")
59469
+ }, /*#__PURE__*/react.createElement(Tabs_Tabs, {
59470
+ value: currentTab,
59471
+ onChange: function onChange(e, b) {
59472
+ if (currentTab !== b) {
59473
+ if (_onChange) _onChange(b === 1, setCurrentTab);
59474
+ }
59475
+ },
59476
+ indicatorColor: "secondary",
59477
+ textColor: "secondary",
59478
+ variant: "fullWidth",
59479
+ className: (0,clsx_m/* default */.Z)("icon-or-image ", className)
59480
+ }, /*#__PURE__*/react.createElement(Tab_Tab, {
59481
+ label: option1 === "icon" ? translate("utils.icon") : translate("utils.color"),
59482
+ icon: /*#__PURE__*/react.createElement("i", {
59483
+ className: option1 === "icon" ? "far fa-heart" : "fas fa-palette"
59484
+ }),
59485
+ size: "small",
59486
+ "data-testid": "setting:color-choice"
59487
+ }), /*#__PURE__*/react.createElement(Tab_Tab, {
59488
+ label: option2,
59489
+ icon: /*#__PURE__*/react.createElement("i", {
59490
+ className: "fas fa-image"
59491
+ }),
59492
+ size: "small",
59493
+ "data-testid": "setting:image-choice"
59494
+ })));
59495
+ }
59496
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/DisableSetting/DisableSetting.js
59497
+
59498
+
59499
+
59500
+
59501
+ function DisableSetting(_ref) {
59502
+ var _ref$setOpacity = _ref.setOpacity,
59503
+ setOpacity = _ref$setOpacity === void 0 ? 0.3 : _ref$setOpacity,
59504
+ _ref$condition = _ref.condition,
59505
+ condition = _ref$condition === void 0 ? true : _ref$condition,
59506
+ _ref$className = _ref.className,
59507
+ className = _ref$className === void 0 ? null : _ref$className,
59508
+ _ref$content = _ref.content,
59509
+ content = _ref$content === void 0 ? false : _ref$content,
59510
+ _ref$premiumTag = _ref.premiumTag,
59511
+ premiumTag = _ref$premiumTag === void 0 ? false : _ref$premiumTag,
59512
+ _ref$children = _ref.children,
59513
+ children = _ref$children === void 0 ? null : _ref$children,
59514
+ _onClick = _ref.onClick;
59515
+ var visibility = condition ? setOpacity : 1;
59516
+ return /*#__PURE__*/react.createElement("div", {
59517
+ className: (0,clsx_m/* default */.Z)("disable-setting ".concat(condition ? "disabled" : ""), className),
59518
+ "data-testid": "disable-setting",
59519
+ onClick: function onClick() {
59520
+ if (_onClick && condition) {
59521
+ _onClick();
59522
+ }
59523
+ },
59524
+ disabled: condition
59525
+ }, /*#__PURE__*/react.createElement("div", {
59526
+ style: {
59527
+ opacity: visibility
59528
+ },
59529
+ className: "settings"
59530
+ }, children), condition && /*#__PURE__*/react.createElement("div", {
59531
+ className: "disable-content"
59532
+ }, content, premiumTag && /*#__PURE__*/react.createElement(PremiumTag, null)));
59533
+ }
59534
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Button/Tabs/Styling/IconGroup.js
59535
+ function IconGroup_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; }
59536
+
59537
+ function IconGroup_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { IconGroup_ownKeys(Object(source), true).forEach(function (key) { IconGroup_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { IconGroup_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
59538
+
59539
+ function IconGroup_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; }
59540
+
59541
+ function IconGroup_extends() { IconGroup_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 IconGroup_extends.apply(this, arguments); }
59542
 
59543
+ function IconGroup_slicedToArray(arr, i) { return IconGroup_arrayWithHoles(arr) || IconGroup_iterableToArrayLimit(arr, i) || IconGroup_unsupportedIterableToArray(arr, i) || IconGroup_nonIterableRest(); }
 
 
59544
 
59545
+ function IconGroup_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 
 
59546
 
59547
+ function IconGroup_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return IconGroup_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return IconGroup_arrayLikeToArray(o, minLen); }
59548
 
59549
+ function IconGroup_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; }
 
 
 
59550
 
59551
+ function IconGroup_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
59552
 
59553
+ function IconGroup_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
 
 
 
59554
 
59555
+ function IconGroup_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = IconGroup_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; }
59556
 
59557
+ function IconGroup_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 
 
 
 
 
59558
 
 
59559
 
 
 
 
59560
 
59561
 
 
59562
 
 
 
 
59563
 
 
59564
 
 
 
 
 
 
 
 
 
 
 
 
 
 
59565
 
 
 
59566
 
 
 
 
59567
 
 
 
 
 
 
 
59568
 
 
 
 
59569
 
 
 
 
 
 
 
 
59570
 
 
 
 
 
 
59571
 
 
59572
 
59573
+ /* webpack-strip-block:removed */
 
 
 
 
59574
 
59575
+ function IconGroup(_ref) {
59576
+ var get = _ref.get,
59577
+ getParent = _ref.getParent,
59578
+ set = _ref.set,
59579
+ groupProps = IconGroup_objectWithoutProperties(_ref, ["get", "getParent", "set"]);
59580
 
59581
+ var _useState = (0,react.useState)(0),
59582
+ _useState2 = IconGroup_slicedToArray(_useState, 2),
59583
+ hoverSettings = _useState2[0],
59584
+ setHoverSettings = _useState2[1]; // 0 = normal, 1 = hover
59585
 
 
 
 
 
 
 
 
 
 
59586
 
59587
+ var tab = function tab() {
59588
+ /* webpack-strip-block:removed */
59589
+ return /*#__PURE__*/react.createElement(DisableSetting, {
59590
+ premiumTag: true,
59591
+ onClick: function onClick() {
59592
+ app.showPremiumDialog(translate("premium.custom_image"));
59593
+ }
59594
+ }, /*#__PURE__*/react.createElement(IconOrImage, {
59595
+ option2: translate("utils.image"),
59596
+ value: false,
59597
+ style: {
59598
+ marginTop: "-20px"
59599
+ },
59600
+ className: "Mui-buzz-premium"
59601
+ }));
59602
+ };
59603
 
59604
+ var settings = function settings() {
59605
+ var color = get("icon_color");
59606
+ var icon = get("icon", true);
59607
+ /* webpack-strip-block:removed */
59608
+
59609
+ return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(DisableSetting, {
59610
+ condition: hoverSettings === 1,
59611
+ premiumTag: true,
59612
+ onClick: function onClick() {
59613
+ app.showPremiumDialog("More hover settings!");
59614
+ }
59615
+ }, /*#__PURE__*/react.createElement(IconSelector_IconSelector, {
59616
+ value: icon[0],
59617
+ onChange: function onChange(val) {
59618
+ return set("icon", [val, "unset"]);
59619
+ },
59620
+ hoverDisabled: hoverSettings === 1
59621
+ })), /*#__PURE__*/react.createElement(ColorPicker, {
59622
+ title: translate("utils.color"),
59623
+ value: color[hoverSettings],
59624
+ defaultValue: get("icon_color", true)[hoverSettings],
59625
+ onChange: function onChange(val) {
59626
+ var newValues = color;
59627
+ newValues[hoverSettings] = val;
59628
+ set("icon_color", newValues);
59629
  }
59630
+ }));
59631
+ };
59632
 
59633
+ var sliders = function sliders() {
59634
+ var icon_size = get("icon_size");
59635
+ /* webpack-strip-block:removed */
 
 
 
 
 
 
 
59636
 
59637
+ return /*#__PURE__*/react.createElement(DisableSetting, {
59638
+ condition: hoverSettings === 1,
59639
+ premiumTag: true,
59640
+ onClick: function onClick() {
59641
+ app.showPremiumDialog("More hover settings!");
59642
+ }
59643
+ }, /*#__PURE__*/react.createElement(SliderContainer, {
59644
+ title: translate("settings.icon_size.title"),
59645
+ value: icon_size[0],
59646
+ defaultValue: get("icon_size", true, false)[0],
59647
+ "data-testid": "settingcontainer:icon-size",
59648
+ inputText: "px",
59649
+ premium: hoverSettings === 1,
59650
+ disabled: hoverSettings === 1,
59651
+ onChange: function onChange(val) {
59652
+ set("icon_size", val);
59653
+ set("icon_image_size", val);
59654
+ }
59655
+ }));
59656
  };
59657
 
59658
+ return /*#__PURE__*/react.createElement(CollapsibleGroup, IconGroup_extends({
59659
+ title: translate("utils.icon"),
59660
+ "data-testid": "group:icon"
59661
+ }, groupProps), getParent("menu_style") === "text" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, tab(), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(Tabs_Tabs, {
59662
+ onChange: function onChange(_, val) {
59663
+ return setHoverSettings(val);
59664
+ },
59665
+ style: {
59666
+ marginBottom: "20px",
59667
+ marginTop: "20px"
59668
+ },
59669
+ value: hoverSettings,
59670
+ variant: "fullWidth",
59671
+ centered: true
59672
+ }, /*#__PURE__*/react.createElement(Tab_Tab, {
59673
+ label: "Normal",
59674
+ "data-testid": "normal_hover:normal"
59675
+ }), /*#__PURE__*/react.createElement(Tab_Tab, {
59676
+ label: "Hover",
59677
+ "data-testid": "normal_hover:hover"
59678
+ })), settings(), sliders()));
59679
+ }
59680
 
59681
+ /* harmony default export */ var Styling_IconGroup = (connect(function (state) {
59682
+ return {
59683
+ buttons: state.buttons,
59684
+ groups: state.groups
59685
+ };
59686
+ }, function (dispatch) {
59687
+ return {
59688
+ _set: function _set() {
59689
+ return dispatch(dataActions_set.apply(void 0, arguments));
59690
  }
59691
+ };
59692
+ }, function (_ref2, _ref3, _ref4) {
59693
+ var buttons = _ref2.buttons,
59694
+ groups = _ref2.groups;
59695
+ var _set = _ref3._set;
59696
 
59697
+ var buttonId = _ref4.buttonId,
59698
+ props = IconGroup_objectWithoutProperties(_ref4, ["buttonId"]);
 
 
 
 
 
 
 
 
 
 
 
 
 
59699
 
59700
+ var button = buttons[buttonId];
59701
+ var group = groups[buttons[buttonId].parent];
59702
+ return IconGroup_objectSpread({
59703
+ set: function set(key, val) {
59704
+ return _set(models.BUTTON, buttonId, key, val);
59705
+ },
59706
+ get: function get(key) {
59707
+ var returnValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
59708
+ var defToGroup = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
59709
+ return _get(key, button, returnValue && "button", returnValue && defToGroup ? group : false);
59710
+ },
59711
+ getParent: function getParent(key) {
59712
+ var returnValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
59713
+ return _get(key, group, returnValue ? "group" : false);
59714
  }
59715
+ }, props);
59716
+ })(IconGroup));
59717
+ ;// CONCATENATED MODULE: ./src/js/utils/fonts/GoogleFonts.json
59718
+ var GoogleFonts_namespaceObject = JSON.parse('["ABeeZee","Abel","Abhaya Libre","Abril Fatface","Aclonica","Acme","Actor","Adamina","Advent Pro","Aguafina Script","Akronim","Aladin","Aldrich","Alef","Alegreya","Alegreya SC","Alegreya Sans","Alegreya Sans SC","Aleo","Alex Brush","Alfa Slab One","Alice","Alike","Alike Angular","Allan","Allerta","Allerta Stencil","Allura","Almarai","Almendra","Almendra Display","Almendra SC","Amarante","Amaranth","Amatic SC","Amethysta","Amiko","Amiri","Amita","Anaheim","Andada","Andika","Angkor","Annie Use Your Telescope","Anonymous Pro","Antic","Antic Didone","Antic Slab","Anton","Arapey","Arbutus","Arbutus Slab","Architects Daughter","Archivo","Archivo Black","Archivo Narrow","Aref Ruqaa","Arima Madurai","Arimo","Arizonia","Armata","Arsenal","Artifika","Arvo","Arya","Asap","Asap Condensed","Asar","Asset","Assistant","Astloch","Asul","Athiti","Atma","Atomic Age","Aubrey","Audiowide","Autour One","Average","Average Sans","Averia Gruesa Libre","Averia Libre","Averia Sans Libre","Averia Serif Libre","B612","B612 Mono","Bad Script","Bahiana","Bahianita","Bai Jamjuree","Baloo","Baloo Bhai","Baloo Bhaijaan","Baloo Bhaina","Baloo Chettan","Baloo Da","Baloo Paaji","Baloo Tamma","Baloo Tammudu","Baloo Thambi","Balthazar","Bangers","Barlow","Barlow Condensed","Barlow Semi Condensed","Barriecito","Barrio","Basic","Battambang","Baumans","Bayon","Be Vietnam","Bebas Neue","Belgrano","Bellefair","Belleza","BenchNine","Bentham","Berkshire Swash","Beth Ellen","Bevan","Big Shoulders Display","Big Shoulders Text","Bigelow Rules","Bigshot One","Bilbo","Bilbo Swash Caps","BioRhyme","BioRhyme Expanded","Biryani","Bitter","Black And White Picture","Black Han Sans","Black Ops One","Blinker","Bokor","Bonbon","Boogaloo","Bowlby One","Bowlby One SC","Brawler","Bree Serif","Bubblegum Sans","Bubbler One","Buda","Buenard","Bungee","Bungee Hairline","Bungee Inline","Bungee Outline","Bungee Shade","Butcherman","Butterfly Kids","Cabin","Cabin Condensed","Cabin Sketch","Caesar Dressing","Cagliostro","Cairo","Calligraffitti","Cambay","Cambo","Candal","Cantarell","Cantata One","Cantora One","Capriola","Cardo","Carme","Carrois Gothic","Carrois Gothic SC","Carter One","Catamaran","Caudex","Caveat","Caveat Brush","Cedarville Cursive","Ceviche One","Chakra Petch","Changa","Changa One","Chango","Charm","Charmonman","Chathura","Chau Philomene One","Chela One","Chelsea Market","Chenla","Cherry Cream Soda","Cherry Swash","Chewy","Chicle","Chilanka","Chivo","Chonburi","Cinzel","Cinzel Decorative","Clicker Script","Coda","Coda Caption","Codystar","Coiny","Combo","Comfortaa","Coming Soon","Concert One","Condiment","Content","Contrail One","Convergence","Cookie","Copse","Corben","Cormorant","Cormorant Garamond","Cormorant Infant","Cormorant SC","Cormorant Unicase","Cormorant Upright","Courgette","Cousine","Coustard","Covered By Your Grace","Crafty Girls","Creepster","Crete Round","Crimson Pro","Crimson Text","Croissant One","Crushed","Cuprum","Cute Font","Cutive","Cutive Mono","DM Sans","DM Serif Display","DM Serif Text","Damion","Dancing Script","Dangrek","Darker Grotesque","David Libre","Dawning of a New Day","Days One","Dekko","Delius","Delius Swash Caps","Delius Unicase","Della Respira","Denk One","Devonshire","Dhurjati","Didact Gothic","Diplomata","Diplomata SC","Do Hyeon","Dokdo","Domine","Donegal One","Doppio One","Dorsa","Dosis","Dr Sugiyama","Duru Sans","Dynalight","EB Garamond","Eagle Lake","East Sea Dokdo","Eater","Economica","Eczar","El Messiri","Electrolize","Elsie","Elsie Swash Caps","Emblema One","Emilys Candy","Encode Sans","Encode Sans Condensed","Encode Sans Expanded","Encode Sans Semi Condensed","Encode Sans Semi Expanded","Engagement","Englebert","Enriqueta","Erica One","Esteban","Euphoria Script","Ewert","Exo","Exo 2","Expletus Sans","Fahkwang","Fanwood Text","Farro","Farsan","Fascinate","Fascinate Inline","Faster One","Fasthand","Fauna One","Faustina","Federant","Federo","Felipa","Fenix","Finger Paint","Fira Code","Fira Mono","Fira Sans","Fira Sans Condensed","Fira Sans Extra Condensed","Fjalla One","Fjord One","Flamenco","Flavors","Fondamento","Fontdiner Swanky","Forum","Francois One","Frank Ruhl Libre","Freckle Face","Fredericka the Great","Fredoka One","Freehand","Fresca","Frijole","Fruktur","Fugaz One","GFS Didot","GFS Neohellenic","Gabriela","Gaegu","Gafata","Galada","Galdeano","Galindo","Gamja Flower","Gayathri","Gentium Basic","Gentium Book Basic","Geo","Geostar","Geostar Fill","Germania One","Gidugu","Gilda Display","Give You Glory","Glass Antiqua","Glegoo","Gloria Hallelujah","Goblin One","Gochi Hand","Gorditas","Gothic A1","Goudy Bookletter 1911","Graduate","Grand Hotel","Gravitas One","Great Vibes","Grenze","Griffy","Gruppo","Gudea","Gugi","Gurajada","Habibi","Halant","Hammersmith One","Hanalei","Hanalei Fill","Handlee","Hanuman","Happy Monkey","Harmattan","Headland One","Heebo","Henny Penny","Hepta Slab","Herr Von Muellerhoff","Hi Melody","Hind","Hind Guntur","Hind Madurai","Hind Siliguri","Hind Vadodara","Holtwood One SC","Homemade Apple","Homenaje","IBM Plex Mono","IBM Plex Sans","IBM Plex Sans Condensed","IBM Plex Serif","IM Fell DW Pica","IM Fell DW Pica SC","IM Fell Double Pica","IM Fell Double Pica SC","IM Fell English","IM Fell English SC","IM Fell French Canon","IM Fell French Canon SC","IM Fell Great Primer","IM Fell Great Primer SC","Iceberg","Iceland","Imprima","Inconsolata","Inder","Indie Flower","Inika","Inknut Antiqua","Irish Grover","Istok Web","Italiana","Italianno","Itim","Jacques Francois","Jacques Francois Shadow","Jaldi","Jim Nightshade","Jockey One","Jolly Lodger","Jomhuria","Jomolhari","Josefin Sans","Josefin Slab","Joti One","Jua","Judson","Julee","Julius Sans One","Junge","Jura","Just Another Hand","Just Me Again Down Here","K2D","Kadwa","Kalam","Kameron","Kanit","Kantumruy","Karla","Karma","Katibeh","Kaushan Script","Kavivanar","Kavoon","Kdam Thmor","Keania One","Kelly Slab","Kenia","Khand","Khmer","Khula","Kirang Haerang","Kite One","Knewave","KoHo","Kodchasan","Kosugi","Kosugi Maru","Kotta One","Koulen","Kranky","Kreon","Kristi","Krona One","Krub","Kulim Park","Kumar One","Kumar One Outline","Kurale","La Belle Aurore","Lacquer","Laila","Lakki Reddy","Lalezar","Lancelot","Lateef","Lato","League Script","Leckerli One","Ledger","Lekton","Lemon","Lemonada","Lexend Deca","Lexend Exa","Lexend Giga","Lexend Mega","Lexend Peta","Lexend Tera","Lexend Zetta","Libre Barcode 128","Libre Barcode 128 Text","Libre Barcode 39","Libre Barcode 39 Extended","Libre Barcode 39 Extended Text","Libre Barcode 39 Text","Libre Baskerville","Libre Caslon Display","Libre Caslon Text","Libre Franklin","Life Savers","Lilita One","Lily Script One","Limelight","Linden Hill","Literata","Liu Jian Mao Cao","Livvic","Lobster","Lobster Two","Londrina Outline","Londrina Shadow","Londrina Sketch","Londrina Solid","Long Cang","Lora","Love Ya Like A Sister","Loved by the King","Lovers Quarrel","Luckiest Guy","Lusitana","Lustria","M PLUS 1p","M PLUS Rounded 1c","Ma Shan Zheng","Macondo","Macondo Swash Caps","Mada","Magra","Maiden Orange","Maitree","Major Mono Display","Mako","Mali","Mallanna","Mandali","Manjari","Mansalva","Manuale","Marcellus","Marcellus SC","Marck Script","Margarine","Markazi Text","Marko One","Marmelad","Martel","Martel Sans","Marvel","Mate","Mate SC","Material Icons","Maven Pro","McLaren","Meddon","MedievalSharp","Medula One","Meera Inimai","Megrim","Meie Script","Merienda","Merienda One","Merriweather","Merriweather Sans","Metal","Metal Mania","Metamorphous","Metrophobic","Michroma","Milonga","Miltonian","Miltonian Tattoo","Mina","Miniver","Miriam Libre","Mirza","Miss Fajardose","Mitr","Modak","Modern Antiqua","Mogra","Molengo","Molle","Monda","Monofett","Monoton","Monsieur La Doulaise","Montaga","Montez","Montserrat","Montserrat Alternates","Montserrat Subrayada","Moul","Moulpali","Mountains of Christmas","Mouse Memoirs","Mr Bedfort","Mr Dafoe","Mr De Haviland","Mrs Saint Delafield","Mrs Sheppards","Mukta","Mukta Mahee","Mukta Malar","Mukta Vaani","Muli","Mystery Quest","NTR","Nanum Brush Script","Nanum Gothic","Nanum Gothic Coding","Nanum Myeongjo","Nanum Pen Script","Neucha","Neuton","New Rocker","News Cycle","Niconne","Niramit","Nixie One","Nobile","Nokora","Norican","Nosifer","Notable","Nothing You Could Do","Noticia Text","Noto Sans","Noto Sans HK","Noto Sans JP","Noto Sans KR","Noto Sans SC","Noto Sans TC","Noto Serif","Noto Serif JP","Noto Serif KR","Noto Serif SC","Noto Serif TC","Nova Cut","Nova Flat","Nova Mono","Nova Oval","Nova Round","Nova Script","Nova Slim","Nova Square","Numans","Nunito","Nunito Sans","Odor Mean Chey","Offside","Old Standard TT","Oldenburg","Oleo Script","Oleo Script Swash Caps","Open Sans","Open Sans Condensed","Oranienbaum","Orbitron","Oregano","Orienta","Original Surfer","Oswald","Over the Rainbow","Overlock","Overlock SC","Overpass","Overpass Mono","Ovo","Oxygen","Oxygen Mono","PT Mono","PT Sans","PT Sans Caption","PT Sans Narrow","PT Serif","PT Serif Caption","Pacifico","Padauk","Palanquin","Palanquin Dark","Pangolin","Paprika","Parisienne","Passero One","Passion One","Pathway Gothic One","Patrick Hand","Patrick Hand SC","Pattaya","Patua One","Pavanam","Paytone One","Peddana","Peralta","Permanent Marker","Petit Formal Script","Petrona","Philosopher","Piedra","Pinyon Script","Pirata One","Plaster","Play","Playball","Playfair Display","Playfair Display SC","Podkova","Poiret One","Poller One","Poly","Pompiere","Pontano Sans","Poor Story","Poppins","Port Lligat Sans","Port Lligat Slab","Pragati Narrow","Prata","Preahvihear","Press Start 2P","Pridi","Princess Sofia","Prociono","Prompt","Prosto One","Proza Libre","Public Sans","Puritan","Purple Purse","Quando","Quantico","Quattrocento","Quattrocento Sans","Questrial","Quicksand","Quintessential","Qwigley","Racing Sans One","Radley","Rajdhani","Rakkas","Raleway","Raleway Dots","Ramabhadra","Ramaraja","Rambla","Rammetto One","Ranchers","Rancho","Ranga","Rasa","Rationale","Ravi Prakash","Red Hat Display","Red Hat Text","Redressed","Reem Kufi","Reenie Beanie","Revalia","Rhodium Libre","Ribeye","Ribeye Marrow","Righteous","Risque","Roboto","Roboto Condensed","Roboto Mono","Roboto Slab","Rochester","Rock Salt","Rokkitt","Romanesco","Ropa Sans","Rosario","Rosarivo","Rouge Script","Rozha One","Rubik","Rubik Mono One","Ruda","Rufina","Ruge Boogie","Ruluko","Rum Raisin","Ruslan Display","Russo One","Ruthie","Rye","Sacramento","Sahitya","Sail","Saira","Saira Condensed","Saira Extra Condensed","Saira Semi Condensed","Saira Stencil One","Salsa","Sanchez","Sancreek","Sansita","Sarabun","Sarala","Sarina","Sarpanch","Satisfy","Sawarabi Gothic","Sawarabi Mincho","Scada","Scheherazade","Schoolbell","Scope One","Seaweed Script","Secular One","Sedgwick Ave","Sedgwick Ave Display","Sevillana","Seymour One","Shadows Into Light","Shadows Into Light Two","Shanti","Share","Share Tech","Share Tech Mono","Shojumaru","Short Stack","Shrikhand","Siemreap","Sigmar One","Signika","Signika Negative","Simonetta","Single Day","Sintony","Sirin Stencil","Six Caps","Skranji","Slabo 13px","Slabo 27px","Slackey","Smokum","Smythe","Sniglet","Snippet","Snowburst One","Sofadi One","Sofia","Song Myung","Sonsie One","Sorts Mill Goudy","Source Code Pro","Source Sans Pro","Source Serif Pro","Space Mono","Special Elite","Spectral","Spectral SC","Spicy Rice","Spinnaker","Spirax","Squada One","Sree Krushnadevaraya","Sriracha","Srisakdi","Staatliches","Stalemate","Stalinist One","Stardos Stencil","Stint Ultra Condensed","Stint Ultra Expanded","Stoke","Strait","Stylish","Sue Ellen Francisco","Suez One","Sumana","Sunflower","Sunshiney","Supermercado One","Sura","Suranna","Suravaram","Suwannaphum","Swanky and Moo Moo","Syncopate","Tajawal","Tangerine","Taprom","Tauri","Taviraj","Teko","Telex","Tenali Ramakrishna","Tenor Sans","Text Me One","Thasadith","The Girl Next Door","Tienne","Tillana","Timmana","Tinos","Titan One","Titillium Web","Tomorrow","Trade Winds","Trirong","Trocchi","Trochut","Trykker","Tulpen One","Turret Road","Ubuntu","Ubuntu Condensed","Ubuntu Mono","Ultra","Uncial Antiqua","Underdog","Unica One","UnifrakturCook","UnifrakturMaguntia","Unkempt","Unlock","Unna","VT323","Vampiro One","Varela","Varela Round","Vast Shadow","Vesper Libre","Vibes","Vibur","Vidaloka","Viga","Voces","Volkhov","Vollkorn","Vollkorn SC","Voltaire","Waiting for the Sunrise","Wallpoet","Walter Turncoat","Warnes","Wellfleet","Wendy One","Wire One","Work Sans","Yanone Kaffeesatz","Yantramanav","Yatra One","Yellowtail","Yeon Sung","Yeseva One","Yesteryear","Yrsa","ZCOOL KuaiLe","ZCOOL QingKe HuangYou","ZCOOL XiaoWei","Zeyada","Zhi Mang Xing","Zilla Slab","Zilla Slab Highlight"]');
59719
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/FontFamily/FontFamily.js
59720
+ function FontFamily_extends() { FontFamily_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 FontFamily_extends.apply(this, arguments); }
59721
 
59722
+ function FontFamily_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; }
 
 
59723
 
59724
+ function FontFamily_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { FontFamily_ownKeys(Object(source), true).forEach(function (key) { FontFamily_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { FontFamily_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 
 
 
 
59725
 
59726
+ function FontFamily_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; }
59727
 
59728
+ function FontFamily_toConsumableArray(arr) { return FontFamily_arrayWithoutHoles(arr) || FontFamily_iterableToArray(arr) || FontFamily_unsupportedIterableToArray(arr) || FontFamily_nonIterableSpread(); }
 
 
59729
 
59730
+ function FontFamily_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 
59731
 
59732
+ function FontFamily_iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 
 
 
 
 
 
 
 
 
59733
 
59734
+ function FontFamily_arrayWithoutHoles(arr) { if (Array.isArray(arr)) return FontFamily_arrayLikeToArray(arr); }
 
 
 
59735
 
59736
+ function FontFamily_slicedToArray(arr, i) { return FontFamily_arrayWithHoles(arr) || FontFamily_iterableToArrayLimit(arr, i) || FontFamily_unsupportedIterableToArray(arr, i) || FontFamily_nonIterableRest(); }
59737
 
59738
+ function FontFamily_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 
 
 
 
 
59739
 
59740
+ function FontFamily_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return FontFamily_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return FontFamily_arrayLikeToArray(o, minLen); }
 
 
 
 
 
59741
 
59742
+ function FontFamily_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; }
 
 
59743
 
59744
+ function FontFamily_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
59745
 
59746
+ function FontFamily_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
59747
 
 
 
 
 
 
 
 
59748
 
 
 
 
 
 
 
59749
 
 
 
 
59750
 
 
 
 
 
 
 
59751
 
 
59752
 
59753
+ var filter = createFilterOptions();
59754
+ function FontFamily(_ref) {
59755
+ var _ref$value = _ref.value,
59756
+ value = _ref$value === void 0 ? "" : _ref$value,
59757
+ onChange = _ref.onChange;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
59758
 
59759
+ var _useState = (0,react.useState)(""),
59760
+ _useState2 = FontFamily_slicedToArray(_useState, 2),
59761
+ currentText = _useState2[0],
59762
+ setCurrentText = _useState2[1];
 
59763
 
59764
+ var _useState3 = (0,react.useState)( // Migration
59765
+ Array.isArray(value) ? value : value.split(",").filter(function (str) {
59766
+ return str !== "";
59767
+ }).map(function (val) {
59768
+ return {
59769
+ title: val,
59770
+ value: val
59771
+ };
59772
+ })),
59773
+ _useState4 = FontFamily_slicedToArray(_useState3, 2),
59774
+ currentValueSelect = _useState4[0],
59775
+ setCurrentValueSelect = _useState4[1];
59776
+
59777
+ (0,react.useEffect)(function () {
59778
+ setCurrentValueSelect(Array.isArray(value) ? value : value.split(",").filter(function (str) {
59779
+ return str !== "";
59780
+ }).map(function (val) {
59781
+ return {
59782
+ title: val,
59783
+ value: val
59784
+ };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
59785
  }));
59786
+ }, [value]);
59787
+ var systemFonts = ["auto", "cursive", "fantasy", "inherit", "initial", "monospace", "none", "sans-serif", "serif", "unset"].map(function (object) {
59788
+ return {
59789
+ title: object,
59790
+ value: object,
59791
+ category: "System"
59792
+ };
59793
+ });
59794
+ var googleFonts = GoogleFonts_namespaceObject.map(function (object) {
59795
+ return {
59796
+ title: object,
59797
+ value: object,
59798
+ category: "Google Fonts"
59799
+ };
59800
+ });
59801
+ var fontList = systemFonts.concat(googleFonts);
59802
 
59803
+ var handleChange = function handleChange(value) {
59804
+ setCurrentValueSelect(value);
59805
+ onChange(value.map(function (val) {
59806
+ return val.title;
59807
+ }).join(","));
59808
+ };
59809
 
59810
+ var handleCustomFont = function handleCustomFont() {
59811
+ if (currentText.length > 0) {
59812
+ var selectValue = FontFamily_toConsumableArray(currentValueSelect);
59813
 
59814
+ selectValue.push({
59815
+ title: currentText,
59816
+ value: currentText
59817
+ });
59818
+ handleChange(selectValue);
59819
+ }
59820
+ };
59821
 
59822
+ var setting = function setting() {
59823
+ /* webpack-strip-block:removed */
59824
+ return /*#__PURE__*/react.createElement("div", {
59825
+ onClick: function onClick() {
59826
+ app.showPremiumDialog(translate("premium.font_family"));
59827
+ }
59828
+ }, /*#__PURE__*/react.createElement(Autocomplete_Autocomplete, {
59829
+ multiple: true,
59830
+ disabled: true,
59831
+ size: "medium",
59832
+ id: "tags-outlined",
59833
+ clearText: translate("utils.clear"),
59834
+ loadingText: translate("loading.loading"),
59835
+ "data-testid": "font-family",
59836
+ options: fontList,
59837
+ filterSelectedOptions: true,
59838
+ disableCloseOnSelect: true,
59839
+ freeSolo: true,
59840
+ forcePopupIcon: true,
59841
+ popupIcon: /*#__PURE__*/react.createElement("i", {
59842
+ className: "fas fa-caret-down",
59843
+ style: {
59844
+ fontSize: "0.8em"
59845
+ },
59846
+ "data-testid": "font-family-select-icon"
59847
+ }),
59848
+ renderInput: function renderInput(params) {
59849
+ return /*#__PURE__*/react.createElement(TextField_TextField, FontFamily_extends({}, params, {
59850
+ variant: "outlined",
59851
+ label: translate("settings.font_family.title"),
59852
+ placeholder: translate("settings.font_family.placeholder"),
59853
+ InputProps: FontFamily_objectSpread(FontFamily_objectSpread({}, params.InputProps), {}, {
59854
+ "data-testid": "font-family-input"
59855
+ })
59856
+ }));
59857
+ }
59858
+ }));
59859
+ };
59860
 
59861
+ return setting();
59862
+ }
59863
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Form/TextfieldCorners/TextFieldCorners.js
59864
+ function TextFieldCorners_extends() { TextFieldCorners_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 TextFieldCorners_extends.apply(this, arguments); }
59865
 
59866
+ function TextFieldCorners_slicedToArray(arr, i) { return TextFieldCorners_arrayWithHoles(arr) || TextFieldCorners_iterableToArrayLimit(arr, i) || TextFieldCorners_unsupportedIterableToArray(arr, i) || TextFieldCorners_nonIterableRest(); }
59867
 
59868
+ function TextFieldCorners_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
59869
 
59870
+ function TextFieldCorners_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return TextFieldCorners_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return TextFieldCorners_arrayLikeToArray(o, minLen); }
59871
 
59872
+ function TextFieldCorners_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; }
59873
 
59874
+ function TextFieldCorners_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
59875
 
59876
+ function TextFieldCorners_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
59877
 
59878
 
59879
 
59880
 
59881
+
59882
+ var TextFieldCorners_useStyles = styles_makeStyles(function () {
59883
+ return {
59884
+ button: {
59885
+ padding: 0,
59886
+ height: "26px",
59887
+ minWidth: "25px",
59888
+ fontSize: "10px" // margin: "auto",
59889
+
59890
+ },
59891
+ iconButton: {
59892
+ height: "22px",
59893
+ fontSize: "10px",
59894
+ fontWeight: 700,
59895
+ width: "22px",
59896
+ padding: 0,
59897
+ margin: "auto auto"
59898
+ }
59899
+ };
59900
+ });
59901
+ function TextFieldCorners(_ref) {
59902
+ var title = _ref.title,
59903
+ className = _ref.className,
59904
  _ref$value = _ref.value,
59905
  value = _ref$value === void 0 ? "" : _ref$value,
59906
+ _ref$disabled = _ref.disabled,
59907
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
59908
+ _ref$type = _ref.type,
59909
+ type = _ref$type === void 0 ? "corners" : _ref$type,
59910
+ onChange = _ref.onChange,
59911
+ _ref$onClick = _ref.onClick,
59912
+ _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
59913
  _ref$defaultValue = _ref.defaultValue,
59914
+ defaultValue = _ref$defaultValue === void 0 ? "0px 0px 0px 0px" : _ref$defaultValue;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
59915
 
59916
+ var arrayProps = ["top-left", "top-right", "bottom-left", "bottom-right"].map(function (testid, key) {
59917
+ return {
59918
+ inputProps: {
59919
+ "data-testid": "textfield-corners-".concat(testid)
59920
+ },
59921
+ helperText: /*#__PURE__*/react.createElement("i", {
59922
+ className: "fas fa-arrow-up",
59923
+ style: {
59924
+ transform: type === "corners" ? "rotate(".concat(key * 90 - 45, "deg)") : "rotate(".concat(key * 90, "deg)")
59925
+ }
59926
+ })
59927
+ };
59928
+ });
59929
+ var numberPattern = /\d+/g;
59930
+ var classes = TextFieldCorners_useStyles();
59931
+ var arrayValues;
59932
+ if (!value) arrayValues = ["", "", "", ""];else if (typeof value === "number") arrayValues = ["".concat(value), "".concat(value), "".concat(value), "".concat(value)];else arrayValues = value.match(numberPattern) || ["", "", "", ""];
59933
+ if (arrayValues.length !== 4) arrayValues = [arrayValues[0], arrayValues[0], arrayValues[0], arrayValues[0]];
59934
+ var defaultArray;
59935
+ if (!defaultValue) defaultArray = ["", "", "", ""];else if (typeof defaultValue === "number") defaultArray = ["".concat(defaultValue), "".concat(defaultValue), "".concat(defaultValue), "".concat(defaultValue)];else defaultArray = defaultValue.match(numberPattern) || ["", "", "", ""];
59936
+ if (defaultArray.length !== 4) defaultArray = [defaultArray[0], defaultArray[0], defaultArray[0], defaultArray[0]];
59937
 
59938
+ var _useState = (0,react.useState)(arrayValues),
59939
+ _useState2 = TextFieldCorners_slicedToArray(_useState, 2),
59940
+ values = _useState2[0],
59941
+ setValues = _useState2[1];
59942
 
59943
+ var unitValue = "%";
59944
+ /* webpack-strip-block:removed */
 
59945
 
59946
+ var _useState3 = (0,react.useState)(unitValue),
59947
+ _useState4 = TextFieldCorners_slicedToArray(_useState3, 2),
59948
+ unit = _useState4[0],
59949
+ setUnit = _useState4[1];
59950
 
59951
+ var _useState5 = (0,react.useState)(arrayValues.every(function (val) {
59952
+ return val === arrayValues[0];
59953
+ })),
59954
+ _useState6 = TextFieldCorners_slicedToArray(_useState5, 2),
59955
+ linked = _useState6[0],
59956
+ setLinked = _useState6[1];
59957
 
59958
+ var handleChange = function handleChange(key) {
59959
+ var newValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
59960
+ var newValues = values;
59961
+ var newUnit = unit;
59962
 
59963
+ if (key === false) {
59964
+ // Change unit
59965
+ newUnit = newValue;
59966
+ setUnit(newValue);
59967
+ } else {
59968
+ // Change values
59969
+ if (linked) {
59970
+ newValues = [newValue, newValue, newValue, newValue];
59971
+ } else {
59972
+ newValues = values.map(function (val, k) {
59973
+ return key === k ? newValue : val;
59974
+ });
59975
+ }
59976
 
59977
+ setValues(newValues);
 
 
 
 
59978
  }
59979
 
59980
+ if (newValues.every(function (val) {
59981
+ return val === "";
59982
+ })) onChange("unset");
59983
+ if (newValues.every(function (val) {
59984
+ return val !== "" && !isNaN(Number(val));
59985
+ })) onChange(newValues.map(function (val) {
59986
+ return "".concat(val).concat(newUnit);
59987
+ }).join(" "));
 
 
 
 
 
 
 
 
59988
  };
59989
 
59990
+ (0,react.useEffect)(function () {
59991
+ var arrayValues;
59992
+ if (!value) arrayValues = ["", "", "", ""];else if (typeof value === "number") arrayValues = ["".concat(value), "".concat(value), "".concat(value), "".concat(value)];else arrayValues = value.match(numberPattern) || ["", "", "", ""];
59993
+ if (arrayValues.length === 1) arrayValues = [arrayValues[0], arrayValues[0], arrayValues[0], arrayValues[0]];
59994
+ setLinked(arrayValues.every(function (val) {
59995
+ return val === arrayValues[0];
59996
+ }));
59997
+ setValues(arrayValues);
59998
+ setUnit(value ? value.toString().includes("px") ? "px" : "%" : defaultValue.toString().includes("px") ? "px" : "%");
59999
+ }, [value]);
60000
+
60001
+ var unitButtons = function unitButtons() {
60002
+ /* webpack-strip-block:removed */
60003
+ return /*#__PURE__*/react.createElement("div", {
60004
+ style: {
60005
+ transform: "translateY(-10px)",
60006
+ textAlign: "center"
60007
  }
60008
+ }, /*#__PURE__*/react.createElement(IconButton_IconButton, {
60009
+ color: "primary",
60010
+ className: classes.iconButton,
60011
+ "data-testid": "textfield-corners-pixel",
60012
+ disabled: true
60013
+ }, "PX"), /*#__PURE__*/react.createElement(IconButton_IconButton, {
60014
+ color: "primary",
60015
+ className: classes.iconButton,
60016
+ "data-testid": "textfield-corners-percent",
60017
+ disabled: true
60018
+ }, "%"));
60019
+ };
60020
 
60021
+ return /*#__PURE__*/react.createElement("div", {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60022
  onClick: function onClick() {
60023
+ if (disabled) {
60024
+ _onClick();
 
 
 
 
 
 
60025
  }
60026
+
60027
+ return;
 
 
 
 
 
 
 
 
60028
  }
60029
+ }, /*#__PURE__*/react.createElement(SettingsContainer, {
60030
+ className: className,
60031
+ title: title,
60032
+ fullWidth: true
60033
+ }, values.map(function (val, key) {
60034
+ return /*#__PURE__*/react.createElement(TextField_TextField, TextFieldCorners_extends({
60035
+ value: val,
60036
+ type: "number",
60037
+ className: "textfield-corners-input",
60038
+ margin: "dense",
60039
+ placeholder: !value ? defaultArray[key] : arrayValues[key],
60040
+ variant: "outlined",
60041
+ disabled: disabled,
60042
+ key: key,
60043
+ onChange: function onChange(e) {
60044
+ return handleChange(key, e.target.value.replace(/^0+(.+)/, "$1"));
60045
+ }
60046
+ }, arrayProps[key]));
60047
+ }), /*#__PURE__*/react.createElement(Button_Button, {
60048
+ color: "primary",
60049
+ variant: linked ? "contained" : "outlined",
60050
+ className: classes.button,
60051
+ disabled: disabled || !value,
60052
+ "data-testid": "textfield-corners-link",
60053
  onClick: function onClick() {
60054
+ setLinked(!linked);
60055
+ }
60056
+ }, /*#__PURE__*/react.createElement("i", {
60057
+ className: "fas fa-link"
60058
+ })), unitButtons()));
 
 
 
 
 
 
 
 
 
 
60059
  }
60060
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/BorderRadius/BorderRadius.js
60061
+ function BorderRadius_extends() { BorderRadius_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 BorderRadius_extends.apply(this, arguments); }
 
 
60062
 
60063
 
 
 
60064
 
 
 
 
 
60065
 
60066
+ function BorderRadius(props) {
60067
+ return /*#__PURE__*/react.createElement(TextFieldCorners, BorderRadius_extends({
60068
+ title: translate("settings.border_radius.title"),
60069
+ type: "corners"
60070
+ }, props));
60071
  }
60072
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/LabelVisibility/LabelVisibility.js
 
 
 
 
 
 
 
 
 
 
 
 
60073
 
60074
 
60075
 
60076
 
60077
 
60078
 
60079
+ function LabelVisibility(_ref) {
60080
  var _onChange = _ref.onChange,
60081
+ value = _ref.value,
60082
+ _ref$title = _ref.title,
60083
+ title = _ref$title === void 0 ? "" : _ref$title,
60084
+ _ref$device = _ref.device,
60085
+ device = _ref$device === void 0 ? "" : _ref$device,
60086
+ trashButton = _ref.trashButton;
 
 
 
 
 
 
 
 
 
 
 
60087
  return /*#__PURE__*/react.createElement(SettingsContainer, {
60088
+ title: title
60089
+ }, /*#__PURE__*/react.createElement(FormControl_FormControl, {
60090
+ variant: "outlined",
60091
+ fullWidth: true
60092
+ }, /*#__PURE__*/react.createElement(Select_Select, {
60093
+ id: "label-visibility",
60094
+ value: value || "",
60095
+ onChange: function onChange(e) {
60096
+ _onChange(e.target.value);
60097
  },
60098
+ className: "MuiSelect-small",
60099
+ inputProps: {
60100
+ "data-testid": "setting:".concat(device, "-visibility")
60101
+ },
60102
+ displayEmpty: true
60103
+ }, trashButton && /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60104
+ value: "",
60105
+ key: "group-default",
60106
+ disabled: true,
60107
+ style: {
60108
+ display: "none"
60109
+ }
60110
+ }, translate("settings.label_styles.group_default")), device === "desktop" ? [/*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60111
+ value: "always",
60112
+ key: "always"
60113
+ }, translate("settings.label_styles.always")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60114
+ value: "hover",
60115
+ key: "hover"
60116
+ }, translate("settings.label_styles.hover")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60117
+ value: "hide",
60118
+ key: "hide"
60119
+ }, translate("settings.label_styles.hide"))] : [/*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60120
+ value: "always",
60121
+ key: "always"
60122
+ }, translate("settings.label_styles.always")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60123
+ value: "hide",
60124
+ key: "hide"
60125
+ }, translate("settings.label_styles.hide"))])), trashButton ? /*#__PURE__*/react.createElement(IconButton_IconButton, {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60126
  onClick: function onClick() {
60127
+ _onChange("unset");
 
 
60128
  },
60129
+ disabled: !value,
60130
+ size: "small",
60131
  style: {
60132
+ fontSize: "1rem",
60133
+ marginLeft: "5px"
60134
  },
60135
+ color: "primary"
60136
+ }, /*#__PURE__*/react.createElement(Icon_Icon, {
60137
+ fontSize: "inherit",
60138
+ className: "fas fa-trash"
60139
+ })) : null);
60140
  }
60141
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Button/Tabs/Styling/LabelGroup.js
60142
+ function LabelGroup_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; }
60143
 
60144
+ function LabelGroup_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { LabelGroup_ownKeys(Object(source), true).forEach(function (key) { LabelGroup_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { LabelGroup_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
60145
 
60146
+ function LabelGroup_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; }
60147
 
60148
+ function LabelGroup_extends() { LabelGroup_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 LabelGroup_extends.apply(this, arguments); }
60149
 
60150
+ function LabelGroup_slicedToArray(arr, i) { return LabelGroup_arrayWithHoles(arr) || LabelGroup_iterableToArrayLimit(arr, i) || LabelGroup_unsupportedIterableToArray(arr, i) || LabelGroup_nonIterableRest(); }
60151
 
60152
+ function LabelGroup_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
60153
 
60154
+ function LabelGroup_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return LabelGroup_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return LabelGroup_arrayLikeToArray(o, minLen); }
60155
 
60156
+ function LabelGroup_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; }
60157
 
60158
+ function LabelGroup_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
60159
 
60160
+ function LabelGroup_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
60161
 
60162
+ function LabelGroup_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = LabelGroup_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; }
60163
 
60164
+ function LabelGroup_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
60165
 
60166
 
60167
 
60177
 
60178
 
60179
 
 
60180
 
60181
+
60182
+ function _LabelGroup(_ref) {
60183
+ var set = _ref.set,
60184
+ get = _ref.get,
60185
  getParent = _ref.getParent,
60186
+ groupProps = LabelGroup_objectWithoutProperties(_ref, ["set", "get", "getParent"]);
 
60187
 
60188
  var _useState = (0,react.useState)(0),
60189
+ _useState2 = LabelGroup_slicedToArray(_useState, 2),
60190
  hoverSettings = _useState2[0],
60191
+ setHoverSettings = _useState2[1];
60192
 
60193
+ var fontFamily = function fontFamily() {
60194
+ /* webpack-strip-block:removed */
60195
+ return /*#__PURE__*/react.createElement(DisableSetting, {
60196
+ premiumTag: true
60197
+ }, /*#__PURE__*/react.createElement(FontFamily, null));
60198
+ };
60199
 
60200
+ var margin = function margin() {
60201
  /* webpack-strip-block:removed */
60202
  return /*#__PURE__*/react.createElement(DisableSetting, {
60203
  premiumTag: true,
60204
  onClick: function onClick() {
60205
+ app.showPremiumDialog(translate("premium.margin"));
60206
  }
60207
+ }, /*#__PURE__*/react.createElement(TextFieldCorners, {
60208
+ title: translate("settings.margin.title") + " (PRO)",
60209
+ type: "sides"
 
 
 
 
60210
  }));
60211
  };
60212
 
60213
+ var padding = function padding() {
60214
+ /* webpack-strip-block:removed */
60215
+ return /*#__PURE__*/react.createElement(DisableSetting, {
60216
+ premiumTag: true,
60217
+ onClick: function onClick() {
60218
+ app.showPremiumDialog(translate("premium.padding"));
60219
+ }
60220
+ }, /*#__PURE__*/react.createElement(TextFieldCorners, {
60221
+ title: translate("settings.padding.title") + " (PRO)",
60222
+ type: "sides"
60223
+ }));
60224
+ };
60225
+
60226
+ var fontSize = function fontSize() {
60227
+ var label_font_size = get("label_font_size");
60228
+ var label_font_size_parent = get("label_font_size", true);
60229
  /* webpack-strip-block:removed */
60230
 
60231
+ return /*#__PURE__*/react.createElement(DisableSetting, {
60232
  condition: hoverSettings === 1,
60233
  premiumTag: true,
60234
  onClick: function onClick() {
60235
  app.showPremiumDialog("More hover settings!");
60236
  }
60237
+ }, /*#__PURE__*/react.createElement(SliderContainer, {
60238
+ title: translate("settings.font_size"),
60239
+ value: label_font_size[0],
60240
+ inputText: "px",
60241
  onChange: function onChange(val) {
60242
+ set("label_font_size", val);
60243
  },
60244
+ defaultValue: label_font_size_parent[0],
60245
+ disabled: hoverSettings === 1,
60246
+ premium: hoverSettings === 1
 
 
 
 
 
 
 
60247
  }));
60248
  };
60249
 
60250
+ var borderRadius = function borderRadius() {
 
60251
  /* webpack-strip-block:removed */
 
60252
  return /*#__PURE__*/react.createElement(DisableSetting, {
60253
  condition: hoverSettings === 1,
60254
  premiumTag: true,
60255
  onClick: function onClick() {
60256
  app.showPremiumDialog("More hover settings!");
60257
  }
60258
+ }, /*#__PURE__*/react.createElement(BorderRadius, {
60259
+ defaultValue: label_border_radius_parent[0],
60260
+ value: label_border_radius[0],
 
 
 
 
60261
  disabled: hoverSettings === 1,
60262
  onChange: function onChange(val) {
60263
+ var newValues = label_border_radius;
60264
+ newValues[0] = val || "unset";
60265
+ set("label_border_radius", newValues);
60266
  }
60267
  }));
60268
  };
60269
 
60270
+ var label_color = get("label_color");
60271
+ var label_color_parent = get("label_color", true);
60272
+ var label_background_color = get("label_background_color");
60273
+ var label_background_color_parent = get("label_background_color", true);
60274
+ var label_border_radius = get("label_border_radius");
60275
+ var label_border_radius_parent = get("label_border_radius", true);
60276
+ return /*#__PURE__*/react.createElement(CollapsibleGroup, LabelGroup_extends({
60277
+ title: translate("settings.label.title"),
60278
+ "data-testid": "group:label"
60279
+ }, groupProps), getParent("menu_style") === "text" || getParent("menu_style") === "text-icon" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
60280
+ className: "setting-group-title"
60281
+ }, translate("settings.label_desktop.title")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(LabelVisibility, {
60282
+ title: translate("settings.show_mobile_desktop.desktop"),
60283
+ device: "desktop",
60284
+ value: get("show_label_desktop", true),
60285
+ onChange: function onChange(val) {
60286
+ return set("show_label_desktop", val);
60287
+ },
60288
+ trashButton: true
60289
+ }), /*#__PURE__*/react.createElement(LabelVisibility, {
60290
+ title: translate("settings.show_mobile_desktop.mobile"),
60291
+ device: "mobile",
60292
+ value: get("show_label_mobile", true),
60293
+ onChange: function onChange(val) {
60294
+ return set("show_label_mobile", val);
60295
+ },
60296
+ trashButton: true
60297
+ })), /*#__PURE__*/react.createElement(Tabs_Tabs, {
60298
  onChange: function onChange(_, val) {
60299
  return setHoverSettings(val);
60300
  },
60301
  style: {
60302
  marginBottom: "20px",
60303
+ marginTop: getParent("menu_style") === "text" || getParent("menu_style") === "text-icon" ? "0" : "20px"
60304
  },
60305
  value: hoverSettings,
60306
  variant: "fullWidth",
60311
  }), /*#__PURE__*/react.createElement(Tab_Tab, {
60312
  label: "Hover",
60313
  "data-testid": "normal_hover:hover"
60314
+ })), /*#__PURE__*/react.createElement("div", {
60315
+ className: "setting-group-title"
60316
+ }, translate("utils.text")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(ColorPicker, {
60317
+ noGradient: true,
60318
+ title: translate("utils.color"),
60319
+ value: label_color[hoverSettings],
60320
+ defaultValue: label_color_parent[hoverSettings],
60321
+ onChange: function onChange(val) {
60322
+ var newValues = label_color;
60323
+ newValues[hoverSettings] = val;
60324
+ set("label_color", newValues);
60325
+ }
60326
+ }), fontSize(), fontFamily(), getParent("menu_style") === "text" || getParent("menu_style") === "text-icon" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
60327
+ className: "setting-group-title"
60328
+ }, translate("utils.background")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(ColorPicker, {
60329
+ title: translate("utils.color"),
60330
+ value: label_background_color[hoverSettings],
60331
+ defaultValue: label_background_color_parent[hoverSettings],
60332
+ onChange: function onChange(val) {
60333
+ var newValues = label_background_color;
60334
+ newValues[hoverSettings] = val;
60335
+ set("label_background_color", newValues);
60336
+ }
60337
+ }), getParent("menu_style") === "square" || getParent("menu_style") === "rectangle" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, borderRadius(), margin(), padding())));
60338
  }
60339
 
60340
+ /* harmony default export */ var LabelGroup = (connect(function (state) {
60341
  return {
60342
  buttons: state.buttons,
60343
  groups: state.groups
60354
  var _set = _ref3._set;
60355
 
60356
  var buttonId = _ref4.buttonId,
60357
+ props = LabelGroup_objectWithoutProperties(_ref4, ["buttonId"]);
60358
 
60359
  var button = buttons[buttonId];
60360
  var group = groups[buttons[buttonId].parent];
60361
+ return LabelGroup_objectSpread({
60362
  set: function set(key, val) {
60363
  return _set(models.BUTTON, buttonId, key, val);
60364
  },
60365
  get: function get(key) {
60366
  var returnValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
60367
  var defToGroup = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
60368
+ return _get(key, button, returnValue && "button", returnValue && defToGroup ? group : []);
60369
  },
60370
  getParent: function getParent(key) {
60371
  var returnValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
60372
  return _get(key, group, returnValue ? "group" : false);
60373
  }
60374
  }, props);
60375
+ })(_LabelGroup));
60376
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/UseBackgroundImage/index.js
 
 
 
60377
 
 
60378
 
 
60379
 
 
60380
 
 
60381
 
60382
+ function UseBackgroundImage(_ref) {
60383
+ var value = _ref.value,
60384
+ _ref$defaultValue = _ref.defaultValue,
60385
+ defaultValue = _ref$defaultValue === void 0 ? "" : _ref$defaultValue,
60386
+ onChange = _ref.onChange,
60387
+ _ref$disabled = _ref.disabled,
60388
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled;
60389
+ value = value === "" ? null : value;
60390
+ defaultValue = defaultValue === "" ? null : defaultValue;
60391
+ if (disabled) return /*#__PURE__*/react.createElement(DisableSetting, {
60392
+ premiumTag: true,
60393
+ onClick: function onClick() {
60394
+ return app.showPremiumDialog(translate("premium.modal.list.custom_images"));
60395
+ }
60396
+ }, /*#__PURE__*/react.createElement(SettingsContainer, {
60397
+ title: /*#__PURE__*/react.createElement(react.Fragment, null, translate("settings.background_image.title")),
60398
+ fullWidth: false
60399
+ }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
60400
+ checked: false,
60401
+ disabled: true,
60402
+ inputProps: {
60403
+ "data-testid": "setting:image-choice"
60404
+ }
60405
+ })));
60406
 
60407
+ var handleChange = function handleChange(event) {
60408
+ var val = event.target.checked;
60409
+ if (val === defaultValue && value != null) onChange("unset");else onChange(val);
60410
+ };
60411
 
60412
+ return /*#__PURE__*/react.createElement(SettingsContainer, {
60413
+ title: translate("settings.background_image.title"),
60414
+ fullWidth: false
60415
+ }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
60416
+ checked: value == null ? defaultValue : value,
60417
+ onChange: handleChange,
60418
+ inputProps: {
60419
+ "data-testid": "setting:image-choice"
60420
+ }
60421
+ }));
60422
+ }
60423
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Button/Tabs/Styling/ButtonGroup.js
60424
+ function ButtonGroup_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; }
60425
 
60426
+ function ButtonGroup_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ButtonGroup_ownKeys(Object(source), true).forEach(function (key) { ButtonGroup_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ButtonGroup_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
60427
 
60428
+ function ButtonGroup_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; }
60429
 
60430
+ function ButtonGroup_extends() { ButtonGroup_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 ButtonGroup_extends.apply(this, arguments); }
60431
 
60432
+ function ButtonGroup_slicedToArray(arr, i) { return ButtonGroup_arrayWithHoles(arr) || ButtonGroup_iterableToArrayLimit(arr, i) || ButtonGroup_unsupportedIterableToArray(arr, i) || ButtonGroup_nonIterableRest(); }
60433
 
60434
+ function ButtonGroup_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
60435
 
60436
+ function ButtonGroup_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return ButtonGroup_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return ButtonGroup_arrayLikeToArray(o, minLen); }
60437
 
60438
+ function ButtonGroup_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; }
60439
 
60440
+ function ButtonGroup_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
60441
 
60442
+ function ButtonGroup_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
60443
 
60444
+ function ButtonGroup_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = ButtonGroup_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; }
60445
 
60446
+ function ButtonGroup_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
60447
 
 
 
 
 
 
60448
 
 
 
 
 
60449
 
 
 
 
 
 
 
 
 
 
 
 
 
60450
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60451
 
 
 
 
 
 
 
60452
 
 
 
 
60453
 
 
 
 
 
 
 
 
60454
 
60455
+
60456
+
60457
+
60458
+
60459
+
60460
+
60461
+ /* webpack-strip-block:removed */
60462
+
60463
+ function Styling_ButtonGroup_ButtonGroup(_ref) {
60464
+ var get = _ref.get,
60465
+ set = _ref.set,
60466
+ disableBorderRadius = _ref.disableBorderRadius,
60467
+ groupProps = ButtonGroup_objectWithoutProperties(_ref, ["get", "set", "disableBorderRadius"]);
60468
+
60469
+ var _useState = (0,react.useState)(0),
60470
+ _useState2 = ButtonGroup_slicedToArray(_useState, 2),
60471
+ hoverSettings = _useState2[0],
60472
+ setHoverSettings = _useState2[1];
60473
+
60474
+ var settings = function settings() {
60475
+ var colors = get("background_color");
60476
+ var colors_returnValue = get("background_color", {
60477
+ returnValue: true
60478
+ });
60479
+ var colors_parent = get("background_color", {
60480
+ getParent: true,
60481
+ returnValue: true
60482
+ });
60483
  /* webpack-strip-block:removed */
60484
+
60485
+ return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(ColorPicker, {
60486
+ title: translate("utils.color"),
60487
+ value: getFirstColor(colors[hoverSettings]),
60488
+ defaultValue: colors[0] ? getFirstColor(colors_returnValue[hoverSettings]) : getFirstColor(colors_parent[hoverSettings]),
60489
+ onChange: function onChange(val) {
60490
+ var newValues = colors;
60491
+ newValues[hoverSettings] = val;
60492
+ set("background_color", newValues);
60493
  }
60494
+ }), /*#__PURE__*/react.createElement(UseBackgroundImage, {
60495
+ disabled: true
60496
+ }));
60497
+ };
60498
+
60499
+ var borderRadius = function borderRadius() {
60500
+ /* webpack-strip-block:removed */
60501
+ return /*#__PURE__*/react.createElement(DisableSetting, {
60502
+ condition: hoverSettings === 1,
60503
+ premiumTag: true
60504
+ }, /*#__PURE__*/react.createElement(BorderRadius, {
60505
+ value: get("border_radius")[0],
60506
+ defaultValue: get("border_radius", {
60507
+ returnValue: true
60508
+ })[0],
60509
+ disabled: hoverSettings === 1,
60510
+ onChange: function onChange(val) {
60511
+ var newValues = get("border_radius");
60512
+ newValues[0] = val === null ? "unset" : val;
60513
+ set("border_radius", newValues);
 
 
 
 
 
 
 
 
 
60514
  }
60515
  }));
60516
  };
60517
 
60518
+ return /*#__PURE__*/react.createElement(CollapsibleGroup, ButtonGroup_extends({
60519
+ title: translate("common.button")
60520
+ }, groupProps, {
60521
+ "data-testid": "group:button"
60522
+ }), /*#__PURE__*/react.createElement(Tabs_Tabs, {
60523
+ onChange: function onChange(_, val) {
60524
+ return setHoverSettings(val);
60525
+ },
60526
+ style: {
60527
+ marginBottom: "20px"
60528
+ },
60529
+ value: hoverSettings,
60530
+ variant: "fullWidth",
60531
+ centered: true
60532
+ }, /*#__PURE__*/react.createElement(Tab_Tab, {
60533
+ label: "Normal",
60534
+ "data-testid": "normal_hover:normal"
60535
+ }), /*#__PURE__*/react.createElement(Tab_Tab, {
60536
+ label: "Hover",
60537
+ "data-testid": "normal_hover:hover"
60538
+ })), /*#__PURE__*/react.createElement("div", {
60539
+ className: "setting-group-title"
60540
+ }, translate("settings.setting_categories.background")), /*#__PURE__*/react.createElement("hr", null), settings(), /*#__PURE__*/react.createElement("div", {
60541
+ className: "setting-group-title"
60542
+ }, translate("settings.setting_categories.button_style")), /*#__PURE__*/react.createElement("hr", null), !disableBorderRadius ? borderRadius() : null);
60543
+ }
60544
+
60545
+ /* harmony default export */ var Styling_ButtonGroup = (connect(function (state) {
60546
+ return {
60547
+ buttons: state.buttons,
60548
+ groups: state.groups
60549
+ };
60550
+ }, function (dispatch) {
60551
+ return {
60552
+ _set: function _set() {
60553
+ return dispatch(dataActions_set.apply(void 0, arguments));
60554
+ }
60555
+ };
60556
+ }, function (_ref2, _ref3, _ref4) {
60557
+ var buttons = _ref2.buttons,
60558
+ groups = _ref2.groups;
60559
+ var _set = _ref3._set;
60560
+
60561
+ var buttonId = _ref4.buttonId,
60562
+ props = ButtonGroup_objectWithoutProperties(_ref4, ["buttonId"]);
60563
+
60564
+ var button = buttons[buttonId];
60565
+ var group = groups[button.parent];
60566
+ return ButtonGroup_objectSpread({
60567
+ set: function set(key, val) {
60568
+ return _set(models.BUTTON, buttonId, key, val);
60569
+ },
60570
+ get: function get(key) {
60571
+ var _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
60572
+ _ref5$getParent = _ref5.getParent,
60573
+ getParent = _ref5$getParent === void 0 ? false : _ref5$getParent,
60574
+ _ref5$returnValue = _ref5.returnValue,
60575
+ returnValue = _ref5$returnValue === void 0 ? false : _ref5$returnValue,
60576
+ options = ButtonGroup_objectWithoutProperties(_ref5, ["getParent", "returnValue"]);
60577
+
60578
+ return _get(key, getParent ? group : button, returnValue && "button", // returnValue && defToGroup ? group : false,
60579
+ options);
60580
+ },
60581
+ disableBorderRadius: group.menu_style === "square" || group.menu_style === "rectangle"
60582
+ }, props);
60583
+ })(Styling_ButtonGroup_ButtonGroup));
60584
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Button/Tabs/Styling/index.js
60585
+ function Styling_slicedToArray(arr, i) { return Styling_arrayWithHoles(arr) || Styling_iterableToArrayLimit(arr, i) || Styling_unsupportedIterableToArray(arr, i) || Styling_nonIterableRest(); }
60586
+
60587
+ function Styling_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
60588
+
60589
+ function Styling_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Styling_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Styling_arrayLikeToArray(o, minLen); }
60590
+
60591
+ function Styling_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; }
60592
+
60593
+ function Styling_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
60594
+
60595
+ function Styling_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
60596
+
60597
+
60598
+
60599
+
60600
+
60601
+
60602
+ function Styling(_ref) {
60603
+ var buttonId = _ref.buttonId;
60604
+
60605
+ var _useState = (0,react.useState)("button"),
60606
+ _useState2 = Styling_slicedToArray(_useState, 2),
60607
+ openedGroup = _useState2[0],
60608
+ setOpenedGroup = _useState2[1];
60609
+
60610
+ return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(Styling_ButtonGroup, {
60611
+ title: translate("common.button"),
60612
+ opened: openedGroup === "button",
60613
+ onSetIsOpened: function onSetIsOpened(val) {
60614
+ return setOpenedGroup(val ? "button" : "");
60615
+ },
60616
+ buttonId: buttonId
60617
+ }), /*#__PURE__*/react.createElement(Styling_IconGroup, {
60618
+ opened: openedGroup === "icon",
60619
+ onSetIsOpened: function onSetIsOpened(val) {
60620
+ return setOpenedGroup(val ? "icon" : "");
60621
+ },
60622
+ buttonId: buttonId
60623
+ }), /*#__PURE__*/react.createElement(LabelGroup, {
60624
+ opened: openedGroup === "label",
60625
+ onSetIsOpened: function onSetIsOpened(val) {
60626
+ return setOpenedGroup(val ? "label" : "");
60627
+ },
60628
+ buttonId: buttonId
60629
+ }));
60630
  }
60631
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/FilterSelect/FilterSelect.js
 
60632
 
 
60633
 
 
60634
 
 
60635
 
 
60636
 
 
60637
 
 
60638
 
60639
 
60640
+ function FilterSelect(_ref) {
60641
+ var _ref$type = _ref.type,
60642
+ type = _ref$type === void 0 ? "Data" : _ref$type,
60643
+ group = _ref.group;
60644
 
60645
+ /* webpack-strip-block:removed */
60646
 
60647
+ /* webpack-strip-block:removed */
60648
+ // Value doesn't exists in array
60649
 
60650
+ /* webpack-strip-block:removed */
 
 
 
 
 
 
60651
 
60652
+ /* webpack-strip-block:removed */
60653
+ var select = {
60654
+ array: function array() {
60655
+ /* webpack-strip-block:removed */
60656
+ return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(InputLabel_InputLabel, null, type === "schedule" ? translate("time_schedules.current_time_schedule") : translate("page_rules.current_page_rule")), /*#__PURE__*/react.createElement(Select_Select, {
60657
+ inputProps: {
60658
+ "data-testid": "setting:".concat(type === "schedule" ? "time-schedule" : "page-rule")
60659
+ },
60660
+ value: "show",
60661
+ label: type === "schedule" ? translate("time_schedules.current_time_schedule") : translate("page_rules.current_page_rule"),
60662
+ disabled: true,
60663
+ IconComponent: PremiumTag
60664
+ }, /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60665
+ value: "show"
60666
+ }, translate("utils.filter-visibility.".concat(type === "schedule" ? "timeschedule" : "pagerule", "_show_").concat(group ? "group" : "button")))));
60667
  },
60668
+ visibility: function visibility() {
60669
+ /* webpack-strip-block:removed */
60670
+ return null;
 
 
 
 
60671
  }
60672
  };
60673
+ return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(FormControl_FormControl, {
60674
+ variant: "outlined",
60675
+ fullWidth: true,
60676
+ style: {
60677
+ marginBottom: "20px"
60678
+ }
60679
+ }, select.array()), select.visibility());
60680
+ }
60681
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Button/Tabs/Advanced.js
60682
+ function Advanced_slicedToArray(arr, i) { return Advanced_arrayWithHoles(arr) || Advanced_iterableToArrayLimit(arr, i) || Advanced_unsupportedIterableToArray(arr, i) || Advanced_nonIterableRest(); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60683
 
60684
+ function Advanced_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
60685
 
60686
+ function Advanced_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Advanced_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Advanced_arrayLikeToArray(o, minLen); }
 
 
 
60687
 
60688
+ function Advanced_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; }
 
 
 
 
 
60689
 
60690
+ function Advanced_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 
 
60691
 
60692
+ function Advanced_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
 
 
 
 
 
 
 
 
 
60693
 
 
 
60694
 
 
 
 
 
 
 
 
 
 
60695
 
 
 
 
 
 
 
 
 
 
 
60696
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60697
 
 
 
 
 
 
60698
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60699
 
60700
 
60701
 
60702
 
 
 
 
 
 
 
 
60703
 
60704
 
60705
+ /* webpack-strip-block:removed */
60706
 
60707
+ function Advanced(_ref) {
60708
+ var buttonId = _ref.buttonId,
60709
+ buttons = _ref.buttons,
60710
+ set = _ref.set;
60711
+ var button = buttons[buttonId];
60712
 
60713
+ var updateButtonSetting = function updateButtonSetting(obj, val) {
60714
+ set(models.BUTTON, button.id, obj, val);
60715
+ };
60716
 
60717
+ var _useState = (0,react.useState)("customClassId"),
60718
+ _useState2 = Advanced_slicedToArray(_useState, 2),
60719
+ openedGroup = _useState2[0],
60720
+ setOpenedGroup = _useState2[1];
60721
 
60722
+ var settings = {
60723
+ styling: {
60724
+ "class": function _class() {
60725
+ /* webpack-strip-block:removed */
60726
+ return /*#__PURE__*/react.createElement(DisableSetting, {
60727
+ onClick: function onClick() {
60728
+ app.showPremiumDialog(translate("settings.custom_class.pro_description"));
60729
+ }
60730
+ }, /*#__PURE__*/react.createElement(TextField_TextField, {
60731
+ inputProps: {
60732
+ "data-testid": "setting:custom-class"
60733
+ },
60734
+ variant: "outlined",
60735
+ label: translate("settings.custom_class.title"),
60736
+ fullWidth: true,
60737
+ disabled: true,
60738
+ style: {
60739
+ marginBottom: "10px"
60740
+ },
60741
+ InputProps: {
60742
+ endAdornment: /*#__PURE__*/react.createElement(PremiumTag, null)
60743
+ }
60744
+ }));
60745
+ },
60746
+ id: function id() {
60747
+ /* webpack-strip-block:removed */
60748
+ return /*#__PURE__*/react.createElement(DisableSetting, {
60749
+ onClick: function onClick() {
60750
+ app.showPremiumDialog(translate("settings.custom_id.pro_description"));
60751
+ }
60752
+ }, /*#__PURE__*/react.createElement(TextField_TextField, {
60753
+ inputProps: {
60754
+ "data-testid": "setting:custom-id"
60755
+ },
60756
+ variant: "outlined",
60757
+ label: translate("settings.custom_id.title"),
60758
+ fullWidth: true,
60759
+ disabled: true,
60760
+ style: {
60761
+ marginBottom: "10px"
60762
+ },
60763
+ InputProps: {
60764
+ endAdornment: /*#__PURE__*/react.createElement(PremiumTag, null)
60765
+ }
60766
+ }));
60767
+ },
60768
+ editor: function editor() {
60769
+ /* webpack-strip-block:removed */
60770
+ return null;
60771
+ }
60772
  },
60773
+ filters: {
60774
+ timeSchedules: function timeSchedules() {
60775
+ /* webpack-strip-block:removed */
60776
+ return /*#__PURE__*/react.createElement(DisableSetting, {
60777
+ onClick: function onClick() {
60778
+ app.showPremiumDialog(translate("time_schedules.pro_description"), "C-B9ITdY6A4");
60779
+ }
60780
+ }, /*#__PURE__*/react.createElement(FilterSelect, {
60781
+ type: "schedule"
60782
+ }), /*#__PURE__*/react.createElement(Button_Button, {
60783
+ startIcon: /*#__PURE__*/react.createElement("i", {
60784
+ style: {
60785
+ fontSize: "12px"
60786
+ },
60787
+ className: "fas fa-cog"
60788
+ }),
60789
+ color: "primary",
60790
+ className: "Mui-disabled",
60791
+ "data-testid": "time_schedules_open_drawer"
60792
+ }, translate("time_schedules.open_settings")));
60793
+ },
60794
+ pageRules: function pageRules() {
60795
+ /* webpack-strip-block:removed */
60796
+ return /*#__PURE__*/react.createElement(DisableSetting, {
60797
+ onClick: function onClick() {
60798
+ app.showPremiumDialog(translate("page_rules.pro_description"), "SQnAhyBWLWg");
60799
+ }
60800
+ }, /*#__PURE__*/react.createElement(FilterSelect, {
60801
+ type: "rule"
60802
+ }), /*#__PURE__*/react.createElement(Button_Button, {
60803
+ startIcon: /*#__PURE__*/react.createElement("i", {
60804
+ style: {
60805
+ fontSize: "12px"
60806
+ },
60807
+ className: "fas fa-cog"
60808
+ }),
60809
+ color: "primary",
60810
+ className: "Mui-disabled",
60811
+ "data-testid": "page_rules_open_drawer"
60812
+ }, translate("page_rules.open_settings")));
60813
+ }
60814
  }
60815
+ };
60816
+ return /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement(CollapsibleGroup, {
60817
+ title: translate("settings.custom_id.title") + " & " + translate("settings.custom_class.title"),
60818
+ "data-testid": "group:custom-class-id",
60819
+ icon: "far fa-clock",
60820
+ opened: openedGroup === "customClassId",
60821
+ onSetIsOpened: function onSetIsOpened(val) {
60822
+ return setOpenedGroup(val ? "customClassId" : "");
60823
+ }
60824
+ }, /*#__PURE__*/react.createElement("div", {
60825
+ className: "setting-group-title"
60826
+ }, translate("settings.custom_class.title")), /*#__PURE__*/react.createElement("hr", null), settings.styling["class"](), /*#__PURE__*/react.createElement("div", {
60827
+ className: "setting-group-title"
60828
+ }, translate("settings.custom_id.title")), /*#__PURE__*/react.createElement("hr", null), settings.styling.id(), settings.styling.editor()), /*#__PURE__*/react.createElement(CollapsibleGroup, {
60829
+ title: translate("time_schedules.name"),
60830
+ icon: "far fa-clock",
60831
+ opened: openedGroup === "timeSchedules",
60832
+ "data-testid": "group:time-schedules",
60833
+ onSetIsOpened: function onSetIsOpened(val) {
60834
+ return setOpenedGroup(val ? "timeSchedules" : "");
60835
+ }
60836
+ }, settings.filters.timeSchedules()), /*#__PURE__*/react.createElement(CollapsibleGroup, {
60837
+ title: translate("page_rules.name"),
60838
+ icon: "fas fa-filter",
60839
+ opened: openedGroup === "pageRules",
60840
+ "data-testid": "group:page-rules",
60841
+ onSetIsOpened: function onSetIsOpened(val) {
60842
+ return setOpenedGroup(val ? "pageRules" : "");
60843
+ }
60844
+ }, settings.filters.pageRules()));
60845
  }
 
 
 
 
60846
 
60847
+ /* harmony default export */ var Tabs_Advanced = (connect(function (state) {
60848
+ return {
60849
+ buttons: state.buttons,
60850
+ time_schedules: state.timeSchedules,
60851
+ page_rules: state.pageRules,
60852
+ groups: state.groups
60853
+ };
60854
+ }, function (dispatch) {
60855
+ return {
60856
+ /* webpack-strip-block:removed */
60857
+ set: function set() {
60858
+ return dispatch(dataActions_set.apply(void 0, arguments));
60859
+ }
60860
+ };
60861
+ })(Advanced));
60862
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Button/Button.js
60863
 
 
60864
 
 
60865
 
 
60866
 
 
60867
 
 
60868
 
 
60869
 
 
60870
 
 
60871
 
 
60872
 
60873
+ function currentTab(tab) {
60874
+ if (tab === "advanced") {
60875
+ return 2;
60876
+ } else if (tab === "style") {
60877
+ return 1;
60878
+ } else {
60879
+ return 0;
60880
+ }
60881
+ }
60882
 
60883
+ function Button_Button_Button(_ref) {
60884
+ var match = _ref.match,
60885
+ groups = _ref.groups,
60886
+ buttons = _ref.buttons;
60887
+ var group = dlv_umd_default()(groups, match.params.groupId, false);
60888
+ var button = dlv_umd_default()(buttons, match.params.id, false);
60889
+ var tab = currentTab(dlv_umd_default()(match.params, "tab", "general"));
60890
 
60891
+ if (!group || !button) {
60892
+ return /*#__PURE__*/react.createElement(ItemNotFound, {
60893
+ isButtonGroupNotFound: true
60894
+ });
60895
+ }
60896
 
60897
+ return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(ButtonHeader_ButtonHeader, {
60898
+ group: group,
60899
+ button: button,
60900
+ tab: tab
60901
+ }), tab === 0 && /*#__PURE__*/react.createElement(Tabs_Options, {
60902
+ group: group,
60903
+ buttonId: button.id
60904
+ }), tab === 1 && /*#__PURE__*/react.createElement(Styling, {
60905
+ group: group,
60906
+ buttonId: button.id
60907
+ }), tab === 2 && /*#__PURE__*/react.createElement(Tabs_Advanced, {
60908
+ group: group,
60909
+ buttonId: button.id
60910
+ }));
60911
+ }
60912
 
60913
+ /* harmony default export */ var Pages_Button_Button = (connect(function (state) {
60914
+ return {
60915
+ groups: state.groups,
60916
+ buttons: state.buttons
60917
+ };
60918
+ }, function (dispatch) {
60919
+ return {
60920
+ set: function set() {
60921
+ return dispatch(dataActions_set.apply(void 0, arguments));
60922
+ }
60923
+ };
60924
+ })(Button_Button_Button));
60925
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/MenuStyle/MenuStyle.js
60926
+ function MenuStyle_slicedToArray(arr, i) { return MenuStyle_arrayWithHoles(arr) || MenuStyle_iterableToArrayLimit(arr, i) || MenuStyle_unsupportedIterableToArray(arr, i) || MenuStyle_nonIterableRest(); }
60927
 
60928
+ function MenuStyle_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
60929
 
60930
+ function MenuStyle_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return MenuStyle_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return MenuStyle_arrayLikeToArray(o, minLen); }
60931
 
60932
+ function MenuStyle_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; }
60933
 
60934
+ function MenuStyle_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
60935
 
60936
+ function MenuStyle_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
60937
 
60938
 
60939
 
60941
 
60942
 
60943
 
60944
+ function MenuStyle(_ref) {
60945
+ var value = _ref.value,
60946
+ _onChange = _ref.onChange;
60947
+ var inputLabel = (0,react.useRef)(null);
 
60948
 
60949
  var _useState = (0,react.useState)(0),
60950
+ _useState2 = MenuStyle_slicedToArray(_useState, 2),
60951
+ labelWidth = _useState2[0],
60952
+ setLabelWidth = _useState2[1];
 
 
 
 
 
 
 
60953
 
60954
+ (0,react.useEffect)(function () {
60955
+ setLabelWidth(inputLabel.current.offsetWidth);
60956
+ }, []);
 
 
 
 
 
 
 
 
 
60957
 
60958
+ var options = function options() {
60959
  /* webpack-strip-block:removed */
60960
+ return [/*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60961
+ value: "default",
60962
+ key: 0
60963
+ }, translate("settings.menu_style.styles.default")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60964
+ value: "square",
60965
+ key: 1
60966
+ }, translate("settings.menu_style.styles.square")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60967
+ value: "rectangle",
60968
+ key: 2
60969
+ }, translate("settings.menu_style.styles.rectangle")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60970
+ value: "text",
60971
+ key: 3,
60972
+ style: {
60973
+ opacity: 0.5
60974
  }
60975
+ }, translate("settings.menu_style.styles.text"), " ", /*#__PURE__*/react.createElement(PremiumTag, null)), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
60976
+ value: "text-icon",
60977
+ key: 4,
60978
+ style: {
60979
+ opacity: 0.5
 
 
 
 
 
 
 
 
 
 
 
60980
  }
60981
+ }, translate("settings.menu_style.styles.texticon"), " ", /*#__PURE__*/react.createElement(PremiumTag, null))];
 
 
 
 
 
 
 
 
 
 
60982
  };
60983
 
60984
+ return /*#__PURE__*/react.createElement(FormControl_FormControl, {
60985
+ variant: "outlined",
60986
+ fullWidth: true
60987
+ }, /*#__PURE__*/react.createElement(InputLabel_InputLabel, {
60988
+ id: "group-style",
60989
+ ref: inputLabel
60990
+ }, translate("common.type")), /*#__PURE__*/react.createElement(Select_Select, {
60991
+ labelId: "group-style",
60992
+ id: "group-style",
60993
+ value: value,
60994
+ onChange: function onChange(e) {
60995
+ /* webpack-strip-block:removed */
60996
+ if (e.target.value === "text" || e.target.value === "text-icon") {
60997
+ app.showPremiumDialog(translate("premium.menu_styles." + e.target.value), null, e.target.value === "text" ? "https://s3.eu-central-1.amazonaws.com/community.buttonizer.pro/2020-05-14/1589467082-147541-image.png" : "https://s3.eu-central-1.amazonaws.com/community.buttonizer.pro/2020-05-14/1589468089-699690-msedge-f9gje423nn.png");
60998
+ return;
 
60999
  }
 
 
61000
 
61001
+ _onChange(e.target.value);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61002
  },
61003
+ labelWidth: labelWidth,
61004
+ inputProps: {
61005
+ "data-testid": "setting:menu-style"
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61006
  }
61007
+ }, options()));
61008
  }
61009
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/StartOpened/StartOpened.js
61010
+ function StartOpened_slicedToArray(arr, i) { return StartOpened_arrayWithHoles(arr) || StartOpened_iterableToArrayLimit(arr, i) || StartOpened_unsupportedIterableToArray(arr, i) || StartOpened_nonIterableRest(); }
61011
 
61012
+ function StartOpened_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61013
 
61014
+ function StartOpened_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return StartOpened_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return StartOpened_arrayLikeToArray(o, minLen); }
 
61015
 
61016
+ function StartOpened_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; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61017
 
61018
+ function StartOpened_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
61019
+
61020
+ function StartOpened_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
61021
 
61022
 
61023
 
61024
 
61025
+
61026
+ function StartOpened(_ref) {
61027
  var value = _ref.value,
61028
+ _onChange = _ref.onChange;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61029
 
61030
+ var _useState = (0,react.useState)(value),
61031
+ _useState2 = StartOpened_slicedToArray(_useState, 2),
61032
+ opened = _useState2[0],
61033
+ setOpened = _useState2[1];
61034
 
61035
+ (0,react.useEffect)(function () {
61036
+ setOpened(value);
61037
+ }, [value]);
61038
  return /*#__PURE__*/react.createElement(SettingsContainer, {
61039
+ title: translate("settings.start_opened.title"),
61040
  fullWidth: false
61041
  }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
 
 
61042
  inputProps: {
61043
+ "data-testid": "setting:start-opened"
61044
+ },
61045
+ onChange: function onChange(obj) {
61046
+ setOpened(obj.target.checked);
61047
+
61048
+ _onChange(obj.target.checked);
61049
+ },
61050
+ checked: opened
61051
  }));
61052
  }
61053
+ ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/Grid/Grid.js
 
61054
 
 
61055
 
61056
+ // A grid component using the following libs as inspiration.
61057
+ //
61058
+ // For the implementation:
61059
+ // - https://getbootstrap.com/docs/4.3/layout/grid/
61060
+ // - https://github.com/kristoferjoseph/flexboxgrid/blob/master/src/css/flexboxgrid.css
61061
+ // - https://github.com/roylee0704/react-flexbox-grid
61062
+ // - https://material.angularjs.org/latest/layout/introduction
61063
+ //
61064
+ // Follow this flexbox Guide to better understand the underlying model:
61065
+ // - https://css-tricks.com/snippets/css/a-guide-to-flexbox/
61066
 
 
61067
 
 
61068
 
 
61069
 
 
61070
 
61071
+ var SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
61072
+ var GRID_SIZES = ['auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
61073
 
61074
+ function generateGrid(globalStyles, theme, breakpoint) {
61075
+ var styles = {};
61076
+ GRID_SIZES.forEach(function (size) {
61077
+ var key = "grid-".concat(breakpoint, "-").concat(size);
61078
 
61079
+ if (size === true) {
61080
+ // For the auto layouting
61081
+ styles[key] = {
61082
+ flexBasis: 0,
61083
+ flexGrow: 1,
61084
+ maxWidth: '100%'
61085
+ };
61086
+ return;
61087
+ }
61088
 
61089
+ if (size === 'auto') {
61090
+ styles[key] = {
61091
+ flexBasis: 'auto',
61092
+ flexGrow: 0,
61093
+ maxWidth: 'none'
61094
+ };
61095
+ return;
61096
+ } // Keep 7 significant numbers.
61097
 
 
61098
 
61099
+ var width = "".concat(Math.round(size / 12 * 10e7) / 10e5, "%"); // Close to the bootstrap implementation:
61100
+ // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41
61101
 
61102
+ styles[key] = {
61103
+ flexBasis: width,
61104
+ flexGrow: 0,
61105
+ maxWidth: width
61106
+ };
61107
+ }); // No need for a media query for the first size.
61108
 
61109
+ if (breakpoint === 'xs') {
61110
+ (0,esm_extends/* default */.Z)(globalStyles, styles);
61111
+ } else {
61112
+ globalStyles[theme.breakpoints.up(breakpoint)] = styles;
61113
+ }
61114
+ }
61115
 
61116
+ function getOffset(val) {
61117
+ var div = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
61118
+ var parse = parseFloat(val);
61119
+ return "".concat(parse / div).concat(String(val).replace(String(parse), '') || 'px');
61120
+ }
61121
 
61122
+ function generateGutter(theme, breakpoint) {
61123
+ var styles = {};
61124
+ SPACINGS.forEach(function (spacing) {
61125
+ var themeSpacing = theme.spacing(spacing);
61126
 
61127
+ if (themeSpacing === 0) {
61128
+ return;
61129
+ }
61130
 
61131
+ styles["spacing-".concat(breakpoint, "-").concat(spacing)] = {
61132
+ margin: "-".concat(getOffset(themeSpacing, 2)),
61133
+ width: "calc(100% + ".concat(getOffset(themeSpacing), ")"),
61134
+ '& > $item': {
61135
+ padding: getOffset(themeSpacing, 2)
61136
+ }
61137
+ };
61138
+ });
61139
+ return styles;
61140
+ } // Default CSS values
61141
+ // flex: '0 1 auto',
61142
+ // flexDirection: 'row',
61143
+ // alignItems: 'flex-start',
61144
+ // flexWrap: 'nowrap',
61145
+ // justifyContent: 'flex-start',
61146
 
61147
 
61148
+ var Grid_styles = function styles(theme) {
61149
+ return (0,esm_extends/* default */.Z)({
61150
+ /* Styles applied to the root element. */
61151
+ root: {},
61152
 
61153
+ /* Styles applied to the root element if `container={true}`. */
61154
+ container: {
61155
+ boxSizing: 'border-box',
61156
+ display: 'flex',
61157
+ flexWrap: 'wrap',
61158
+ width: '100%'
61159
+ },
61160
 
61161
+ /* Styles applied to the root element if `item={true}`. */
61162
+ item: {
61163
+ boxSizing: 'border-box',
61164
+ margin: '0' // For instance, it's useful when used with a `figure` element.
61165
 
61166
+ },
61167
 
61168
+ /* Styles applied to the root element if `zeroMinWidth={true}`. */
61169
+ zeroMinWidth: {
61170
+ minWidth: 0
61171
+ },
61172
 
61173
+ /* Styles applied to the root element if `direction="column"`. */
61174
+ 'direction-xs-column': {
61175
+ flexDirection: 'column'
61176
+ },
61177
 
61178
+ /* Styles applied to the root element if `direction="column-reverse"`. */
61179
+ 'direction-xs-column-reverse': {
61180
+ flexDirection: 'column-reverse'
61181
+ },
 
61182
 
61183
+ /* Styles applied to the root element if `direction="row-reverse"`. */
61184
+ 'direction-xs-row-reverse': {
61185
+ flexDirection: 'row-reverse'
61186
+ },
61187
 
61188
+ /* Styles applied to the root element if `wrap="nowrap"`. */
61189
+ 'wrap-xs-nowrap': {
61190
+ flexWrap: 'nowrap'
61191
+ },
 
 
 
 
 
 
61192
 
61193
+ /* Styles applied to the root element if `wrap="reverse"`. */
61194
+ 'wrap-xs-wrap-reverse': {
61195
+ flexWrap: 'wrap-reverse'
61196
+ },
 
 
 
 
 
 
 
 
 
61197
 
61198
+ /* Styles applied to the root element if `alignItems="center"`. */
61199
+ 'align-items-xs-center': {
61200
+ alignItems: 'center'
61201
+ },
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61202
 
61203
+ /* Styles applied to the root element if `alignItems="flex-start"`. */
61204
+ 'align-items-xs-flex-start': {
61205
+ alignItems: 'flex-start'
 
 
 
 
61206
  },
61207
+
61208
+ /* Styles applied to the root element if `alignItems="flex-end"`. */
61209
+ 'align-items-xs-flex-end': {
61210
+ alignItems: 'flex-end'
61211
  },
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61212
 
61213
+ /* Styles applied to the root element if `alignItems="baseline"`. */
61214
+ 'align-items-xs-baseline': {
61215
+ alignItems: 'baseline'
61216
+ },
 
 
 
 
 
 
 
 
 
 
 
61217
 
61218
+ /* Styles applied to the root element if `alignContent="center"`. */
61219
+ 'align-content-xs-center': {
61220
+ alignContent: 'center'
61221
+ },
61222
 
61223
+ /* Styles applied to the root element if `alignContent="flex-start"`. */
61224
+ 'align-content-xs-flex-start': {
61225
+ alignContent: 'flex-start'
 
 
61226
  },
 
 
 
 
 
 
 
61227
 
61228
+ /* Styles applied to the root element if `alignContent="flex-end"`. */
61229
+ 'align-content-xs-flex-end': {
61230
+ alignContent: 'flex-end'
61231
  },
 
 
 
 
 
61232
 
61233
+ /* Styles applied to the root element if `alignContent="space-between"`. */
61234
+ 'align-content-xs-space-between': {
61235
+ alignContent: 'space-between'
61236
+ },
61237
 
61238
+ /* Styles applied to the root element if `alignContent="space-around"`. */
61239
+ 'align-content-xs-space-around': {
61240
+ alignContent: 'space-around'
61241
+ },
61242
 
61243
+ /* Styles applied to the root element if `justify="center"`. */
61244
+ 'justify-xs-center': {
61245
+ justifyContent: 'center'
61246
+ },
61247
 
61248
+ /* Styles applied to the root element if `justify="flex-end"`. */
61249
+ 'justify-xs-flex-end': {
61250
+ justifyContent: 'flex-end'
61251
+ },
61252
 
61253
+ /* Styles applied to the root element if `justify="space-between"`. */
61254
+ 'justify-xs-space-between': {
61255
+ justifyContent: 'space-between'
61256
+ },
61257
+
61258
+ /* Styles applied to the root element if `justify="space-around"`. */
61259
+ 'justify-xs-space-around': {
61260
+ justifyContent: 'space-around'
61261
+ },
61262
 
61263
+ /* Styles applied to the root element if `justify="space-evenly"`. */
61264
+ 'justify-xs-space-evenly': {
61265
+ justifyContent: 'space-evenly'
61266
+ }
61267
+ }, generateGutter(theme, 'xs'), theme.breakpoints.keys.reduce(function (accumulator, key) {
61268
+ // Use side effect over immutability for better performance.
61269
+ generateGrid(accumulator, theme, key);
61270
+ return accumulator;
61271
+ }, {}));
61272
+ };
61273
+ var Grid = /*#__PURE__*/react.forwardRef(function Grid(props, ref) {
61274
+ var _props$alignContent = props.alignContent,
61275
+ alignContent = _props$alignContent === void 0 ? 'stretch' : _props$alignContent,
61276
+ _props$alignItems = props.alignItems,
61277
+ alignItems = _props$alignItems === void 0 ? 'stretch' : _props$alignItems,
61278
+ classes = props.classes,
61279
+ classNameProp = props.className,
61280
+ _props$component = props.component,
61281
+ Component = _props$component === void 0 ? 'div' : _props$component,
61282
+ _props$container = props.container,
61283
+ container = _props$container === void 0 ? false : _props$container,
61284
+ _props$direction = props.direction,
61285
+ direction = _props$direction === void 0 ? 'row' : _props$direction,
61286
+ _props$item = props.item,
61287
+ item = _props$item === void 0 ? false : _props$item,
61288
+ _props$justify = props.justify,
61289
+ justify = _props$justify === void 0 ? 'flex-start' : _props$justify,
61290
+ _props$lg = props.lg,
61291
+ lg = _props$lg === void 0 ? false : _props$lg,
61292
+ _props$md = props.md,
61293
+ md = _props$md === void 0 ? false : _props$md,
61294
+ _props$sm = props.sm,
61295
+ sm = _props$sm === void 0 ? false : _props$sm,
61296
+ _props$spacing = props.spacing,
61297
+ spacing = _props$spacing === void 0 ? 0 : _props$spacing,
61298
+ _props$wrap = props.wrap,
61299
+ wrap = _props$wrap === void 0 ? 'wrap' : _props$wrap,
61300
+ _props$xl = props.xl,
61301
+ xl = _props$xl === void 0 ? false : _props$xl,
61302
+ _props$xs = props.xs,
61303
+ xs = _props$xs === void 0 ? false : _props$xs,
61304
+ _props$zeroMinWidth = props.zeroMinWidth,
61305
+ zeroMinWidth = _props$zeroMinWidth === void 0 ? false : _props$zeroMinWidth,
61306
+ other = (0,objectWithoutProperties/* default */.Z)(props, ["alignContent", "alignItems", "classes", "className", "component", "container", "direction", "item", "justify", "lg", "md", "sm", "spacing", "wrap", "xl", "xs", "zeroMinWidth"]);
61307
 
61308
+ var className = (0,clsx_m/* default */.Z)(classes.root, classNameProp, container && [classes.container, spacing !== 0 && classes["spacing-xs-".concat(String(spacing))]], item && classes.item, zeroMinWidth && classes.zeroMinWidth, direction !== 'row' && classes["direction-xs-".concat(String(direction))], wrap !== 'wrap' && classes["wrap-xs-".concat(String(wrap))], alignItems !== 'stretch' && classes["align-items-xs-".concat(String(alignItems))], alignContent !== 'stretch' && classes["align-content-xs-".concat(String(alignContent))], justify !== 'flex-start' && classes["justify-xs-".concat(String(justify))], xs !== false && classes["grid-xs-".concat(String(xs))], sm !== false && classes["grid-sm-".concat(String(sm))], md !== false && classes["grid-md-".concat(String(md))], lg !== false && classes["grid-lg-".concat(String(lg))], xl !== false && classes["grid-xl-".concat(String(xl))]);
61309
+ return /*#__PURE__*/react.createElement(Component, (0,esm_extends/* default */.Z)({
61310
+ className: className,
61311
+ ref: ref
61312
+ }, other));
61313
+ });
61314
+ false ? 0 : void 0;
61315
+ var StyledGrid = (0,withStyles/* default */.Z)(Grid_styles, {
61316
+ name: 'MuiGrid'
61317
+ })(Grid);
61318
 
61319
+ if (false) { var requireProp; }
61320
 
61321
+ /* harmony default export */ var Grid_Grid = (StyledGrid);
61322
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/Position/Position.js
61323
+ function Position_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; }
61324
 
61325
+ function Position_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Position_ownKeys(Object(source), true).forEach(function (key) { Position_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Position_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
61326
 
61327
+ function Position_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; }
 
61328
 
61329
+ function Position_slicedToArray(arr, i) { return Position_arrayWithHoles(arr) || Position_iterableToArrayLimit(arr, i) || Position_unsupportedIterableToArray(arr, i) || Position_nonIterableRest(); }
 
 
 
61330
 
61331
+ function Position_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61332
 
61333
+ function Position_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Position_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Position_arrayLikeToArray(o, minLen); }
61334
 
61335
+ function Position_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; }
61336
 
61337
+ function Position_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
61338
 
61339
+ function Position_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
61340
 
61341
 
61342
 
61343
 
 
 
 
 
61344
 
 
61345
 
 
 
61346
 
 
61347
 
61348
+ var getPositionParameters = function getPositionParameters(input) {
61349
  /* webpack-strip-block:removed */
61350
+ if (typeof input !== "string") return {
61351
+ value: input,
61352
+ mode: false,
61353
+ type: false
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61354
  };
61355
+ var result = input.match(/(left|right|top|bottom):\s?(\d{1,3})\s?.+;?/i);
61356
+ if (result === null) return {
61357
+ mode: false,
61358
+ value: false,
61359
+ type: false
61360
+ };
61361
+ return {
61362
+ value: Number(result[2]),
61363
+ mode: result[1],
61364
+ type: "%"
61365
+ };
61366
+ };
61367
 
61368
+ function Position(_ref) {
61369
+ var _ref$position = _ref.position,
61370
+ position = _ref$position === void 0 ? "vertical" : _ref$position,
61371
+ value = _ref.value,
61372
+ onChange = _ref.onChange;
61373
+ var positionValue = value;
61374
+ var result = getPositionParameters(value);
61375
 
61376
+ var _useState = (0,react.useState)(result.value),
61377
+ _useState2 = Position_slicedToArray(_useState, 2),
61378
+ currentPosition = _useState2[0],
61379
+ setCurrentPosition = _useState2[1];
61380
 
61381
+ var _useState3 = (0,react.useState)(result.mode ? result.mode : position === "vertical" ? "bottom" : "right"),
61382
+ _useState4 = Position_slicedToArray(_useState3, 2),
61383
+ positionMode = _useState4[0],
61384
+ setPositionMode = _useState4[1];
61385
 
61386
+ var _useState5 = (0,react.useState)(result.type || "%"),
61387
+ _useState6 = Position_slicedToArray(_useState5, 2),
61388
+ positionType = _useState6[0],
61389
+ setPositionType = _useState6[1];
61390
 
61391
+ var _useState7 = (0,react.useState)(!/(bottom|right|top|left):\s?(5|50)%;?/i.test(positionValue)),
61392
+ _useState8 = Position_slicedToArray(_useState7, 2),
61393
+ advancedOpen = _useState8[0],
61394
+ setAdvancedOpen = _useState8[1];
61395
 
61396
+ var updatePosition = function updatePosition(obj) {
61397
+ var _type$mode$value$obj = Position_objectSpread({
61398
+ type: positionType,
61399
+ mode: positionMode,
61400
+ value: currentPosition
61401
+ }, obj),
61402
+ type = _type$mode$value$obj.type,
61403
+ mode = _type$mode$value$obj.mode,
61404
+ value = _type$mode$value$obj.value;
61405
 
61406
+ var output = "".concat(mode, ": ").concat(value).concat(type, ";");
61407
+ onChange(output);
61408
+ setPositionMode(mode);
61409
+ setCurrentPosition(value);
61410
+ /* webpack-strip-block:removed */
61411
+ };
61412
 
61413
+ var positionTypeSetting = function positionTypeSetting() {
61414
+ /* webpack-strip-block:removed */
61415
+ return /*#__PURE__*/react.createElement(Grid_Grid, {
61416
+ item: true,
61417
+ xs: 12,
61418
+ component: ButtonGroup_ButtonGroup,
61419
+ margin: "dense"
61420
+ }, /*#__PURE__*/react.createElement(Button_Button, {
61421
+ color: "primary",
61422
+ variant: "contained",
61423
+ "data-testid": "setting:position-".concat(position, "-scaled")
61424
+ }, translate("settings.menu_position.scaled"), " (%)"), /*#__PURE__*/react.createElement(Button_Button, {
61425
+ color: "primary",
61426
+ disabled: true,
61427
+ variant: "outlined",
61428
+ "data-testid": "setting:position-".concat(position, "-abs")
61429
+ }, translate("settings.menu_position.absolute"), " (px) ", /*#__PURE__*/react.createElement(PremiumTag, null)));
61430
+ };
61431
 
61432
+ return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
61433
+ className: "setting-group-title"
61434
+ }, translate("settings.menu_position.".concat(position))), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(Grid_Grid, {
61435
+ container: true,
61436
+ style: {
61437
+ marginBottom: "25px"
 
 
 
 
 
 
 
 
 
 
61438
  },
61439
+ alignItems: "center",
61440
+ spacing: 1
61441
+ }, /*#__PURE__*/react.createElement(Grid_Grid, {
61442
+ item: true,
61443
+ xs: 5,
61444
+ component: ButtonGroup_ButtonGroup,
61445
+ color: "primary",
61446
+ className: (0,clsx_m/* default */.Z)("position-buttons position-".concat(position))
61447
+ }, /*#__PURE__*/react.createElement(Button_Button, {
61448
+ color: "primary",
61449
+ variant: /(top|left):\s?5%;?/i.test(positionValue) ? "contained" : "outlined",
61450
+ onClick: function onClick() {
61451
+ return updatePosition({
61452
+ value: 5,
61453
+ type: "%",
61454
+ mode: position === "vertical" ? "top" : "left"
61455
+ });
61456
  },
61457
+ "data-testid": "setting:position-".concat(position, "-left"),
61458
+ size: "small"
61459
+ }, /*#__PURE__*/react.createElement("svg", {
61460
+ className: "icon",
61461
+ xmlns: "http://www.w3.org/2000/svg",
61462
+ width: "24",
61463
+ height: "24",
61464
+ viewBox: "0 0 24 24"
61465
+ }, /*#__PURE__*/react.createElement("path", {
61466
+ d: "M8 11h3v10h2V11h3l-4-4-4 4zM4 3v2h16V3H4z"
61467
+ }), /*#__PURE__*/react.createElement("path", {
61468
+ d: "M0 0h24v24H0z",
61469
+ fill: "none"
61470
+ }))), /*#__PURE__*/react.createElement(Button_Button, {
61471
+ color: "primary",
61472
+ variant: /(bottom|right):\s?50%;?/i.test(positionValue) ? "contained" : "outlined",
61473
+ onClick: function onClick() {
61474
+ return updatePosition({
61475
+ value: 50,
61476
+ type: "%",
61477
+ mode: position === "vertical" ? "bottom" : "right"
61478
+ });
61479
  },
61480
+ "data-testid": "setting:position-".concat(position, "-middle"),
61481
+ size: "small"
61482
+ }, /*#__PURE__*/react.createElement("svg", {
61483
+ className: "icon",
61484
+ xmlns: "http://www.w3.org/2000/svg",
61485
+ width: "24",
61486
+ height: "24",
61487
+ viewBox: "0 0 24 24"
61488
+ }, /*#__PURE__*/react.createElement("path", {
61489
+ d: "M8 19h3v4h2v-4h3l-4-4-4 4zm8-14h-3V1h-2v4H8l4 4 4-4zM4 11v2h16v-2H4z"
61490
+ }), /*#__PURE__*/react.createElement("path", {
61491
+ d: "M0 0h24v24H0z",
61492
+ fill: "none"
61493
+ }))), /*#__PURE__*/react.createElement(Button_Button, {
61494
+ color: "primary",
61495
+ variant: /(bottom|right):\s?5%;?/i.test(positionValue) ? "contained" : "outlined",
61496
+ onClick: function onClick() {
61497
+ return updatePosition({
61498
+ value: 5,
61499
+ type: "%",
61500
+ mode: position === "vertical" ? "bottom" : "right"
61501
+ });
61502
  },
61503
+ "data-testid": "setting:position-".concat(position, "-right"),
61504
+ size: "small"
61505
+ }, /*#__PURE__*/react.createElement("svg", {
61506
+ className: "icon",
61507
+ xmlns: "http://www.w3.org/2000/svg",
61508
+ width: "24",
61509
+ height: "24",
61510
+ viewBox: "0 0 24 24"
61511
+ }, /*#__PURE__*/react.createElement("path", {
61512
+ d: "M8 11h3v10h2V11h3l-4-4-4 4zM4 3v2h16V3H4z"
61513
+ }), /*#__PURE__*/react.createElement("path", {
61514
+ d: "M0 0h24v24H0z",
61515
+ fill: "none"
61516
+ })))), /*#__PURE__*/react.createElement(Grid_Grid, {
61517
+ item: true,
61518
+ xs: true,
61519
+ onClick: function onClick() {
61520
+ return setAdvancedOpen(!advancedOpen);
61521
+ },
61522
+ component: Button_Button,
61523
+ variant: "text",
61524
+ color: "primary",
61525
+ endIcon: /*#__PURE__*/react.createElement(Icon_Icon, {
61526
+ className: "fas fa-chevron-".concat(advancedOpen ? "down" : "right")
61527
+ }),
61528
+ "data-testid": "setting:position-".concat(position, "-advanced")
61529
+ }, translate("utils.advanced"))), advancedOpen && /*#__PURE__*/react.createElement(Grid_Grid, {
61530
+ container: true,
61531
+ spacing: 2,
61532
+ alignItems: "center"
61533
+ }, /*#__PURE__*/react.createElement(Grid_Grid, {
61534
+ container: true,
61535
+ item: true,
61536
+ xs: 12,
61537
+ alignItems: "center",
61538
+ spacing: 1,
61539
+ justify: "space-between"
61540
+ }, /*#__PURE__*/react.createElement(Grid_Grid, {
61541
+ item: true,
61542
+ xs: 4,
61543
+ component: TextField_TextField,
61544
+ value: currentPosition == null ? "" : currentPosition,
61545
+ variant: "outlined",
61546
+ onChange: function onChange(e) {
61547
+ updatePosition({
61548
+ value: e.target.value.replace(/^0+(.+)/, "$1")
61549
+ });
61550
+ },
61551
+ onBlur: function onBlur() {
61552
+ if (currentPosition === "") updatePosition({
61553
+ value: 0
61554
+ });
61555
+ },
61556
+ size: "small",
61557
+ inputProps: {
61558
+ type: "number",
61559
+ "aria-labelledby": "input-slider",
61560
+ "data-testid": "setting:position-".concat(position, "-field")
61561
+ },
61562
+ InputProps: {
61563
+ endAdornment: /*#__PURE__*/react.createElement(InputAdornment_InputAdornment, {
61564
+ position: "end"
61565
+ }, positionType)
61566
+ }
61567
+ }), /*#__PURE__*/react.createElement(Grid_Grid, {
61568
+ item: true,
61569
+ style: {
61570
+ textAlign: "center"
61571
+ }
61572
+ }, translate("settings.menu_position.from"), ":", " "), /*#__PURE__*/react.createElement(Grid_Grid, {
61573
+ item: true,
61574
+ component: ButtonGroup_ButtonGroup
61575
+ }, /*#__PURE__*/react.createElement(Button_Button, {
61576
+ color: "primary",
61577
+ onClick: function onClick() {
61578
+ return updatePosition({
61579
+ mode: position === "vertical" ? "top" : "left"
61580
+ });
61581
+ },
61582
+ variant: /top|left/i.test(positionMode) ? "contained" : "outlined",
61583
+ "data-testid": "setting:position-".concat(position, "-near")
61584
+ }, position === "vertical" ? translate("settings.menu_position.directions.top") : translate("settings.menu_position.directions.left")), /*#__PURE__*/react.createElement(Button_Button, {
61585
+ color: "primary",
61586
+ onClick: function onClick() {
61587
+ return updatePosition({
61588
+ mode: position === "vertical" ? "bottom" : "right"
61589
+ });
61590
+ },
61591
+ variant: /bottom|right/i.test(positionMode) ? "contained" : "outlined",
61592
+ "data-testid": "setting:position-".concat(position, "-far")
61593
+ }, position === "vertical" ? translate("settings.menu_position.directions.bottom") : translate("settings.menu_position.directions.right")))), positionTypeSetting()));
61594
+ }
61595
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/OpeningAnimation/OpeningAnimation.js
61596
+ function OpeningAnimation_slicedToArray(arr, i) { return OpeningAnimation_arrayWithHoles(arr) || OpeningAnimation_iterableToArrayLimit(arr, i) || OpeningAnimation_unsupportedIterableToArray(arr, i) || OpeningAnimation_nonIterableRest(); }
61597
 
61598
+ function OpeningAnimation_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
61599
 
61600
+ function OpeningAnimation_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return OpeningAnimation_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return OpeningAnimation_arrayLikeToArray(o, minLen); }
 
 
 
 
 
 
 
 
 
 
 
61601
 
61602
+ function OpeningAnimation_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; }
61603
+
61604
+ function OpeningAnimation_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
61605
+
61606
+ function OpeningAnimation_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
 
 
 
 
 
 
61607
 
 
 
61608
 
 
 
 
61609
 
 
 
 
61610
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61611
 
61612
 
61613
+ function OpeningAnimation(_ref) {
61614
+ var _ref$value = _ref.value,
61615
+ value = _ref$value === void 0 ? "" : _ref$value,
61616
+ _ref$menu_style = _ref.menu_style,
61617
+ menu_style = _ref$menu_style === void 0 ? "" : _ref$menu_style,
61618
+ _onChange = _ref.onChange,
61619
+ visible = _ref.visible;
61620
+ var inputLabel = (0,react.useRef)(null);
61621
 
61622
+ var _useState = (0,react.useState)(0),
61623
+ _useState2 = OpeningAnimation_slicedToArray(_useState, 2),
61624
+ labelWidth = _useState2[0],
61625
+ setLabelWidth = _useState2[1];
61626
 
61627
+ var disableCornerCircle = false;
61628
+ /* webpack-strip-block:removed */
61629
 
61630
+ (0,react.useEffect)(function () {
61631
+ if (inputLabel && inputLabel.current) setLabelWidth(inputLabel.current.offsetWidth);
61632
+ }, [value]);
61633
 
61634
+ var options = function options() {
61635
+ /* webpack-strip-block:removed */
61636
+ return [/*#__PURE__*/react.createElement(MenuItem_MenuItem, {
61637
+ value: "default",
61638
+ key: 0
61639
+ }, translate("settings.menu_style.styles.default")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
61640
+ value: "faded",
61641
+ key: 1
61642
+ }, translate("settings.menu_style.styles.faded")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
61643
+ value: "corner-circle",
61644
+ key: 2
61645
+ }, translate("settings.menu_style.styles.cornercircle")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
61646
+ value: "building-up",
61647
+ key: 3
61648
+ }, translate("settings.menu_style.styles.buildingup")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
61649
+ value: "pop",
61650
+ key: 4
61651
+ }, translate("settings.menu_style.styles.pop"))];
61652
+ };
61653
 
61654
+ return /*#__PURE__*/react.createElement(react.Fragment, null, visible ? /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
61655
+ className: "setting-group-title"
61656
+ }, translate("settings.opening_animation.title")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(FormControl_FormControl, {
61657
+ variant: "outlined",
61658
+ fullWidth: true
61659
+ }, /*#__PURE__*/react.createElement(InputLabel_InputLabel, {
61660
+ id: "group-style",
61661
+ ref: inputLabel
61662
+ }, translate("common.type")), /*#__PURE__*/react.createElement(Select_Select, {
61663
+ labelId: "group-style",
61664
+ id: "group-style",
61665
+ value: value,
61666
+ onChange: function onChange(e) {
61667
+ /* webpack-strip-block:removed */
61668
+ if (e.target.value === "text" || e.target.value === "text-icon") {
61669
+ app.showPremiumDialog(translate("premium.menu_styles." + e.target.value), null, e.target.value === "text" ? "https://s3.eu-central-1.amazonaws.com/community.buttonizer.pro/2020-05-14/1589467082-147541-image.png" : "https://s3.eu-central-1.amazonaws.com/community.buttonizer.pro/2020-05-14/1589468089-699690-msedge-f9gje423nn.png");
61670
+ return;
61671
+ }
61672
 
61673
+ _onChange(e.target.value);
61674
+ },
61675
+ labelWidth: labelWidth,
61676
+ inputProps: {
61677
+ "data-testid": "setting:opening-animation"
61678
+ }
61679
+ }, options()))) : null);
61680
+ }
61681
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/CloseOnClickOutside/CloseOnClickOutside.js
61682
 
61683
 
61684
 
61685
 
61686
+ function CloseOnClickOutside(_ref) {
61687
+ var value = _ref.value,
61688
+ _ref$openOnMouseOverE = _ref.openOnMouseOverEnabled,
61689
+ openOnMouseOverEnabled = _ref$openOnMouseOverE === void 0 ? false : _ref$openOnMouseOverE,
61690
+ _ref$closeOnMouseLeav = _ref.closeOnMouseLeaveEnabled,
61691
+ closeOnMouseLeaveEnabled = _ref$closeOnMouseLeav === void 0 ? false : _ref$closeOnMouseLeav,
61692
+ _onChange = _ref.onChange;
61693
+ return /*#__PURE__*/react.createElement(SettingsContainer, {
61694
+ title: translate("settings.close_on_click_outside.title"),
61695
+ fullWidth: false
61696
+ }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
61697
+ inputProps: {
61698
+ "data-testid": "setting:close-on-click-outside"
61699
  },
61700
+ onChange: function onChange(obj) {
61701
+ return _onChange(obj.target.checked);
 
 
 
 
 
 
61702
  },
61703
+ checked: value,
61704
+ disabled: openOnMouseOverEnabled && closeOnMouseLeaveEnabled
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61705
  }));
61706
  }
61707
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/CloseOnClickInside/CloseOnClickInside.js
61708
 
 
 
 
 
 
61709
 
 
 
 
61710
 
 
61711
 
61712
+ function CloseOnClickInside(_ref) {
61713
+ var value = _ref.value,
61714
+ _ref$openOnMouseOverE = _ref.openOnMouseOverEnabled,
61715
+ openOnMouseOverEnabled = _ref$openOnMouseOverE === void 0 ? false : _ref$openOnMouseOverE,
61716
+ _onChange = _ref.onChange;
61717
+ return /*#__PURE__*/react.createElement(SettingsContainer, {
61718
+ title: translate("settings.close_on_click_inside.title"),
61719
+ fullWidth: false
61720
+ }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
61721
+ inputProps: {
61722
+ "data-testid": "setting:close-on-click-inside"
61723
+ },
61724
+ onChange: function onChange(obj) {
61725
+ return _onChange(obj.target.checked);
61726
+ },
61727
+ checked: value,
61728
+ disabled: openOnMouseOverEnabled
61729
+ }));
61730
+ }
61731
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/OpenOnMouseOver/OpenOnMouseOver.js
61732
 
 
 
61733
 
61734
 
61735
+
61736
+
61737
+ function OpenOnMouseOver(_ref) {
61738
+ var openOnHover = _ref.openOnHover,
61739
+ closeOnMouseLeave = _ref.closeOnMouseLeave,
61740
+ onChange = _ref.onChange;
61741
+
61742
+ /* webpack-strip-block:removed */
61743
+ return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(SettingsContainer, {
61744
+ title: /*#__PURE__*/react.createElement(react.Fragment, null, translate("settings.open_on_mouseover.title"), /*#__PURE__*/react.createElement(PremiumTag, null)),
61745
+ fullWidth: false,
61746
+ onClick: function onClick() {
61747
+ return app.showPremiumDialog(translate("settings.open_on_mouseover.title"));
61748
+ }
61749
+ }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
61750
+ disabled: true,
61751
+ inputProps: {
61752
+ "data-testid": "setting:open-on-hover"
61753
+ },
61754
+ checked: false
61755
+ })));
61756
  }
61757
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Group/Tabs/Options.js
61758
+ function Tabs_Options_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; }
61759
 
61760
+ function Tabs_Options_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Tabs_Options_ownKeys(Object(source), true).forEach(function (key) { Tabs_Options_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Tabs_Options_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
61761
 
61762
+ function Tabs_Options_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; }
61763
 
61764
+ function Tabs_Options_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Tabs_Options_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; }
61765
 
61766
+ function Tabs_Options_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
61767
 
61768
+ function Tabs_Options_slicedToArray(arr, i) { return Tabs_Options_arrayWithHoles(arr) || Tabs_Options_iterableToArrayLimit(arr, i) || Tabs_Options_unsupportedIterableToArray(arr, i) || Tabs_Options_nonIterableRest(); }
61769
 
61770
+ function Tabs_Options_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
61771
 
61772
+ function Tabs_Options_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Tabs_Options_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Tabs_Options_arrayLikeToArray(o, minLen); }
61773
 
61774
+ function Tabs_Options_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; }
61775
 
61776
+ function Tabs_Options_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
61777
 
61778
+ function Tabs_Options_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
61779
 
61780
 
61781
 
 
 
 
 
 
 
61782
 
 
 
61783
 
 
 
61784
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61785
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61786
 
 
 
 
 
61787
 
 
 
 
 
61788
 
 
 
 
 
61789
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61790
 
61791
 
61792
 
61794
 
61795
 
61796
 
 
61797
 
 
 
61798
 
61799
+
61800
+ function Options_Options(_ref) {
61801
+ var set = _ref.set,
61802
+ get = _ref.get;
61803
+
61804
+ var _useState = (0,react.useState)("general"),
61805
+ _useState2 = Tabs_Options_slicedToArray(_useState, 2),
61806
+ openedGroup = _useState2[0],
61807
+ setOpenedGroup = _useState2[1];
61808
+
61809
+ var labelPlaceholder = get("menu_style") === "rectangle" || get("menu_style") === "text" || get("menu_style") === "text-icon";
61810
+ return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(CollapsibleGroup, {
61811
+ title: translate("settings.setting_categories.general"),
61812
+ opened: openedGroup === "general",
61813
+ onSetIsOpened: function onSetIsOpened(val) {
61814
+ return setOpenedGroup(val ? "general" : "");
61815
+ },
61816
+ "data-testid": "group:general"
61817
+ }, /*#__PURE__*/react.createElement("div", {
61818
+ className: "setting-group-title"
61819
+ }, translate("settings.label.title")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(Label, {
61820
+ value: get("label"),
61821
+ placeholder: labelPlaceholder ? get("name") + "'s label" : "",
61822
+ onChange: function onChange(val) {
61823
+ return set("label", val);
61824
+ }
61825
+ }), /*#__PURE__*/react.createElement("div", {
61826
+ className: "setting-group-title"
61827
+ }, translate("settings.show_mobile_desktop.device_visibility")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(Visibility, {
61828
+ mobile: get("show_mobile") == true,
61829
+ desktop: get("show_desktop") == true,
61830
+ onChange: function onChange(type, val) {
61831
+ return set(type, val);
61832
+ }
61833
+ })), /*#__PURE__*/react.createElement(CollapsibleGroup, {
61834
+ title: translate("settings.menu_position.title"),
61835
+ opened: openedGroup === "position",
61836
+ onSetIsOpened: function onSetIsOpened(val) {
61837
+ return setOpenedGroup(val ? "position" : "");
61838
+ },
61839
+ "data-testid": "group:position"
61840
+ }, /*#__PURE__*/react.createElement(Position, {
61841
+ position: "horizontal",
61842
+ value: get("horizontal"),
61843
+ onChange: function onChange(val) {
61844
+ return set("horizontal", val);
61845
+ }
61846
+ }), /*#__PURE__*/react.createElement(Position, {
61847
+ position: "vertical",
61848
+ value: get("vertical"),
61849
+ onChange: function onChange(val) {
61850
+ return set("vertical", val);
61851
+ }
61852
+ })), /*#__PURE__*/react.createElement(CollapsibleGroup, {
61853
+ title: translate("settings.menu_style.title"),
61854
+ opened: openedGroup === "menu_settings",
61855
+ onSetIsOpened: function onSetIsOpened(val) {
61856
+ return setOpenedGroup(val ? "menu_settings" : "");
61857
+ },
61858
+ "data-testid": "group:menu_settings"
61859
+ }, /*#__PURE__*/react.createElement(SettingsContainer, {
61860
+ title: translate("settings.menu.title"),
61861
+ fullWidth: false
61862
+ }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
61863
+ checked: get("is_menu", true),
61864
+ onChange: function onChange(event) {
61865
+ if (event.target.checked) set("is_menu", true);else set("is_menu", false);
61866
+ },
61867
+ inputProps: {
61868
+ "data-testid": "setting:is_menu"
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61869
  }
61870
+ })), /*#__PURE__*/react.createElement("div", {
61871
+ className: "setting-group-title"
61872
+ }, translate("settings.menu_style.title_short")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(MenuStyle, {
61873
+ value: get("menu_style", "default"),
61874
+ onChange: function onChange(val) {
61875
+ if (val === "text" || val === "text-icon") {
61876
+ set("border_radius", "10px 10px 10px 10px");
61877
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61878
 
61879
+ set("menu_style", val);
61880
+ }
61881
+ }), /*#__PURE__*/react.createElement(OpeningAnimation, {
61882
+ value: get("menu_opening_animation", "default"),
61883
+ menu_style: get("menu_style", "default"),
61884
+ onChange: function onChange(val) {
61885
+ set("menu_opening_animation", val);
61886
  },
61887
+ visible: get("is_menu", true) == true
61888
+ }), get("is_menu", true) === true && /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
61889
+ className: "setting-group-title"
61890
+ }, translate("settings.menu.title_settings")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(StartOpened, {
61891
+ value: get("start_opened", false) == true,
61892
+ onChange: function onChange(val) {
61893
+ return set("start_opened", val);
61894
  }
61895
+ }), /*#__PURE__*/react.createElement(CloseOnClickInside, {
61896
+ value: get("close_on_click_inside", true) == true,
61897
+ openOnMouseOverEnabled: get("open_on_mouseover", false) == true,
61898
+ onChange: function onChange(val) {
61899
+ return set("close_on_click_inside", val);
61900
+ }
61901
+ }), /*#__PURE__*/react.createElement(CloseOnClickOutside, {
61902
+ value: get("close_on_click_outside", true) == true,
61903
+ openOnMouseOverEnabled: get("open_on_mouseover", false) == true,
61904
+ closeOnMouseLeaveEnabled: get("close_on_mouseleave", true) == true,
61905
+ onChange: function onChange(val) {
61906
+ return set("close_on_click_outside", val);
61907
+ }
61908
+ }), /*#__PURE__*/react.createElement(OpenOnMouseOver, {
61909
+ openOnHover: get("open_on_mouseover", false) == true,
61910
+ closeOnMouseLeave: get("close_on_mouseleave", true) == true,
61911
+ onChange: function onChange(key, val) {
61912
+ return set(key, val);
61913
+ }
61914
+ }))));
61915
  }
 
 
 
 
61916
 
61917
+ /* harmony default export */ var Group_Tabs_Options = (connect(function (state) {
61918
+ return {
61919
+ groups: state.groups
61920
+ };
61921
+ }, function (dispatch) {
61922
+ return {
61923
+ set: function set() {
61924
+ return dispatch(dataActions_set.apply(void 0, arguments));
61925
+ }
61926
+ };
61927
+ }, function (_ref2, _ref3, _ref4) {
61928
+ var groups = _ref2.groups;
61929
+ var _set2 = _ref3.set;
61930
 
61931
+ var groupId = _ref4.groupId,
61932
+ props = Tabs_Options_objectWithoutProperties(_ref4, ["groupId"]);
61933
 
61934
+ return Tabs_Options_objectSpread(Tabs_Options_objectSpread({
61935
+ set: function set(obj, val) {
61936
+ return _set2(models.GROUP, groupId, obj, val);
61937
+ }
61938
+ }, props), {}, {
61939
+ group: groups[groupId],
61940
+ get: function get(key) {
61941
+ return dlv_umd_default()(groups[groupId], key, _def("group", key));
61942
+ }
61943
+ });
61944
+ })(Options_Options));
61945
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Containers/ButtonGroupContainer/ButtonGroupHeader/ButtonGroupHeader.js
61946
+ function ButtonGroupHeader_extends() { ButtonGroupHeader_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 ButtonGroupHeader_extends.apply(this, arguments); }
61947
 
 
61948
 
61949
 
61950
 
61951
 
61952
 
61953
 
 
 
 
 
 
 
 
 
 
61954
 
 
 
 
 
61955
 
 
 
 
 
61956
 
 
 
 
 
61957
 
61958
+ function ButtonGroupHeader(_ref) {
61959
+ var group = _ref.group,
61960
+ tab = _ref.tab,
61961
+ history = _ref.history;
 
 
 
 
 
 
 
 
 
61962
 
61963
+ var LinkTab = function LinkTab(props) {
61964
+ var url = "/group/".concat(group.id, "/").concat(props.page);
61965
+ return /*#__PURE__*/react.createElement(Tab_Tab, ButtonGroupHeader_extends({
61966
+ component: "a",
61967
+ href: "#".concat(url),
61968
+ onClick: function onClick() {
61969
+ if (history.location.pathname !== url) {
61970
+ history.push(url);
61971
+ }
61972
+ }
61973
+ }, props));
 
 
61974
  };
61975
 
61976
+ return /*#__PURE__*/react.createElement("div", {
61977
+ className: "bar-header"
61978
+ }, /*#__PURE__*/react.createElement("div", {
61979
+ className: "breadcrumb"
61980
+ }, /*#__PURE__*/react.createElement(Tippy_Tippy, {
61981
+ content: translate("bar.breadcrumb.tippy_home")
61982
+ }, /*#__PURE__*/react.createElement(Button_Button, {
61983
+ onClick: function onClick() {
61984
+ history.push("/");
 
 
 
 
 
 
 
 
 
61985
  },
61986
+ color: "primary",
61987
+ className: "home-button"
61988
+ }, /*#__PURE__*/react.createElement("span", {
61989
+ className: "breadcrumb-text"
61990
+ }, translate("bar.breadcrumb.home")), /*#__PURE__*/react.createElement("i", {
61991
+ className: "fas fa-chevron-right"
61992
+ }))), /*#__PURE__*/react.createElement(BreadcrumbSelect_BreadcrumbSelect, {
61993
+ group: group
61994
+ })), /*#__PURE__*/react.createElement(RandomTip_RandomTip, null), /*#__PURE__*/react.createElement("div", {
61995
+ className: "mdc-card top-header"
61996
+ }, /*#__PURE__*/react.createElement(Tabs_Tabs, {
61997
+ value: tab,
61998
+ variant: "fullWidth",
61999
+ indicatorColor: "secondary",
62000
+ textColor: "secondary"
62001
+ }, /*#__PURE__*/react.createElement(LinkTab, {
62002
+ label: translate("settings.setting_categories.general"),
62003
+ id: 0,
62004
+ page: "general",
62005
+ "data-testid": "general-tab",
62006
+ icon: /*#__PURE__*/react.createElement("i", {
62007
+ className: "fas fa-wrench"
62008
+ })
62009
+ }), /*#__PURE__*/react.createElement(LinkTab, {
62010
+ label: translate("utils.style"),
62011
+ id: 1,
62012
+ page: "style",
62013
+ "data-testid": "style-tab",
62014
+ icon: /*#__PURE__*/react.createElement("i", {
62015
+ className: "fas fa-paint-brush"
62016
+ })
62017
+ }), /*#__PURE__*/react.createElement(LinkTab, {
62018
+ label: translate("utils.advanced"),
62019
+ id: 2,
62020
+ page: "advanced",
62021
+ "data-testid": "advanced-tab",
62022
+ icon: /*#__PURE__*/react.createElement("i", {
62023
+ className: "fas fa-sliders-h"
62024
+ })
62025
+ }))));
62026
  }
 
62027
 
62028
+ /* harmony default export */ var ButtonGroupHeader_ButtonGroupHeader = (withRouter(ButtonGroupHeader));
62029
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/ImageSelector/ImageSelector.js
62030
+ function ImageSelector_objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
62031
 
62032
 
62033
 
62035
 
62036
 
62037
 
62038
+ function ImageSelector(_ref) {
62039
+ ImageSelector_objectDestructuringEmpty(_ref);
62040
 
62041
  /* webpack-strip-block:removed */
62042
+ var imageSelector = function imageSelector() {
62043
  /* webpack-strip-block:removed */
62044
+ return /*#__PURE__*/React.createElement(React.Fragment, null);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62045
  };
62046
 
62047
+ return imageSelector();
62048
  }
62049
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Group/Tabs/Styling/IconGroup.js
62050
+ function Styling_IconGroup_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; }
62051
 
62052
+ function Styling_IconGroup_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Styling_IconGroup_ownKeys(Object(source), true).forEach(function (key) { Styling_IconGroup_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Styling_IconGroup_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
62053
 
62054
+ function Styling_IconGroup_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; }
62055
 
62056
+ function Styling_IconGroup_extends() { Styling_IconGroup_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 Styling_IconGroup_extends.apply(this, arguments); }
62057
 
62058
+ function Styling_IconGroup_slicedToArray(arr, i) { return Styling_IconGroup_arrayWithHoles(arr) || Styling_IconGroup_iterableToArrayLimit(arr, i) || Styling_IconGroup_unsupportedIterableToArray(arr, i) || Styling_IconGroup_nonIterableRest(); }
62059
 
62060
+ function Styling_IconGroup_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
62061
+
62062
+ function Styling_IconGroup_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Styling_IconGroup_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Styling_IconGroup_arrayLikeToArray(o, minLen); }
62063
+
62064
+ function Styling_IconGroup_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; }
62065
+
62066
+ function Styling_IconGroup_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
62067
+
62068
+ function Styling_IconGroup_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
62069
+
62070
+ function Styling_IconGroup_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Styling_IconGroup_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; }
62071
+
62072
+ function Styling_IconGroup_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
62073
+
62074
+ /* global app */
62075
 
62076
 
62077
 
62088
 
62089
  /* webpack-strip-block:removed */
62090
 
62091
+ function _IconGroup(_ref) {
62092
+ var defs = _ref.defs,
 
62093
  set = _ref.set,
62094
+ get = _ref.get,
62095
+ groupProps = Styling_IconGroup_objectWithoutProperties(_ref, ["defs", "set", "get"]);
62096
 
62097
+ var _useState = (0,react.useState)(0),
62098
+ _useState2 = Styling_IconGroup_slicedToArray(_useState, 2),
62099
+ hoverSettings = _useState2[0],
62100
+ setHoverSettings = _useState2[1];
62101
 
62102
+ var tab = function tab() {
62103
+ /* webpack-strip-block:removed */
62104
+ return /*#__PURE__*/react.createElement(DisableSetting, {
62105
+ premiumTag: true,
62106
+ onClick: function onClick() {
62107
+ app.showPremiumDialog(translate("premium.custom_image"));
62108
+ }
62109
+ }, /*#__PURE__*/react.createElement(IconOrImage, {
62110
+ option2: translate("utils.image"),
62111
+ value: false,
62112
+ className: "Mui-buzz-premium"
62113
+ }));
62114
  };
62115
 
62116
+ var settings = function settings() {
62117
+ var colors = get("icon_color");
62118
+ /* webpack-strip-block:removed */
62119
 
62120
+ return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(DisableSetting, {
62121
+ condition: hoverSettings === 1,
62122
+ premiumTag: true,
62123
+ onClick: function onClick() {
62124
+ app.showPremiumDialog("More hover settings!");
62125
+ }
62126
+ }, /*#__PURE__*/react.createElement(IconSelector_IconSelector, {
62127
+ value: get("icon", true)[0],
62128
+ hoverDisabled: hoverSettings === 1,
62129
+ onChange: function onChange(val) {
62130
+ set("icon", val);
62131
+ }
62132
+ })), /*#__PURE__*/react.createElement(ColorPicker, {
62133
+ title: translate("utils.base"),
62134
+ value: colors[hoverSettings],
62135
+ defaultValue: defs("icon_color")[hoverSettings],
62136
+ onChange: function onChange(val) {
62137
+ var newValues = colors;
62138
+ newValues[hoverSettings] = val;
62139
+ set("icon_color", newValues);
62140
+ }
62141
+ }));
62142
+ };
62143
 
62144
+ var sliders = function sliders() {
62145
+ var sizes = get("icon_size");
62146
+ /* webpack-strip-block:removed */
62147
+
62148
+ return /*#__PURE__*/react.createElement(DisableSetting, {
62149
+ condition: hoverSettings === 1,
62150
+ premiumTag: true,
62151
+ onClick: function onClick() {
62152
+ app.showPremiumDialog("More hover settings!");
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62153
  }
62154
+ }, /*#__PURE__*/react.createElement(SliderContainer, {
62155
+ title: translate("settings.icon_size.title"),
62156
+ value: sizes[0],
62157
+ disabled: hoverSettings === 1,
62158
+ "data-testid": "settingcontainer:icon-size",
62159
+ defaultValue: defs("icon_size")[0],
62160
+ premium: hoverSettings === 1,
62161
+ inputText: "px",
62162
+ onChange: function onChange(val) {
62163
+ set("icon_size", val);
62164
+ set("icon_image_size", val);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62165
  }
62166
+ }));
62167
+ };
62168
+
62169
+ return /*#__PURE__*/react.createElement(CollapsibleGroup, Styling_IconGroup_extends({
62170
+ title: translate("utils.icon"),
62171
+ "data-testid": "group:icon"
62172
+ }, groupProps), get("menu_style") === "text" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, tab(), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(Tabs_Tabs, {
62173
+ onChange: function onChange(_, val) {
62174
+ return setHoverSettings(val);
62175
  },
62176
+ style: {
62177
+ marginBottom: "20px",
62178
+ marginTop: "20px"
 
 
 
 
 
 
62179
  },
62180
+ value: hoverSettings,
62181
+ variant: "fullWidth",
62182
+ centered: true
62183
+ }, /*#__PURE__*/react.createElement(Tab_Tab, {
62184
+ label: "Normal",
62185
+ "data-testid": "normal_hover:normal"
62186
+ }), /*#__PURE__*/react.createElement(Tab_Tab, {
62187
+ label: "Hover",
62188
+ "data-testid": "normal_hover:hover"
62189
+ })), settings(), sliders()));
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62190
  }
62191
 
62192
+ /* harmony default export */ var Tabs_Styling_IconGroup = (connect(function (state) {
62193
  return {
62194
+ _groups: state.groups
 
 
 
62195
  };
62196
  }, function (dispatch) {
62197
  return {
62198
+ _set: function _set() {
 
62199
  return dispatch(dataActions_set.apply(void 0, arguments));
62200
  }
62201
  };
62202
+ }, function (_ref2, _ref3, _ref4) {
62203
+ var _groups = _ref2._groups;
62204
+ var _set = _ref3._set;
62205
+
62206
+ var groupId = _ref4.groupId,
62207
+ ownProps = Styling_IconGroup_objectWithoutProperties(_ref4, ["groupId"]);
62208
+
62209
+ var group = _groups[groupId];
62210
+ return Styling_IconGroup_objectSpread({
62211
+ defs: function defs(key) {
62212
+ return _defs("group", key, formats.normal_hover.parse(group[key]).map(function (val) {
62213
+ return val === "" ? undefined : val;
62214
+ }));
62215
+ },
62216
+ set: function set(key, val) {
62217
+ return _set(models.GROUP, groupId, key, val);
62218
+ },
62219
+ get: function get(key) {
62220
+ var alwaysValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
62221
+ return _get(key, group, alwaysValue ? "group" : false);
62222
+ }
62223
+ }, ownProps);
62224
+ })(_IconGroup));
62225
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Group/Tabs/Styling/ButtonGroup.js
62226
+ function Styling_ButtonGroup_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; }
62227
 
62228
+ function Styling_ButtonGroup_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Styling_ButtonGroup_ownKeys(Object(source), true).forEach(function (key) { Styling_ButtonGroup_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Styling_ButtonGroup_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
62229
 
62230
+ function Styling_ButtonGroup_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; }
62231
 
62232
+ function Styling_ButtonGroup_extends() { Styling_ButtonGroup_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 Styling_ButtonGroup_extends.apply(this, arguments); }
62233
 
62234
+ function Styling_ButtonGroup_slicedToArray(arr, i) { return Styling_ButtonGroup_arrayWithHoles(arr) || Styling_ButtonGroup_iterableToArrayLimit(arr, i) || Styling_ButtonGroup_unsupportedIterableToArray(arr, i) || Styling_ButtonGroup_nonIterableRest(); }
62235
 
62236
+ function Styling_ButtonGroup_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
62237
 
62238
+ function Styling_ButtonGroup_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Styling_ButtonGroup_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Styling_ButtonGroup_arrayLikeToArray(o, minLen); }
62239
 
62240
+ function Styling_ButtonGroup_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; }
62241
 
62242
+ function Styling_ButtonGroup_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
62243
 
62244
+ function Styling_ButtonGroup_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
62245
 
62246
+ function Styling_ButtonGroup_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Styling_ButtonGroup_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; }
 
 
 
 
 
 
 
 
62247
 
62248
+ function Styling_ButtonGroup_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 
 
 
 
 
62249
 
 
 
 
 
 
62250
 
62251
+
62252
+
62253
+
62254
+
62255
+
62256
+
62257
+
62258
+
62259
+
62260
+
62261
+
62262
+
62263
+
62264
+
62265
+ function Tabs_Styling_ButtonGroup_ButtonGroup(_ref) {
62266
+ var get = _ref.get,
62267
+ defs = _ref.defs,
62268
+ set = _ref.set,
62269
+ groupProps = Styling_ButtonGroup_objectWithoutProperties(_ref, ["get", "defs", "set"]);
62270
+
62271
+ var _useState = (0,react.useState)(0),
62272
+ _useState2 = Styling_ButtonGroup_slicedToArray(_useState, 2),
62273
+ hoverSettings = _useState2[0],
62274
+ setHoverSettings = _useState2[1];
62275
+
62276
+ var settings = function settings() {
62277
+ /* webpack-strip-block:removed */
62278
+ return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(ColorPicker, {
62279
+ title: translate("utils.color"),
62280
+ value: getFirstColor(get("background_color")[hoverSettings]),
62281
+ defaultValue: getFirstColor(get("background_color", {
62282
+ returnValue: "button"
62283
+ })[hoverSettings]),
62284
+ onChange: function onChange(val) {
62285
+ var newValues = get("background_color");
62286
+ newValues[hoverSettings] = val;
62287
+ set("background_color", newValues);
62288
+ }
62289
+ }), /*#__PURE__*/react.createElement(UseBackgroundImage, {
62290
+ disabled: true
62291
+ }));
62292
+ };
62293
+
62294
+ var borderRadius = function borderRadius() {
62295
+ /* webpack-strip-block:removed */
62296
+ return /*#__PURE__*/react.createElement(DisableSetting, {
62297
+ condition: hoverSettings === 1,
62298
+ premiumTag: true
62299
+ }, /*#__PURE__*/react.createElement(BorderRadius, {
62300
+ defaultValue: defs("border_radius")[0],
62301
+ disabled: hoverSettings === 1,
62302
+ value: get("border_radius")[0],
62303
+ onChange: function onChange(val) {
62304
+ var newValues = get("border_radius");
62305
+ newValues[0] = val;
62306
+ set("border_radius", newValues);
62307
+ }
62308
+ }));
62309
+ };
62310
+
62311
+ return /*#__PURE__*/react.createElement(CollapsibleGroup, Styling_ButtonGroup_extends({
62312
+ title: translate("common.button")
62313
+ }, groupProps, {
62314
+ "data-testid": "group:button"
62315
+ }), /*#__PURE__*/react.createElement(Tabs_Tabs, {
62316
+ onChange: function onChange(_, val) {
62317
+ return setHoverSettings(val);
62318
+ },
62319
+ style: {
62320
+ marginBottom: "20px"
62321
+ },
62322
+ value: hoverSettings,
62323
+ variant: "fullWidth",
62324
+ centered: true
62325
+ }, /*#__PURE__*/react.createElement(Tab_Tab, {
62326
+ label: "Normal",
62327
+ "data-testid": "normal_hover:normal"
62328
+ }), /*#__PURE__*/react.createElement(Tab_Tab, {
62329
+ label: "Hover",
62330
+ "data-testid": "normal_hover:hover"
62331
+ })), /*#__PURE__*/react.createElement("div", {
62332
+ className: "setting-group-title"
62333
+ }, translate("utils.background")), /*#__PURE__*/react.createElement("hr", null), settings(), get("menu_style") !== "rectangle" && get("menu_style") !== "square" && /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
62334
+ className: "setting-group-title"
62335
+ }, translate("settings.setting_categories.button_style")), /*#__PURE__*/react.createElement("hr", null)), get("menu_style") === "rectangle" || get("menu_style") === "square" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, borderRadius()));
62336
  }
62337
 
62338
+ /* harmony default export */ var Tabs_Styling_ButtonGroup = (connect(function (state) {
62339
  return {
62340
+ groups: state.groups
 
62341
  };
62342
  }, function (dispatch) {
62343
  return {
62344
+ _set: function _set() {
62345
  return dispatch(dataActions_set.apply(void 0, arguments));
62346
  }
62347
  };
62348
+ }, function (_ref2, _ref3, _ref4) {
62349
+ var groups = _ref2.groups;
62350
+ var _set = _ref3._set;
62351
 
62352
+ var groupId = _ref4.groupId,
62353
+ ownProps = Styling_ButtonGroup_objectWithoutProperties(_ref4, ["groupId"]);
62354
 
62355
+ var group = groups[groupId];
62356
+ return Styling_ButtonGroup_objectSpread({
62357
+ set: function set(key, val) {
62358
+ return _set(models.GROUP, groupId, key, val);
62359
+ },
62360
+ defs: function defs(key) {
62361
+ var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
62362
+ return _defs("group", key, formats.normal_hover.parse(group[key]).map(function (val) {
62363
+ return val === "" ? undefined : val;
62364
+ }), [], options);
62365
+ },
62366
+ get: function get(key) {
62367
+ var _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
62368
+ _ref5$returnValue = _ref5.returnValue,
62369
+ returnValue = _ref5$returnValue === void 0 ? false : _ref5$returnValue;
62370
 
62371
+ return _get(key, group, returnValue ? typeof returnValue === "string" ? returnValue : "group" : false);
62372
+ }
62373
+ }, ownProps);
62374
+ })(Tabs_Styling_ButtonGroup_ButtonGroup));
62375
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Group/Tabs/Styling/LabelGroup.js
62376
+ function Styling_LabelGroup_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; }
62377
 
62378
+ function Styling_LabelGroup_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Styling_LabelGroup_ownKeys(Object(source), true).forEach(function (key) { Styling_LabelGroup_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Styling_LabelGroup_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
62379
 
62380
+ function Styling_LabelGroup_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; }
62381
 
62382
+ function Styling_LabelGroup_extends() { Styling_LabelGroup_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 Styling_LabelGroup_extends.apply(this, arguments); }
62383
 
62384
+ function Styling_LabelGroup_slicedToArray(arr, i) { return Styling_LabelGroup_arrayWithHoles(arr) || Styling_LabelGroup_iterableToArrayLimit(arr, i) || Styling_LabelGroup_unsupportedIterableToArray(arr, i) || Styling_LabelGroup_nonIterableRest(); }
62385
 
62386
+ function Styling_LabelGroup_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
62387
 
62388
+ function Styling_LabelGroup_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Styling_LabelGroup_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Styling_LabelGroup_arrayLikeToArray(o, minLen); }
62389
 
62390
+ function Styling_LabelGroup_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; }
 
 
62391
 
62392
+ function Styling_LabelGroup_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 
 
62393
 
62394
+ function Styling_LabelGroup_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
 
 
 
 
 
 
 
 
62395
 
62396
+ function Styling_LabelGroup_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Styling_LabelGroup_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; }
 
 
 
 
 
 
62397
 
62398
+ function Styling_LabelGroup_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
62399
 
 
62400
 
 
62401
 
 
62402
 
 
62403
 
62404
 
62405
 
62406
 
62407
 
62408
 
 
 
 
 
 
 
 
 
62409
 
 
 
 
 
62410
 
 
 
62411
 
 
 
 
62412
 
62413
+
62414
+
62415
+
62416
+
62417
+ function LabelGroup_LabelGroup(_ref) {
62418
+ var defs = _ref.defs,
62419
+ set = _ref.set,
62420
+ get = _ref.get,
62421
+ groupProps = Styling_LabelGroup_objectWithoutProperties(_ref, ["defs", "set", "get"]);
62422
+
62423
+ var _useState = (0,react.useState)(0),
62424
+ _useState2 = Styling_LabelGroup_slicedToArray(_useState, 2),
62425
+ hoverSettings = _useState2[0],
62426
+ setHoverSettings = _useState2[1];
62427
+
62428
+ var fontFamily = function fontFamily() {
62429
  /* webpack-strip-block:removed */
62430
+ return /*#__PURE__*/react.createElement(DisableSetting, {
62431
+ premiumTag: true
62432
+ }, /*#__PURE__*/react.createElement(FontFamily, null));
 
 
 
 
 
 
 
 
 
 
 
 
 
62433
  };
62434
 
62435
+ var margin = function margin() {
62436
+ /* webpack-strip-block:removed */
62437
+ return /*#__PURE__*/react.createElement(DisableSetting, {
62438
+ premiumTag: true,
62439
+ onClick: function onClick() {
62440
+ app.showPremiumDialog(translate("premium.margin"));
 
 
 
 
 
 
 
 
 
 
 
62441
  }
62442
+ }, /*#__PURE__*/react.createElement(TextFieldCorners, {
62443
+ title: translate("settings.margin.title"),
62444
+ type: "sides"
62445
+ }));
62446
+ };
62447
 
62448
+ var padding = function padding() {
62449
+ /* webpack-strip-block:removed */
62450
+ return /*#__PURE__*/react.createElement(DisableSetting, {
62451
+ premiumTag: true,
62452
+ onClick: function onClick() {
62453
+ app.showPremiumDialog(translate("premium.padding"));
62454
+ }
62455
+ }, /*#__PURE__*/react.createElement(TextFieldCorners, {
62456
+ title: translate("settings.padding.title"),
62457
+ type: "sides",
62458
+ onChange: function onChange() {
62459
+ app.showPremiumDialog(translate("premium.padding"));
62460
+ }
62461
+ }));
62462
+ };
62463
 
62464
+ var fontSize = function fontSize() {
62465
+ var label_font_size = get("label_font_size");
62466
+ /* webpack-strip-block:removed */
62467
 
62468
+ return /*#__PURE__*/react.createElement(DisableSetting, {
62469
+ condition: hoverSettings === 1,
62470
+ premiumTag: true,
62471
+ onClick: function onClick() {
62472
+ app.showPremiumDialog("More hover settings!");
62473
+ }
62474
+ }, /*#__PURE__*/react.createElement(SliderContainer, {
62475
+ title: translate("settings.font_size"),
62476
+ value: label_font_size[0],
62477
+ inputText: "px",
62478
+ onChange: function onChange(val) {
62479
+ set("label_font_size", val);
62480
+ },
62481
+ defaultValue: defs("label_font_size")[0],
62482
+ disabled: hoverSettings === 1,
62483
+ premium: hoverSettings === 1
62484
+ }));
62485
+ };
62486
 
62487
+ var borderRadius = function borderRadius() {
62488
+ /* webpack-strip-block:removed */
62489
+ return /*#__PURE__*/react.createElement(DisableSetting, {
62490
+ condition: hoverSettings === 1,
62491
+ premiumTag: true,
62492
+ onClick: function onClick() {
62493
+ app.showPremiumDialog("More hover settings!");
62494
+ }
62495
+ }, /*#__PURE__*/react.createElement(BorderRadius, {
62496
+ value: label_border_radius[0],
62497
+ disabled: hoverSettings === 1,
62498
+ onChange: function onChange(val) {
62499
+ var newValues = label_border_radius;
62500
+ newValues[0] = val || "unset";
62501
+ set("label_border_radius", newValues);
62502
+ },
62503
+ defaultValue: defs("label_border_radius")[0]
62504
+ }));
62505
+ };
62506
 
62507
+ var label_color = get("label_color");
62508
+ var label_background_color = get("label_background_color");
62509
+ var label_border_radius = get("label_border_radius");
62510
+ return /*#__PURE__*/react.createElement(CollapsibleGroup, Styling_LabelGroup_extends({
62511
+ title: translate("settings.label.title"),
62512
+ "data-testid": "group:label"
62513
+ }, groupProps), get("menu_style") === "text" || get("menu_style") === "text-icon" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
62514
+ className: "setting-group-title"
62515
+ }, translate("settings.label_desktop.title")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(LabelVisibility, {
62516
+ title: translate("settings.show_mobile_desktop.desktop"),
62517
+ device: "desktop",
62518
+ value: get("show_label_desktop", true),
62519
+ onChange: function onChange(val) {
62520
+ return set("show_label_desktop", val);
62521
+ }
62522
+ }), /*#__PURE__*/react.createElement(LabelVisibility, {
62523
+ title: translate("settings.show_mobile_desktop.mobile"),
62524
+ device: "mobile",
62525
+ value: get("show_label_mobile", true),
62526
+ onChange: function onChange(val) {
62527
+ return set("show_label_mobile", val);
62528
+ }
62529
+ })), /*#__PURE__*/react.createElement(Tabs_Tabs, {
62530
+ onChange: function onChange(_, val) {
62531
+ return setHoverSettings(val);
62532
  },
62533
+ style: {
62534
+ marginBottom: "20px",
62535
+ marginTop: get("menu_style") === "text" || get("menu_style") === "text-icon" ? "0" : "20px"
62536
  },
62537
+ value: hoverSettings,
62538
+ variant: "fullWidth",
62539
+ centered: true
62540
+ }, /*#__PURE__*/react.createElement(Tab_Tab, {
62541
+ label: "Normal",
62542
+ "data-testid": "normal_hover:normal"
62543
+ }), /*#__PURE__*/react.createElement(Tab_Tab, {
62544
+ label: "Hover",
62545
+ "data-testid": "normal_hover:hover"
62546
+ })), /*#__PURE__*/react.createElement("div", {
62547
+ className: "setting-group-title"
62548
+ }, translate("utils.text")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(ColorPicker, {
62549
+ noGradient: true,
62550
+ title: translate("utils.color"),
62551
+ value: label_color[hoverSettings],
62552
+ defaultValue: defs("label_color")[hoverSettings],
62553
+ onChange: function onChange(val) {
62554
+ var newValues = label_color;
62555
+ newValues[hoverSettings] = val;
62556
+ set("label_color", newValues);
62557
+ }
62558
+ }), fontSize(), fontFamily(), get("menu_style") === "text" || get("menu_style") === "text-icon" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
62559
+ className: "setting-group-title"
62560
+ }, translate("utils.background")), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(ColorPicker, {
62561
+ title: translate("utils.color"),
62562
+ value: label_background_color[hoverSettings],
62563
+ defaultValue: defs("label_background_color")[hoverSettings],
62564
+ onChange: function onChange(val) {
62565
+ var newValues = label_background_color;
62566
+ newValues[hoverSettings] = val;
62567
+ set("label_background_color", newValues);
62568
+ }
62569
+ }), get("menu_style") === "rectangle" || get("menu_style") === "square" ? null : /*#__PURE__*/react.createElement(react.Fragment, null, borderRadius(), margin(), padding())));
62570
  }
 
 
62571
 
62572
+ /* harmony default export */ var Styling_LabelGroup = (connect(function (state) {
62573
+ return {
62574
+ _groups: state.groups
62575
+ };
62576
+ }, function (dispatch) {
62577
+ return {
62578
+ _set: function _set() {
62579
+ return dispatch(dataActions_set.apply(void 0, arguments));
62580
+ }
62581
+ };
62582
+ }, function (_ref2, _ref3, _ref4) {
62583
+ var _groups = _ref2._groups;
62584
+ var _set = _ref3._set;
62585
 
62586
+ var groupId = _ref4.groupId,
62587
+ ownProps = Styling_LabelGroup_objectWithoutProperties(_ref4, ["groupId"]);
62588
 
62589
+ var group = _groups[groupId];
62590
+ return Styling_LabelGroup_objectSpread({
62591
+ defs: function defs(key) {
62592
+ return _defs("group", key, formats.normal_hover.parse(group[key]).map(function (val) {
62593
+ return val === "" ? undefined : val;
62594
+ }));
 
 
 
 
 
62595
  },
62596
+ set: function set(key, val) {
62597
+ return _set(models.GROUP, groupId, key, val);
62598
  },
62599
+ get: function get(key) {
62600
+ var alwaysValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
62601
+ return _get(key, group, alwaysValue ? "group" : false);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62602
  }
62603
+ }, ownProps);
62604
+ })(LabelGroup_LabelGroup));
62605
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Group/Tabs/Styling/index.js
62606
+ function Tabs_Styling_slicedToArray(arr, i) { return Tabs_Styling_arrayWithHoles(arr) || Tabs_Styling_iterableToArrayLimit(arr, i) || Tabs_Styling_unsupportedIterableToArray(arr, i) || Tabs_Styling_nonIterableRest(); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62607
 
62608
+ function Tabs_Styling_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
62609
 
62610
+ function Tabs_Styling_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Tabs_Styling_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Tabs_Styling_arrayLikeToArray(o, minLen); }
62611
 
62612
+ function Tabs_Styling_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; }
62613
 
62614
+ function Tabs_Styling_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
62615
 
62616
+ function Tabs_Styling_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
62617
 
62618
 
62619
 
62620
 
62621
 
62622
+ function Styling_Styling(_ref) {
62623
+ var groupId = _ref.groupId;
62624
 
62625
+ var _useState = (0,react.useState)("button"),
62626
+ _useState2 = Tabs_Styling_slicedToArray(_useState, 2),
62627
+ openedGroup = _useState2[0],
62628
+ setOpenedGroup = _useState2[1];
62629
 
62630
+ return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(Tabs_Styling_ButtonGroup, {
62631
+ opened: openedGroup === "button",
62632
+ onSetIsOpened: function onSetIsOpened(val) {
62633
+ return setOpenedGroup(val ? "button" : "");
62634
+ },
62635
+ groupId: groupId
62636
+ }), /*#__PURE__*/react.createElement(Tabs_Styling_IconGroup, {
62637
+ opened: openedGroup === "icon",
62638
+ onSetIsOpened: function onSetIsOpened(val) {
62639
+ return setOpenedGroup(val ? "icon" : "");
62640
+ },
62641
+ groupId: groupId
62642
+ }), /*#__PURE__*/react.createElement(Styling_LabelGroup, {
62643
+ opened: openedGroup === "label",
62644
+ onSetIsOpened: function onSetIsOpened(val) {
62645
+ return setOpenedGroup(val ? "label" : "");
62646
+ },
62647
+ groupId: groupId
62648
+ }));
62649
+ }
62650
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/ExitIntent/TriggerAmountTimes/TriggerAmountTimes.js
62651
+ function TriggerAmountTimes_slicedToArray(arr, i) { return TriggerAmountTimes_arrayWithHoles(arr) || TriggerAmountTimes_iterableToArrayLimit(arr, i) || TriggerAmountTimes_unsupportedIterableToArray(arr, i) || TriggerAmountTimes_nonIterableRest(); }
62652
 
62653
+ function TriggerAmountTimes_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
62654
 
62655
+ function TriggerAmountTimes_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return TriggerAmountTimes_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return TriggerAmountTimes_arrayLikeToArray(o, minLen); }
62656
 
62657
+ function TriggerAmountTimes_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; }
62658
 
62659
+ function TriggerAmountTimes_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
62660
 
62661
+ function TriggerAmountTimes_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
62662
 
62663
 
62664
 
62665
 
62666
 
62667
 
62668
+ function TriggerAmountTimes(_ref) {
62669
+ var value = _ref.value,
62670
+ _onChange = _ref.onChange,
62671
+ icon = _ref.icon,
62672
+ _ref$disabled = _ref.disabled,
62673
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled;
62674
+ var inputLabel = (0,react.useRef)(null);
62675
 
62676
+ var _useState = (0,react.useState)(0),
62677
+ _useState2 = TriggerAmountTimes_slicedToArray(_useState, 2),
62678
+ labelWidth = _useState2[0],
62679
+ setLabelWidth = _useState2[1];
62680
 
62681
+ var _useState3 = (0,react.useState)(value || "once_page"),
62682
+ _useState4 = TriggerAmountTimes_slicedToArray(_useState3, 2),
62683
+ amountOfTimes = _useState4[0],
62684
+ setAmountOfTimes = _useState4[1];
62685
 
62686
+ (0,react.useEffect)(function () {
62687
+ setLabelWidth(inputLabel.current.offsetWidth);
62688
+ setAmountOfTimes(value || "once_page");
62689
+ }, [value]);
62690
+ return /*#__PURE__*/react.createElement(FormControl_FormControl, {
62691
+ variant: "outlined",
62692
+ fullWidth: true,
62693
+ disabled: disabled
62694
+ }, /*#__PURE__*/react.createElement(InputLabel_InputLabel, {
62695
+ id: "exit-intent-trigger-times",
62696
+ ref: inputLabel
62697
+ }, translate("settings.exit_intent.how_often._title")), /*#__PURE__*/react.createElement(Select_Select, {
62698
+ labelId: "exit-intent-trigger-times",
62699
+ id: "exit-intent-trigger-times",
62700
+ value: amountOfTimes,
62701
+ onChange: function onChange(e) {
62702
+ setAmountOfTimes(e.target.value);
62703
 
62704
+ _onChange("exit_intent_trigger_amount", e.target.value);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62705
  },
62706
+ labelWidth: labelWidth,
62707
+ IconComponent: icon,
62708
  inputProps: {
62709
+ "data-testid": "setting:exit-intent-how-often"
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62710
  }
62711
+ }, /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62712
+ value: "once_page"
62713
+ }, translate("settings.exit_intent.how_often.once_page")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62714
+ value: "once_session"
62715
+ }, translate("settings.exit_intent.how_often.once_session")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62716
+ value: "always"
62717
+ }, translate("settings.exit_intent.how_often.always"))));
62718
  }
62719
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/ExitIntent/TriggerAnimation/TriggerAnimation.js
62720
+ function TriggerAnimation_slicedToArray(arr, i) { return TriggerAnimation_arrayWithHoles(arr) || TriggerAnimation_iterableToArrayLimit(arr, i) || TriggerAnimation_unsupportedIterableToArray(arr, i) || TriggerAnimation_nonIterableRest(); }
62721
 
62722
+ function TriggerAnimation_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 
 
 
 
 
 
 
 
 
 
 
62723
 
62724
+ function TriggerAnimation_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return TriggerAnimation_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return TriggerAnimation_arrayLikeToArray(o, minLen); }
 
62725
 
62726
+ function TriggerAnimation_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; }
62727
+
62728
+ function TriggerAnimation_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 
 
 
 
 
 
 
 
 
62729
 
62730
+ function TriggerAnimation_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
62731
 
62732
 
62733
 
62734
 
62735
 
62736
 
62737
+ function TriggerAnimation(_ref) {
62738
+ var value = _ref.value,
62739
+ _onChange = _ref.onChange,
62740
+ icon = _ref.icon,
62741
+ _ref$singleButton = _ref.singleButton,
62742
+ singleButton = _ref$singleButton === void 0 ? false : _ref$singleButton,
62743
+ _ref$disabled = _ref.disabled,
62744
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled;
62745
+ var inputLabel = (0,react.useRef)(null);
62746
 
62747
+ var _useState = (0,react.useState)(0),
62748
+ _useState2 = TriggerAnimation_slicedToArray(_useState, 2),
62749
+ labelWidth = _useState2[0],
62750
+ setLabelWidth = _useState2[1];
62751
 
62752
+ var _useState3 = (0,react.useState)(value || "once_page"),
62753
+ _useState4 = TriggerAnimation_slicedToArray(_useState3, 2),
62754
+ triggerAnimation = _useState4[0],
62755
+ setTriggerAnimation = _useState4[1];
62756
 
62757
+ (0,react.useEffect)(function () {
62758
+ setLabelWidth(inputLabel.current.offsetWidth);
62759
+ setTriggerAnimation(value || "once_page");
62760
+ }, [value]);
62761
 
62762
+ var exitIntentAnimations = function exitIntentAnimations() {
62763
+ if (singleButton) {
62764
+ return [/*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62765
+ value: "focused",
62766
+ key: 0
62767
+ }, translate("settings.exit_intent.animation.focused")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62768
+ value: "jump",
62769
+ key: 1
62770
+ }, translate("settings.exit_intent.animation.jump_single")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62771
+ value: "flip",
62772
+ key: 2
62773
+ }, translate("settings.exit_intent.animation.flip_single"))];
62774
+ }
62775
 
62776
+ return [/*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62777
+ value: "focused",
62778
+ key: 0
62779
+ }, translate("settings.exit_intent.animation.focused")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62780
+ value: "open_menu",
62781
+ key: 1
62782
+ }, translate("settings.exit_intent.animation.open_menu")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62783
+ value: "jump",
62784
+ key: 2
62785
+ }, translate("settings.exit_intent.animation.jump")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62786
+ value: "flip",
62787
+ key: 3
62788
+ }, translate("settings.exit_intent.animation.flip"))];
62789
  };
62790
 
62791
+ return /*#__PURE__*/react.createElement(FormControl_FormControl, {
62792
+ variant: "outlined",
62793
+ fullWidth: true,
62794
+ style: {
62795
+ marginTop: 20
 
 
 
 
62796
  },
62797
+ disabled: disabled
62798
+ }, /*#__PURE__*/react.createElement(InputLabel_InputLabel, {
62799
+ id: "exit-intent-trigger-animation",
62800
+ ref: inputLabel
62801
+ }, translate("settings.exit_intent.animation._title")), /*#__PURE__*/react.createElement(Select_Select, {
62802
+ labelId: "exit-intent-trigger-animation",
62803
+ id: "exit-intent-trigger-animation",
62804
+ value: triggerAnimation,
62805
+ onChange: function onChange(e) {
62806
+ setTriggerAnimation(e.target.value);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62807
 
62808
+ _onChange("exit_intent_animation", e.target.value);
62809
+ },
62810
+ labelWidth: labelWidth,
62811
+ IconComponent: icon,
62812
+ inputProps: {
62813
+ "data-testid": "setting:exit-intent-animation"
62814
+ }
62815
+ }, exitIntentAnimations()));
62816
+ }
62817
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/ExitIntent/ExitIntent.js
62818
 
62819
 
62820
 
62822
 
62823
 
62824
 
62825
+
62826
+ function ExitIntent(_ref) {
62827
+ var onChange = _ref.onChange;
62828
 
62829
  /* webpack-strip-block:removed */
62830
+ var ExitIntent = function ExitIntent() {
62831
  /* webpack-strip-block:removed */
62832
+ return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(DisableSetting, {
62833
+ onClick: function onClick() {
62834
+ onChange();
62835
+ }
62836
+ }, /*#__PURE__*/react.createElement("p", null, translate("settings.exit_intent.description")), /*#__PURE__*/react.createElement(SettingsContainer, {
62837
+ title: translate("settings.exit_intent.trigger_window"),
62838
+ fullWidth: false
62839
+ }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
62840
+ disabled: true
62841
+ })), /*#__PURE__*/react.createElement(SettingsContainer, {
62842
+ title: translate("settings.exit_intent.trigger_inactive"),
62843
+ fullWidth: false
62844
+ }, /*#__PURE__*/react.createElement(esm_Switch_Switch, {
62845
+ disabled: true
62846
+ })), /*#__PURE__*/react.createElement(TriggerAmountTimes, {
62847
+ value: "once_page",
62848
+ disabled: true,
62849
+ icon: PremiumTag
62850
+ }), /*#__PURE__*/react.createElement(TriggerAnimation, {
62851
+ value: "focused",
62852
+ disabled: true,
62853
+ icon: PremiumTag
62854
+ }), /*#__PURE__*/react.createElement("p", {
62855
+ dangerouslySetInnerHTML: {
62856
+ __html: translate("settings.exit_intent.info")
62857
+ }
62858
+ })));
62859
  };
62860
 
62861
+ return ExitIntent();
62862
  }
62863
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/Animation/Animation.js
62864
+ function Animation_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; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62865
 
62866
+ function Animation_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Animation_ownKeys(Object(source), true).forEach(function (key) { Animation_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Animation_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
62867
 
62868
+ function Animation_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; }
62869
 
62870
+ function Animation_slicedToArray(arr, i) { return Animation_arrayWithHoles(arr) || Animation_iterableToArrayLimit(arr, i) || Animation_unsupportedIterableToArray(arr, i) || Animation_nonIterableRest(); }
62871
 
62872
+ function Animation_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
62873
 
62874
+ function Animation_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Animation_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Animation_arrayLikeToArray(o, minLen); }
62875
 
62876
+ function Animation_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; }
62877
 
62878
+ function Animation_iterableToArrayLimit(arr, i) { var _i = arr && (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; }
62879
 
62880
+ function Animation_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
62881
 
62882
 
62883
 
62885
 
62886
 
62887
 
62888
+ function Animation(_ref) {
62889
+ var value = _ref.value,
62890
+ onChange = _ref.onChange;
62891
 
62892
+ var _useState = (0,react.useState)(value.type),
62893
+ _useState2 = Animation_slicedToArray(_useState, 2),
62894
+ groupAnimation = _useState2[0],
62895
+ setGroupAnimation = _useState2[1];
62896
 
62897
+ var _useState3 = (0,react.useState)(value.delay),
62898
+ _useState4 = Animation_slicedToArray(_useState3, 2),
62899
+ animationDelay = _useState4[0],
62900
+ setAnimationDelay = _useState4[1];
62901
 
62902
+ var _useState5 = (0,react.useState)(value.repeatCount),
62903
+ _useState6 = Animation_slicedToArray(_useState5, 2),
62904
+ animationRepeatCount = _useState6[0],
62905
+ setAnimationRepeatCount = _useState6[1];
62906
 
62907
+ (0,react.useEffect)(function () {
62908
+ setGroupAnimation(value.type);
62909
+ /* webpack-strip-block:removed */
62910
+ }, [value]);
 
62911
 
62912
+ var handleChange = function handleChange(obj) {
62913
+ onChange(Animation_objectSpread({
62914
+ delay: animationDelay,
62915
+ repeatCount: animationRepeatCount,
62916
+ type: groupAnimation
62917
+ }, obj));
62918
+ };
62919
 
62920
+ var menuList = function menuList() {
62921
  /* webpack-strip-block:removed */
62922
+ return [/*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62923
+ value: "none",
62924
+ key: 0
62925
+ }, translate("settings.menu_animation.animations.none")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62926
+ value: "hello",
62927
+ key: 1
62928
+ }, translate("settings.menu_animation.animations.hello")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62929
+ value: "bounce",
62930
+ key: 2
62931
+ }, translate("settings.menu_animation.animations.bounce")), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62932
+ disabled: true,
62933
+ key: 3
62934
+ }, translate("settings.menu_animation.animations.pulse"), " (PRO)"), /*#__PURE__*/react.createElement(MenuItem_MenuItem, {
62935
+ disabled: true,
62936
+ key: 4
62937
+ }, translate("settings.menu_animation.animations.jelly"), " (PRO)")];
62938
  };
62939
 
62940
+ return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(FormControl_FormControl, {
62941
+ variant: "outlined",
62942
+ fullWidth: true,
62943
+ style: {
62944
+ marginBottom: "20px"
62945
+ }
62946
+ }, /*#__PURE__*/react.createElement(InputLabel_InputLabel, {
62947
+ id: "group-animation"
62948
+ }, translate("common.type")), /*#__PURE__*/react.createElement(Select_Select, {
62949
+ label: translate("common.type"),
62950
+ id: "group-animation",
62951
+ value: groupAnimation,
62952
+ onChange: function onChange(e) {
62953
+ if (e.target.value == null) return;
62954
+ setGroupAnimation(e.target.value);
62955
+ handleChange({
62956
+ type: e.target.value
62957
+ });
62958
+ },
62959
+ inputProps: {
62960
+ "data-testid": "setting:animation"
62961
+ }
62962
+ }, menuList())), groupAnimation !== "none" && /*#__PURE__*/react.createElement(Grid_Grid, {
62963
+ container: true,
62964
+ spacing: 3
62965
+ }, /*#__PURE__*/react.createElement(Grid_Grid, {
62966
+ item: true,
62967
+ xs: true
62968
+ }, function () {
62969
  /* webpack-strip-block:removed */
62970
+ return /*#__PURE__*/react.createElement(TextField_TextField, {
62971
+ label: translate("settings.menu_animation.delay"),
62972
+ disabled: true,
62973
+ value: 5000,
62974
+ size: "small",
62975
+ variant: "outlined",
62976
+ InputProps: {
62977
+ endAdornment: /*#__PURE__*/react.createElement(PremiumTag, null)
62978
+ },
62979
+ inputProps: {
62980
+ "data-testid": "setting:animation-delay"
62981
+ },
62982
+ InputLabelProps: {
62983
+ shrink: true
62984
+ },
62985
  onClick: function onClick() {
62986
+ return app.showPremiumDialog(translate("premium.add_animation_settings"));
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62987
  }
62988
+ });
62989
+ }()), /*#__PURE__*/react.createElement(Grid_Grid, {
62990
+ item: true,
62991
+ xs: true
62992
+ }, function () {
62993
  /* webpack-strip-block:removed */
62994
+ return /*#__PURE__*/react.createElement(TextField_TextField, {
62995
+ label: translate("settings.menu_animation.repeat_count"),
62996
+ value: 5,
62997
+ disabled: true,
62998
+ size: "small",
62999
+ variant: "outlined",
63000
+ InputProps: {
63001
+ endAdornment: /*#__PURE__*/react.createElement(PremiumTag, null),
63002
+ "data-testid": "setting:animation-repeat-count"
63003
+ },
63004
+ InputLabelProps: {
63005
+ shrink: true
63006
+ },
63007
  onClick: function onClick() {
63008
+ return app.showPremiumDialog(translate("premium.add_animation_settings"));
 
 
 
 
 
 
 
 
 
 
 
 
63009
  }
63010
+ });
63011
+ }())));
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
63012
  }
63013
+ ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/FormControlLabel/FormControlLabel.js
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
63014
 
63015
 
63016
 
63021
 
63022
 
63023
 
63024
+ var FormControlLabel_styles = function styles(theme) {
63025
+ return {
63026
+ /* Styles applied to the root element. */
63027
+ root: {
63028
+ display: 'inline-flex',
63029
+ alignItems: 'center',
63030
+ cursor: 'pointer',
63031
+ // For correct alignment with the text.
63032
+ verticalAlign: 'middle',
63033
+ WebkitTapHighlightColor: 'transparent',
63034
+ marginLeft: -11,
63035
+ marginRight: 16,
63036
+ // used for row presentation of radio/checkbox
63037
+ '&$disabled': {
63038
+ cursor: 'default'
63039
+ }
63040
+ },
63041
 
63042
+ /* Styles applied to the root element if `labelPlacement="start"`. */
63043
+ labelPlacementStart: {
63044
+ flexDirection: 'row-reverse',
63045
+ marginLeft: 16,
63046
+ // used for row presentation of radio/checkbox
63047
+ marginRight: -11
63048
+ },
63049
 
63050
+ /* Styles applied to the root element if `labelPlacement="top"`. */
63051
+ labelPlacementTop: {
63052
+ flexDirection: 'column-reverse',
63053
+ marginLeft: 16
63054
+ },
63055
 
63056
+ /* Styles applied to the root element if `labelPlacement="bottom"`. */
63057
+ labelPlacementBottom: {
63058
+ flexDirection: 'column',
63059
+ marginLeft: 16
63060
+ },
63061
 
63062
+ /* Pseudo-class applied to the root element if `disabled={true}`. */
63063
+ disabled: {},
 
 
63064
 
63065
+ /* Styles applied to the label's Typography component. */
63066
+ label: {
63067
+ '&$disabled': {
63068
+ color: theme.palette.text.disabled
 
 
 
 
 
 
 
 
63069
  }
63070
+ }
 
 
63071
  };
63072
+ };
63073
+ /**
63074
+ * Drop in replacement of the `Radio`, `Switch` and `Checkbox` component.
63075
+ * Use this component if you want to display an extra label.
63076
+ */
63077
 
63078
+ var FormControlLabel = /*#__PURE__*/react.forwardRef(function FormControlLabel(props, ref) {
63079
+ var checked = props.checked,
63080
+ classes = props.classes,
63081
+ className = props.className,
63082
+ control = props.control,
63083
+ disabledProp = props.disabled,
63084
+ inputRef = props.inputRef,
63085
+ label = props.label,
63086
+ _props$labelPlacement = props.labelPlacement,
63087
+ labelPlacement = _props$labelPlacement === void 0 ? 'end' : _props$labelPlacement,
63088
+ name = props.name,
63089
+ onChange = props.onChange,
63090
+ value = props.value,
63091
+ other = (0,objectWithoutProperties/* default */.Z)(props, ["checked", "classes", "className", "control", "disabled", "inputRef", "label", "labelPlacement", "name", "onChange", "value"]);
 
 
63092
 
63093
+ var muiFormControl = useFormControl_useFormControl();
63094
+ var disabled = disabledProp;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
63095
 
63096
+ if (typeof disabled === 'undefined' && typeof control.props.disabled !== 'undefined') {
63097
+ disabled = control.props.disabled;
63098
+ }
 
 
 
 
 
 
 
 
 
 
63099
 
63100
+ if (typeof disabled === 'undefined' && muiFormControl) {
63101
+ disabled = muiFormControl.disabled;
63102
+ }
63103
 
63104
+ var controlProps = {
63105
+ disabled: disabled
63106
+ };
63107
+ ['checked', 'name', 'onChange', 'value', 'inputRef'].forEach(function (key) {
63108
+ if (typeof control.props[key] === 'undefined' && typeof props[key] !== 'undefined') {
63109
+ controlProps[key] = props[key];
63110
+ }
63111
+ });
63112
+ return /*#__PURE__*/react.createElement("label", (0,esm_extends/* default */.Z)({
63113
+ className: (0,clsx_m/* default */.Z)(classes.root, className, labelPlacement !== 'end' && classes["labelPlacement".concat((0,capitalize/* default */.Z)(labelPlacement))], disabled && classes.disabled),
63114
+ ref: ref
63115
+ }, other), /*#__PURE__*/react.cloneElement(control, controlProps), /*#__PURE__*/react.createElement(Typography_Typography, {
63116
+ component: "span",
63117
+ className: (0,clsx_m/* default */.Z)(classes.label, disabled && classes.disabled)
63118
+ }, label));
63119
+ });
63120
+ false ? 0 : void 0;
63121
+ /* harmony default export */ var FormControlLabel_FormControlLabel = ((0,withStyles/* default */.Z)(FormControlLabel_styles, {
63122
+ name: 'MuiFormControlLabel'
63123
+ })(FormControlLabel));
63124
+ ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/internal/svg-icons/RadioButtonUnchecked.js
63125
 
 
 
 
 
 
 
63126
 
63127
+ /**
63128
+ * @ignore - internal component.
63129
+ */
63130
 
63131
+ /* harmony default export */ var RadioButtonUnchecked = ((0,createSvgIcon/* default */.Z)( /*#__PURE__*/react.createElement("path", {
63132
+ d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
63133
+ }), 'RadioButtonUnchecked'));
63134
+ ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/internal/svg-icons/RadioButtonChecked.js
63135
 
 
63136
 
63137
+ /**
63138
+ * @ignore - internal component.
63139
+ */
63140
 
63141
+ /* harmony default export */ var RadioButtonChecked = ((0,createSvgIcon/* default */.Z)( /*#__PURE__*/react.createElement("path", {
63142
+ d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
63143
+ }), 'RadioButtonChecked'));
63144
+ ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/Radio/RadioButtonIcon.js
63145
 
 
63146
 
 
63147
 
 
63148
 
 
63149
 
 
63150
 
63151
+ var RadioButtonIcon_styles = function styles(theme) {
63152
+ return {
63153
+ root: {
63154
+ position: 'relative',
63155
+ display: 'flex',
63156
+ '&$checked $layer': {
63157
+ transform: 'scale(1)',
63158
+ transition: theme.transitions.create('transform', {
63159
+ easing: theme.transitions.easing.easeOut,
63160
+ duration: theme.transitions.duration.shortest
63161
+ })
63162
+ }
63163
+ },
63164
+ layer: {
63165
+ left: 0,
63166
+ position: 'absolute',
63167
+ transform: 'scale(0)',
63168
+ transition: theme.transitions.create('transform', {
63169
+ easing: theme.transitions.easing.easeIn,
63170
+ duration: theme.transitions.duration.shortest
63171
+ })
63172
+ },
63173
+ checked: {}
63174
+ };
63175
+ };
63176
+ /**
63177
+ * @ignore - internal component.
63178
+ */
63179
 
63180
+ function RadioButtonIcon(props) {
63181
+ var checked = props.checked,
63182
+ classes = props.classes,
63183
+ fontSize = props.fontSize;
63184
+ return /*#__PURE__*/react.createElement("div", {
63185
+ className: (0,clsx_m/* default */.Z)(classes.root, checked && classes.checked)
63186
+ }, /*#__PURE__*/react.createElement(RadioButtonUnchecked, {
63187
+ fontSize: fontSize
63188
+ }), /*#__PURE__*/react.createElement(RadioButtonChecked, {
63189
+ fontSize: fontSize,
63190
+ className: classes.layer
63191
+ }));
63192
+ }
63193
 
63194
+ false ? 0 : void 0;
63195
+ /* harmony default export */ var Radio_RadioButtonIcon = ((0,withStyles/* default */.Z)(RadioButtonIcon_styles, {
63196
+ name: 'PrivateRadioButtonIcon'
63197
+ })(RadioButtonIcon));
63198
+ ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/RadioGroup/RadioGroupContext.js
63199
 
63200
+ /**
63201
+ * @ignore - internal component.
63202
+ */
63203
 
63204
+ var RadioGroupContext = react.createContext();
63205
 
63206
+ if (false) {}
63207
 
63208
+ /* harmony default export */ var RadioGroup_RadioGroupContext = (RadioGroupContext);
63209
+ ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/RadioGroup/useRadioGroup.js
63210
 
63211
 
63212
+ function useRadioGroup() {
63213
+ return react.useContext(RadioGroup_RadioGroupContext);
63214
+ }
63215
+ ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/Radio/Radio.js
63216
 
63217
 
63218
 
63223
 
63224
 
63225
 
 
 
 
 
 
63226
 
 
 
 
 
63227
 
 
 
 
 
 
 
63228
 
63229
+ var Radio_styles = function styles(theme) {
63230
+ return {
63231
+ /* Styles applied to the root element. */
63232
+ root: {
63233
+ color: theme.palette.text.secondary
63234
+ },
 
 
 
 
 
 
63235
 
63236
+ /* Pseudo-class applied to the root element if `checked={true}`. */
63237
+ checked: {},
 
 
 
 
 
 
 
 
 
 
 
 
 
63238
 
63239
+ /* Pseudo-class applied to the root element if `disabled={true}`. */
63240
+ disabled: {},
 
63241
 
63242
+ /* Styles applied to the root element if `color="primary"`. */
63243
+ colorPrimary: {
63244
+ '&$checked': {
63245
+ color: theme.palette.primary.main,
63246
+ '&:hover': {
63247
+ backgroundColor: (0,colorManipulator/* fade */.U1)(theme.palette.primary.main, theme.palette.action.hoverOpacity),
63248
+ // Reset on touch devices, it doesn't add specificity
63249
+ '@media (hover: none)': {
63250
+ backgroundColor: 'transparent'
63251
+ }
63252
+ }
 
63253
  },
63254
+ '&$disabled': {
63255
+ color: theme.palette.action.disabled
 
 
 
 
 
 
 
 
 
 
 
63256
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
63257
  },
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
63258
 
63259
+ /* Styles applied to the root element if `color="secondary"`. */
63260
+ colorSecondary: {
63261
+ '&$checked': {
63262
+ color: theme.palette.secondary.main,
63263
+ '&:hover': {
63264
+ backgroundColor: (0,colorManipulator/* fade */.U1)(theme.palette.secondary.main, theme.palette.action.hoverOpacity),
63265
+ // Reset on touch devices, it doesn't add specificity
63266
+ '@media (hover: none)': {
63267
+ backgroundColor: 'transparent'
63268
+ }
63269
+ }
63270
+ },
63271
+ '&$disabled': {
63272
+ color: theme.palette.action.disabled
63273
+ }
63274
  }
63275
  };
63276
+ };
63277
+ var defaultCheckedIcon = /*#__PURE__*/react.createElement(Radio_RadioButtonIcon, {
63278
+ checked: true
63279
+ });
63280
+ var defaultIcon = /*#__PURE__*/react.createElement(Radio_RadioButtonIcon, null);
63281
+ var Radio = /*#__PURE__*/react.forwardRef(function Radio(props, ref) {
63282
+ var checkedProp = props.checked,
63283
+ classes = props.classes,
63284
+ _props$color = props.color,
63285
+ color = _props$color === void 0 ? 'secondary' : _props$color,
63286
+ nameProp = props.name,
63287
+ onChangeProp = props.onChange,
63288
+ _props$size = props.size,
63289
+ size = _props$size === void 0 ? 'medium' : _props$size,
63290
+ other = (0,objectWithoutProperties/* default */.Z)(props, ["checked", "classes", "color", "name", "onChange", "size"]);
63291
 
63292
+ var radioGroup = useRadioGroup();
63293
+ var checked = checkedProp;
63294
+ var onChange = (0,createChainedFunction/* default */.Z)(onChangeProp, radioGroup && radioGroup.onChange);
63295
+ var name = nameProp;
63296
 
63297
+ if (radioGroup) {
63298
+ if (typeof checked === 'undefined') {
63299
+ checked = radioGroup.value === props.value;
 
 
 
 
 
 
 
 
 
 
63300
  }
 
 
 
 
 
 
63301
 
63302
+ if (typeof name === 'undefined') {
63303
+ name = radioGroup.name;
63304
+ }
63305
+ }
63306
 
63307
+ return /*#__PURE__*/react.createElement(internal_SwitchBase, (0,esm_extends/* default */.Z)({
63308
+ color: color,
63309
+ type: "radio",
63310
+ icon: /*#__PURE__*/react.cloneElement(defaultIcon, {
63311
+ fontSize: size === 'small' ? 'small' : 'default'
63312
+ }),
63313
+ checkedIcon: /*#__PURE__*/react.cloneElement(defaultCheckedIcon, {
63314
+ fontSize: size === 'small' ? 'small' : 'default'
63315
+ }),
63316
+ classes: {
63317
+ root: (0,clsx_m/* default */.Z)(classes.root, classes["color".concat((0,capitalize/* default */.Z)(color))]),
63318
+ checked: classes.checked,
63319
+ disabled: classes.disabled
63320
+ },
63321
+ name: name,
63322
+ checked: checked,
63323
+ onChange: onChange,
63324
+ ref: ref
63325
+ }, other));
63326
+ });
63327
+ false ? 0 : void 0;
63328
+ /* harmony default export */ var Radio_Radio = ((0,withStyles/* default */.Z)(Radio_styles, {
63329
+ name: 'MuiRadio'
63330
+ })(Radio));
63331
+ ;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/TimeoutScroll/TimeoutScroll.js
63332
 
 
63333
 
 
63334
 
63335
 
63336
 
63337
 
63338
 
63339
+ /* webpack-strip-block:removed */
 
63340
 
63341
+ function TimeoutScroll(_ref) {
63342
+ var openDialogDelay = _ref.openDialogDelay;
 
 
63343
 
63344
+ /* webpack-strip-block:removed */
63345
+ var settings = {
63346
+ timeoutScroll: function timeoutScroll() {
63347
+ /* webpack-strip-block:removed */
63348
+ return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
63349
+ className: "advanced-scroll-timeout",
63350
+ "data-testid": "timeoutScroll:free"
63351
+ }, /*#__PURE__*/react.createElement(DisableSetting, {
63352
+ onClick: function onClick() {
63353
+ openDialogDelay("timeout");
63354
+ }
63355
+ }, /*#__PURE__*/react.createElement("div", {
63356
+ className: "advanced-timeout"
63357
+ }, /*#__PURE__*/react.createElement(FormControlLabel_FormControlLabel, {
63358
+ control: /*#__PURE__*/react.createElement(Radio_Radio, {
63359
+ checked: false,
63360
+ inputProps: {
63361
+ "data-testid": "setting:timeout-radio",
63362
+ "aria-label": "timeout"
63363
+ },
63364
+ value: "timeout",
63365
+ name: "timeout-radio-button"
63366
+ }),
63367
+ label: translate("settings.timeout_scroll.timeout.title"),
63368
+ className: "timeout-radio-group",
63369
+ labelPlacement: "end",
63370
+ value: "timeout",
63371
+ name: "timeout-radio-button-label"
63372
+ }), /*#__PURE__*/react.createElement(TextField_TextField, {
63373
+ variant: "outlined",
63374
+ label: translate("settings.timeout_scroll.timeout.milliseconds"),
63375
+ helperText: translate("settings.timeout_scroll.timeout.info", "0"),
63376
+ type: "number",
63377
+ fullWidth: true,
63378
+ disabled: true,
63379
+ InputProps: {
63380
+ "data-testid": "setting:timeout-field",
63381
+ endAdornment: /*#__PURE__*/react.createElement(PremiumTag, null)
63382
+ }
63383
+ }))), /*#__PURE__*/react.createElement("hr", null), /*#__PURE__*/react.createElement(DisableSetting, {
63384
+ onClick: function onClick() {
63385
+ openDialogDelay("scroll");
63386
+ }
63387
+ }, /*#__PURE__*/react.createElement("div", {
63388
+ className: "advanced-scroll"
63389
+ }, /*#__PURE__*/react.createElement(FormControlLabel_FormControlLabel, {
63390
+ control: /*#__PURE__*/react.createElement(Radio_Radio, {
63391
+ checked: false,
63392
+ inputProps: {
63393
+ "data-testid": "setting:scroll-radio",
63394
+ "aria-label": "scroll"
63395
+ },
63396
+ value: "scroll",
63397
+ name: "scroll-radio-button"
63398
+ }),
63399
+ label: translate("settings.timeout_scroll.scroll.title"),
63400
+ className: "scroll-radio-group",
63401
+ labelPlacement: "end",
63402
+ value: "scroll",
63403
+ name: "scroll-radio-button-label"
63404
+ }), /*#__PURE__*/react.createElement(TextField_TextField, {
63405
+ variant: "outlined",
63406
+ label: translate("settings.timeout_scroll.scroll.from_top"),
63407
+ type: "number",
63408
+ FormHelperTextProps: {
63409
+ component: "span"
63410
+ },
63411
+ fullWidth: true,
63412
+ disabled: true,
63413
+ InputProps: {
63414
+ "data-testid": "setting:scroll-field",
63415
+ endAdornment: /*#__PURE__*/react.createElement(PremiumTag, null)
63416
+ }
63417
+ }), /*#__PURE__*/react.createElement("div", {
63418
+ className: "advanced-scroll-pixel-percent"
63419
+ }, /*#__PURE__*/react.createElement(Button_Button, {
63420
+ disabled: true,
63421
+ variant: "contained",
63422
+ color: "primary",
63423
+ "data-testid": "setting:scroll-percent"
63424
+ }, "%"), /*#__PURE__*/react.createElement(Button_Button, {
63425
+ disabled: true,
63426
+ variant: "outlined",
63427
+ color: "primary",
63428
+ "data-testid": "setting:scroll-px"
63429
+ }, "px")))), /*#__PURE__*/react.createElement(DisableSetting, {
63430
+ onClick: function onClick() {
63431
+ openDialogDelay("scroll");
63432
+ }
63433
+ }, /*#__PURE__*/react.createElement("div", {
63434
+ className: "advanced-scroll-hide"
63435
+ }, /*#__PURE__*/react.createElement(SettingsContainer, {
63436
+ title: translate("settings.timeout_scroll.scroll.visibility"),
63437
+ className: "disabled"
63438
+ }, /*#__PURE__*/react.createElement(Tabs_Tabs, {
63439
+ value: false,
63440
+ indicatorColor: "secondary",
63441
+ textColor: "secondary",
63442
+ variant: "fullWidth",
63443
+ className: "icon-or-image"
63444
+ }, /*#__PURE__*/react.createElement(Tab_Tab, {
63445
+ disabled: true,
63446
+ label: translate("settings.timeout_scroll.scroll.hide"),
63447
+ size: "small"
63448
+ }), /*#__PURE__*/react.createElement(Tab_Tab, {
63449
+ disabled: true,
63450
+ label: translate("settings.timeout_scroll.scroll.show"),
63451
+ size: "small"
63452
+ })))), /*#__PURE__*/react.createElement("span", {
63453
+ className: "advanced-scroll-description"
63454
+ }, /*#__PURE__*/react.createElement("p", {
63455
+ dangerouslySetInnerHTML: {
63456
+ __html: translate("settings.timeout_scroll.scroll.info", "0", "%", "SHOW")
63457
+ }
63458
+ })))));
63459
+ }
63460
+ };
63461
+ return /*#__PURE__*/react.createElement(react.Fragment, null, settings.timeoutScroll());
63462
  }
63463
  ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Group/Tabs/Advanced.js
63464
  function Advanced_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; }
63503
 
63504
  function Advanced_Advanced(_ref) {
63505
  var set = _ref.set,
63506
+ get = _ref.get,
63507
+ singleButton = _ref.singleButton;
63508
 
63509
  var _useState = (0,react.useState)("animation"),
63510
  _useState2 = Tabs_Advanced_slicedToArray(_useState, 2),
63722
  },
63723
  get: function get(key) {
63724
  return dlv_umd_default()(groups[groupId], key, _def("group", key));
63725
+ },
63726
+ singleButton: groups[groupId].children.length < 2
63727
  }, dispatchProps), stateProps), props);
63728
  })(Advanced_Advanced));
63729
  ;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Group/Group.js
assets/dashboard.min.js CHANGED
@@ -8,7 +8,7 @@
8
  *
9
  * Buttonizer is Freemium software. The free version (build) does not contain premium functionality.
10
  *
11
- * (C) 2017-2021 Buttonizer v2.4.1
12
  *
13
  */
14
  /*!
@@ -21,7 +21,7 @@
21
  *
22
  * Buttonizer is Freemium software. The free version (build) does not contain premium functionality.
23
  *
24
- * (C) 2017-2021 Buttonizer v2.4.1
25
  *
26
  */!function(){var e={50676:function(e,t,n){"use strict";function r(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}n.d(t,{Z:function(){return r}})},83614:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(50676);function o(e){if(Array.isArray(e))return(0,r.Z)(e)}},63349:function(e,t,n){"use strict";function r(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}n.d(t,{Z:function(){return r}})},5991:function(e,t,n){"use strict";function r(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 o(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}n.d(t,{Z:function(){return o}})},96156:function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,{Z:function(){return r}})},22122:function(e,t,n){"use strict";function r(){return(r=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)}n.d(t,{Z:function(){return r}})},41788:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(14665);function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,(0,r.Z)(e,t)}},96410:function(e,t,n){"use strict";function r(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}n.d(t,{Z:function(){return r}})},62303:function(e,t,n){"use strict";function r(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}n.d(t,{Z:function(){return r}})},81253:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(19756);function o(e,t){if(null==e)return{};var n,o,i=(0,r.Z)(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)n=a[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}},19756:function(e,t,n){"use strict";function r(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}n.d(t,{Z:function(){return r}})},14665:function(e,t,n){"use strict";function r(e,t){return(r=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}n.d(t,{Z:function(){return r}})},34699:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(82961);function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null!=n){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)||(0,r.Z)(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.")}()}},78927:function(e,t,n){"use strict";n.d(t,{Z:function(){return l}});var r=n(83614),o=n(96410),i=n(82961),a=n(62303);function l(e){return(0,r.Z)(e)||(0,o.Z)(e)||(0,i.Z)(e)||(0,a.Z)()}},90484:function(e,t,n){"use strict";function r(e){return(r="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)}n.d(t,{Z:function(){return r}})},82961:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(50676);function o(e,t){if(e){if("string"==typeof e)return(0,r.Z)(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)?(0,r.Z)(e,t):void 0}}},95318:function(e){e.exports=function(e){return e&&e.__esModule?e:{default:e}},e.exports.default=e.exports,e.exports.__esModule=!0},20862:function(e,t,n){var r=n(50008).default;function o(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return o=function(){return e},e}e.exports=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var t=o();if(t&&t.has(e))return t.get(e);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){var l=i?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(n,a,l):n[a]=e[a]}return n.default=e,t&&t.set(e,n),n},e.exports.default=e.exports,e.exports.__esModule=!0},50008:function(e){function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(e.exports=t=function(e){return typeof e},e.exports.default=e.exports,e.exports.__esModule=!0):(e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.default=e.exports,e.exports.__esModule=!0),t(n)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},70597:function(e,t,n){"use strict";var r,o=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},i=n(67294),a=(r=i)&&r.__esModule?r:{default:r};t.Z=function(e){var t=e.fill,n=void 0===t?"currentColor":t,r=e.width,i=void 0===r?24:r,l=e.height,s=void 0===l?24:l,u=e.style,c=void 0===u?{}:u,f=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}(e,["fill","width","height","style"]);return a.default.createElement("svg",o({viewBox:"0 0 24 24",style:o({fill:n,width:i,height:s},c)},f),a.default.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))}},43891:function(e,t,n){"use strict";var r,o=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},i=n(67294),a=(r=i)&&r.__esModule?r:{default:r};t.Z=function(e){var t=e.fill,n=void 0===t?"currentColor":t,r=e.width,i=void 0===r?24:r,l=e.height,s=void 0===l?24:l,u=e.style,c=void 0===u?{}:u,f=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}(e,["fill","width","height","style"]);return a.default.createElement("svg",o({viewBox:"0 0 24 24",style:o({fill:n,width:i,height:s},c)},f),a.default.createElement("path",{d:"M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"}))}},59693:function(e,t,n){"use strict";n.d(t,{mi:function(){return l},_4:function(){return u},U1:function(){return c},_j:function(){return f},$n:function(){return d}});var r=n(60288);function o(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return Math.min(Math.max(t,e),n)}function i(e){if(e.type)return e;if("#"===e.charAt(0))return i(function(e){e=e.substr(1);var t=new RegExp(".{1,".concat(e.length>=6?2:1,"}"),"g"),n=e.match(t);return n&&1===n[0].length&&(n=n.map((function(e){return e+e}))),n?"rgb".concat(4===n.length?"a":"","(").concat(n.map((function(e,t){return t<3?parseInt(e,16):Math.round(parseInt(e,16)/255*1e3)/1e3})).join(", "),")"):""}(e));var t=e.indexOf("("),n=e.substring(0,t);if(-1===["rgb","rgba","hsl","hsla"].indexOf(n))throw new Error((0,r.Z)(3,e));var o=e.substring(t+1,e.length-1).split(",");return{type:n,values:o=o.map((function(e){return parseFloat(e)}))}}function a(e){var t=e.type,n=e.values;return-1!==t.indexOf("rgb")?n=n.map((function(e,t){return t<3?parseInt(e,10):e})):-1!==t.indexOf("hsl")&&(n[1]="".concat(n[1],"%"),n[2]="".concat(n[2],"%")),"".concat(t,"(").concat(n.join(", "),")")}function l(e,t){var n=s(e),r=s(t);return(Math.max(n,r)+.05)/(Math.min(n,r)+.05)}function s(e){var t="hsl"===(e=i(e)).type?i(function(e){var t=(e=i(e)).values,n=t[0],r=t[1]/100,o=t[2]/100,l=r*Math.min(o,1-o),s=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:(e+n/30)%12;return o-l*Math.max(Math.min(t-3,9-t,1),-1)},u="rgb",c=[Math.round(255*s(0)),Math.round(255*s(8)),Math.round(255*s(4))];return"hsla"===e.type&&(u+="a",c.push(t[3])),a({type:u,values:c})}(e)).values:e.values;return t=t.map((function(e){return(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)})),Number((.2126*t[0]+.7152*t[1]+.0722*t[2]).toFixed(3))}function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:.15;return s(e)>.5?f(e,t):d(e,t)}function c(e,t){return e=i(e),t=o(t),"rgb"!==e.type&&"hsl"!==e.type||(e.type+="a"),e.values[3]=t,a(e)}function f(e,t){if(e=i(e),t=o(t),-1!==e.type.indexOf("hsl"))e.values[2]*=1-t;else if(-1!==e.type.indexOf("rgb"))for(var n=0;n<3;n+=1)e.values[n]*=1-t;return a(e)}function d(e,t){if(e=i(e),t=o(t),-1!==e.type.indexOf("hsl"))e.values[2]+=(100-e.values[2])*t;else if(-1!==e.type.indexOf("rgb"))for(var n=0;n<3;n+=1)e.values[n]+=(255-e.values[n])*t;return a(e)}},49277:function(e,t,n){"use strict";n.d(t,{Z:function(){return $}});var r=n(81253),o=n(35953),i=n(22122),a=["xs","sm","md","lg","xl"];function l(e){var t=e.values,n=void 0===t?{xs:0,sm:600,md:960,lg:1280,xl:1920}:t,o=e.unit,l=void 0===o?"px":o,s=e.step,u=void 0===s?5:s,c=(0,r.Z)(e,["values","unit","step"]);function f(e){var t="number"==typeof n[e]?n[e]:e;return"@media (min-width:".concat(t).concat(l,")")}function d(e,t){var r=a.indexOf(t);return r===a.length-1?f(e):"@media (min-width:".concat("number"==typeof n[e]?n[e]:e).concat(l,") and ")+"(max-width:".concat((-1!==r&&"number"==typeof n[a[r+1]]?n[a[r+1]]:t)-u/100).concat(l,")")}return(0,i.Z)({keys:a,values:n,up:f,down:function(e){var t=a.indexOf(e)+1,r=n[a[t]];return t===a.length?f("xs"):"@media (max-width:".concat(("number"==typeof r&&t>0?r:e)-u/100).concat(l,")")},between:d,only:function(e){return d(e,e)},width:function(e){return n[e]}},c)}var s=n(96156);function u(e,t,n){var r;return(0,i.Z)({gutters:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.Z)({paddingLeft:t(2),paddingRight:t(2)},n,(0,s.Z)({},e.up("sm"),(0,i.Z)({paddingLeft:t(3),paddingRight:t(3)},n[e.up("sm")])))},toolbar:(r={minHeight:56},(0,s.Z)(r,"".concat(e.up("xs")," and (orientation: landscape)"),{minHeight:48}),(0,s.Z)(r,e.up("sm"),{minHeight:64}),r)},n)}var c=n(60288),f={black:"#000",white:"#fff"},d={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#d5d5d5",A200:"#aaaaaa",A400:"#303030",A700:"#616161"},p={50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",A100:"#8c9eff",A200:"#536dfe",A400:"#3d5afe",A700:"#304ffe"},h={50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",A100:"#ff80ab",A200:"#ff4081",A400:"#f50057",A700:"#c51162"},m={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000"},v={50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",A100:"#ffd180",A200:"#ffab40",A400:"#ff9100",A700:"#ff6d00"},g={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff"},y={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853"},b=n(59693),w={text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.54)",disabled:"rgba(0, 0, 0, 0.38)",hint:"rgba(0, 0, 0, 0.38)"},divider:"rgba(0, 0, 0, 0.12)",background:{paper:f.white,default:d[50]},action:{active:"rgba(0, 0, 0, 0.54)",hover:"rgba(0, 0, 0, 0.04)",hoverOpacity:.04,selected:"rgba(0, 0, 0, 0.08)",selectedOpacity:.08,disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(0, 0, 0, 0.12)",disabledOpacity:.38,focus:"rgba(0, 0, 0, 0.12)",focusOpacity:.12,activatedOpacity:.12}},x={text:{primary:f.white,secondary:"rgba(255, 255, 255, 0.7)",disabled:"rgba(255, 255, 255, 0.5)",hint:"rgba(255, 255, 255, 0.5)",icon:"rgba(255, 255, 255, 0.5)"},divider:"rgba(255, 255, 255, 0.12)",background:{paper:d[800],default:"#303030"},action:{active:f.white,hover:"rgba(255, 255, 255, 0.08)",hoverOpacity:.08,selected:"rgba(255, 255, 255, 0.16)",selectedOpacity:.16,disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)",disabledOpacity:.38,focus:"rgba(255, 255, 255, 0.12)",focusOpacity:.12,activatedOpacity:.24}};function E(e,t,n,r){var o=r.light||r,i=r.dark||1.5*r;e[t]||(e.hasOwnProperty(n)?e[t]=e[n]:"light"===t?e.light=(0,b.$n)(e.main,o):"dark"===t&&(e.dark=(0,b._j)(e.main,i)))}function _(e){var t=e.primary,n=void 0===t?{light:p[300],main:p[500],dark:p[700]}:t,a=e.secondary,l=void 0===a?{light:h.A200,main:h.A400,dark:h.A700}:a,s=e.error,u=void 0===s?{light:m[300],main:m[500],dark:m[700]}:s,_=e.warning,S=void 0===_?{light:v[300],main:v[500],dark:v[700]}:_,O=e.info,k=void 0===O?{light:g[300],main:g[500],dark:g[700]}:O,C=e.success,P=void 0===C?{light:y[300],main:y[500],dark:y[700]}:C,T=e.type,A=void 0===T?"light":T,j=e.contrastThreshold,I=void 0===j?3:j,R=e.tonalOffset,D=void 0===R?.2:R,N=(0,r.Z)(e,["primary","secondary","error","warning","info","success","type","contrastThreshold","tonalOffset"]);function M(e){return(0,b.mi)(e,x.text.primary)>=I?x.text.primary:w.text.primary}var L=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:300,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:700;if(!(e=(0,i.Z)({},e)).main&&e[t]&&(e.main=e[t]),!e.main)throw new Error((0,c.Z)(4,t));if("string"!=typeof e.main)throw new Error((0,c.Z)(5,JSON.stringify(e.main)));return E(e,"light",n,D),E(e,"dark",r,D),e.contrastText||(e.contrastText=M(e.main)),e},F={dark:x,light:w};return(0,o.Z)((0,i.Z)({common:f,type:A,primary:L(n),secondary:L(l,"A400","A200","A700"),error:L(u),warning:L(S),info:L(k),success:L(P),grey:d,contrastThreshold:I,getContrastText:M,augmentColor:L,tonalOffset:D},F[A]),N)}function S(e){return Math.round(1e5*e)/1e5}var O={textTransform:"uppercase"};function k(e,t){var n="function"==typeof t?t(e):t,a=n.fontFamily,l=void 0===a?'"Roboto", "Helvetica", "Arial", sans-serif':a,s=n.fontSize,u=void 0===s?14:s,c=n.fontWeightLight,f=void 0===c?300:c,d=n.fontWeightRegular,p=void 0===d?400:d,h=n.fontWeightMedium,m=void 0===h?500:h,v=n.fontWeightBold,g=void 0===v?700:v,y=n.htmlFontSize,b=void 0===y?16:y,w=n.allVariants,x=n.pxToRem,E=(0,r.Z)(n,["fontFamily","fontSize","fontWeightLight","fontWeightRegular","fontWeightMedium","fontWeightBold","htmlFontSize","allVariants","pxToRem"]);var _=u/14,k=x||function(e){return"".concat(e/b*_,"rem")},C=function(e,t,n,r,o){return(0,i.Z)({fontFamily:l,fontWeight:e,fontSize:k(t),lineHeight:n},'"Roboto", "Helvetica", "Arial", sans-serif'===l?{letterSpacing:"".concat(S(r/t),"em")}:{},o,w)},P={h1:C(f,96,1.167,-1.5),h2:C(f,60,1.2,-.5),h3:C(p,48,1.167,0),h4:C(p,34,1.235,.25),h5:C(p,24,1.334,0),h6:C(m,20,1.6,.15),subtitle1:C(p,16,1.75,.15),subtitle2:C(m,14,1.57,.1),body1:C(p,16,1.5,.15),body2:C(p,14,1.43,.15),button:C(m,14,1.75,.4,O),caption:C(p,12,1.66,.4),overline:C(p,12,2.66,1,O)};return(0,o.Z)((0,i.Z)({htmlFontSize:b,pxToRem:k,round:S,fontFamily:l,fontSize:u,fontWeightLight:f,fontWeightRegular:p,fontWeightMedium:m,fontWeightBold:g},P),E,{clone:!1})}function C(){return["".concat(arguments.length<=0?void 0:arguments[0],"px ").concat(arguments.length<=1?void 0:arguments[1],"px ").concat(arguments.length<=2?void 0:arguments[2],"px ").concat(arguments.length<=3?void 0:arguments[3],"px rgba(0,0,0,").concat(.2,")"),"".concat(arguments.length<=4?void 0:arguments[4],"px ").concat(arguments.length<=5?void 0:arguments[5],"px ").concat(arguments.length<=6?void 0:arguments[6],"px ").concat(arguments.length<=7?void 0:arguments[7],"px rgba(0,0,0,").concat(.14,")"),"".concat(arguments.length<=8?void 0:arguments[8],"px ").concat(arguments.length<=9?void 0:arguments[9],"px ").concat(arguments.length<=10?void 0:arguments[10],"px ").concat(arguments.length<=11?void 0:arguments[11],"px rgba(0,0,0,").concat(.12,")")].join(",")}var P=["none",C(0,2,1,-1,0,1,1,0,0,1,3,0),C(0,3,1,-2,0,2,2,0,0,1,5,0),C(0,3,3,-2,0,3,4,0,0,1,8,0),C(0,2,4,-1,0,4,5,0,0,1,10,0),C(0,3,5,-1,0,5,8,0,0,1,14,0),C(0,3,5,-1,0,6,10,0,0,1,18,0),C(0,4,5,-2,0,7,10,1,0,2,16,1),C(0,5,5,-3,0,8,10,1,0,3,14,2),C(0,5,6,-3,0,9,12,1,0,3,16,2),C(0,6,6,-3,0,10,14,1,0,4,18,3),C(0,6,7,-4,0,11,15,1,0,4,20,3),C(0,7,8,-4,0,12,17,2,0,5,22,4),C(0,7,8,-4,0,13,19,2,0,5,24,4),C(0,7,9,-4,0,14,21,2,0,5,26,4),C(0,8,9,-5,0,15,22,2,0,6,28,5),C(0,8,10,-5,0,16,24,2,0,6,30,5),C(0,8,11,-5,0,17,26,2,0,6,32,5),C(0,9,11,-5,0,18,28,2,0,7,34,6),C(0,9,12,-6,0,19,29,2,0,7,36,6),C(0,10,13,-6,0,20,31,3,0,8,38,7),C(0,10,13,-6,0,21,33,3,0,8,40,7),C(0,10,14,-6,0,22,35,3,0,8,42,7),C(0,11,14,-7,0,23,36,3,0,9,44,8),C(0,11,15,-7,0,24,38,3,0,9,46,8)],T={borderRadius:4},A=n(34699),j=n(90484),I=(n(45697),{xs:0,sm:600,md:960,lg:1280,xl:1920}),R={keys:["xs","sm","md","lg","xl"],up:function(e){return"@media (min-width:".concat(I[e],"px)")}};var D=function(e,t){return t?(0,o.Z)(e,t,{clone:!1}):e};var N,M,L={m:"margin",p:"padding"},F={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},B={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},z=(N=function(e){if(e.length>2){if(!B[e])return[e];e=B[e]}var t=e.split(""),n=(0,A.Z)(t,2),r=n[0],o=n[1],i=L[r],a=F[o]||"";return Array.isArray(a)?a.map((function(e){return i+e})):[i+a]},M={},function(e){return void 0===M[e]&&(M[e]=N(e)),M[e]}),W=["m","mt","mr","mb","ml","mx","my","p","pt","pr","pb","pl","px","py","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY"];function U(e){var t=e.spacing||8;return"number"==typeof t?function(e){return t*e}:Array.isArray(t)?function(e){return t[e]}:"function"==typeof t?t:function(){}}function Z(e,t){return function(n){return e.reduce((function(e,r){return e[r]=function(e,t){if("string"==typeof t||null==t)return t;var n=e(Math.abs(t));return t>=0?n:"number"==typeof n?-n:"-".concat(n)}(t,n),e}),{})}}function H(e){var t=U(e.theme);return Object.keys(e).map((function(n){if(-1===W.indexOf(n))return null;var r=Z(z(n),t),o=e[n];return function(e,t,n){if(Array.isArray(t)){var r=e.theme.breakpoints||R;return t.reduce((function(e,o,i){return e[r.up(r.keys[i])]=n(t[i]),e}),{})}if("object"===(0,j.Z)(t)){var o=e.theme.breakpoints||R;return Object.keys(t).reduce((function(e,r){return e[o.up(r)]=n(t[r]),e}),{})}return n(t)}(e,o,r)})).reduce(D,{})}H.propTypes={},H.filterProps=W;function G(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:8;if(e.mui)return e;var t=U({spacing:e}),n=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return 0===n.length?t(1):1===n.length?t(n[0]):n.map((function(e){if("string"==typeof e)return e;var n=t(e);return"number"==typeof n?"".concat(n,"px"):n})).join(" ")};return Object.defineProperty(n,"unit",{get:function(){return e}}),n.mui=!0,n}var K=n(43366),V=n(92781);var $=function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.breakpoints,n=void 0===t?{}:t,i=e.mixins,a=void 0===i?{}:i,s=e.palette,c=void 0===s?{}:s,f=e.spacing,d=e.typography,p=void 0===d?{}:d,h=(0,r.Z)(e,["breakpoints","mixins","palette","spacing","typography"]),m=_(c),v=l(n),g=G(f),y=(0,o.Z)({breakpoints:v,direction:"ltr",mixins:u(v,g,a),overrides:{},palette:m,props:{},shadows:P,typography:k(m,p),spacing:g,shape:T,transitions:K.ZP,zIndex:V.Z},h),b=arguments.length,w=new Array(b>1?b-1:0),x=1;x<b;x++)w[x-1]=arguments[x];return y=w.reduce((function(e,t){return(0,o.Z)(e,t)}),y)}},99700:function(e,t,n){"use strict";var r=(0,n(49277).Z)();t.Z=r},43366:function(e,t,n){"use strict";n.d(t,{x9:function(){return i}});var r=n(81253),o={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},i={shortest:150,shorter:200,short:250,standard:300,complex:375,enteringScreen:225,leavingScreen:195};function a(e){return"".concat(Math.round(e),"ms")}t.ZP={easing:o,duration:i,create:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["all"],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.duration,l=void 0===n?i.standard:n,s=t.easing,u=void 0===s?o.easeInOut:s,c=t.delay,f=void 0===c?0:c;(0,r.Z)(t,["duration","easing","delay"]);return(Array.isArray(e)?e:[e]).map((function(e){return"".concat(e," ").concat("string"==typeof l?l:a(l)," ").concat(u," ").concat("string"==typeof f?f:a(f))})).join(",")},getAutoHeightDuration:function(e){if(!e)return 0;var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}}},14670:function(e,t,n){"use strict";n.d(t,{Z:function(){return p}});var r=n(22122),o=n(81253),i=n(67294),a=(n(45697),n(8679)),l=n.n(a),s=n(73914),u=n(93869),c=n(159),f=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return function(n){var a=t.defaultTheme,f=t.withTheme,d=void 0!==f&&f,p=t.name,h=(0,o.Z)(t,["defaultTheme","withTheme","name"]);var m=p,v=(0,s.Z)(e,(0,r.Z)({defaultTheme:a,Component:n,name:p||n.displayName,classNamePrefix:m},h)),g=i.forwardRef((function(e,t){e.classes;var l,s=e.innerRef,f=(0,o.Z)(e,["classes","innerRef"]),h=v((0,r.Z)({},n.defaultProps,e)),m=f;return("string"==typeof p||d)&&(l=(0,c.Z)()||a,p&&(m=(0,u.Z)({theme:l,name:p,props:f})),d&&!m.theme&&(m.theme=l)),i.createElement(n,(0,r.Z)({ref:s||t,classes:h},m))}));return l()(g,n),g}},d=n(99700);var p=function(e,t){return f(e,(0,r.Z)({defaultTheme:d.Z},t))}},92781:function(e,t){"use strict";t.Z={mobileStepper:1e3,speedDial:1050,appBar:1100,drawer:1200,modal:1300,snackbar:1400,tooltip:1500}},93871:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(60288);function o(e){if("string"!=typeof e)throw new Error((0,r.Z)(7));return e.charAt(0).toUpperCase()+e.slice(1)}},82568:function(e,t,n){"use strict";function r(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.reduce((function(e,t){return null==t?e:function(){for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];e.apply(this,r),t.apply(this,r)}}),(function(){}))}n.d(t,{Z:function(){return r}})},25209:function(e,t,n){"use strict";n.d(t,{Z:function(){return f}});var r=n(22122),o=n(67294),i=n(81253),a=(n(45697),n(86010)),l=n(14670),s=n(93871),u=o.forwardRef((function(e,t){var n=e.children,l=e.classes,u=e.className,c=e.color,f=void 0===c?"inherit":c,d=e.component,p=void 0===d?"svg":d,h=e.fontSize,m=void 0===h?"default":h,v=e.htmlColor,g=e.titleAccess,y=e.viewBox,b=void 0===y?"0 0 24 24":y,w=(0,i.Z)(e,["children","classes","className","color","component","fontSize","htmlColor","titleAccess","viewBox"]);return o.createElement(p,(0,r.Z)({className:(0,a.Z)(l.root,u,"inherit"!==f&&l["color".concat((0,s.Z)(f))],"default"!==m&&l["fontSize".concat((0,s.Z)(m))]),focusable:"false",viewBox:b,color:v,"aria-hidden":!g||void 0,role:g?"img":void 0,ref:t},w),n,g?o.createElement("title",null,g):null)}));u.muiName="SvgIcon";var c=(0,l.Z)((function(e){return{root:{userSelect:"none",width:"1em",height:"1em",display:"inline-block",fill:"currentColor",flexShrink:0,fontSize:e.typography.pxToRem(24),transition:e.transitions.create("fill",{duration:e.transitions.duration.shorter})},colorPrimary:{color:e.palette.primary.main},colorSecondary:{color:e.palette.secondary.main},colorAction:{color:e.palette.action.active},colorError:{color:e.palette.error.main},colorDisabled:{color:e.palette.action.disabled},fontSizeInherit:{fontSize:"inherit"},fontSizeSmall:{fontSize:e.typography.pxToRem(20)},fontSizeLarge:{fontSize:e.typography.pxToRem(35)}}}),{name:"MuiSvgIcon"})(u);function f(e,t){var n=function(t,n){return o.createElement(c,(0,r.Z)({ref:n},t),e)};return n.muiName=c.muiName,o.memo(o.forwardRef(n))}},79437:function(e,t,n){"use strict";function r(e){var t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:166;function r(){for(var r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];var a=this,l=function(){e.apply(a,o)};clearTimeout(t),t=setTimeout(l,n)}return r.clear=function(){clearTimeout(t)},r}n.d(t,{Z:function(){return r}})},28546:function(e,t,n){"use strict";n.r(t),n.d(t,{capitalize:function(){return r.Z},createChainedFunction:function(){return o.Z},createSvgIcon:function(){return i.Z},debounce:function(){return a.Z},deprecatedPropType:function(){return l},isMuiElement:function(){return s.Z},ownerDocument:function(){return u.Z},ownerWindow:function(){return c.Z},requirePropFactory:function(){return f},setRef:function(){return d.Z},unstable_useId:function(){return g.Z},unsupportedProp:function(){return p},useControlled:function(){return h.Z},useEventCallback:function(){return m.Z},useForkRef:function(){return v.Z},useIsFocusVisible:function(){return y.Z}});var r=n(93871),o=n(82568),i=n(25209),a=n(79437);function l(e,t){return function(){return null}}var s=n(83711),u=n(30626),c=n(80713);function f(e){return function(){return null}}var d=n(34236);function p(e,t,n,r,o){return null}var h=n(22775),m=n(55192),v=n(17294),g=n(95001),y=n(24896)},83711:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(67294);function o(e,t){return r.isValidElement(e)&&-1!==t.indexOf(e.type.muiName)}},30626:function(e,t,n){"use strict";function r(e){return e&&e.ownerDocument||document}n.d(t,{Z:function(){return r}})},80713:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(30626);function o(e){return(0,r.Z)(e).defaultView||window}},34236:function(e,t,n){"use strict";function r(e,t){"function"==typeof e?e(t):e&&(e.current=t)}n.d(t,{Z:function(){return r}})},95001:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(67294);function o(e){var t=r.useState(e),n=t[0],o=t[1],i=e||n;return r.useEffect((function(){null==n&&o("mui-".concat(Math.round(1e5*Math.random())))}),[n]),i}},22775:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(67294);function o(e){var t=e.controlled,n=e.default,o=(e.name,e.state,r.useRef(void 0!==t).current),i=r.useState(n),a=i[0],l=i[1];return[o?t:a,r.useCallback((function(e){o||l(e)}),[])]}},55192:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});var r=n(67294),o="undefined"!=typeof window?r.useLayoutEffect:r.useEffect;function i(e){var t=r.useRef(e);return o((function(){t.current=e})),r.useCallback((function(){return t.current.apply(void 0,arguments)}),[])}},17294:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});var r=n(67294),o=n(34236);function i(e,t){return r.useMemo((function(){return null==e&&null==t?null:function(n){(0,o.Z)(e,n),(0,o.Z)(t,n)}}),[e,t])}},24896:function(e,t,n){"use strict";n.d(t,{Z:function(){return h}});var r=n(67294),o=n(73935),i=!0,a=!1,l=null,s={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function u(e){e.metaKey||e.altKey||e.ctrlKey||(i=!0)}function c(){i=!1}function f(){"hidden"===this.visibilityState&&a&&(i=!0)}function d(e){var t,n,r,o=e.target;try{return o.matches(":focus-visible")}catch(e){}return i||(n=(t=o).type,!("INPUT"!==(r=t.tagName)||!s[n]||t.readOnly)||"TEXTAREA"===r&&!t.readOnly||!!t.isContentEditable)}function p(){a=!0,window.clearTimeout(l),l=window.setTimeout((function(){a=!1}),100)}function h(){return{isFocusVisible:d,onBlurVisible:p,ref:r.useCallback((function(e){var t,n=o.findDOMNode(e);null!=n&&((t=n.ownerDocument).addEventListener("keydown",u,!0),t.addEventListener("mousedown",c,!0),t.addEventListener("pointerdown",c,!0),t.addEventListener("touchstart",c,!0),t.addEventListener("visibilitychange",f,!0))}),[])}}},78513:function(e,t,n){"use strict";var r=n(95318),o=n(20862);t.Z=void 0;var i=o(n(67294)),a=(0,r(n(2108)).default)(i.createElement("path",{d:"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreVert");t.Z=a},2108:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return r.createSvgIcon}});var r=n(28546)},4137:function(e,t,n){"use strict";n.d(t,{NU:function(){return p},ZP:function(){return h}});var r=n(22122),o=n(81253),i=n(67294),a=(n(45697),n(17076)),l=["checked","disabled","error","focused","focusVisible","required","expanded","selected"];var s,u=n(54013),c=n(60246),f=(0,u.Ue)((0,c.Z)()),d={disableGeneration:!1,generateClassName:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.disableGlobal,n=void 0!==t&&t,r=e.productionPrefix,o=void 0===r?"jss":r,i=e.seed,s=void 0===i?"":i,u=""===s?"":"".concat(s,"-"),c=0,f=function(){return c+=1};return function(e,t){var r=t.options.name;if(r&&0===r.indexOf("Mui")&&!t.options.link&&!n){if(-1!==l.indexOf(e.key))return"Mui-".concat(e.key);var i="".concat(u).concat(r,"-").concat(e.key);return t.options.theme[a.Z]&&""===s?"".concat(i,"-").concat(f()):i}return"".concat(u).concat(o).concat(f())}}(),jss:f,sheetsCache:null,sheetsManager:new Map,sheetsRegistry:null},p=i.createContext(d);function h(e){var t=e.children,n=e.injectFirst,a=void 0!==n&&n,l=e.disableGeneration,f=void 0!==l&&l,d=(0,o.Z)(e,["children","injectFirst","disableGeneration"]),h=i.useContext(p),m=(0,r.Z)({},h,{disableGeneration:f},d);if(!m.jss.options.insertionPoint&&a&&"undefined"!=typeof window){if(!s){var v=document.head;s=document.createComment("mui-inject-first"),v.insertBefore(s,v.firstChild)}m.jss=(0,u.Ue)({plugins:(0,c.Z)().plugins,insertionPoint:s})}return i.createElement(p.Provider,{value:m},t)}},17076:function(e,t){"use strict";var n="function"==typeof Symbol&&Symbol.for;t.Z=n?Symbol.for("mui.nested"):"__THEME_NESTED__"},93869:function(e,t,n){"use strict";function r(e){var t=e.theme,n=e.name,r=e.props;if(!t||!t.props||!t.props[n])return r;var o,i=t.props[n];for(o in i)void 0===r[o]&&(r[o]=i[o]);return r}n.d(t,{Z:function(){return r}})},60246:function(e,t,n){"use strict";n.d(t,{Z:function(){return Re}});var r=n(54013),o=Date.now(),i="fnValues"+o,a="fnStyle"+ ++o,l=function(){return{onCreateRule:function(e,t,n){if("function"!=typeof t)return null;var o=(0,r.JH)(e,{},n);return o[a]=t,o},onProcessStyle:function(e,t){if(i in t||a in t)return e;var n={};for(var r in e){var o=e[r];"function"==typeof o&&(delete e[r],n[r]=o)}return t[i]=n,e},onUpdate:function(e,t,n,r){var o=t,l=o[a];l&&(o.style=l(e)||{});var s=o[i];if(s)for(var u in s)o.prop(u,s[u](e),r)}}},s=n(22122),u="@global",c=function(){function e(e,t,n){for(var o in this.type="global",this.at=u,this.rules=void 0,this.options=void 0,this.key=void 0,this.isProcessed=!1,this.key=e,this.options=n,this.rules=new r.RB((0,s.Z)({},n,{parent:this})),t)this.rules.add(o,t[o]);this.rules.process()}var t=e.prototype;return t.getRule=function(e){return this.rules.get(e)},t.addRule=function(e,t,n){var r=this.rules.add(e,t,n);return r&&this.options.jss.plugins.onProcessRule(r),r},t.indexOf=function(e){return this.rules.indexOf(e)},t.toString=function(){return this.rules.toString()},e}(),f=function(){function e(e,t,n){this.type="global",this.at=u,this.options=void 0,this.rule=void 0,this.isProcessed=!1,this.key=void 0,this.key=e,this.options=n;var r=e.substr("@global ".length);this.rule=n.jss.createRule(r,t,(0,s.Z)({},n,{parent:this}))}return e.prototype.toString=function(e){return this.rule?this.rule.toString(e):""},e}(),d=/\s*,\s*/g;function p(e,t){for(var n=e.split(d),r="",o=0;o<n.length;o++)r+=t+" "+n[o].trim(),n[o+1]&&(r+=", ");return r}var h=function(){return{onCreateRule:function(e,t,n){if(!e)return null;if(e===u)return new c(e,t,n);if("@"===e[0]&&"@global "===e.substr(0,"@global ".length))return new f(e,t,n);var r=n.parent;return r&&("global"===r.type||r.options.parent&&"global"===r.options.parent.type)&&(n.scoped=!1),!1===n.scoped&&(n.selector=e),null},onProcessRule:function(e,t){"style"===e.type&&t&&(function(e,t){var n=e.options,r=e.style,o=r?r[u]:null;if(o){for(var i in o)t.addRule(i,o[i],(0,s.Z)({},n,{selector:p(i,e.selector)}));delete r[u]}}(e,t),function(e,t){var n=e.options,r=e.style;for(var o in r)if("@"===o[0]&&o.substr(0,u.length)===u){var i=p(o.substr(u.length),e.selector);t.addRule(i,r[o],(0,s.Z)({},n,{selector:i})),delete r[o]}}(e,t))}}},m=/\s*,\s*/g,v=/&/g,g=/\$([\w-]+)/g;var y=function(){function e(e,t){return function(n,r){var o=e.getRule(r)||t&&t.getRule(r);return o?(o=o).selector:r}}function t(e,t){for(var n=t.split(m),r=e.split(m),o="",i=0;i<n.length;i++)for(var a=n[i],l=0;l<r.length;l++){var s=r[l];o&&(o+=", "),o+=-1!==s.indexOf("&")?s.replace(v,a):a+" "+s}return o}function n(e,t,n){if(n)return(0,s.Z)({},n,{index:n.index+1});var r=e.options.nestingLevel;r=void 0===r?1:r+1;var o=(0,s.Z)({},e.options,{nestingLevel:r,index:t.indexOf(e)+1});return delete o.name,o}return{onProcessStyle:function(r,o,i){if("style"!==o.type)return r;var a,l,u=o,c=u.options.parent;for(var f in r){var d=-1!==f.indexOf("&"),p="@"===f[0];if(d||p){if(a=n(u,c,a),d){var h=t(f,u.selector);l||(l=e(c,i)),h=h.replace(g,l),c.addRule(h,r[f],(0,s.Z)({},a,{selector:h}))}else p&&c.addRule(f,{},a).addRule(u.key,r[f],{selector:u.selector});delete r[f]}}return r}}},b=/[A-Z]/g,w=/^ms-/,x={};function E(e){return"-"+e.toLowerCase()}var _=function(e){if(x.hasOwnProperty(e))return x[e];var t=e.replace(b,E);return x[e]=w.test(t)?"-"+t:t};function S(e){var t={};for(var n in e){t[0===n.indexOf("--")?n:_(n)]=e[n]}return e.fallbacks&&(Array.isArray(e.fallbacks)?t.fallbacks=e.fallbacks.map(S):t.fallbacks=S(e.fallbacks)),t}var O=function(){return{onProcessStyle:function(e){if(Array.isArray(e)){for(var t=0;t<e.length;t++)e[t]=S(e[t]);return e}return S(e)},onChangeValue:function(e,t,n){if(0===t.indexOf("--"))return e;var r=_(t);return t===r?e:(n.prop(r,e),null)}}},k=r.HZ&&CSS?CSS.px:"px",C=r.HZ&&CSS?CSS.ms:"ms",P=r.HZ&&CSS?CSS.percent:"%";function T(e){var t=/(-[a-z])/g,n=function(e){return e[1].toUpperCase()},r={};for(var o in e)r[o]=e[o],r[o.replace(t,n)]=e[o];return r}var A=T({"animation-delay":C,"animation-duration":C,"background-position":k,"background-position-x":k,"background-position-y":k,"background-size":k,border:k,"border-bottom":k,"border-bottom-left-radius":k,"border-bottom-right-radius":k,"border-bottom-width":k,"border-left":k,"border-left-width":k,"border-radius":k,"border-right":k,"border-right-width":k,"border-top":k,"border-top-left-radius":k,"border-top-right-radius":k,"border-top-width":k,"border-width":k,"border-block":k,"border-block-end":k,"border-block-end-width":k,"border-block-start":k,"border-block-start-width":k,"border-block-width":k,"border-inline":k,"border-inline-end":k,"border-inline-end-width":k,"border-inline-start":k,"border-inline-start-width":k,"border-inline-width":k,"border-start-start-radius":k,"border-start-end-radius":k,"border-end-start-radius":k,"border-end-end-radius":k,margin:k,"margin-bottom":k,"margin-left":k,"margin-right":k,"margin-top":k,"margin-block":k,"margin-block-end":k,"margin-block-start":k,"margin-inline":k,"margin-inline-end":k,"margin-inline-start":k,padding:k,"padding-bottom":k,"padding-left":k,"padding-right":k,"padding-top":k,"padding-block":k,"padding-block-end":k,"padding-block-start":k,"padding-inline":k,"padding-inline-end":k,"padding-inline-start":k,"mask-position-x":k,"mask-position-y":k,"mask-size":k,height:k,width:k,"min-height":k,"max-height":k,"min-width":k,"max-width":k,bottom:k,left:k,top:k,right:k,inset:k,"inset-block":k,"inset-block-end":k,"inset-block-start":k,"inset-inline":k,"inset-inline-end":k,"inset-inline-start":k,"box-shadow":k,"text-shadow":k,"column-gap":k,"column-rule":k,"column-rule-width":k,"column-width":k,"font-size":k,"font-size-delta":k,"letter-spacing":k,"text-decoration-thickness":k,"text-indent":k,"text-stroke":k,"text-stroke-width":k,"word-spacing":k,motion:k,"motion-offset":k,outline:k,"outline-offset":k,"outline-width":k,perspective:k,"perspective-origin-x":P,"perspective-origin-y":P,"transform-origin":P,"transform-origin-x":P,"transform-origin-y":P,"transform-origin-z":P,"transition-delay":C,"transition-duration":C,"vertical-align":k,"flex-basis":k,"shape-margin":k,size:k,gap:k,grid:k,"grid-gap":k,"row-gap":k,"grid-row-gap":k,"grid-column-gap":k,"grid-template-rows":k,"grid-template-columns":k,"grid-auto-rows":k,"grid-auto-columns":k,"box-shadow-x":k,"box-shadow-y":k,"box-shadow-blur":k,"box-shadow-spread":k,"font-line-height":k,"text-shadow-x":k,"text-shadow-y":k,"text-shadow-blur":k});function j(e,t,n){if(null==t)return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)t[r]=j(e,t[r],n);else if("object"==typeof t)if("fallbacks"===e)for(var o in t)t[o]=j(o,t[o],n);else for(var i in t)t[i]=j(e+"-"+i,t[i],n);else if("number"==typeof t&&!1===isNaN(t)){var a=n[e]||A[e];return!a||0===t&&a===k?t.toString():"function"==typeof a?a(t).toString():""+t+a}return t}var I=function(e){void 0===e&&(e={});var t=T(e);return{onProcessStyle:function(e,n){if("style"!==n.type)return e;for(var r in e)e[r]=j(r,e[r],t);return e},onChangeValue:function(e,n){return j(n,e,t)}}},R=n(33827),D=n(78927),N="",M="",L="",F="",B=R.Z&&"ontouchstart"in document.documentElement;if(R.Z){var z={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},W=document.createElement("p").style;for(var U in z)if(U+"Transform"in W){N=U,M=z[U];break}"Webkit"===N&&"msHyphens"in W&&(N="ms",M=z.ms,F="edge"),"Webkit"===N&&"-apple-trailing-word"in W&&(L="apple")}var Z=N,H=M,G=L,K=F,V=B;var $={noPrefill:["appearance"],supportedProperty:function(e){return"appearance"===e&&("ms"===Z?"-webkit-"+e:H+e)}},q={noPrefill:["color-adjust"],supportedProperty:function(e){return"color-adjust"===e&&("Webkit"===Z?H+"print-"+e:e)}},Y=/[-\s]+(.)?/g;function X(e,t){return t?t.toUpperCase():""}function J(e){return e.replace(Y,X)}function Q(e){return J("-"+e)}var ee,te={noPrefill:["mask"],supportedProperty:function(e,t){if(!/^mask/.test(e))return!1;if("Webkit"===Z){if(J("mask-image")in t)return e;if(Z+Q("mask-image")in t)return H+e}return e}},ne={noPrefill:["text-orientation"],supportedProperty:function(e){return"text-orientation"===e&&("apple"!==G||V?e:H+e)}},re={noPrefill:["transform"],supportedProperty:function(e,t,n){return"transform"===e&&(n.transform?e:H+e)}},oe={noPrefill:["transition"],supportedProperty:function(e,t,n){return"transition"===e&&(n.transition?e:H+e)}},ie={noPrefill:["writing-mode"],supportedProperty:function(e){return"writing-mode"===e&&("Webkit"===Z||"ms"===Z&&"edge"!==K?H+e:e)}},ae={noPrefill:["user-select"],supportedProperty:function(e){return"user-select"===e&&("Moz"===Z||"ms"===Z||"apple"===G?H+e:e)}},le={supportedProperty:function(e,t){return!!/^break-/.test(e)&&("Webkit"===Z?"WebkitColumn"+Q(e)in t&&H+"column-"+e:"Moz"===Z&&("page"+Q(e)in t&&"page-"+e))}},se={supportedProperty:function(e,t){if(!/^(border|margin|padding)-inline/.test(e))return!1;if("Moz"===Z)return e;var n=e.replace("-inline","");return Z+Q(n)in t&&H+n}},ue={supportedProperty:function(e,t){return J(e)in t&&e}},ce={supportedProperty:function(e,t){var n=Q(e);return"-"===e[0]||"-"===e[0]&&"-"===e[1]?e:Z+n in t?H+e:"Webkit"!==Z&&"Webkit"+n in t&&"-webkit-"+e}},fe={supportedProperty:function(e){return"scroll-snap"===e.substring(0,11)&&("ms"===Z?""+H+e:e)}},de={supportedProperty:function(e){return"overscroll-behavior"===e&&("ms"===Z?H+"scroll-chaining":e)}},pe={"flex-grow":"flex-positive","flex-shrink":"flex-negative","flex-basis":"flex-preferred-size","justify-content":"flex-pack",order:"flex-order","align-items":"flex-align","align-content":"flex-line-pack"},he={supportedProperty:function(e,t){var n=pe[e];return!!n&&(Z+Q(n)in t&&H+n)}},me={flex:"box-flex","flex-grow":"box-flex","flex-direction":["box-orient","box-direction"],order:"box-ordinal-group","align-items":"box-align","flex-flow":["box-orient","box-direction"],"justify-content":"box-pack"},ve=Object.keys(me),ge=function(e){return H+e},ye=[$,q,te,ne,re,oe,ie,ae,le,se,ue,ce,fe,de,he,{supportedProperty:function(e,t,n){var r=n.multiple;if(ve.indexOf(e)>-1){var o=me[e];if(!Array.isArray(o))return Z+Q(o)in t&&H+o;if(!r)return!1;for(var i=0;i<o.length;i++)if(!(Z+Q(o[0])in t))return!1;return o.map(ge)}return!1}}],be=ye.filter((function(e){return e.supportedProperty})).map((function(e){return e.supportedProperty})),we=ye.filter((function(e){return e.noPrefill})).reduce((function(e,t){return e.push.apply(e,(0,D.Z)(t.noPrefill)),e}),[]),xe={};if(R.Z){ee=document.createElement("p");var Ee=window.getComputedStyle(document.documentElement,"");for(var _e in Ee)isNaN(_e)||(xe[Ee[_e]]=Ee[_e]);we.forEach((function(e){return delete xe[e]}))}function Se(e,t){if(void 0===t&&(t={}),!ee)return e;if(null!=xe[e])return xe[e];"transition"!==e&&"transform"!==e||(t[e]=e in ee.style);for(var n=0;n<be.length&&(xe[e]=be[n](e,ee.style,t),!xe[e]);n++);try{ee.style[e]=""}catch(e){return!1}return xe[e]}var Oe,ke={},Ce={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},Pe=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g;function Te(e,t,n){if("var"===t)return"var";if("all"===t)return"all";if("all"===n)return", all";var r=t?Se(t):", "+Se(n);return r||(t||n)}function Ae(e,t){var n=t;if(!Oe||"content"===e)return t;if("string"!=typeof n||!isNaN(parseInt(n,10)))return n;var r=e+n;if(null!=ke[r])return ke[r];try{Oe.style[e]=n}catch(e){return ke[r]=!1,!1}if(Ce[e])n=n.replace(Pe,Te);else if(""===Oe.style[e]&&("-ms-flex"===(n=H+n)&&(Oe.style[e]="-ms-flexbox"),Oe.style[e]=n,""===Oe.style[e]))return ke[r]=!1,!1;return Oe.style[e]="",ke[r]=n,ke[r]}R.Z&&(Oe=document.createElement("p"));var je=function(){function e(t){for(var n in t){var o=t[n];if("fallbacks"===n&&Array.isArray(o))t[n]=o.map(e);else{var i=!1,a=Se(n);a&&a!==n&&(i=!0);var l=!1,s=Ae(a,(0,r.EK)(o));s&&s!==o&&(l=!0),(i||l)&&(i&&delete t[n],t[a||n]=s||o)}}return t}return{onProcessRule:function(e){if("keyframes"===e.type){var t=e;t.at=function(e){return"-"===e[1]||"ms"===Z?e:"@"+H+"keyframes"+e.substr(10)}(t.at)}},onProcessStyle:function(t,n){return"style"!==n.type?t:e(t)},onChangeValue:function(e,t){return Ae(t,(0,r.EK)(e))||e}}};var Ie=function(){var e=function(e,t){return e.length===t.length?e>t?1:-1:e.length-t.length};return{onProcessStyle:function(t,n){if("style"!==n.type)return t;for(var r={},o=Object.keys(t).sort(e),i=0;i<o.length;i++)r[o[i]]=t[o[i]];return r}}};function Re(){return{plugins:[l(),h(),y(),O(),I(),"undefined"==typeof window?null:je(),Ie()]}}},73914:function(e,t,n){"use strict";n.d(t,{Z:function(){return x}});var r=n(81253),o=n(22122),i=n(67294),a=n(54013),l=n(65835),s={set:function(e,t,n,r){var o=e.get(t);o||(o=new Map,e.set(t,o)),o.set(n,r)},get:function(e,t,n){var r=e.get(t);return r?r.get(n):void 0},delete:function(e,t,n){e.get(t).delete(n)}},u=n(159),c=n(4137),f=-1e9;function d(){return f+=1}var p=n(35953);function h(e){var t="function"==typeof e;return{create:function(n,r){var i;try{i=t?e(n):e}catch(e){throw e}if(!r||!n.overrides||!n.overrides[r])return i;var a=n.overrides[r],l=(0,o.Z)({},i);return Object.keys(a).forEach((function(e){l[e]=(0,p.Z)(l[e],a[e])})),l},options:{}}}var m={};function v(e,t,n){var r=e.state;if(e.stylesOptions.disableGeneration)return t||{};r.cacheClasses||(r.cacheClasses={value:null,lastProp:null,lastJSS:{}});var o=!1;return r.classes!==r.cacheClasses.lastJSS&&(r.cacheClasses.lastJSS=r.classes,o=!0),t!==r.cacheClasses.lastProp&&(r.cacheClasses.lastProp=t,o=!0),o&&(r.cacheClasses.value=(0,l.Z)({baseClasses:r.cacheClasses.lastJSS,newClasses:t,Component:n})),r.cacheClasses.value}function g(e,t){var n=e.state,r=e.theme,i=e.stylesOptions,u=e.stylesCreator,c=e.name;if(!i.disableGeneration){var f=s.get(i.sheetsManager,u,r);f||(f={refs:0,staticSheet:null,dynamicStyles:null},s.set(i.sheetsManager,u,r,f));var d=(0,o.Z)({},u.options,i,{theme:r,flip:"boolean"==typeof i.flip?i.flip:"rtl"===r.direction});d.generateId=d.serverGenerateClassName||d.generateClassName;var p=i.sheetsRegistry;if(0===f.refs){var h;i.sheetsCache&&(h=s.get(i.sheetsCache,u,r));var m=u.create(r,c);h||((h=i.jss.createStyleSheet(m,(0,o.Z)({link:!1},d))).attach(),i.sheetsCache&&s.set(i.sheetsCache,u,r,h)),p&&p.add(h),f.staticSheet=h,f.dynamicStyles=(0,a._$)(m)}if(f.dynamicStyles){var v=i.jss.createStyleSheet(f.dynamicStyles,(0,o.Z)({link:!0},d));v.update(t),v.attach(),n.dynamicSheet=v,n.classes=(0,l.Z)({baseClasses:f.staticSheet.classes,newClasses:v.classes}),p&&p.add(v)}else n.classes=f.staticSheet.classes;f.refs+=1}}function y(e,t){var n=e.state;n.dynamicSheet&&n.dynamicSheet.update(t)}function b(e){var t=e.state,n=e.theme,r=e.stylesOptions,o=e.stylesCreator;if(!r.disableGeneration){var i=s.get(r.sheetsManager,o,n);i.refs-=1;var a=r.sheetsRegistry;0===i.refs&&(s.delete(r.sheetsManager,o,n),r.jss.removeStyleSheet(i.staticSheet),a&&a.remove(i.staticSheet)),t.dynamicSheet&&(r.jss.removeStyleSheet(t.dynamicSheet),a&&a.remove(t.dynamicSheet))}}function w(e,t){var n,r=i.useRef([]),o=i.useMemo((function(){return{}}),t);r.current!==o&&(r.current=o,n=e()),i.useEffect((function(){return function(){n&&n()}}),[o])}function x(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.name,a=t.classNamePrefix,l=t.Component,s=t.defaultTheme,f=void 0===s?m:s,p=(0,r.Z)(t,["name","classNamePrefix","Component","defaultTheme"]),x=h(e),E=n||a||"makeStyles";x.options={index:d(),name:n,meta:E,classNamePrefix:E};var _=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,u.Z)()||f,r=(0,o.Z)({},i.useContext(c.NU),p),a=i.useRef(),s=i.useRef();w((function(){var o={name:n,state:{},stylesCreator:x,stylesOptions:r,theme:t};return g(o,e),s.current=!1,a.current=o,function(){b(o)}}),[t,x]),i.useEffect((function(){s.current&&y(a.current,e),s.current=!0}));var d=v(a.current,e.classes,l);return d};return _}},65835:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(22122);function o(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.baseClasses,n=e.newClasses;e.Component;if(!n)return t;var o=(0,r.Z)({},t);return Object.keys(n).forEach((function(e){n[e]&&(o[e]="".concat(t[e]," ").concat(n[e]))})),o}},83800:function(e,t,n){"use strict";var r=n(67294).createContext(null);t.Z=r},159:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});var r=n(67294),o=n(83800);function i(){return r.useContext(o.Z)}},35953:function(e,t,n){"use strict";n.d(t,{Z:function(){return a}});var r=n(22122),o=n(90484);function i(e){return e&&"object"===(0,o.Z)(e)&&e.constructor===Object}function a(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{clone:!0},o=n.clone?(0,r.Z)({},e):e;return i(e)&&i(t)&&Object.keys(t).forEach((function(r){"__proto__"!==r&&(i(t[r])&&r in e?o[r]=a(e[r],t[r],n):o[r]=t[r])})),o}},60288:function(e,t,n){"use strict";function r(e){for(var t="https://material-ui.com/production-error/?code="+e,n=1;n<arguments.length;n+=1)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified Material-UI error #"+e+"; visit "+t+" for the full message."}n.d(t,{Z:function(){return r}})},62844:function(e,t,n){"use strict";n.d(t,{Rf:function(){return i},DM:function(){return a},en:function(){return l},jH:function(){return s},Cf:function(){return u},Db:function(){return c},EG:function(){return f},l4:function(){return d},JY:function(){return p}});var r=n(61422),o={};function i(){return(0,r.KV)()?n.g:"undefined"!=typeof window?window:"undefined"!=typeof self?self:o}function a(){var e=i(),t=e.crypto||e.msCrypto;if(void 0!==t&&t.getRandomValues){var n=new Uint16Array(8);t.getRandomValues(n),n[3]=4095&n[3]|16384,n[4]=16383&n[4]|32768;var r=function(e){for(var t=e.toString(16);t.length<4;)t="0"+t;return t};return r(n[0])+r(n[1])+r(n[2])+r(n[3])+r(n[4])+r(n[5])+r(n[6])+r(n[7])}return"xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)}))}function l(e){if(!e)return{};var t=e.match(/^(([^:/?#]+):)?(\/\/([^/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?$/);if(!t)return{};var n=t[6]||"",r=t[8]||"";return{host:t[4],path:t[5],protocol:t[2],relative:t[5]+n+r}}function s(e){if(e.message)return e.message;if(e.exception&&e.exception.values&&e.exception.values[0]){var t=e.exception.values[0];return t.type&&t.value?t.type+": "+t.value:t.type||t.value||e.event_id||"<unknown>"}return e.event_id||"<unknown>"}function u(e){var t=i();if(!("console"in t))return e();var n=t.console,r={};["debug","info","warn","error","log","assert"].forEach((function(e){e in t.console&&n[e].__sentry_original__&&(r[e]=n[e],n[e]=n[e].__sentry_original__)}));var o=e();return Object.keys(r).forEach((function(e){n[e]=r[e]})),o}function c(e,t,n){e.exception=e.exception||{},e.exception.values=e.exception.values||[],e.exception.values[0]=e.exception.values[0]||{},e.exception.values[0].value=e.exception.values[0].value||t||"",e.exception.values[0].type=e.exception.values[0].type||n||"Error"}function f(e,t){void 0===t&&(t={});try{e.exception.values[0].mechanism=e.exception.values[0].mechanism||{},Object.keys(t).forEach((function(n){e.exception.values[0].mechanism[n]=t[n]}))}catch(e){}}function d(){try{return document.location.href}catch(e){return""}}function p(e,t){if(!t)return 6e4;var n=parseInt(""+t,10);if(!isNaN(n))return 1e3*n;var r=Date.parse(""+t);return isNaN(r)?6e4:r-e}},61422:function(e,t,n){"use strict";function r(){return"[object process]"===Object.prototype.toString.call("undefined"!=typeof process?process:0)}function o(e,t){return e.require(t)}n.d(t,{KV:function(){return r},l$:function(){return o}}),e=n.hmd(e)},21170:function(e,t,n){"use strict";n.d(t,{yW:function(){return s}});var r=n(62844),o=n(61422);e=n.hmd(e);var i={nowSeconds:function(){return Date.now()/1e3}};var a=(0,o.KV)()?function(){try{return(0,o.l$)(e,"perf_hooks").performance}catch(e){return}}():function(){var e=(0,r.Rf)().performance;if(e&&e.now)return{now:function(){return e.now()},timeOrigin:Date.now()-e.now()}}(),l=void 0===a?i:{nowSeconds:function(){return(a.timeOrigin+a.now())/1e3}},s=i.nowSeconds.bind(i);l.nowSeconds.bind(l),function(){var e=(0,r.Rf)().performance;if(e)e.timeOrigin?e.timeOrigin:e.timing&&e.timing.navigationStart||Date.now()}()},9669:function(e,t,n){e.exports=n(51609)},55448:function(e,t,n){"use strict";var r=n(64867),o=n(36026),i=n(4372),a=n(15327),l=n(94097),s=n(84109),u=n(67985),c=n(85061);e.exports=function(e){return new Promise((function(t,n){var f=e.data,d=e.headers;r.isFormData(f)&&delete d["Content-Type"];var p=new XMLHttpRequest;if(e.auth){var h=e.auth.username||"",m=e.auth.password?unescape(encodeURIComponent(e.auth.password)):"";d.Authorization="Basic "+btoa(h+":"+m)}var v=l(e.baseURL,e.url);if(p.open(e.method.toUpperCase(),a(v,e.params,e.paramsSerializer),!0),p.timeout=e.timeout,p.onreadystatechange=function(){if(p&&4===p.readyState&&(0!==p.status||p.responseURL&&0===p.responseURL.indexOf("file:"))){var r="getAllResponseHeaders"in p?s(p.getAllResponseHeaders()):null,i={data:e.responseType&&"text"!==e.responseType?p.response:p.responseText,status:p.status,statusText:p.statusText,headers:r,config:e,request:p};o(t,n,i),p=null}},p.onabort=function(){p&&(n(c("Request aborted",e,"ECONNABORTED",p)),p=null)},p.onerror=function(){n(c("Network Error",e,null,p)),p=null},p.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),n(c(t,e,"ECONNABORTED",p)),p=null},r.isStandardBrowserEnv()){var g=(e.withCredentials||u(v))&&e.xsrfCookieName?i.read(e.xsrfCookieName):void 0;g&&(d[e.xsrfHeaderName]=g)}if("setRequestHeader"in p&&r.forEach(d,(function(e,t){void 0===f&&"content-type"===t.toLowerCase()?delete d[t]:p.setRequestHeader(t,e)})),r.isUndefined(e.withCredentials)||(p.withCredentials=!!e.withCredentials),e.responseType)try{p.responseType=e.responseType}catch(t){if("json"!==e.responseType)throw t}"function"==typeof e.onDownloadProgress&&p.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&p.upload&&p.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then((function(e){p&&(p.abort(),n(e),p=null)})),f||(f=null),p.send(f)}))}},51609:function(e,t,n){"use strict";var r=n(64867),o=n(91849),i=n(30321),a=n(47185);function l(e){var t=new i(e),n=o(i.prototype.request,t);return r.extend(n,i.prototype,t),r.extend(n,t),n}var s=l(n(45655));s.Axios=i,s.create=function(e){return l(a(s.defaults,e))},s.Cancel=n(65263),s.CancelToken=n(14972),s.isCancel=n(26502),s.all=function(e){return Promise.all(e)},s.spread=n(8713),s.isAxiosError=n(16268),e.exports=s,e.exports.default=s},65263:function(e){"use strict";function t(e){this.message=e}t.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},t.prototype.__CANCEL__=!0,e.exports=t},14972:function(e,t,n){"use strict";var r=n(65263);function o(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise((function(e){t=e}));var n=this;e((function(e){n.reason||(n.reason=new r(e),t(n.reason))}))}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.source=function(){var e;return{token:new o((function(t){e=t})),cancel:e}},e.exports=o},26502:function(e){"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},30321:function(e,t,n){"use strict";var r=n(64867),o=n(15327),i=n(80782),a=n(13572),l=n(47185);function s(e){this.defaults=e,this.interceptors={request:new i,response:new i}}s.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{}).url=arguments[0]:e=e||{},(e=l(this.defaults,e)).method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var t=[a,void 0],n=Promise.resolve(e);for(this.interceptors.request.forEach((function(e){t.unshift(e.fulfilled,e.rejected)})),this.interceptors.response.forEach((function(e){t.push(e.fulfilled,e.rejected)}));t.length;)n=n.then(t.shift(),t.shift());return n},s.prototype.getUri=function(e){return e=l(this.defaults,e),o(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},r.forEach(["delete","get","head","options"],(function(e){s.prototype[e]=function(t,n){return this.request(l(n||{},{method:e,url:t,data:(n||{}).data}))}})),r.forEach(["post","put","patch"],(function(e){s.prototype[e]=function(t,n,r){return this.request(l(r||{},{method:e,url:t,data:n}))}})),e.exports=s},80782:function(e,t,n){"use strict";var r=n(64867);function o(){this.handlers=[]}o.prototype.use=function(e,t){return this.handlers.push({fulfilled:e,rejected:t}),this.handlers.length-1},o.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},o.prototype.forEach=function(e){r.forEach(this.handlers,(function(t){null!==t&&e(t)}))},e.exports=o},94097:function(e,t,n){"use strict";var r=n(91793),o=n(7303);e.exports=function(e,t){return e&&!r(t)?o(e,t):t}},85061:function(e,t,n){"use strict";var r=n(80481);e.exports=function(e,t,n,o,i){var a=new Error(e);return r(a,t,n,o,i)}},13572:function(e,t,n){"use strict";var r=n(64867),o=n(18527),i=n(26502),a=n(45655);function l(e){e.cancelToken&&e.cancelToken.throwIfRequested()}e.exports=function(e){return l(e),e.headers=e.headers||{},e.data=o(e.data,e.headers,e.transformRequest),e.headers=r.merge(e.headers.common||{},e.headers[e.method]||{},e.headers),r.forEach(["delete","get","head","post","put","patch","common"],(function(t){delete e.headers[t]})),(e.adapter||a.adapter)(e).then((function(t){return l(e),t.data=o(t.data,t.headers,e.transformResponse),t}),(function(t){return i(t)||(l(e),t&&t.response&&(t.response.data=o(t.response.data,t.response.headers,e.transformResponse))),Promise.reject(t)}))}},80481:function(e){"use strict";e.exports=function(e,t,n,r,o){return e.config=t,n&&(e.code=n),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},e}},47185:function(e,t,n){"use strict";var r=n(64867);e.exports=function(e,t){t=t||{};var n={},o=["url","method","data"],i=["headers","auth","proxy","params"],a=["baseURL","transformRequest","transformResponse","paramsSerializer","timeout","timeoutMessage","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","decompress","maxContentLength","maxBodyLength","maxRedirects","transport","httpAgent","httpsAgent","cancelToken","socketPath","responseEncoding"],l=["validateStatus"];function s(e,t){return r.isPlainObject(e)&&r.isPlainObject(t)?r.merge(e,t):r.isPlainObject(t)?r.merge({},t):r.isArray(t)?t.slice():t}function u(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=s(void 0,e[o])):n[o]=s(e[o],t[o])}r.forEach(o,(function(e){r.isUndefined(t[e])||(n[e]=s(void 0,t[e]))})),r.forEach(i,u),r.forEach(a,(function(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=s(void 0,e[o])):n[o]=s(void 0,t[o])})),r.forEach(l,(function(r){r in t?n[r]=s(e[r],t[r]):r in e&&(n[r]=s(void 0,e[r]))}));var c=o.concat(i).concat(a).concat(l),f=Object.keys(e).concat(Object.keys(t)).filter((function(e){return-1===c.indexOf(e)}));return r.forEach(f,u),n}},36026:function(e,t,n){"use strict";var r=n(85061);e.exports=function(e,t,n){var o=n.config.validateStatus;n.status&&o&&!o(n.status)?t(r("Request failed with status code "+n.status,n.config,null,n.request,n)):e(n)}},18527:function(e,t,n){"use strict";var r=n(64867);e.exports=function(e,t,n){return r.forEach(n,(function(n){e=n(e,t)})),e}},45655:function(e,t,n){"use strict";var r=n(64867),o=n(16016),i={"Content-Type":"application/x-www-form-urlencoded"};function a(e,t){!r.isUndefined(e)&&r.isUndefined(e["Content-Type"])&&(e["Content-Type"]=t)}var l,s={adapter:(("undefined"!=typeof XMLHttpRequest||"undefined"!=typeof process&&"[object process]"===Object.prototype.toString.call(process))&&(l=n(55448)),l),transformRequest:[function(e,t){return o(t,"Accept"),o(t,"Content-Type"),r.isFormData(e)||r.isArrayBuffer(e)||r.isBuffer(e)||r.isStream(e)||r.isFile(e)||r.isBlob(e)?e:r.isArrayBufferView(e)?e.buffer:r.isURLSearchParams(e)?(a(t,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):r.isObject(e)?(a(t,"application/json;charset=utf-8"),JSON.stringify(e)):e}],transformResponse:[function(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,validateStatus:function(e){return e>=200&&e<300}};s.headers={common:{Accept:"application/json, text/plain, */*"}},r.forEach(["delete","get","head"],(function(e){s.headers[e]={}})),r.forEach(["post","put","patch"],(function(e){s.headers[e]=r.merge(i)})),e.exports=s},91849:function(e){"use strict";e.exports=function(e,t){return function(){for(var n=new Array(arguments.length),r=0;r<n.length;r++)n[r]=arguments[r];return e.apply(t,n)}}},15327:function(e,t,n){"use strict";var r=n(64867);function o(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}e.exports=function(e,t,n){if(!t)return e;var i;if(n)i=n(t);else if(r.isURLSearchParams(t))i=t.toString();else{var a=[];r.forEach(t,(function(e,t){null!=e&&(r.isArray(e)?t+="[]":e=[e],r.forEach(e,(function(e){r.isDate(e)?e=e.toISOString():r.isObject(e)&&(e=JSON.stringify(e)),a.push(o(t)+"="+o(e))})))})),i=a.join("&")}if(i){var l=e.indexOf("#");-1!==l&&(e=e.slice(0,l)),e+=(-1===e.indexOf("?")?"?":"&")+i}return e}},7303:function(e){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},4372:function(e,t,n){"use strict";var r=n(64867);e.exports=r.isStandardBrowserEnv()?{write:function(e,t,n,o,i,a){var l=[];l.push(e+"="+encodeURIComponent(t)),r.isNumber(n)&&l.push("expires="+new Date(n).toGMTString()),r.isString(o)&&l.push("path="+o),r.isString(i)&&l.push("domain="+i),!0===a&&l.push("secure"),document.cookie=l.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},91793:function(e){"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},16268:function(e){"use strict";e.exports=function(e){return"object"==typeof e&&!0===e.isAxiosError}},67985:function(e,t,n){"use strict";var r=n(64867);e.exports=r.isStandardBrowserEnv()?function(){var e,t=/(msie|trident)/i.test(navigator.userAgent),n=document.createElement("a");function o(e){var r=e;return t&&(n.setAttribute("href",r),r=n.href),n.setAttribute("href",r),{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:"/"===n.pathname.charAt(0)?n.pathname:"/"+n.pathname}}return e=o(window.location.href),function(t){var n=r.isString(t)?o(t):t;return n.protocol===e.protocol&&n.host===e.host}}():function(){return!0}},16016:function(e,t,n){"use strict";var r=n(64867);e.exports=function(e,t){r.forEach(e,(function(n,r){r!==t&&r.toUpperCase()===t.toUpperCase()&&(e[t]=n,delete e[r])}))}},84109:function(e,t,n){"use strict";var r=n(64867),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,n,i,a={};return e?(r.forEach(e.split("\n"),(function(e){if(i=e.indexOf(":"),t=r.trim(e.substr(0,i)).toLowerCase(),n=r.trim(e.substr(i+1)),t){if(a[t]&&o.indexOf(t)>=0)return;a[t]="set-cookie"===t?(a[t]?a[t]:[]).concat([n]):a[t]?a[t]+", "+n:n}})),a):a}},8713:function(e){"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}},64867:function(e,t,n){"use strict";var r=n(91849),o=Object.prototype.toString;function i(e){return"[object Array]"===o.call(e)}function a(e){return void 0===e}function l(e){return null!==e&&"object"==typeof e}function s(e){if("[object Object]"!==o.call(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.prototype}function u(e){return"[object Function]"===o.call(e)}function c(e,t){if(null!=e)if("object"!=typeof e&&(e=[e]),i(e))for(var n=0,r=e.length;n<r;n++)t.call(null,e[n],n,e);else for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.call(null,e[o],o,e)}e.exports={isArray:i,isArrayBuffer:function(e){return"[object ArrayBuffer]"===o.call(e)},isBuffer:function(e){return null!==e&&!a(e)&&null!==e.constructor&&!a(e.constructor)&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)},isFormData:function(e){return"undefined"!=typeof FormData&&e instanceof FormData},isArrayBufferView:function(e){return"undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer},isString:function(e){return"string"==typeof e},isNumber:function(e){return"number"==typeof e},isObject:l,isPlainObject:s,isUndefined:a,isDate:function(e){return"[object Date]"===o.call(e)},isFile:function(e){return"[object File]"===o.call(e)},isBlob:function(e){return"[object Blob]"===o.call(e)},isFunction:u,isStream:function(e){return l(e)&&u(e.pipe)},isURLSearchParams:function(e){return"undefined"!=typeof URLSearchParams&&e instanceof URLSearchParams},isStandardBrowserEnv:function(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&("undefined"!=typeof window&&"undefined"!=typeof document)},forEach:c,merge:function e(){var t={};function n(n,r){s(t[r])&&s(n)?t[r]=e(t[r],n):s(n)?t[r]=e({},n):i(n)?t[r]=n.slice():t[r]=n}for(var r=0,o=arguments.length;r<o;r++)c(arguments[r],n);return t},extend:function(e,t,n){return c(t,(function(t,o){e[o]=n&&"function"==typeof t?r(t,n):t})),e},trim:function(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")},stripBOM:function(e){return 65279===e.charCodeAt(0)&&(e=e.slice(1)),e}}},93264:function(e,t,n){"use strict";var r=n(67294),o=n(73935),i=n(67121),a=function(){return Math.random().toString(36).substring(7).split("").join(".")},l={INIT:"@@redux/INIT"+a(),REPLACE:"@@redux/REPLACE"+a(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+a()}};function s(e){if("object"!=typeof e||null===e)return!1;for(var t=e;null!==Object.getPrototypeOf(t);)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}function u(e,t,n){var r;if("function"==typeof t&&"function"==typeof n||"function"==typeof n&&"function"==typeof arguments[3])throw new Error("It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function.");if("function"==typeof t&&void 0===n&&(n=t,t=void 0),void 0!==n){if("function"!=typeof n)throw new Error("Expected the enhancer to be a function.");return n(u)(e,t)}if("function"!=typeof e)throw new Error("Expected the reducer to be a function.");var o=e,a=t,c=[],f=c,d=!1;function p(){f===c&&(f=c.slice())}function h(){if(d)throw new Error("You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");return a}function m(e){if("function"!=typeof e)throw new Error("Expected the listener to be a function.");if(d)throw new Error("You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api-reference/store#subscribelistener for more details.");var t=!0;return p(),f.push(e),function(){if(t){if(d)throw new Error("You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api-reference/store#subscribelistener for more details.");t=!1,p();var n=f.indexOf(e);f.splice(n,1),c=null}}}function v(e){if(!s(e))throw new Error("Actions must be plain objects. Use custom middleware for async actions.");if(void 0===e.type)throw new Error('Actions may not have an undefined "type" property. Have you misspelled a constant?');if(d)throw new Error("Reducers may not dispatch actions.");try{d=!0,a=o(a,e)}finally{d=!1}for(var t=c=f,n=0;n<t.length;n++){(0,t[n])()}return e}function g(e){if("function"!=typeof e)throw new Error("Expected the nextReducer to be a function.");o=e,v({type:l.REPLACE})}function y(){var e,t=m;return(e={subscribe:function(e){if("object"!=typeof e||null===e)throw new TypeError("Expected the observer to be an object.");function n(){e.next&&e.next(h())}return n(),{unsubscribe:t(n)}}})[i.Z]=function(){return this},e}return v({type:l.INIT}),(r={dispatch:v,subscribe:m,getState:h,replaceReducer:g})[i.Z]=y,r}function c(e,t){var n=t&&t.type;return"Given "+(n&&'action "'+String(n)+'"'||"an action")+', reducer "'+e+'" returned undefined. To ignore an action, you must explicitly return the previous state. If you want this reducer to hold no value, you can return null instead of undefined.'}function f(e,t){return function(){return t(e.apply(this,arguments))}}function d(e,t){if("function"==typeof e)return f(e,t);if("object"!=typeof e||null===e)throw new Error("bindActionCreators expected an object or a function, instead received "+(null===e?"null":typeof e)+'. Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?');var n={};for(var r in e){var o=e[r];"function"==typeof o&&(n[r]=f(o,t))}return n}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}function h(e,t){var n=Object.keys(e);return Object.getOwnPropertySymbols&&n.push.apply(n,Object.getOwnPropertySymbols(e)),t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(n,!0).forEach((function(t){p(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function v(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return 0===t.length?function(e){return e}:1===t.length?t[0]:t.reduce((function(e,t){return function(){return e(t.apply(void 0,arguments))}}))}function g(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(e){return function(){var n=e.apply(void 0,arguments),r=function(){throw new Error("Dispatching while constructing your middleware is not allowed. Other middleware would not be applied to this dispatch.")},o={getState:n.getState,dispatch:function(){return r.apply(void 0,arguments)}},i=t.map((function(e){return e(o)}));return m({},n,{dispatch:r=v.apply(void 0,i)(n.dispatch)})}}}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={INIT:"INIT",ADD_MODEL:"ADD_MODEL",ADD_RELATION:"ADD_RELATION",CHANGE_RELATION:"CHANGE_RELATION",REMOVE_RELATION:"REMOVE_RELATION",GET_DATA_BEGIN:"GET_DATA_BEGIN",GET_DATA_SUCCESS:"GET_DATA_SUCCESS",GET_DATA_FAILURE:"GET_DATA_FAILURE",GET_DATA_END:"GET_DATA_END",HAS_CHANGES:"HAS_CHANGES",IS_UPDATING:"IS_UPDATING",STOP_LOADING:"STOP_LOADING",SET_SETTING_VALUE:"SET_SETTING_VALUE",OPEN_DRAWER:"OPENING DRAWER",CLOSE_DRAWER:"CLOSING DRAWER",groups:{ADD_RECORD:"ADDING GROUP RECORD",REMOVE_RECORD:"REMOVING GROUP RECORD",SET_KEY_VALUE:"SET KEY VALUE GROUPS",SET_KEY_FORMAT:"SET FORMATTED KEY VALUE PAIRS GROUPS"},buttons:{ADD_RECORD:"ADDING BUTTON RECORD",REMOVE_RECORD:"REMOVING BUTTON RECORD",SET_KEY_VALUE:"SET KEY VALUE BUTTONS",SET_KEY_FORMAT:"SET FORMATTED KEY VALUE PAIRS BUTTONS"},timeSchedules:{ADD_RECORD:"ADDING TIME SCHEDULE",REMOVE_RECORD:"REMOVING TIME SCHEDULE",SET_KEY_VALUE:"SET KEY VALUE TIMESCHEDULES",SET_KEY_FORMAT:"SET FORMATTED KEY VALUE PAIRS TIMESCHEDULES",ADD_TIMESCHEDULE:"ADD_TIMESCHEDULE",SET_WEEKDAY:"SET_WEEKDAY",ADD_EXCLUDED_DATE:"ADD_EXCLUDED_DATE",SET_EXCLUDED_DATE:"SET_EXCLUDED_DATE",REMOVE_EXCLUDED_DATE:"REMOVE_EXCLUDED_DATE"},pageRules:{ADD_RECORD:"ADDING PAGE RULE",REMOVE_RECORD:"REMOVING PAGE RULE",SET_KEY_VALUE:"SET KEY VALUE PAGERULES",SET_KEY_FORMAT:"SET FORMATTED KEY VALUE PAIRS PAGERULES",ADD_PAGE_RULE_ROW:"ADD_PAGE_RULE_ROW",SET_PAGE_RULE_ROW:"SET_PAGE_RULE_ROW",REMOVE_PAGE_RULE_ROW:"REMOVE_PAGE_RULE_ROW"},wp:{GET_DATA_BEGIN:"GET_DATA_BEGIN_WP",GET_DATA_SUCCESS:"GET_DATA_SUCCESS_WP",GET_DATA_FAILURE:"GET_DATA_FAILURE_WP",GET_DATA_END:"GET_DATA_END_WP"},templates:{INIT:"INIT TEMPLATES",GET_DATA_BEGIN:"GET TEMPLATES DATA BEGIN",GET_DATA_FAILURE:"GET TEMPLATES DATA FAILURE",GET_DATA_END:"GET TEMPLATES DATA END",ADD_RECORD:"ADDING TEMPLATE"}},w=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"],x="buttons",E="groups",_={MENU:"menu",SETTINGS:"settings",SETTINGS_PAGES:{analytics:"analytics",iconLibrary:"iconlibrary",preferences:"preferences",reset:"reset"},TIME_SCHEDULES:"timeschedules",PAGE_RULES:"pagerules"},S={normal_hover:{format:function(e,t){return[e,t].map((function(e){return"unset"===e||null==e?"":e})).filter((function(e,t,n){return 0===t||""!==e&&e!==n[0]})).join(";")||"unset"},parse:function(e){var t=e;if("boolean"==typeof e&&(t=String(e)),"number"==typeof e&&(t=String(e)),void 0===e)return[];if("string"!=typeof t)throw console.trace(),console.log(y(t),t),TypeError("'record[key]' val is not of type String, boolean or number");return t.split(";").map((function(e){if(e)return"true"===e||"false"!==e&&(isNaN(Number(e))?e:Number(e))})).map((function(e,t,n){return 0===t?e:e===n[0]?void 0:e}))}},fourSidesPx:{format:function(e,t,n,r){return"".concat(e,"px ").concat(t,"px ").concat(n,"px ").concat(r,"px")},parse:function(e){return e.match(/\d+/g)}},position:{format:function(e,t,n){return"".concat(e,": ").concat(n).concat(t)}}},O=n(9669),k=n.n(O);function C(e,t){P(),document.location.hash+="".concat(document.location.hash.match(/\/$/)?"":"/").concat(e).concat(t?"/"+t:"")}function P(){document.location.hash=document.location.hash.replace(/\/?(settings|menu|timeschedules|pagerules).*$/i,"")}function T(e){if(!e)return null;return"".concat(e.getDate(),"-").concat(function(e,t){for(var n=String(e);n.length<(t||2);)n="0"+n;return n}(e.getMonth()+1,2),"-").concat(e.getFullYear())}var A=function(){var e=new Map;return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"fontawesome",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"5.free",r=buttonizer_admin.assets+"/icon_definitions/"+t+"."+n+".json?buttonizer-icon-cache="+buttonizer_admin.version;if(e.has(r))return e.get(r);var o=k()({url:r,dataType:"json",method:"get"});return e.set(r,o),o}}(),j=n(71171),I=n.n(j);function R(){return Array.apply(0,Array(15)).map((function(){return(e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789").charAt(Math.floor(Math.random()*e.length));var e})).join("")}var D=n(26905),N=n.n(D);function M(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o;return String.prototype.format||(String.prototype.format=function(){var e=arguments;return this.replace(/{(\d+)}/g,(function(t,n){return void 0!==e[n]?e[n]:t}))}),"undefined"!=typeof buttonizer_translations?n?(o=N()(buttonizer_translations,e,"Translation not found: "+e)).format.apply(o,n):N()(buttonizer_translations,e,"Translation not found: "+e):e}function L(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 F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){B(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}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}function z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return W(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 W(e,t)}(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 i,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw i}}}}function W(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 U(e,t){return t.url=buttonizer_admin.api+e,t.headers={"X-WP-Nonce":buttonizer_admin.nonce},k()(t)}function Z(e){var t,n=e,r={},o={},i=z(n.groups);try{for(i.s();!(t=i.n()).done;){var a=t.value,l=H(a.data);l.children=[];var s,u=z(a.buttons);try{for(u.s();!(s=u.n()).done;){var c=H(s.value);c.parent=l.id,r[c.id]=c,l.children.push(c.id)}}catch(e){u.e(e)}finally{u.f()}o[l.id]=l}}catch(e){i.e(e)}finally{i.f()}var f={},d={};return n.time_schedules&&n.time_schedules.map((function(e){f[e.id]={id:e.id,name:e.name||M("time_schedules.single_name"),weekdays:e.weekdays||w.map((function(e){return{opened:!0,open:"8:00",close:"17:00",weekday:e}})),start_date:e.start_date||T(new Date),end_date:e.end_date||null,dates:e.dates||[]}})),n.page_rules&&n.page_rules.map((function(e){d[e.id]={id:e.id,name:e.name||"Unnamed pagerule",type:e.type||"and",rules:e.rules||[{type:"page_title",value:""}]}})),{hasChanges:n.changes,buttons:r,groups:o,timeSchedules:f,pageRules:d,settings:n.settings,premium:n.premium,premium_code:n.premium_code,version:n.version,wordpress:n.wordpress,is_opt_in:n.is_opt_in,additional_permissions:n.additional_permissions}}function H(e){return e&&void 0!==e.id?e:F(F({},e),{},{id:I()()})}function G(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return{type:b.ADD_RELATION,payload:{button_id:e,group_id:t,index:n}}}function K(e,t,n,r){return{type:b.CHANGE_RELATION,payload:{button_id:e,old_group_id:t,new_group_id:n,button_index:r}}}function V(e,t){return{type:b.REMOVE_RELATION,payload:{button_id:e,group_id:t}}}var $=function(e,t,n,r){return Array.isArray(r)?{type:b[e].SET_KEY_FORMAT,payload:{id:t,format:"normal_hover",key:n,values:r}}:{type:b[e].SET_KEY_VALUE,payload:{id:t,key:n,value:r}}},q=function(e,t){return{type:b.SET_SETTING_VALUE,payload:{setting:e,value:t}}};function Y(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return{type:b[t].ADD_RECORD,payload:{record:H(e),index:n}}}function X(e,t){return{type:b[t].REMOVE_RECORD,payload:{model_id:e}}}var J=n(59528),Q=n(91747),ee=n.n(Q),te=n(82492),ne=n.n(te);function re(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:window.store.getState();if(!t.groups[e].children)return null;var n=t.groups[e].children,r=t.buttons,o={};return Object.keys(r).map((function(e){n.includes(e)&&(o[e]=r[e])})),o}function oe(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Kn.getState();if(!e)return null;var n=t.buttons,r={};return Object.keys(n).map((function(t){e.includes(t)&&e.map((function(e,o){e===t&&(r[o]=n[t])}))})),r}function ie(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:window.store.getState();return t.groups&&t.groups[e]?t.groups[e].children.length:0}function ae(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{excludeSelf:!1};if(void 0===t||void 0===e)throw console.log("record: "+t),console.log("key: "+e),TypeError("'record' argument or 'key' argument of type undefined");var i=t[e];if(!J.dashboard.formatted.includes(e))return null==i?n?le(n,e,r[e]):"":i;var a=r?S.normal_hover.parse(r[e]):[];if(null==i)return n?se(n,e,[],a):["",""];var l=S.normal_hover.parse(i);return n?se(n,e,l,a,o):ne()(["",""],l)}function le(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";if(Object.keys(J.dashboard).includes(e))return Object.keys(J.dashboard[e]).includes(t)?null==J.dashboard[e][t]?n:J.dashboard[e][t]:"";console.error("model ".concat(e," not familiar"))}function se(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(Object.keys(J.dashboard).includes(e)){if(!Object.keys(J.dashboard[e]).includes(t))return["",""];var i=J.dashboard[e][t];return"background_is_image"===t&&console.log(J.dashboard),"group"===e?ue(n,i,o):"button"===e?ce(n,r,i,o):void 0}console.error("model ".concat(e," not familiar"))}function ue(){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]:{},r=n.excludeSelf,o=void 0!==r&&r,i=[e,t,[e[0],e[0]],[t[0],t[0]]];return o&&i.shift(),ee().apply(void 0,i)}function ce(){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]:[],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=r.excludeSelf,i=void 0!==o&&o,a=[e,t,[void 0,e[0]],n,[void 0,t[0]],[void 0,n[0]]];return i&&a.shift(),ee().apply(void 0,a)}function fe(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];throw Error("[Immer] minified error nr: "+e+(n.length?" "+n.map((function(e){return"'"+e+"'"})).join(","):"")+". Find the full error at: https://bit.ly/3cXEKWf")}function de(e){return!!e&&!!e[Qe]}function pe(e){return!!e&&(function(e){if(!e||"object"!=typeof e)return!1;var t=Object.getPrototypeOf(e);if(null===t)return!0;var n=Object.hasOwnProperty.call(t,"constructor")&&t.constructor;return"function"==typeof n&&Function.toString.call(n)===et}(e)||Array.isArray(e)||!!e[Je]||!!e.constructor[Je]||we(e)||xe(e))}function he(e,t,n){void 0===n&&(n=!1),0===me(e)?(n?Object.keys:tt)(e).forEach((function(r){n&&"symbol"==typeof r||t(r,e[r],e)})):e.forEach((function(n,r){return t(r,n,e)}))}function me(e){var t=e[Qe];return t?t.i>3?t.i-4:t.i:Array.isArray(e)?1:we(e)?2:xe(e)?3:0}function ve(e,t){return 2===me(e)?e.has(t):Object.prototype.hasOwnProperty.call(e,t)}function ge(e,t){return 2===me(e)?e.get(t):e[t]}function ye(e,t,n){var r=me(e);2===r?e.set(t,n):3===r?(e.delete(t),e.add(n)):e[t]=n}function be(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function we(e){return $e&&e instanceof Map}function xe(e){return qe&&e instanceof Set}function Ee(e){return e.o||e.t}function _e(e){if(Array.isArray(e))return Array.prototype.slice.call(e);var t=nt(e);delete t[Qe];for(var n=tt(t),r=0;r<n.length;r++){var o=n[r],i=t[o];!1===i.writable&&(i.writable=!0,i.configurable=!0),(i.get||i.set)&&(t[o]={configurable:!0,writable:!0,enumerable:i.enumerable,value:e[o]})}return Object.create(Object.getPrototypeOf(e),t)}function Se(e,t){return void 0===t&&(t=!1),ke(e)||de(e)||!pe(e)||(me(e)>1&&(e.set=e.add=e.clear=e.delete=Oe),Object.freeze(e),t&&he(e,(function(e,t){return Se(t,!0)}),!0)),e}function Oe(){fe(2)}function ke(e){return null==e||"object"!=typeof e||Object.isFrozen(e)}function Ce(e){var t=rt[e];return t||fe(18,e),t}function Pe(){return Ke}function Te(e,t){t&&(Ce("Patches"),e.u=[],e.s=[],e.v=t)}function Ae(e){je(e),e.p.forEach(Re),e.p=null}function je(e){e===Ke&&(Ke=e.l)}function Ie(e){return Ke={p:[],l:Ke,h:e,m:!0,_:0}}function Re(e){var t=e[Qe];0===t.i||1===t.i?t.j():t.g=!0}function De(e,t){t._=t.p.length;var n=t.p[0],r=void 0!==e&&e!==n;return t.h.O||Ce("ES5").S(t,e,r),r?(n[Qe].P&&(Ae(t),fe(4)),pe(e)&&(e=Ne(t,e),t.l||Le(t,e)),t.u&&Ce("Patches").M(n[Qe],e,t.u,t.s)):e=Ne(t,n,[]),Ae(t),t.u&&t.v(t.u,t.s),e!==Xe?e:void 0}function Ne(e,t,n){if(ke(t))return t;var r=t[Qe];if(!r)return he(t,(function(o,i){return Me(e,r,t,o,i,n)}),!0),t;if(r.A!==e)return t;if(!r.P)return Le(e,r.t,!0),r.t;if(!r.I){r.I=!0,r.A._--;var o=4===r.i||5===r.i?r.o=_e(r.k):r.o;he(3===r.i?new Set(o):o,(function(t,i){return Me(e,r,o,t,i,n)})),Le(e,o,!1),n&&e.u&&Ce("Patches").R(r,n,e.u,e.s)}return r.o}function Me(e,t,n,r,o,i){if(de(o)){var a=Ne(e,o,i&&t&&3!==t.i&&!ve(t.D,r)?i.concat(r):void 0);if(ye(n,r,a),!de(a))return;e.m=!1}if(pe(o)&&!ke(o)){if(!e.h.F&&e._<1)return;Ne(e,o),t&&t.A.l||Le(e,o)}}function Le(e,t,n){void 0===n&&(n=!1),e.h.F&&e.m&&Se(t,n)}function Fe(e,t){var n=e[Qe];return(n?Ee(n):e)[t]}function Be(e,t){if(t in e)for(var n=Object.getPrototypeOf(e);n;){var r=Object.getOwnPropertyDescriptor(n,t);if(r)return r;n=Object.getPrototypeOf(n)}}function ze(e){e.P||(e.P=!0,e.l&&ze(e.l))}function We(e){e.o||(e.o=_e(e.t))}function Ue(e,t,n){var r=we(t)?Ce("MapSet").N(t,n):xe(t)?Ce("MapSet").T(t,n):e.O?function(e,t){var n=Array.isArray(e),r={i:n?1:0,A:t?t.A:Pe(),P:!1,I:!1,D:{},l:t,t:e,k:null,o:null,j:null,C:!1},o=r,i=ot;n&&(o=[r],i=it);var a=Proxy.revocable(o,i),l=a.revoke,s=a.proxy;return r.k=s,r.j=l,s}(t,n):Ce("ES5").J(t,n);return(n?n.A:Pe()).p.push(r),r}function Ze(e){return de(e)||fe(22,e),function e(t){if(!pe(t))return t;var n,r=t[Qe],o=me(t);if(r){if(!r.P&&(r.i<4||!Ce("ES5").K(r)))return r.t;r.I=!0,n=He(t,o),r.I=!1}else n=He(t,o);return he(n,(function(t,o){r&&ge(r.t,t)===o||ye(n,t,e(o))})),3===o?new Set(n):n}(e)}function He(e,t){switch(t){case 2:return new Map(e);case 3:return Array.from(e)}return _e(e)}var Ge,Ke,Ve="undefined"!=typeof Symbol&&"symbol"==typeof Symbol("x"),$e="undefined"!=typeof Map,qe="undefined"!=typeof Set,Ye="undefined"!=typeof Proxy&&void 0!==Proxy.revocable&&"undefined"!=typeof Reflect,Xe=Ve?Symbol.for("immer-nothing"):((Ge={})["immer-nothing"]=!0,Ge),Je=Ve?Symbol.for("immer-draftable"):"__$immer_draftable",Qe=Ve?Symbol.for("immer-state"):"__$immer_state",et=("undefined"!=typeof Symbol&&Symbol.iterator,""+Object.prototype.constructor),tt="undefined"!=typeof Reflect&&Reflect.ownKeys?Reflect.ownKeys:void 0!==Object.getOwnPropertySymbols?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:Object.getOwnPropertyNames,nt=Object.getOwnPropertyDescriptors||function(e){var t={};return tt(e).forEach((function(n){t[n]=Object.getOwnPropertyDescriptor(e,n)})),t},rt={},ot={get:function(e,t){if(t===Qe)return e;var n=Ee(e);if(!ve(n,t))return function(e,t,n){var r,o=Be(t,n);return o?"value"in o?o.value:null===(r=o.get)||void 0===r?void 0:r.call(e.k):void 0}(e,n,t);var r=n[t];return e.I||!pe(r)?r:r===Fe(e.t,t)?(We(e),e.o[t]=Ue(e.A.h,r,e)):r},has:function(e,t){return t in Ee(e)},ownKeys:function(e){return Reflect.ownKeys(Ee(e))},set:function(e,t,n){var r=Be(Ee(e),t);if(null==r?void 0:r.set)return r.set.call(e.k,n),!0;if(!e.P){var o=Fe(Ee(e),t),i=null==o?void 0:o[Qe];if(i&&i.t===n)return e.o[t]=n,e.D[t]=!1,!0;if(be(n,o)&&(void 0!==n||ve(e.t,t)))return!0;We(e),ze(e)}return e.o[t]===n&&"number"!=typeof n||(e.o[t]=n,e.D[t]=!0,!0)},deleteProperty:function(e,t){return void 0!==Fe(e.t,t)||t in e.t?(e.D[t]=!1,We(e),ze(e)):delete e.D[t],e.o&&delete e.o[t],!0},getOwnPropertyDescriptor:function(e,t){var n=Ee(e),r=Reflect.getOwnPropertyDescriptor(n,t);return r?{writable:!0,configurable:1!==e.i||"length"!==t,enumerable:r.enumerable,value:n[t]}:r},defineProperty:function(){fe(11)},getPrototypeOf:function(e){return Object.getPrototypeOf(e.t)},setPrototypeOf:function(){fe(12)}},it={};he(ot,(function(e,t){it[e]=function(){return arguments[0]=arguments[0][0],t.apply(this,arguments)}})),it.deleteProperty=function(e,t){return ot.deleteProperty.call(this,e[0],t)},it.set=function(e,t,n){return ot.set.call(this,e[0],t,n,e[0])};var at=new(function(){function e(e){var t=this;this.O=Ye,this.F=!0,this.produce=function(e,n,r){if("function"==typeof e&&"function"!=typeof n){var o=n;n=e;var i=t;return function(e){var t=this;void 0===e&&(e=o);for(var r=arguments.length,a=Array(r>1?r-1:0),l=1;l<r;l++)a[l-1]=arguments[l];return i.produce(e,(function(e){var r;return(r=n).call.apply(r,[t,e].concat(a))}))}}var a;if("function"!=typeof n&&fe(6),void 0!==r&&"function"!=typeof r&&fe(7),pe(e)){var l=Ie(t),s=Ue(t,e,void 0),u=!0;try{a=n(s),u=!1}finally{u?Ae(l):je(l)}return"undefined"!=typeof Promise&&a instanceof Promise?a.then((function(e){return Te(l,r),De(e,l)}),(function(e){throw Ae(l),e})):(Te(l,r),De(a,l))}if(!e||"object"!=typeof e){if((a=n(e))===Xe)return;return void 0===a&&(a=e),t.F&&Se(a,!0),a}fe(21,e)},this.produceWithPatches=function(e,n){return"function"==typeof e?function(n){for(var r=arguments.length,o=Array(r>1?r-1:0),i=1;i<r;i++)o[i-1]=arguments[i];return t.produceWithPatches(n,(function(t){return e.apply(void 0,[t].concat(o))}))}:[t.produce(e,n,(function(e,t){r=e,o=t})),r,o];var r,o},"boolean"==typeof(null==e?void 0:e.useProxies)&&this.setUseProxies(e.useProxies),"boolean"==typeof(null==e?void 0:e.autoFreeze)&&this.setAutoFreeze(e.autoFreeze)}var t=e.prototype;return t.createDraft=function(e){pe(e)||fe(8),de(e)&&(e=Ze(e));var t=Ie(this),n=Ue(this,e,void 0);return n[Qe].C=!0,je(t),n},t.finishDraft=function(e,t){var n=(e&&e[Qe]).A;return Te(n,t),De(void 0,n)},t.setAutoFreeze=function(e){this.F=e},t.setUseProxies=function(e){e&&!Ye&&fe(20),this.O=e},t.applyPatches=function(e,t){var n;for(n=t.length-1;n>=0;n--){var r=t[n];if(0===r.path.length&&"replace"===r.op){e=r.value;break}}var o=Ce("Patches").$;return de(e)?o(e,t):this.produce(e,(function(e){return o(e,t.slice(n+1))}))},e}()),lt=at.produce,st=(at.produceWithPatches.bind(at),at.setAutoFreeze.bind(at),at.setUseProxies.bind(at),at.applyPatches.bind(at),at.createDraft.bind(at),at.finishDraft.bind(at),lt);function ut(e,t){return t.url=buttonizer_admin.api+e,t.headers={"X-WP-Nonce":buttonizer_admin.nonce},k()(t)}function ct(e){return{type:b.HAS_CHANGES,payload:{hasChanges:e}}}function ft(e){return{type:b.IS_UPDATING,payload:{isUpdating:e}}}function dt(){return{type:b.STOP_LOADING}}
27
  /*! *****************************************************************************
@@ -38,7 +38,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
38
  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
39
  PERFORMANCE OF THIS SOFTWARE.
40
  ***************************************************************************** */
41
- var pt=function(e,t){return(pt=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function ht(e,t){function n(){this.constructor=e}pt(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var mt=function(){return(mt=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function vt(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function gt(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,i=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return a}function yt(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(gt(arguments[t]));return e}var bt=n(62844),wt=n(21170),xt=(0,bt.Rf)(),Et="Sentry Logger ",_t=function(){function e(){this._enabled=!1}return e.prototype.disable=function(){this._enabled=!1},e.prototype.enable=function(){this._enabled=!0},e.prototype.log=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this._enabled&&(0,bt.Cf)((function(){xt.console.log(Et+"[Log]: "+e.join(" "))}))},e.prototype.warn=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this._enabled&&(0,bt.Cf)((function(){xt.console.warn(Et+"[Warn]: "+e.join(" "))}))},e.prototype.error=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this._enabled&&(0,bt.Cf)((function(){xt.console.error(Et+"[Error]: "+e.join(" "))}))},e}();xt.__SENTRY__=xt.__SENTRY__||{};var St,Ot=xt.__SENTRY__.logger||(xt.__SENTRY__.logger=new _t),kt=n(61422);function Ct(e){switch(Object.prototype.toString.call(e)){case"[object Error]":case"[object Exception]":case"[object DOMException]":return!0;default:return Mt(e,Error)}}function Pt(e){return"[object ErrorEvent]"===Object.prototype.toString.call(e)}function Tt(e){return"[object DOMError]"===Object.prototype.toString.call(e)}function At(e){return"[object String]"===Object.prototype.toString.call(e)}function jt(e){return null===e||"object"!=typeof e&&"function"!=typeof e}function It(e){return"[object Object]"===Object.prototype.toString.call(e)}function Rt(e){return"undefined"!=typeof Event&&Mt(e,Event)}function Dt(e){return"undefined"!=typeof Element&&Mt(e,Element)}function Nt(e){return Boolean(e&&e.then&&"function"==typeof e.then)}function Mt(e,t){try{return e instanceof t}catch(e){return!1}}!function(e){e.PENDING="PENDING",e.RESOLVED="RESOLVED",e.REJECTED="REJECTED"}(St||(St={}));var Lt,Ft=function(){function e(e){var t=this;this._state=St.PENDING,this._handlers=[],this._resolve=function(e){t._setResult(St.RESOLVED,e)},this._reject=function(e){t._setResult(St.REJECTED,e)},this._setResult=function(e,n){t._state===St.PENDING&&(Nt(n)?n.then(t._resolve,t._reject):(t._state=e,t._value=n,t._executeHandlers()))},this._attachHandler=function(e){t._handlers=t._handlers.concat(e),t._executeHandlers()},this._executeHandlers=function(){if(t._state!==St.PENDING){var e=t._handlers.slice();t._handlers=[],e.forEach((function(e){e.done||(t._state===St.RESOLVED&&e.onfulfilled&&e.onfulfilled(t._value),t._state===St.REJECTED&&e.onrejected&&e.onrejected(t._value),e.done=!0)}))}};try{e(this._resolve,this._reject)}catch(e){this._reject(e)}}return e.resolve=function(t){return new e((function(e){e(t)}))},e.reject=function(t){return new e((function(e,n){n(t)}))},e.all=function(t){return new e((function(n,r){if(Array.isArray(t))if(0!==t.length){var o=t.length,i=[];t.forEach((function(t,a){e.resolve(t).then((function(e){i[a]=e,0===(o-=1)&&n(i)})).then(null,r)}))}else n([]);else r(new TypeError("Promise.all requires an array as input."))}))},e.prototype.then=function(t,n){var r=this;return new e((function(e,o){r._attachHandler({done:!1,onfulfilled:function(n){if(t)try{return void e(t(n))}catch(e){return void o(e)}else e(n)},onrejected:function(t){if(n)try{return void e(n(t))}catch(e){return void o(e)}else o(t)}})}))},e.prototype.catch=function(e){return this.then((function(e){return e}),e)},e.prototype.finally=function(t){var n=this;return new e((function(e,r){var o,i;return n.then((function(e){i=!1,o=e,t&&t()}),(function(e){i=!0,o=e,t&&t()})).then((function(){i?r(o):e(o)}))}))},e.prototype.toString=function(){return"[object SyncPromise]"},e}(),Bt=function(){function e(){this._notifyingListeners=!1,this._scopeListeners=[],this._eventProcessors=[],this._breadcrumbs=[],this._user={},this._tags={},this._extra={},this._contexts={}}return e.clone=function(t){var n=new e;return t&&(n._breadcrumbs=yt(t._breadcrumbs),n._tags=mt({},t._tags),n._extra=mt({},t._extra),n._contexts=mt({},t._contexts),n._user=t._user,n._level=t._level,n._span=t._span,n._session=t._session,n._transactionName=t._transactionName,n._fingerprint=t._fingerprint,n._eventProcessors=yt(t._eventProcessors)),n},e.prototype.addScopeListener=function(e){this._scopeListeners.push(e)},e.prototype.addEventProcessor=function(e){return this._eventProcessors.push(e),this},e.prototype.setUser=function(e){return this._user=e||{},this._session&&this._session.update({user:e}),this._notifyScopeListeners(),this},e.prototype.getUser=function(){return this._user},e.prototype.setTags=function(e){return this._tags=mt(mt({},this._tags),e),this._notifyScopeListeners(),this},e.prototype.setTag=function(e,t){var n;return this._tags=mt(mt({},this._tags),((n={})[e]=t,n)),this._notifyScopeListeners(),this},e.prototype.setExtras=function(e){return this._extra=mt(mt({},this._extra),e),this._notifyScopeListeners(),this},e.prototype.setExtra=function(e,t){var n;return this._extra=mt(mt({},this._extra),((n={})[e]=t,n)),this._notifyScopeListeners(),this},e.prototype.setFingerprint=function(e){return this._fingerprint=e,this._notifyScopeListeners(),this},e.prototype.setLevel=function(e){return this._level=e,this._notifyScopeListeners(),this},e.prototype.setTransactionName=function(e){return this._transactionName=e,this._notifyScopeListeners(),this},e.prototype.setTransaction=function(e){return this.setTransactionName(e)},e.prototype.setContext=function(e,t){var n;return null===t?delete this._contexts[e]:this._contexts=mt(mt({},this._contexts),((n={})[e]=t,n)),this._notifyScopeListeners(),this},e.prototype.setSpan=function(e){return this._span=e,this._notifyScopeListeners(),this},e.prototype.getSpan=function(){return this._span},e.prototype.getTransaction=function(){var e,t,n,r,o=this.getSpan();return(null===(e=o)||void 0===e?void 0:e.transaction)?null===(t=o)||void 0===t?void 0:t.transaction:(null===(r=null===(n=o)||void 0===n?void 0:n.spanRecorder)||void 0===r?void 0:r.spans[0])?o.spanRecorder.spans[0]:void 0},e.prototype.setSession=function(e){return e?this._session=e:delete this._session,this._notifyScopeListeners(),this},e.prototype.getSession=function(){return this._session},e.prototype.update=function(t){if(!t)return this;if("function"==typeof t){var n=t(this);return n instanceof e?n:this}return t instanceof e?(this._tags=mt(mt({},this._tags),t._tags),this._extra=mt(mt({},this._extra),t._extra),this._contexts=mt(mt({},this._contexts),t._contexts),t._user&&Object.keys(t._user).length&&(this._user=t._user),t._level&&(this._level=t._level),t._fingerprint&&(this._fingerprint=t._fingerprint)):It(t)&&(t=t,this._tags=mt(mt({},this._tags),t.tags),this._extra=mt(mt({},this._extra),t.extra),this._contexts=mt(mt({},this._contexts),t.contexts),t.user&&(this._user=t.user),t.level&&(this._level=t.level),t.fingerprint&&(this._fingerprint=t.fingerprint)),this},e.prototype.clear=function(){return this._breadcrumbs=[],this._tags={},this._extra={},this._user={},this._contexts={},this._level=void 0,this._transactionName=void 0,this._fingerprint=void 0,this._span=void 0,this._session=void 0,this._notifyScopeListeners(),this},e.prototype.addBreadcrumb=function(e,t){var n=mt({timestamp:(0,wt.yW)()},e);return this._breadcrumbs=void 0!==t&&t>=0?yt(this._breadcrumbs,[n]).slice(-t):yt(this._breadcrumbs,[n]),this._notifyScopeListeners(),this},e.prototype.clearBreadcrumbs=function(){return this._breadcrumbs=[],this._notifyScopeListeners(),this},e.prototype.applyToEvent=function(e,t){var n;if(this._extra&&Object.keys(this._extra).length&&(e.extra=mt(mt({},this._extra),e.extra)),this._tags&&Object.keys(this._tags).length&&(e.tags=mt(mt({},this._tags),e.tags)),this._user&&Object.keys(this._user).length&&(e.user=mt(mt({},this._user),e.user)),this._contexts&&Object.keys(this._contexts).length&&(e.contexts=mt(mt({},this._contexts),e.contexts)),this._level&&(e.level=this._level),this._transactionName&&(e.transaction=this._transactionName),this._span){e.contexts=mt({trace:this._span.getTraceContext()},e.contexts);var r=null===(n=this._span.transaction)||void 0===n?void 0:n.name;r&&(e.tags=mt({transaction:r},e.tags))}return this._applyFingerprint(e),e.breadcrumbs=yt(e.breadcrumbs||[],this._breadcrumbs),e.breadcrumbs=e.breadcrumbs.length>0?e.breadcrumbs:void 0,this._notifyEventProcessors(yt(zt(),this._eventProcessors),e,t)},e.prototype._notifyEventProcessors=function(e,t,n,r){var o=this;return void 0===r&&(r=0),new Ft((function(i,a){var l=e[r];if(null===t||"function"!=typeof l)i(t);else{var s=l(mt({},t),n);Nt(s)?s.then((function(t){return o._notifyEventProcessors(e,t,n,r+1).then(i)})).then(null,a):o._notifyEventProcessors(e,s,n,r+1).then(i).then(null,a)}}))},e.prototype._notifyScopeListeners=function(){var e=this;this._notifyingListeners||(this._notifyingListeners=!0,this._scopeListeners.forEach((function(t){t(e)})),this._notifyingListeners=!1)},e.prototype._applyFingerprint=function(e){e.fingerprint=e.fingerprint?Array.isArray(e.fingerprint)?e.fingerprint:[e.fingerprint]:[],this._fingerprint&&(e.fingerprint=e.fingerprint.concat(this._fingerprint)),e.fingerprint&&!e.fingerprint.length&&delete e.fingerprint},e}();function zt(){var e=(0,bt.Rf)();return e.__SENTRY__=e.__SENTRY__||{},e.__SENTRY__.globalEventProcessors=e.__SENTRY__.globalEventProcessors||[],e.__SENTRY__.globalEventProcessors}function Wt(e){zt().push(e)}function Ut(e){try{for(var t=e,n=[],r=0,o=0,i=" > ".length,a=void 0;t&&r++<5&&!("html"===(a=Zt(t))||r>1&&o+n.length*i+a.length>=80);)n.push(a),o+=a.length,t=t.parentNode;return n.reverse().join(" > ")}catch(e){return"<unknown>"}}function Zt(e){var t,n,r,o,i,a=e,l=[];if(!a||!a.tagName)return"";if(l.push(a.tagName.toLowerCase()),a.id&&l.push("#"+a.id),(t=a.className)&&At(t))for(n=t.split(/\s+/),i=0;i<n.length;i++)l.push("."+n[i]);var s=["type","name","title","alt"];for(i=0;i<s.length;i++)r=s[i],(o=a.getAttribute(r))&&l.push("["+r+'="'+o+'"]');return l.join("")}!function(e){e.Ok="ok",e.Exited="exited",e.Crashed="crashed",e.Abnormal="abnormal"}(Lt||(Lt={}));var Ht=function(){function e(){this._hasWeakSet="function"==typeof WeakSet,this._inner=this._hasWeakSet?new WeakSet:[]}return e.prototype.memoize=function(e){if(this._hasWeakSet)return!!this._inner.has(e)||(this._inner.add(e),!1);for(var t=0;t<this._inner.length;t++){if(this._inner[t]===e)return!0}return this._inner.push(e),!1},e.prototype.unmemoize=function(e){if(this._hasWeakSet)this._inner.delete(e);else for(var t=0;t<this._inner.length;t++)if(this._inner[t]===e){this._inner.splice(t,1);break}},e}();function Gt(e){try{return e&&"function"==typeof e&&e.name||"<anonymous>"}catch(e){return"<anonymous>"}}function Kt(e,t){return void 0===t&&(t=0),"string"!=typeof e||0===t||e.length<=t?e:e.substr(0,t)+"..."}function Vt(e,t){if(!Array.isArray(e))return"";for(var n=[],r=0;r<e.length;r++){var o=e[r];try{n.push(String(o))}catch(e){n.push("[value cannot be serialized]")}}return n.join(t)}function $t(e,t){return!!At(e)&&(n=t,"[object RegExp]"===Object.prototype.toString.call(n)?t.test(e):"string"==typeof t&&-1!==e.indexOf(t));var n}function qt(e,t,n){if(t in e){var r=e[t],o=n(r);if("function"==typeof o)try{o.prototype=o.prototype||{},Object.defineProperties(o,{__sentry_original__:{enumerable:!1,value:r}})}catch(e){}e[t]=o}}function Yt(e){if(Ct(e)){var t=e,n={message:t.message,name:t.name,stack:t.stack};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r]);return n}if(Rt(e)){var o=e,i={};i.type=o.type;try{i.target=Dt(o.target)?Ut(o.target):Object.prototype.toString.call(o.target)}catch(e){i.target="<unknown>"}try{i.currentTarget=Dt(o.currentTarget)?Ut(o.currentTarget):Object.prototype.toString.call(o.currentTarget)}catch(e){i.currentTarget="<unknown>"}for(var r in"undefined"!=typeof CustomEvent&&Mt(e,CustomEvent)&&(i.detail=o.detail),o)Object.prototype.hasOwnProperty.call(o,r)&&(i[r]=o);return i}return e}function Xt(e){return function(e){return~-encodeURI(e).split(/%..|./).length}(JSON.stringify(e))}function Jt(e,t,n){void 0===t&&(t=3),void 0===n&&(n=102400);var r=tn(e,t);return Xt(r)>n?Jt(e,t-1,n):r}function Qt(e,t){return"domain"===t&&e&&"object"==typeof e&&e._events?"[Domain]":"domainEmitter"===t?"[DomainEmitter]":void 0!==n.g&&e===n.g?"[Global]":"undefined"!=typeof window&&e===window?"[Window]":"undefined"!=typeof document&&e===document?"[Document]":It(r=e)&&"nativeEvent"in r&&"preventDefault"in r&&"stopPropagation"in r?"[SyntheticEvent]":"number"==typeof e&&e!=e?"[NaN]":void 0===e?"[undefined]":"function"==typeof e?"[Function: "+Gt(e)+"]":"symbol"==typeof e?"["+String(e)+"]":"bigint"==typeof e?"[BigInt: "+String(e)+"]":e;var r}function en(e,t,n,r){if(void 0===n&&(n=1/0),void 0===r&&(r=new Ht),0===n)return function(e){var t=Object.prototype.toString.call(e);if("string"==typeof e)return e;if("[object Object]"===t)return"[Object]";if("[object Array]"===t)return"[Array]";var n=Qt(e);return jt(n)?n:t}(t);if(null!=t&&"function"==typeof t.toJSON)return t.toJSON();var o=Qt(t,e);if(jt(o))return o;var i=Yt(t),a=Array.isArray(t)?[]:{};if(r.memoize(t))return"[Circular ~]";for(var l in i)Object.prototype.hasOwnProperty.call(i,l)&&(a[l]=en(l,i[l],n-1,r));return r.unmemoize(t),a}function tn(e,t){try{return JSON.parse(JSON.stringify(e,(function(e,n){return en(e,n,t)})))}catch(e){return"**non-serializable**"}}function nn(e,t){void 0===t&&(t=40);var n=Object.keys(Yt(e));if(n.sort(),!n.length)return"[object has no keys]";if(n[0].length>=t)return Kt(n[0],t);for(var r=n.length;r>0;r--){var o=n.slice(0,r).join(", ");if(!(o.length>t))return r===n.length?o:Kt(o,t)}return""}function rn(e){var t,n;if(It(e)){var r=e,o={};try{for(var i=vt(Object.keys(r)),a=i.next();!a.done;a=i.next()){var l=a.value;void 0!==r[l]&&(o[l]=rn(r[l]))}}catch(e){t={error:e}}finally{try{a&&!a.done&&(n=i.return)&&n.call(i)}finally{if(t)throw t.error}}return o}return Array.isArray(e)?e.map(rn):e}var on=function(){function e(e){this.errors=0,this.sid=(0,bt.DM)(),this.timestamp=Date.now(),this.started=Date.now(),this.duration=0,this.status=Lt.Ok,e&&this.update(e)}return e.prototype.update=function(e){void 0===e&&(e={}),e.user&&(e.user.ip_address&&(this.ipAddress=e.user.ip_address),e.did||(this.did=e.user.id||e.user.email||e.user.username)),this.timestamp=e.timestamp||Date.now(),e.sid&&(this.sid=32===e.sid.length?e.sid:(0,bt.DM)()),e.did&&(this.did=""+e.did),"number"==typeof e.started&&(this.started=e.started),"number"==typeof e.duration?this.duration=e.duration:this.duration=this.timestamp-this.started,e.release&&(this.release=e.release),e.environment&&(this.environment=e.environment),e.ipAddress&&(this.ipAddress=e.ipAddress),e.userAgent&&(this.userAgent=e.userAgent),"number"==typeof e.errors&&(this.errors=e.errors),e.status&&(this.status=e.status)},e.prototype.close=function(e){e?this.update({status:e}):this.status===Lt.Ok?this.update({status:Lt.Exited}):this.update()},e.prototype.toJSON=function(){return rn({sid:""+this.sid,init:!0,started:new Date(this.started).toISOString(),timestamp:new Date(this.timestamp).toISOString(),status:this.status,errors:this.errors,did:"number"==typeof this.did||"string"==typeof this.did?""+this.did:void 0,duration:this.duration,attrs:rn({release:this.release,environment:this.environment,ip_address:this.ipAddress,user_agent:this.userAgent})})},e}(),an=function(){function e(e,t,n){void 0===t&&(t=new Bt),void 0===n&&(n=3),this._version=n,this._stack=[{}],this.getStackTop().scope=t,this.bindClient(e)}return e.prototype.isOlderThan=function(e){return this._version<e},e.prototype.bindClient=function(e){this.getStackTop().client=e,e&&e.setupIntegrations&&e.setupIntegrations()},e.prototype.pushScope=function(){var e=Bt.clone(this.getScope());return this.getStack().push({client:this.getClient(),scope:e}),e},e.prototype.popScope=function(){return!(this.getStack().length<=1)&&!!this.getStack().pop()},e.prototype.withScope=function(e){var t=this.pushScope();try{e(t)}finally{this.popScope()}},e.prototype.getClient=function(){return this.getStackTop().client},e.prototype.getScope=function(){return this.getStackTop().scope},e.prototype.getStack=function(){return this._stack},e.prototype.getStackTop=function(){return this._stack[this._stack.length-1]},e.prototype.captureException=function(e,t){var n=this._lastEventId=(0,bt.DM)(),r=t;if(!t){var o=void 0;try{throw new Error("Sentry syntheticException")}catch(e){o=e}r={originalException:e,syntheticException:o}}return this._invokeClient("captureException",e,mt(mt({},r),{event_id:n})),n},e.prototype.captureMessage=function(e,t,n){var r=this._lastEventId=(0,bt.DM)(),o=n;if(!n){var i=void 0;try{throw new Error(e)}catch(e){i=e}o={originalException:e,syntheticException:i}}return this._invokeClient("captureMessage",e,t,mt(mt({},o),{event_id:r})),r},e.prototype.captureEvent=function(e,t){var n=this._lastEventId=(0,bt.DM)();return this._invokeClient("captureEvent",e,mt(mt({},t),{event_id:n})),n},e.prototype.lastEventId=function(){return this._lastEventId},e.prototype.addBreadcrumb=function(e,t){var n=this.getStackTop(),r=n.scope,o=n.client;if(r&&o){var i=o.getOptions&&o.getOptions()||{},a=i.beforeBreadcrumb,l=void 0===a?null:a,s=i.maxBreadcrumbs,u=void 0===s?100:s;if(!(u<=0)){var c=(0,wt.yW)(),f=mt({timestamp:c},e),d=l?(0,bt.Cf)((function(){return l(f,t)})):f;null!==d&&r.addBreadcrumb(d,Math.min(u,100))}}},e.prototype.setUser=function(e){var t=this.getScope();t&&t.setUser(e)},e.prototype.setTags=function(e){var t=this.getScope();t&&t.setTags(e)},e.prototype.setExtras=function(e){var t=this.getScope();t&&t.setExtras(e)},e.prototype.setTag=function(e,t){var n=this.getScope();n&&n.setTag(e,t)},e.prototype.setExtra=function(e,t){var n=this.getScope();n&&n.setExtra(e,t)},e.prototype.setContext=function(e,t){var n=this.getScope();n&&n.setContext(e,t)},e.prototype.configureScope=function(e){var t=this.getStackTop(),n=t.scope,r=t.client;n&&r&&e(n)},e.prototype.run=function(e){var t=sn(this);try{e(this)}finally{sn(t)}},e.prototype.getIntegration=function(e){var t=this.getClient();if(!t)return null;try{return t.getIntegration(e)}catch(t){return Ot.warn("Cannot retrieve integration "+e.id+" from the current Hub"),null}},e.prototype.startSpan=function(e){return this._callExtensionMethod("startSpan",e)},e.prototype.startTransaction=function(e,t){return this._callExtensionMethod("startTransaction",e,t)},e.prototype.traceHeaders=function(){return this._callExtensionMethod("traceHeaders")},e.prototype.startSession=function(e){this.endSession();var t=this.getStackTop(),n=t.scope,r=t.client,o=r&&r.getOptions()||{},i=o.release,a=o.environment,l=new on(mt(mt({release:i,environment:a},n&&{user:n.getUser()}),e));return n&&n.setSession(l),l},e.prototype.endSession=function(){var e=this.getStackTop(),t=e.scope,n=e.client;if(t){var r=t.getSession&&t.getSession();r&&(r.close(),n&&n.captureSession&&n.captureSession(r),t.setSession())}},e.prototype._invokeClient=function(e){for(var t,n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];var o=this.getStackTop(),i=o.scope,a=o.client;a&&a[e]&&(t=a)[e].apply(t,yt(n,[i]))},e.prototype._callExtensionMethod=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var r=ln(),o=r.__SENTRY__;if(o&&o.extensions&&"function"==typeof o.extensions[e])return o.extensions[e].apply(this,t);Ot.warn("Extension method "+e+" couldn't be found, doing nothing.")},e}();function ln(){var e=(0,bt.Rf)();return e.__SENTRY__=e.__SENTRY__||{extensions:{},hub:void 0},e}function sn(e){var t=ln(),n=fn(t);return dn(t,e),n}function un(){var e=ln();return cn(e)&&!fn(e).isOlderThan(3)||dn(e,new an),(0,kt.KV)()?function(e){try{var t=(r=ln().__SENTRY__)&&r.extensions&&r.extensions.domain&&r.extensions.domain.active;if(!t)return fn(e);if(!cn(t)||fn(t).isOlderThan(3)){var n=fn(e).getStackTop();dn(t,new an(n.client,Bt.clone(n.scope)))}return fn(t)}catch(t){return fn(e)}var r}(e):fn(e)}function cn(e){return!!(e&&e.__SENTRY__&&e.__SENTRY__.hub)}function fn(e){return e&&e.__SENTRY__&&e.__SENTRY__.hub||(e.__SENTRY__=e.__SENTRY__||{},e.__SENTRY__.hub=new an),e.__SENTRY__.hub}function dn(e,t){return!!e&&(e.__SENTRY__=e.__SENTRY__||{},e.__SENTRY__.hub=t,!0)}function pn(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var r=un();if(r&&r[e])return r[e].apply(r,yt(t));throw new Error("No hub defined or "+e+" was not found on the hub, please open a bug report.")}function hn(e,t){var n;try{throw new Error("Sentry syntheticException")}catch(e){n=e}return pn("captureException",e,{captureContext:t,originalException:e,syntheticException:n})}function mn(e){pn("withScope",e)}function vn(e){try{document.querySelector(".buttonizer-preview iframe").contentWindow.postMessage({eventType:"buttonizer",messageType:"preview-reload",message:{force:e}},document.location.origin)}catch(e){console.log("Buttonizer tried to auto update the Buttonizer Buttons. But the message didn't came through. Well. Doesn't matter, it's just an extra function. It's nice to have."),console.error(e),hn(e),document.querySelector(".buttonizer-preview iframe").contentWindow.location.reload()}}var gn=n(18446),yn=n.n(gn);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 wn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var xn=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}var t,n,r;return t=e,r=[{key:"enqueue",value:function(e){var t=this;return new Promise((function(n,r){t.queue.push({promise:e,resolve:n,reject:r}),t.dequeue()}))}},{key:"dequeue",value:function(){var e=this;if(this.workingOnPromise)return!1;var t=this.queue.shift();if(!t)return!1;try{this.workingOnPromise=!0,Kn.dispatch(ft(!0)),t.promise().then((function(n){e.workingOnPromise=!1,t.resolve(n),e.dequeue()})).catch((function(n){e.workingOnPromise=!1,t.reject(n),e.dequeue()}))}catch(e){this.workingOnPromise=!1,t.reject(e),this.dequeue()}return!0}}],(n=null)&&bn(t.prototype,n),r&&bn(t,r),e}();wn(xn,"queue",[]),wn(xn,"workingOnPromise",!1);var En=setTimeout((function(){})),_n={};function Sn(){clearTimeout(En),En=setTimeout((function(){var e,t,n,r=ne()({},_n);(_n=Kn.getState(),yn()(r,{})||yn()(_n,{})||yn()(r,_n)||!r.misc.loading.loaded||!_n.misc.loading.loaded)||(yn()(r.buttons,_n.buttons)&&yn()(r.groups,_n.groups)||xn.enqueue(On((e=Kn.getState().groups,t=Object.values(e),n=[],t.forEach((function(e){var t=st(e,(function(e){delete e.children})),r=Object.values(oe(e.children)),o=[];r.forEach((function(e){var t=st(e,(function(e){delete e.parent}));o.push(t)})),0===o.length&&(o=[{name:"Button",show_mobile:"true",show_desktop:"true"}]),n.push({data:t,buttons:o})})),n),"/buttons")),yn()(r.settings,_n.settings)||(xn.enqueue(On(Kn.getState().settings,"/settings",!0)),r.settings.icon_library===_n.settings.icon_library&&r.settings.icon_library_version===_n.settings.icon_library_version&&r.settings.icon_library_code===_n.settings.icon_library_code&&r.settings.import_icon_library===_n.settings.import_icon_library||xn.enqueue((function(){return new Promise((function(e){var t;null!=(t=document.querySelector(".buttonizer-preview iframe"))&&(t.contentWindow&&t.contentWindow.location?t.contentWindow.location.reload():t.src=t.src),e()}))}))))}),1500)}var On=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=function(e){e&&e.request?Kn.dispatch(ft({status:e.request.status,statusText:e.request.statusText?e.request.statusText:"Unknown",message:e.request.response?JSON.parse(e.request.response).message?JSON.parse(e.request.response).message:e.request.response:e.message})):Kn.dispatch(ft("failed")),console.error("Something went wrong trying to update this model: \n",e),hn(e)};return function(){return ut(t,{method:"POST",data:{nonce:buttonizer_admin.nonce,data:e}}).then((function(e){var t=e.data;app.setHasChanges(!0),null!==t&&"success"===t.status?(Kn.dispatch(ft(!1)),vn(n)):r()})).catch(r)}},kn={loading:{posts:!1,pages:!1,categories:!1,roles:!1},loaded:{posts:!1,pages:!1,categories:!1,roles:!1},data:{posts:[],pages:[],categories:[],roles:[]}};var Cn={loading:{},drawer:""};var Pn={isUpdating:!1};function Tn(e){return function(e){if(Array.isArray(e))return An(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||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)||function(){throw new TypeError("Invalid attempt to spread 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}function jn(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 In(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?jn(Object(n),!0).forEach((function(t){Rn(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):jn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Rn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Dn(e){return function(e){if(Array.isArray(e))return Nn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return Nn(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 Nn(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Nn(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 Mn={buttons:{},groups:{},timeSchedules:{},settings:{},pageRules:{},_premium:!1};var Ln={templates:[],settings:{loading:!1,error:null,loaded:!1}};function Fn(e,t,n,r,o,i,a){try{var l=e[i](a),s=l.value}catch(e){return void n(e)}l.done?t(s):Promise.resolve(s).then(r,o)}function Bn(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){Fn(i,r,o,a,l,"next",e)}function l(e){Fn(i,r,o,a,l,"throw",e)}a(void 0)}))}}var zn=[b.groups.SET_KEY_VALUE,b.groups.SET_KEY_FORMAT,b.buttons.SET_KEY_VALUE,b.buttons.SET_KEY_FORMAT],Wn=[b.groups.ADD_RECORD,b.groups.REMOVE_RECORD,b.buttons.ADD_RECORD,b.buttons.REMOVE_RECORD],Un={};function Zn(){return(Zn=Bn(regeneratorRuntime.mark((function e(t){var n,r;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t.type,r=t.payload,-1!==zn.indexOf(n)||-1!==Wn.indexOf(n)){e.next=3;break}return e.abrupt("return");case 3:if(!(Wn.indexOf(n)>=0)){e.next=6;break}return Hn("full-reload-required"),e.abrupt("return");case 6:clearTimeout(Un[r.key]),Un[r.key]=setTimeout((function(){var e=r.format&&"normal_hover"===r.format?S.normal_hover.format(r.values[0],r.values[1]):r.value;Hn("preview-data-update",{model:n===b.groups.SET_KEY_VALUE||n===b.groups.SET_KEY_FORMAT?"group":"button",id:r.id,key:r.key,value:e})}),500);case 8:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function Hn(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=document.querySelector(".buttonizer-preview iframe");n&&n.contentWindow.postMessage({eventType:"buttonizer",messageType:e,message:t},document.location.origin)}var Gn=u(function(e){for(var t=Object.keys(e),n={},r=0;r<t.length;r++){var o=t[r];0,"function"==typeof e[o]&&(n[o]=e[o])}var i,a=Object.keys(n);try{!function(e){Object.keys(e).forEach((function(t){var n=e[t];if(void 0===n(void 0,{type:l.INIT}))throw new Error('Reducer "'+t+"\" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined. If you don't want to set a value for this reducer, you can use null instead of undefined.");if(void 0===n(void 0,{type:l.PROBE_UNKNOWN_ACTION()}))throw new Error('Reducer "'+t+"\" returned undefined when probed with a random type. Don't try to handle "+l.INIT+' or other actions in "redux/*" namespace. They are considered private. Instead, you must return the current state for any unknown actions, unless it is undefined, in which case you must return the initial state, regardless of the action type. The initial state may not be undefined, but can be null.')}))}(n)}catch(e){i=e}return function(e,t){if(void 0===e&&(e={}),i)throw i;for(var r=!1,o={},l=0;l<a.length;l++){var s=a[l],u=n[s],f=e[s],d=u(f,t);if(void 0===d){var p=c(s,t);throw new Error(p)}o[s]=d,r=r||d!==f}return(r=r||a.length!==Object.keys(e).length)?o:e}}({saving:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Pn,t=arguments.length>1?arguments[1]:void 0;return lt(e,(function(e){Object.values(b.buttons).includes(t.type)||Object.values(b.groups).includes(t.type)||Object.values(b.pageRules).includes(t.type)||Object.values(b.timeSchedules).includes(t.type)||b.SET_SETTING_VALUE===t.type||t.type===b.IS_UPDATING&&(e.isUpdating=t.payload.isUpdating)}))},wp:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:kn,t=arguments.length>1?arguments[1]:void 0;return t.type===b.INIT?kn:lt(e,(function(e){switch(t.type){case b.wp.GET_DATA_BEGIN:e.loading[t.payload.type]=!0;break;case b.wp.GET_DATA_END:e.loading[t.payload.type]=!1;break;case b.wp.GET_DATA_FAILURE:console.error(t.payload.error);break;case b.wp.GET_DATA_SUCCESS:e.data[t.payload.type]=t.payload.data,e.loaded[t.payload.type]=!0}}))},timeSchedules:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;return t.type===b.INIT?t.payload.timeSchedules:st(e,(function(e){switch(t.type){case b.timeSchedules.ADD_RECORD:e[t.payload.record.id]=t.payload.record;break;case b.timeSchedules.REMOVE_RECORD:delete e[t.payload.id];break;case b.timeSchedules.SET_KEY_VALUE:e[t.payload.id][t.payload.key]=t.payload.value;break;case b.timeSchedules.SET_WEEKDAY:e[t.payload.id].weekdays[t.payload.weekdayKey][t.payload.key]=t.payload.value;break;case b.timeSchedules.ADD_EXCLUDED_DATE:e[t.payload.id].dates.push({opened:!0,open:"8:00",close:"17:00",date:T(new Date)});break;case b.timeSchedules.SET_EXCLUDED_DATE:e[t.payload.id].dates[t.payload.dateKey][t.payload.key]=t.payload.value;break;case b.timeSchedules.REMOVE_EXCLUDED_DATE:e[t.payload.id].dates.splice(t.payload.dateKey,1)}}))},pageRules:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;return t.type===b.INIT?t.payload.pageRules:st(e,(function(e){switch(t.type){case b.pageRules.ADD_RECORD:e[t.payload.record.id]=t.payload.record;break;case b.pageRules.REMOVE_RECORD:delete e[t.payload.id];break;case b.pageRules.SET_KEY_VALUE:e[t.payload.id][t.payload.key]=t.payload.value;break;case b.pageRules.ADD_PAGE_RULE_ROW:e[t.payload.id].rules.push({type:"page_title",value:""});break;case b.pageRules.SET_PAGE_RULE_ROW:e[t.payload.id].rules[t.payload.ruleRowKey][t.payload.key]=t.payload.value;break;case b.pageRules.REMOVE_PAGE_RULE_ROW:e[t.payload.id].rules.splice(t.payload.ruleRowKey,1)}}))},groups:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;if(t.type===b.INIT)return t.payload.groups;if(t.type===b.groups.ADD_RECORD&&"string"!=typeof t.payload.index){var n=In(In({},e),{},Rn({},t.payload.record.id,t.payload.record)),r=Object.keys(e);return r.splice(t.payload.index,0,t.payload.record.id),r.reduce((function(e,t){return e[t]=n[t],e}),{})}return lt(e,(function(e){switch(t.type){case b.groups.ADD_RECORD:e[t.payload.record.id]=t.payload.record;break;case b.groups.REMOVE_RECORD:delete e[t.payload.model_id];break;case b.groups.SET_KEY_VALUE:if("unset"===t.payload.value){void 0!==e[t.payload.id][t.payload.key]&&delete e[t.payload.id][t.payload.key];break}e[t.payload.id][t.payload.key]=t.payload.value;break;case b.groups.SET_KEY_FORMAT:var n=S[t.payload.format];if(!n)break;var r=n.format.apply(n,Tn(t.payload.values));if("unset"===r){void 0!==e[t.payload.id][t.payload.key]&&delete e[t.payload.id][t.payload.key];break}e[t.payload.id][t.payload.key]=r;break;case b.ADD_RELATION:if(e[t.payload.group_id].children=e[t.payload.group_id].children||[],"string"!=typeof t.payload.index){e[t.payload.group_id].children.splice(t.payload.index,0,t.payload.button_id);break}e[t.payload.group_id].children.push(t.payload.button_id);break;case b.CHANGE_RELATION:var o=e[t.payload.old_group_id].children.indexOf(t.payload.button_id);e[t.payload.old_group_id].children.splice(o,1),0===e[t.payload.old_group_id].children.length&&delete e[t.payload.old_group_id],e[t.payload.new_group_id].children.splice(t.payload.button_index,0,t.payload.button_id);break;case b.REMOVE_RELATION:var i=e[t.payload.group_id].children.indexOf(t.payload.button_id);e[t.payload.group_id].children.splice(i,1)}}))},buttons:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Mn,t=arguments.length>1?arguments[1]:void 0;return t.type===b.INIT?t.payload.buttons:lt(e,(function(e){switch(t.type){case b.buttons.ADD_RECORD:e[t.payload.record.id]=t.payload.record;break;case b.buttons.REMOVE_RECORD:delete e[t.payload.model_id];break;case b.buttons.SET_KEY_VALUE:if("unset"===t.payload.value){void 0!==e[t.payload.id][t.payload.key]&&delete e[t.payload.id][t.payload.key];break}e[t.payload.id][t.payload.key]=t.payload.value;break;case b.buttons.SET_KEY_FORMAT:var n=S[t.payload.format];if(!n)break;var r=n.format.apply(n,Dn(t.payload.values));if("unset"===r){void 0!==e[t.payload.id][t.payload.key]&&delete e[t.payload.id][t.payload.key];break}e[t.payload.id][t.payload.key]=r;break;case b.ADD_RELATION:e[t.payload.button_id].parent=t.payload.group_id;break;case b.CHANGE_RELATION:e[t.payload.button_id].parent=t.payload.new_group_id;break;case b.REMOVE_RELATION:e[t.payload.button_id].parent=null;break;default:return e}}))},misc:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Cn,t=arguments.length>1?arguments[1]:void 0;return st(e,(function(e){switch(t.type){case b.INIT:e.frameUrl=t.payload.wordpress.base+"?buttonizer-preview=1",e.loading.loadingIframe=!0,e.loading.showLoading=!0,e.loading.loadingString="loading.website",e.hasChanges="1"===t.payload.hasChanges,e.loading.loaded=!0,e.wordpress=t.payload.wordpress,e._premium=t.payload.premium,e.is_opt_in=t.payload.is_opt_in,e.additional_permissions=t.payload.additional_permissions,e._premiumCode=t.payload.premium_code;break;case b.GET_DATA_BEGIN:e.loading.showLoading=!0,e.loading.loadingString="loading.loading";break;case b.GET_DATA_SUCCESS:e.loading.showLoading=!1,e.loading.fetchError=null,e.loading.loaded=!0;break;case b.GET_DATA_FAILURE:e.loading.showLoading=!1,e.loading.fetchError=t.payload.error,console.error(t.payload.error);break;case b.HAS_CHANGES:e.hasChanges=t.payload.hasChanges;break;case b.STOP_LOADING:e.loading.showLoading=!1,e.loading.loadingSlowWebsite=!1,e.loading.loadingIframe=!1}}))},settings:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;return t.type===b.INIT?t.payload.settings:st(e,(function(e){switch(t.type){case b.SET_SETTING_VALUE:"can_send_errors"===t.payload.setting&&"undefined"!=typeof buttonizer_admin&&(buttonizer_admin.can_send_errors=t.payload.value),e[t.payload.setting]=t.payload.value}}))},templates:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Ln,t=arguments.length>1?arguments[1]:void 0;return st(e,(function(e){switch(t.type){case b.templates.INIT:e.templates=t.payload.data,e.settings.loaded=!0;break;case b.templates.GET_DATA_BEGIN:e.settings.loading=!0;break;case b.templates.GET_DATA_FAILURE:e.settings.error=t.payload.error;break;case b.templates.GET_DATA_END:e.settings.loading=!1;break;case b.templates.ADD_RECORD:e.templates.push(t.payload.template)}}))}}),g((function(){return function(e){return function(t){return function(e){Zn.apply(this,arguments)}(t),e(t)}}})));Gn.add=function(e,t){return Gn.dispatch(Y(e,t))},Gn.subscribe(Sn);var Kn=Gn,Vn=n(81253),$n=n(22122),qn=n(45697),Yn=n.n(qn),Xn=n(86010),Jn=n(14670),Qn=n(59693),er=n(17294),tr=n(55192),nr=n(24896),rr=n(78927),or=n(19756),ir=n(63349),ar=n(41788),lr=r.createContext(null);function sr(e,t){var n=Object.create(null);return e&&r.Children.map(e,(function(e){return e})).forEach((function(e){n[e.key]=function(e){return t&&(0,r.isValidElement)(e)?t(e):e}(e)})),n}function ur(e,t,n){return null!=n[t]?n[t]:e.props[t]}function cr(e,t,n){var o=sr(e.children),i=function(e,t){function n(n){return n in t?t[n]:e[n]}e=e||{},t=t||{};var r,o=Object.create(null),i=[];for(var a in e)a in t?i.length&&(o[a]=i,i=[]):i.push(a);var l={};for(var s in t){if(o[s])for(r=0;r<o[s].length;r++){var u=o[s][r];l[o[s][r]]=n(u)}l[s]=n(s)}for(r=0;r<i.length;r++)l[i[r]]=n(i[r]);return l}(t,o);return Object.keys(i).forEach((function(a){var l=i[a];if((0,r.isValidElement)(l)){var s=a in t,u=a in o,c=t[a],f=(0,r.isValidElement)(c)&&!c.props.in;!u||s&&!f?u||!s||f?u&&s&&(0,r.isValidElement)(c)&&(i[a]=(0,r.cloneElement)(l,{onExited:n.bind(null,l),in:c.props.in,exit:ur(l,"exit",e),enter:ur(l,"enter",e)})):i[a]=(0,r.cloneElement)(l,{in:!1}):i[a]=(0,r.cloneElement)(l,{onExited:n.bind(null,l),in:!0,exit:ur(l,"exit",e),enter:ur(l,"enter",e)})}})),i}var fr=Object.values||function(e){return Object.keys(e).map((function(t){return e[t]}))},dr=function(e){function t(t,n){var r,o=(r=e.call(this,t,n)||this).handleExited.bind((0,ir.Z)(r));return r.state={contextValue:{isMounting:!0},handleExited:o,firstRender:!0},r}(0,ar.Z)(t,e);var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(e,t){var n,o,i=t.children,a=t.handleExited;return{children:t.firstRender?(n=e,o=a,sr(n.children,(function(e){return(0,r.cloneElement)(e,{onExited:o.bind(null,e),in:!0,appear:ur(e,"appear",n),enter:ur(e,"enter",n),exit:ur(e,"exit",n)})}))):cr(e,i,a),firstRender:!1}},n.handleExited=function(e,t){var n=sr(this.props.children);e.key in n||(e.props.onExited&&e.props.onExited(t),this.mounted&&this.setState((function(t){var n=(0,$n.Z)({},t.children);return delete n[e.key],{children:n}})))},n.render=function(){var e=this.props,t=e.component,n=e.childFactory,o=(0,or.Z)(e,["component","childFactory"]),i=this.state.contextValue,a=fr(this.state.children).map(n);return delete o.appear,delete o.enter,delete o.exit,null===t?r.createElement(lr.Provider,{value:i},a):r.createElement(lr.Provider,{value:i},r.createElement(t,o,a))},t}(r.Component);dr.propTypes={},dr.defaultProps={component:"div",childFactory:function(e){return e}};var pr=dr,hr="undefined"==typeof window?r.useEffect:r.useLayoutEffect;var mr=function(e){var t=e.classes,n=e.pulsate,o=void 0!==n&&n,i=e.rippleX,a=e.rippleY,l=e.rippleSize,s=e.in,u=e.onExited,c=void 0===u?function(){}:u,f=e.timeout,d=r.useState(!1),p=d[0],h=d[1],m=(0,Xn.Z)(t.ripple,t.rippleVisible,o&&t.ripplePulsate),v={width:l,height:l,top:-l/2+a,left:-l/2+i},g=(0,Xn.Z)(t.child,p&&t.childLeaving,o&&t.childPulsate),y=(0,tr.Z)(c);return hr((function(){if(!s){h(!0);var e=setTimeout(y,f);return function(){clearTimeout(e)}}}),[y,s,f]),r.createElement("span",{className:m,style:v},r.createElement("span",{className:g}))},vr=r.forwardRef((function(e,t){var n=e.center,o=void 0!==n&&n,i=e.classes,a=e.className,l=(0,Vn.Z)(e,["center","classes","className"]),s=r.useState([]),u=s[0],c=s[1],f=r.useRef(0),d=r.useRef(null);r.useEffect((function(){d.current&&(d.current(),d.current=null)}),[u]);var p=r.useRef(!1),h=r.useRef(null),m=r.useRef(null),v=r.useRef(null);r.useEffect((function(){return function(){clearTimeout(h.current)}}),[]);var g=r.useCallback((function(e){var t=e.pulsate,n=e.rippleX,o=e.rippleY,a=e.rippleSize,l=e.cb;c((function(e){return[].concat((0,rr.Z)(e),[r.createElement(mr,{key:f.current,classes:i,timeout:550,pulsate:t,rippleX:n,rippleY:o,rippleSize:a})])})),f.current+=1,d.current=l}),[i]),y=r.useCallback((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?arguments[2]:void 0,r=t.pulsate,i=void 0!==r&&r,a=t.center,l=void 0===a?o||t.pulsate:a,s=t.fakeElement,u=void 0!==s&&s;if("mousedown"===e.type&&p.current)p.current=!1;else{"touchstart"===e.type&&(p.current=!0);var c,f,d,y=u?null:v.current,b=y?y.getBoundingClientRect():{width:0,height:0,left:0,top:0};if(l||0===e.clientX&&0===e.clientY||!e.clientX&&!e.touches)c=Math.round(b.width/2),f=Math.round(b.height/2);else{var w=e.touches?e.touches[0]:e,x=w.clientX,E=w.clientY;c=Math.round(x-b.left),f=Math.round(E-b.top)}if(l)(d=Math.sqrt((2*Math.pow(b.width,2)+Math.pow(b.height,2))/3))%2==0&&(d+=1);else{var _=2*Math.max(Math.abs((y?y.clientWidth:0)-c),c)+2,S=2*Math.max(Math.abs((y?y.clientHeight:0)-f),f)+2;d=Math.sqrt(Math.pow(_,2)+Math.pow(S,2))}e.touches?null===m.current&&(m.current=function(){g({pulsate:i,rippleX:c,rippleY:f,rippleSize:d,cb:n})},h.current=setTimeout((function(){m.current&&(m.current(),m.current=null)}),80)):g({pulsate:i,rippleX:c,rippleY:f,rippleSize:d,cb:n})}}),[o,g]),b=r.useCallback((function(){y({},{pulsate:!0})}),[y]),w=r.useCallback((function(e,t){if(clearTimeout(h.current),"touchend"===e.type&&m.current)return e.persist(),m.current(),m.current=null,void(h.current=setTimeout((function(){w(e,t)})));m.current=null,c((function(e){return e.length>0?e.slice(1):e})),d.current=t}),[]);return r.useImperativeHandle(t,(function(){return{pulsate:b,start:y,stop:w}}),[b,y,w]),r.createElement("span",(0,$n.Z)({className:(0,Xn.Z)(i.root,a),ref:v},l),r.createElement(pr,{component:null,exit:!0},u))})),gr=(0,Jn.Z)((function(e){return{root:{overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"},ripple:{opacity:0,position:"absolute"},rippleVisible:{opacity:.3,transform:"scale(1)",animation:"$enter ".concat(550,"ms ").concat(e.transitions.easing.easeInOut)},ripplePulsate:{animationDuration:"".concat(e.transitions.duration.shorter,"ms")},child:{opacity:1,display:"block",width:"100%",height:"100%",borderRadius:"50%",backgroundColor:"currentColor"},childLeaving:{opacity:0,animation:"$exit ".concat(550,"ms ").concat(e.transitions.easing.easeInOut)},childPulsate:{position:"absolute",left:0,top:0,animation:"$pulsate 2500ms ".concat(e.transitions.easing.easeInOut," 200ms infinite")},"@keyframes enter":{"0%":{transform:"scale(0)",opacity:.1},"100%":{transform:"scale(1)",opacity:.3}},"@keyframes exit":{"0%":{opacity:1},"100%":{opacity:0}},"@keyframes pulsate":{"0%":{transform:"scale(1)"},"50%":{transform:"scale(0.92)"},"100%":{transform:"scale(1)"}}}}),{flip:!1,name:"MuiTouchRipple"})(r.memo(vr)),yr=r.forwardRef((function(e,t){var n=e.action,i=e.buttonRef,a=e.centerRipple,l=void 0!==a&&a,s=e.children,u=e.classes,c=e.className,f=e.component,d=void 0===f?"button":f,p=e.disabled,h=void 0!==p&&p,m=e.disableRipple,v=void 0!==m&&m,g=e.disableTouchRipple,y=void 0!==g&&g,b=e.focusRipple,w=void 0!==b&&b,x=e.focusVisibleClassName,E=e.onBlur,_=e.onClick,S=e.onFocus,O=e.onFocusVisible,k=e.onKeyDown,C=e.onKeyUp,P=e.onMouseDown,T=e.onMouseLeave,A=e.onMouseUp,j=e.onTouchEnd,I=e.onTouchMove,R=e.onTouchStart,D=e.onDragLeave,N=e.tabIndex,M=void 0===N?0:N,L=e.TouchRippleProps,F=e.type,B=void 0===F?"button":F,z=(0,Vn.Z)(e,["action","buttonRef","centerRipple","children","classes","className","component","disabled","disableRipple","disableTouchRipple","focusRipple","focusVisibleClassName","onBlur","onClick","onFocus","onFocusVisible","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchEnd","onTouchMove","onTouchStart","onDragLeave","tabIndex","TouchRippleProps","type"]),W=r.useRef(null);var U=r.useRef(null),Z=r.useState(!1),H=Z[0],G=Z[1];h&&H&&G(!1);var K=(0,nr.Z)(),V=K.isFocusVisible,$=K.onBlurVisible,q=K.ref;function Y(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:y;return(0,tr.Z)((function(r){return t&&t(r),!n&&U.current&&U.current[e](r),!0}))}r.useImperativeHandle(n,(function(){return{focusVisible:function(){G(!0),W.current.focus()}}}),[]),r.useEffect((function(){H&&w&&!v&&U.current.pulsate()}),[v,w,H]);var X=Y("start",P),J=Y("stop",D),Q=Y("stop",A),ee=Y("stop",(function(e){H&&e.preventDefault(),T&&T(e)})),te=Y("start",R),ne=Y("stop",j),re=Y("stop",I),oe=Y("stop",(function(e){H&&($(e),G(!1)),E&&E(e)}),!1),ie=(0,tr.Z)((function(e){W.current||(W.current=e.currentTarget),V(e)&&(G(!0),O&&O(e)),S&&S(e)})),ae=function(){var e=o.findDOMNode(W.current);return d&&"button"!==d&&!("A"===e.tagName&&e.href)},le=r.useRef(!1),se=(0,tr.Z)((function(e){w&&!le.current&&H&&U.current&&" "===e.key&&(le.current=!0,e.persist(),U.current.stop(e,(function(){U.current.start(e)}))),e.target===e.currentTarget&&ae()&&" "===e.key&&e.preventDefault(),k&&k(e),e.target===e.currentTarget&&ae()&&"Enter"===e.key&&!h&&(e.preventDefault(),_&&_(e))})),ue=(0,tr.Z)((function(e){w&&" "===e.key&&U.current&&H&&!e.defaultPrevented&&(le.current=!1,e.persist(),U.current.stop(e,(function(){U.current.pulsate(e)}))),C&&C(e),_&&e.target===e.currentTarget&&ae()&&" "===e.key&&!e.defaultPrevented&&_(e)})),ce=d;"button"===ce&&z.href&&(ce="a");var fe={};"button"===ce?(fe.type=B,fe.disabled=h):("a"===ce&&z.href||(fe.role="button"),fe["aria-disabled"]=h);var de=(0,er.Z)(i,t),pe=(0,er.Z)(q,W),he=(0,er.Z)(de,pe),me=r.useState(!1),ve=me[0],ge=me[1];r.useEffect((function(){ge(!0)}),[]);var ye=ve&&!v&&!h;return r.createElement(ce,(0,$n.Z)({className:(0,Xn.Z)(u.root,c,H&&[u.focusVisible,x],h&&u.disabled),onBlur:oe,onClick:_,onFocus:ie,onKeyDown:se,onKeyUp:ue,onMouseDown:X,onMouseLeave:ee,onMouseUp:Q,onDragLeave:J,onTouchEnd:ne,onTouchMove:re,onTouchStart:te,ref:he,tabIndex:h?-1:M},fe,z),s,ye?r.createElement(gr,(0,$n.Z)({ref:U,center:l},L)):null)})),br=(0,Jn.Z)({root:{display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle","-moz-appearance":"none","-webkit-appearance":"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},"&$disabled":{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}},disabled:{},focusVisible:{}},{name:"MuiButtonBase"})(yr),wr=n(93871),xr=r.forwardRef((function(e,t){var n=e.children,o=e.classes,i=e.className,a=e.color,l=void 0===a?"default":a,s=e.component,u=void 0===s?"button":s,c=e.disabled,f=void 0!==c&&c,d=e.disableElevation,p=void 0!==d&&d,h=e.disableFocusRipple,m=void 0!==h&&h,v=e.endIcon,g=e.focusVisibleClassName,y=e.fullWidth,b=void 0!==y&&y,w=e.size,x=void 0===w?"medium":w,E=e.startIcon,_=e.type,S=void 0===_?"button":_,O=e.variant,k=void 0===O?"text":O,C=(0,Vn.Z)(e,["children","classes","className","color","component","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"]),P=E&&r.createElement("span",{className:(0,Xn.Z)(o.startIcon,o["iconSize".concat((0,wr.Z)(x))])},E),T=v&&r.createElement("span",{className:(0,Xn.Z)(o.endIcon,o["iconSize".concat((0,wr.Z)(x))])},v);return r.createElement(br,(0,$n.Z)({className:(0,Xn.Z)(o.root,o[k],i,"inherit"===l?o.colorInherit:"default"!==l&&o["".concat(k).concat((0,wr.Z)(l))],"medium"!==x&&[o["".concat(k,"Size").concat((0,wr.Z)(x))],o["size".concat((0,wr.Z)(x))]],p&&o.disableElevation,f&&o.disabled,b&&o.fullWidth),component:u,disabled:f,focusRipple:!m,focusVisibleClassName:(0,Xn.Z)(o.focusVisible,g),ref:t,type:S},C),r.createElement("span",{className:o.label},P,n,T))})),Er=(0,Jn.Z)((function(e){return{root:(0,$n.Z)({},e.typography.button,{boxSizing:"border-box",minWidth:64,padding:"6px 16px",borderRadius:e.shape.borderRadius,color:e.palette.text.primary,transition:e.transitions.create(["background-color","box-shadow","border"],{duration:e.transitions.duration.short}),"&:hover":{textDecoration:"none",backgroundColor:(0,Qn.U1)(e.palette.text.primary,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"},"&$disabled":{backgroundColor:"transparent"}},"&$disabled":{color:e.palette.action.disabled}}),label:{width:"100%",display:"inherit",alignItems:"inherit",justifyContent:"inherit"},text:{padding:"6px 8px"},textPrimary:{color:e.palette.primary.main,"&:hover":{backgroundColor:(0,Qn.U1)(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},textSecondary:{color:e.palette.secondary.main,"&:hover":{backgroundColor:(0,Qn.U1)(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},outlined:{padding:"5px 15px",border:"1px solid ".concat("light"===e.palette.type?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"),"&$disabled":{border:"1px solid ".concat(e.palette.action.disabledBackground)}},outlinedPrimary:{color:e.palette.primary.main,border:"1px solid ".concat((0,Qn.U1)(e.palette.primary.main,.5)),"&:hover":{border:"1px solid ".concat(e.palette.primary.main),backgroundColor:(0,Qn.U1)(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},outlinedSecondary:{color:e.palette.secondary.main,border:"1px solid ".concat((0,Qn.U1)(e.palette.secondary.main,.5)),"&:hover":{border:"1px solid ".concat(e.palette.secondary.main),backgroundColor:(0,Qn.U1)(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},"&$disabled":{border:"1px solid ".concat(e.palette.action.disabled)}},contained:{color:e.palette.getContrastText(e.palette.grey[300]),backgroundColor:e.palette.grey[300],boxShadow:e.shadows[2],"&:hover":{backgroundColor:e.palette.grey.A100,boxShadow:e.shadows[4],"@media (hover: none)":{boxShadow:e.shadows[2],backgroundColor:e.palette.grey[300]},"&$disabled":{backgroundColor:e.palette.action.disabledBackground}},"&$focusVisible":{boxShadow:e.shadows[6]},"&:active":{boxShadow:e.shadows[8]},"&$disabled":{color:e.palette.action.disabled,boxShadow:e.shadows[0],backgroundColor:e.palette.action.disabledBackground}},containedPrimary:{color:e.palette.primary.contrastText,backgroundColor:e.palette.primary.main,"&:hover":{backgroundColor:e.palette.primary.dark,"@media (hover: none)":{backgroundColor:e.palette.primary.main}}},containedSecondary:{color:e.palette.secondary.contrastText,backgroundColor:e.palette.secondary.main,"&:hover":{backgroundColor:e.palette.secondary.dark,"@media (hover: none)":{backgroundColor:e.palette.secondary.main}}},disableElevation:{boxShadow:"none","&:hover":{boxShadow:"none"},"&$focusVisible":{boxShadow:"none"},"&:active":{boxShadow:"none"},"&$disabled":{boxShadow:"none"}},focusVisible:{},disabled:{},colorInherit:{color:"inherit",borderColor:"currentColor"},textSizeSmall:{padding:"4px 5px",fontSize:e.typography.pxToRem(13)},textSizeLarge:{padding:"8px 11px",fontSize:e.typography.pxToRem(15)},outlinedSizeSmall:{padding:"3px 9px",fontSize:e.typography.pxToRem(13)},outlinedSizeLarge:{padding:"7px 21px",fontSize:e.typography.pxToRem(15)},containedSizeSmall:{padding:"4px 10px",fontSize:e.typography.pxToRem(13)},containedSizeLarge:{padding:"8px 22px",fontSize:e.typography.pxToRem(15)},sizeSmall:{},sizeLarge:{},fullWidth:{width:"100%"},startIcon:{display:"inherit",marginRight:8,marginLeft:-4,"&$iconSizeSmall":{marginLeft:-2}},endIcon:{display:"inherit",marginRight:-4,marginLeft:8,"&$iconSizeSmall":{marginRight:-2}},iconSizeSmall:{"& > *:first-child":{fontSize:18}},iconSizeMedium:{"& > *:first-child":{fontSize:20}},iconSizeLarge:{"& > *:first-child":{fontSize:22}}}}),{name:"MuiButton"})(xr),_r=n(47964),Sr=r.createContext(null);var Or=function(e){e()},kr=function(){return Or},Cr={notify:function(){}};var Pr=function(){function e(e,t){this.store=e,this.parentSub=t,this.unsubscribe=null,this.listeners=Cr,this.handleChangeWrapper=this.handleChangeWrapper.bind(this)}var t=e.prototype;return t.addNestedSub=function(e){return this.trySubscribe(),this.listeners.subscribe(e)},t.notifyNestedSubs=function(){this.listeners.notify()},t.handleChangeWrapper=function(){this.onStateChange&&this.onStateChange()},t.isSubscribed=function(){return Boolean(this.unsubscribe)},t.trySubscribe=function(){this.unsubscribe||(this.unsubscribe=this.parentSub?this.parentSub.addNestedSub(this.handleChangeWrapper):this.store.subscribe(this.handleChangeWrapper),this.listeners=function(){var e=kr(),t=null,n=null;return{clear:function(){t=null,n=null},notify:function(){e((function(){for(var e=t;e;)e.callback(),e=e.next}))},get:function(){for(var e=[],n=t;n;)e.push(n),n=n.next;return e},subscribe:function(e){var r=!0,o=n={callback:e,next:null,prev:n};return o.prev?o.prev.next=o:t=o,function(){r&&null!==t&&(r=!1,o.next?o.next.prev=o.prev:n=o.prev,o.prev?o.prev.next=o.next:t=o.next)}}}}())},t.tryUnsubscribe=function(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=null,this.listeners.clear(),this.listeners=Cr)},e}(),Tr="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?r.useLayoutEffect:r.useEffect;var Ar=function(e){var t=e.store,n=e.context,o=e.children,i=(0,r.useMemo)((function(){var e=new Pr(t);return e.onStateChange=e.notifyNestedSubs,{store:t,subscription:e}}),[t]),a=(0,r.useMemo)((function(){return t.getState()}),[t]);Tr((function(){var e=i.subscription;return e.trySubscribe(),a!==t.getState()&&e.notifyNestedSubs(),function(){e.tryUnsubscribe(),e.onStateChange=null}}),[i,a]);var l=n||Sr;return r.createElement(l.Provider,{value:i},o)},jr=n(8679),Ir=n.n(jr),Rr=n(72973),Dr=[],Nr=[null,null];function Mr(e,t){var n=e[1];return[t.payload,n+1]}function Lr(e,t,n){Tr((function(){return e.apply(void 0,t)}),n)}function Fr(e,t,n,r,o,i,a){e.current=r,t.current=o,n.current=!1,i.current&&(i.current=null,a())}function Br(e,t,n,r,o,i,a,l,s,u){if(e){var c=!1,f=null,d=function(){if(!c){var e,n,d=t.getState();try{e=r(d,o.current)}catch(e){n=e,f=e}n||(f=null),e===i.current?a.current||s():(i.current=e,l.current=e,a.current=!0,u({type:"STORE_UPDATED",payload:{error:n}}))}};n.onStateChange=d,n.trySubscribe(),d();return function(){if(c=!0,n.tryUnsubscribe(),n.onStateChange=null,f)throw f}}}var zr=function(){return[null,0]};function Wr(e,t){void 0===t&&(t={});var n=t,o=n.getDisplayName,i=void 0===o?function(e){return"ConnectAdvanced("+e+")"}:o,a=n.methodName,l=void 0===a?"connectAdvanced":a,s=n.renderCountProp,u=void 0===s?void 0:s,c=n.shouldHandleStateChanges,f=void 0===c||c,d=n.storeKey,p=void 0===d?"store":d,h=(n.withRef,n.forwardRef),m=void 0!==h&&h,v=n.context,g=void 0===v?Sr:v,y=(0,or.Z)(n,["getDisplayName","methodName","renderCountProp","shouldHandleStateChanges","storeKey","withRef","forwardRef","context"]),b=g;return function(t){var n=t.displayName||t.name||"Component",o=i(n),a=(0,$n.Z)({},y,{getDisplayName:i,methodName:l,renderCountProp:u,shouldHandleStateChanges:f,storeKey:p,displayName:o,wrappedComponentName:n,WrappedComponent:t}),s=y.pure;var c=s?r.useMemo:function(e){return e()};function d(n){var o=(0,r.useMemo)((function(){var e=n.reactReduxForwardedRef,t=(0,or.Z)(n,["reactReduxForwardedRef"]);return[n.context,e,t]}),[n]),i=o[0],l=o[1],s=o[2],u=(0,r.useMemo)((function(){return i&&i.Consumer&&(0,Rr.isContextConsumer)(r.createElement(i.Consumer,null))?i:b}),[i,b]),d=(0,r.useContext)(u),p=Boolean(n.store)&&Boolean(n.store.getState)&&Boolean(n.store.dispatch);Boolean(d)&&Boolean(d.store);var h=p?n.store:d.store,m=(0,r.useMemo)((function(){return function(t){return e(t.dispatch,a)}(h)}),[h]),v=(0,r.useMemo)((function(){if(!f)return Nr;var e=new Pr(h,p?null:d.subscription),t=e.notifyNestedSubs.bind(e);return[e,t]}),[h,p,d]),g=v[0],y=v[1],w=(0,r.useMemo)((function(){return p?d:(0,$n.Z)({},d,{subscription:g})}),[p,d,g]),x=(0,r.useReducer)(Mr,Dr,zr),E=x[0][0],_=x[1];if(E&&E.error)throw E.error;var S=(0,r.useRef)(),O=(0,r.useRef)(s),k=(0,r.useRef)(),C=(0,r.useRef)(!1),P=c((function(){return k.current&&s===O.current?k.current:m(h.getState(),s)}),[h,E,s]);Lr(Fr,[O,S,C,s,P,k,y]),Lr(Br,[f,h,g,m,O,S,C,k,y,_],[h,g,m]);var T=(0,r.useMemo)((function(){return r.createElement(t,(0,$n.Z)({},P,{ref:l}))}),[l,t,P]);return(0,r.useMemo)((function(){return f?r.createElement(u.Provider,{value:w},T):T}),[u,T,w])}var h=s?r.memo(d):d;if(h.WrappedComponent=t,h.displayName=o,m){var v=r.forwardRef((function(e,t){return r.createElement(h,(0,$n.Z)({},e,{reactReduxForwardedRef:t}))}));return v.displayName=o,v.WrappedComponent=t,Ir()(v,t)}return Ir()(h,t)}}function Ur(e,t){return e===t?0!==e||0!==t||1/e==1/t:e!=e&&t!=t}function Zr(e,t){if(Ur(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(var o=0;o<n.length;o++)if(!Object.prototype.hasOwnProperty.call(t,n[o])||!Ur(e[n[o]],t[n[o]]))return!1;return!0}function Hr(e){return function(t,n){var r=e(t,n);function o(){return r}return o.dependsOnOwnProps=!1,o}}function Gr(e){return null!==e.dependsOnOwnProps&&void 0!==e.dependsOnOwnProps?Boolean(e.dependsOnOwnProps):1!==e.length}function Kr(e,t){return function(t,n){n.displayName;var r=function(e,t){return r.dependsOnOwnProps?r.mapToProps(e,t):r.mapToProps(e)};return r.dependsOnOwnProps=!0,r.mapToProps=function(t,n){r.mapToProps=e,r.dependsOnOwnProps=Gr(e);var o=r(t,n);return"function"==typeof o&&(r.mapToProps=o,r.dependsOnOwnProps=Gr(o),o=r(t,n)),o},r}}var Vr=[function(e){return"function"==typeof e?Kr(e):void 0},function(e){return e?void 0:Hr((function(e){return{dispatch:e}}))},function(e){return e&&"object"==typeof e?Hr((function(t){return d(e,t)})):void 0}];var $r=[function(e){return"function"==typeof e?Kr(e):void 0},function(e){return e?void 0:Hr((function(){return{}}))}];function qr(e,t,n){return(0,$n.Z)({},n,e,t)}var Yr=[function(e){return"function"==typeof e?function(e){return function(t,n){n.displayName;var r,o=n.pure,i=n.areMergedPropsEqual,a=!1;return function(t,n,l){var s=e(t,n,l);return a?o&&i(s,r)||(r=s):(a=!0,r=s),r}}}(e):void 0},function(e){return e?void 0:function(){return qr}}];function Xr(e,t,n,r){return function(o,i){return n(e(o,i),t(r,i),i)}}function Jr(e,t,n,r,o){var i,a,l,s,u,c=o.areStatesEqual,f=o.areOwnPropsEqual,d=o.areStatePropsEqual,p=!1;function h(o,p){var h,m,v=!f(p,a),g=!c(o,i);return i=o,a=p,v&&g?(l=e(i,a),t.dependsOnOwnProps&&(s=t(r,a)),u=n(l,s,a)):v?(e.dependsOnOwnProps&&(l=e(i,a)),t.dependsOnOwnProps&&(s=t(r,a)),u=n(l,s,a)):g?(h=e(i,a),m=!d(h,l),l=h,m&&(u=n(l,s,a)),u):u}return function(o,c){return p?h(o,c):(l=e(i=o,a=c),s=t(r,a),u=n(l,s,a),p=!0,u)}}function Qr(e,t){var n=t.initMapStateToProps,r=t.initMapDispatchToProps,o=t.initMergeProps,i=(0,or.Z)(t,["initMapStateToProps","initMapDispatchToProps","initMergeProps"]),a=n(e,i),l=r(e,i),s=o(e,i);return(i.pure?Jr:Xr)(a,l,s,e,i)}function eo(e,t,n){for(var r=t.length-1;r>=0;r--){var o=t[r](e);if(o)return o}return function(t,r){throw new Error("Invalid value of type "+typeof e+" for "+n+" argument when connecting component "+r.wrappedComponentName+".")}}function to(e,t){return e===t}function no(e){var t=void 0===e?{}:e,n=t.connectHOC,r=void 0===n?Wr:n,o=t.mapStateToPropsFactories,i=void 0===o?$r:o,a=t.mapDispatchToPropsFactories,l=void 0===a?Vr:a,s=t.mergePropsFactories,u=void 0===s?Yr:s,c=t.selectorFactory,f=void 0===c?Qr:c;return function(e,t,n,o){void 0===o&&(o={});var a=o,s=a.pure,c=void 0===s||s,d=a.areStatesEqual,p=void 0===d?to:d,h=a.areOwnPropsEqual,m=void 0===h?Zr:h,v=a.areStatePropsEqual,g=void 0===v?Zr:v,y=a.areMergedPropsEqual,b=void 0===y?Zr:y,w=(0,or.Z)(a,["pure","areStatesEqual","areOwnPropsEqual","areStatePropsEqual","areMergedPropsEqual"]),x=eo(e,i,"mapStateToProps"),E=eo(t,l,"mapDispatchToProps"),_=eo(n,u,"mergeProps");return r(f,(0,$n.Z)({methodName:"connect",getDisplayName:function(e){return"Connect("+e+")"},shouldHandleStateChanges:Boolean(e),initMapStateToProps:x,initMapDispatchToProps:E,initMergeProps:_,pure:c,areStatesEqual:p,areOwnPropsEqual:m,areStatePropsEqual:g,areMergedPropsEqual:b},w))}}var ro=no();function oo(){return(0,r.useContext)(Sr)}function io(e){void 0===e&&(e=Sr);var t=e===Sr?oo:function(){return(0,r.useContext)(e)};return function(){return t().store}}var ao=io();function lo(e){void 0===e&&(e=Sr);var t=e===Sr?ao:io(e);return function(){return t().dispatch}}var so=lo();var uo;function co(){return(co=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)}uo=o.unstable_batchedUpdates,Or=uo;var fo=ro((function(e,t){return{preference:e.settings.show_tooltips,props:t}}))((function(e){var t=e.props,n=e.preference;return n?r.createElement(_r.Tooltip,co({title:null,html:t.content},t,{disabled:!n||t.disabled}),t.children):t.children}));n(59864);Er.styles;var po=r.forwardRef((function(e,t){var n=e.children,o=e.classes,i=e.className,a=e.color,l=void 0===a?"default":a,s=e.component,u=void 0===s?"div":s,c=e.disabled,f=void 0!==c&&c,d=e.disableElevation,p=void 0!==d&&d,h=e.disableFocusRipple,m=void 0!==h&&h,v=e.disableRipple,g=void 0!==v&&v,y=e.fullWidth,b=void 0!==y&&y,w=e.orientation,x=void 0===w?"horizontal":w,E=e.size,_=void 0===E?"medium":E,S=e.variant,O=void 0===S?"outlined":S,k=(0,Vn.Z)(e,["children","classes","className","color","component","disabled","disableElevation","disableFocusRipple","disableRipple","fullWidth","orientation","size","variant"]),C=(0,Xn.Z)(o.grouped,o["grouped".concat((0,wr.Z)(x))],o["grouped".concat((0,wr.Z)(O))],o["grouped".concat((0,wr.Z)(O)).concat((0,wr.Z)(x))],o["grouped".concat((0,wr.Z)(O)).concat("default"!==l?(0,wr.Z)(l):"")],f&&o.disabled);return r.createElement(u,(0,$n.Z)({role:"group",className:(0,Xn.Z)(o.root,i,b&&o.fullWidth,p&&o.disableElevation,"contained"===O&&o.contained,"vertical"===x&&o.vertical),ref:t},k),r.Children.map(n,(function(e){return r.isValidElement(e)?r.cloneElement(e,{className:(0,Xn.Z)(C,e.props.className),color:e.props.color||l,disabled:e.props.disabled||f,disableElevation:e.props.disableElevation||p,disableFocusRipple:m,disableRipple:g,fullWidth:b,size:e.props.size||_,variant:e.props.variant||O}):null})))})),ho=(0,Jn.Z)((function(e){return{root:{display:"inline-flex",borderRadius:e.shape.borderRadius},contained:{boxShadow:e.shadows[2]},disableElevation:{boxShadow:"none"},disabled:{},fullWidth:{width:"100%"},vertical:{flexDirection:"column"},grouped:{minWidth:40},groupedHorizontal:{"&:not(:first-child)":{borderTopLeftRadius:0,borderBottomLeftRadius:0},"&:not(:last-child)":{borderTopRightRadius:0,borderBottomRightRadius:0}},groupedVertical:{"&:not(:first-child)":{borderTopRightRadius:0,borderTopLeftRadius:0},"&:not(:last-child)":{borderBottomRightRadius:0,borderBottomLeftRadius:0}},groupedText:{},groupedTextHorizontal:{"&:not(:last-child)":{borderRight:"1px solid ".concat("light"===e.palette.type?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)")}},groupedTextVertical:{"&:not(:last-child)":{borderBottom:"1px solid ".concat("light"===e.palette.type?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)")}},groupedTextPrimary:{"&:not(:last-child)":{borderColor:(0,Qn.U1)(e.palette.primary.main,.5)}},groupedTextSecondary:{"&:not(:last-child)":{borderColor:(0,Qn.U1)(e.palette.secondary.main,.5)}},groupedOutlined:{},groupedOutlinedHorizontal:{"&:not(:first-child)":{marginLeft:-1},"&:not(:last-child)":{borderRightColor:"transparent"}},groupedOutlinedVertical:{"&:not(:first-child)":{marginTop:-1},"&:not(:last-child)":{borderBottomColor:"transparent"}},groupedOutlinedPrimary:{"&:hover":{borderColor:e.palette.primary.main}},groupedOutlinedSecondary:{"&:hover":{borderColor:e.palette.secondary.main}},groupedContained:{boxShadow:"none"},groupedContainedHorizontal:{"&:not(:last-child)":{borderRight:"1px solid ".concat(e.palette.grey[400]),"&$disabled":{borderRight:"1px solid ".concat(e.palette.action.disabled)}}},groupedContainedVertical:{"&:not(:last-child)":{borderBottom:"1px solid ".concat(e.palette.grey[400]),"&$disabled":{borderBottom:"1px solid ".concat(e.palette.action.disabled)}}},groupedContainedPrimary:{"&:not(:last-child)":{borderColor:e.palette.primary.dark}},groupedContainedSecondary:{"&:not(:last-child)":{borderColor:e.palette.secondary.dark}}}}),{name:"MuiButtonGroup"})(po);function mo(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("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 vo(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 vo(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 vo(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 go(){var e=mo((0,r.useState)("desktop"),2),t=e[0],n=e[1];function o(e){e!==n&&(n(e),document.querySelector(".buttonizer-preview").className=(0,Xn.Z)("buttonizer-preview","mobile"===e&&"frame-size-mobile","tablet"===e&&"frame-size-tablet"))}return r.createElement("div",{className:"device-preview"},r.createElement(ho,{color:"primary"},r.createElement(fo,{content:M("bar.preview.desktop")},r.createElement(Er,{onClick:function(){return o("desktop")},variant:"desktop"===t?"contained":null,color:"primary","data-testid":"desktop"},r.createElement("i",{className:"fas fa-desktop"}))),r.createElement(fo,{content:M("bar.preview.tablet")},r.createElement(Er,{onClick:function(){return o("tablet")},variant:"tablet"===t?"contained":null,color:"primary","data-testid":"tablet"},r.createElement("i",{className:"fas fa-tablet-alt"}))),r.createElement(fo,{content:M("bar.preview.mobile")},r.createElement(Er,{onClick:function(){return o("mobile")},variant:"mobile"===t?"contained":null,color:"primary","data-testid":"mobile"},r.createElement("i",{className:"fas fa-mobile-alt"})))))}function yo(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("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 bo(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 bo(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 bo(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 wo=ro((function(e){return{hasChanges:e.misc.hasChanges}}))((function(e){var t=e.hasChanges,n=yo((0,r.useState)(!1),2),o=n[0],i=n[1],a=yo((0,r.useState)(!1),2),l=a[0],s=a[1];return r.createElement(Er,{onClick:function(){return i(!0),void ut("/publish",{method:"POST",data:{nonce:buttonizer_admin.nonce}}).then((function(e){var t=e.status,n=e.message;if(i(!1),"error"===t)return app.loader.hide(),void app.error({message:n});app.setHasChanges(!1),s(!0),setTimeout((function(){s(!1)}),3e3)})).catch((function(e){e.code,i(!1)}))},disabled:o||!1===t,variant:"contained",color:"primary","data-testid":"publish-button",className:"MuiButton-Publish"},M(o?"common.publishing":l?"common.published":"common.publish"))})),xo=n(96156),Eo=n(159),_o=n(93869),So=n(30626),Oo=n(34236);var ko="undefined"!=typeof window?r.useLayoutEffect:r.useEffect;var Co=r.forwardRef((function(e,t){var n=e.children,i=e.container,a=e.disablePortal,l=void 0!==a&&a,s=e.onRendered,u=r.useState(null),c=u[0],f=u[1],d=(0,er.Z)(r.isValidElement(n)?n.ref:null,t);return ko((function(){l||f(function(e){return e="function"==typeof e?e():e,o.findDOMNode(e)}(i)||document.body)}),[i,l]),ko((function(){if(c&&!l)return(0,Oo.Z)(t,c),function(){(0,Oo.Z)(t,null)}}),[t,c,l]),ko((function(){s&&(c||l)&&s()}),[s,c,l]),l?r.isValidElement(n)?r.cloneElement(n,{ref:d}):n:c?o.createPortal(n,c):c})),Po=n(82568),To=n(92781);var Ao=n(5991);function jo(){var e=document.createElement("div");e.style.width="99px",e.style.height="99px",e.style.position="absolute",e.style.top="-9999px",e.style.overflow="scroll",document.body.appendChild(e);var t=e.offsetWidth-e.clientWidth;return document.body.removeChild(e),t}var Io=n(80713);function Ro(e,t){t?e.setAttribute("aria-hidden","true"):e.removeAttribute("aria-hidden")}function Do(e){return parseInt(window.getComputedStyle(e)["padding-right"],10)||0}function No(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],o=arguments.length>4?arguments[4]:void 0,i=[t,n].concat((0,rr.Z)(r)),a=["TEMPLATE","SCRIPT","STYLE"];[].forEach.call(e.children,(function(e){1===e.nodeType&&-1===i.indexOf(e)&&-1===a.indexOf(e.tagName)&&Ro(e,o)}))}function Mo(e,t){var n=-1;return e.some((function(e,r){return!!t(e)&&(n=r,!0)})),n}function Lo(e,t){var n,r=[],o=[],i=e.container;if(!t.disableScrollLock){if(function(e){var t=(0,So.Z)(e);return t.body===e?(0,Io.Z)(t).innerWidth>t.documentElement.clientWidth:e.scrollHeight>e.clientHeight}(i)){var a=jo();r.push({value:i.style.paddingRight,key:"padding-right",el:i}),i.style["padding-right"]="".concat(Do(i)+a,"px"),n=(0,So.Z)(i).querySelectorAll(".mui-fixed"),[].forEach.call(n,(function(e){o.push(e.style.paddingRight),e.style.paddingRight="".concat(Do(e)+a,"px")}))}var l=i.parentElement,s="HTML"===l.nodeName&&"scroll"===window.getComputedStyle(l)["overflow-y"]?l:i;r.push({value:s.style.overflow,key:"overflow",el:s}),s.style.overflow="hidden"}return function(){n&&[].forEach.call(n,(function(e,t){o[t]?e.style.paddingRight=o[t]:e.style.removeProperty("padding-right")})),r.forEach((function(e){var t=e.value,n=e.el,r=e.key;t?n.style.setProperty(r,t):n.style.removeProperty(r)}))}}var Fo=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.modals=[],this.containers=[]}return(0,Ao.Z)(e,[{key:"add",value:function(e,t){var n=this.modals.indexOf(e);if(-1!==n)return n;n=this.modals.length,this.modals.push(e),e.modalRef&&Ro(e.modalRef,!1);var r=function(e){var t=[];return[].forEach.call(e.children,(function(e){e.getAttribute&&"true"===e.getAttribute("aria-hidden")&&t.push(e)})),t}(t);No(t,e.mountNode,e.modalRef,r,!0);var o=Mo(this.containers,(function(e){return e.container===t}));return-1!==o?(this.containers[o].modals.push(e),n):(this.containers.push({modals:[e],container:t,restore:null,hiddenSiblingNodes:r}),n)}},{key:"mount",value:function(e,t){var n=Mo(this.containers,(function(t){return-1!==t.modals.indexOf(e)})),r=this.containers[n];r.restore||(r.restore=Lo(r,t))}},{key:"remove",value:function(e){var t=this.modals.indexOf(e);if(-1===t)return t;var n=Mo(this.containers,(function(t){return-1!==t.modals.indexOf(e)})),r=this.containers[n];if(r.modals.splice(r.modals.indexOf(e),1),this.modals.splice(t,1),0===r.modals.length)r.restore&&r.restore(),e.modalRef&&Ro(e.modalRef,!0),No(r.container,e.mountNode,e.modalRef,r.hiddenSiblingNodes,!1),this.containers.splice(n,1);else{var o=r.modals[r.modals.length-1];o.modalRef&&Ro(o.modalRef,!1)}return t}},{key:"isTopModal",value:function(e){return this.modals.length>0&&this.modals[this.modals.length-1]===e}}]),e}();var Bo=function(e){var t=e.children,n=e.disableAutoFocus,i=void 0!==n&&n,a=e.disableEnforceFocus,l=void 0!==a&&a,s=e.disableRestoreFocus,u=void 0!==s&&s,c=e.getDoc,f=e.isEnabled,d=e.open,p=r.useRef(),h=r.useRef(null),m=r.useRef(null),v=r.useRef(),g=r.useRef(null),y=r.useCallback((function(e){g.current=o.findDOMNode(e)}),[]),b=(0,er.Z)(t.ref,y),w=r.useRef();return r.useEffect((function(){w.current=d}),[d]),!w.current&&d&&"undefined"!=typeof window&&(v.current=c().activeElement),r.useEffect((function(){if(d){var e=(0,So.Z)(g.current);i||!g.current||g.current.contains(e.activeElement)||(g.current.hasAttribute("tabIndex")||g.current.setAttribute("tabIndex",-1),g.current.focus());var t=function(){null!==g.current&&(e.hasFocus()&&!l&&f()&&!p.current?g.current&&!g.current.contains(e.activeElement)&&g.current.focus():p.current=!1)},n=function(t){!l&&f()&&9===t.keyCode&&e.activeElement===g.current&&(p.current=!0,t.shiftKey?m.current.focus():h.current.focus())};e.addEventListener("focus",t,!0),e.addEventListener("keydown",n,!0);var r=setInterval((function(){t()}),50);return function(){clearInterval(r),e.removeEventListener("focus",t,!0),e.removeEventListener("keydown",n,!0),u||(v.current&&v.current.focus&&v.current.focus(),v.current=null)}}}),[i,l,u,f,d]),r.createElement(r.Fragment,null,r.createElement("div",{tabIndex:0,ref:h,"data-test":"sentinelStart"}),r.cloneElement(t,{ref:b}),r.createElement("div",{tabIndex:0,ref:m,"data-test":"sentinelEnd"}))},zo={root:{zIndex:-1,position:"fixed",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent"},invisible:{backgroundColor:"transparent"}},Wo=r.forwardRef((function(e,t){var n=e.invisible,o=void 0!==n&&n,i=e.open,a=(0,Vn.Z)(e,["invisible","open"]);return i?r.createElement("div",(0,$n.Z)({"aria-hidden":!0,ref:t},a,{style:(0,$n.Z)({},zo.root,o?zo.invisible:{},a.style)})):null}));var Uo=new Fo,Zo=r.forwardRef((function(e,t){var n=(0,Eo.Z)(),i=(0,_o.Z)({name:"MuiModal",props:(0,$n.Z)({},e),theme:n}),a=i.BackdropComponent,l=void 0===a?Wo:a,s=i.BackdropProps,u=i.children,c=i.closeAfterTransition,f=void 0!==c&&c,d=i.container,p=i.disableAutoFocus,h=void 0!==p&&p,m=i.disableBackdropClick,v=void 0!==m&&m,g=i.disableEnforceFocus,y=void 0!==g&&g,b=i.disableEscapeKeyDown,w=void 0!==b&&b,x=i.disablePortal,E=void 0!==x&&x,_=i.disableRestoreFocus,S=void 0!==_&&_,O=i.disableScrollLock,k=void 0!==O&&O,C=i.hideBackdrop,P=void 0!==C&&C,T=i.keepMounted,A=void 0!==T&&T,j=i.manager,I=void 0===j?Uo:j,R=i.onBackdropClick,D=i.onClose,N=i.onEscapeKeyDown,M=i.onRendered,L=i.open,F=(0,Vn.Z)(i,["BackdropComponent","BackdropProps","children","closeAfterTransition","container","disableAutoFocus","disableBackdropClick","disableEnforceFocus","disableEscapeKeyDown","disablePortal","disableRestoreFocus","disableScrollLock","hideBackdrop","keepMounted","manager","onBackdropClick","onClose","onEscapeKeyDown","onRendered","open"]),B=r.useState(!0),z=B[0],W=B[1],U=r.useRef({}),Z=r.useRef(null),H=r.useRef(null),G=(0,er.Z)(H,t),K=function(e){return!!e.children&&e.children.props.hasOwnProperty("in")}(i),V=function(){return(0,So.Z)(Z.current)},$=function(){return U.current.modalRef=H.current,U.current.mountNode=Z.current,U.current},q=function(){I.mount($(),{disableScrollLock:k}),H.current.scrollTop=0},Y=(0,tr.Z)((function(){var e=function(e){return e="function"==typeof e?e():e,o.findDOMNode(e)}(d)||V().body;I.add($(),e),H.current&&q()})),X=r.useCallback((function(){return I.isTopModal($())}),[I]),J=(0,tr.Z)((function(e){Z.current=e,e&&(M&&M(),L&&X()?q():Ro(H.current,!0))})),Q=r.useCallback((function(){I.remove($())}),[I]);if(r.useEffect((function(){return function(){Q()}}),[Q]),r.useEffect((function(){L?Y():K&&f||Q()}),[L,Q,K,f,Y]),!A&&!L&&(!K||z))return null;var ee=function(e){return{root:{position:"fixed",zIndex:e.zIndex.modal,right:0,bottom:0,top:0,left:0},hidden:{visibility:"hidden"}}}(n||{zIndex:To.Z}),te={};return void 0===u.props.tabIndex&&(te.tabIndex=u.props.tabIndex||"-1"),K&&(te.onEnter=(0,Po.Z)((function(){W(!1)}),u.props.onEnter),te.onExited=(0,Po.Z)((function(){W(!0),f&&Q()}),u.props.onExited)),r.createElement(Co,{ref:J,container:d,disablePortal:E},r.createElement("div",(0,$n.Z)({ref:G,onKeyDown:function(e){"Escape"===e.key&&X()&&(N&&N(e),w||(e.stopPropagation(),D&&D(e,"escapeKeyDown")))},role:"presentation"},F,{style:(0,$n.Z)({},ee.root,!L&&z?ee.hidden:{},F.style)}),P?null:r.createElement(l,(0,$n.Z)({open:L,onClick:function(e){e.target===e.currentTarget&&(R&&R(e),!v&&D&&D(e,"backdropClick"))}},s)),r.createElement(Bo,{disableEnforceFocus:y,disableAutoFocus:h,disableRestoreFocus:S,getDoc:V,isEnabled:X,open:L},r.cloneElement(u,te))))})),Ho=n(34699),Go=!1,Ko=function(e){function t(t,n){var r;r=e.call(this,t,n)||this;var o,i=n&&!n.isMounting?t.enter:t.appear;return r.appearStatus=null,t.in?i?(o="exited",r.appearStatus="entering"):o="entered":o=t.unmountOnExit||t.mountOnEnter?"unmounted":"exited",r.state={status:o},r.nextCallback=null,r}(0,ar.Z)(t,e),t.getDerivedStateFromProps=function(e,t){return e.in&&"unmounted"===t.status?{status:"exited"}:null};var n=t.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?"entering"!==n&&"entered"!==n&&(t="entering"):"entering"!==n&&"entered"!==n||(t="exiting")}this.updateStatus(!1,t)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var e,t,n,r=this.props.timeout;return e=t=n=r,null!=r&&"number"!=typeof r&&(e=r.exit,t=r.enter,n=void 0!==r.appear?r.appear:t),{exit:e,enter:t,appear:n}},n.updateStatus=function(e,t){void 0===e&&(e=!1),null!==t?(this.cancelNextCallback(),"entering"===t?this.performEnter(e):this.performExit()):this.props.unmountOnExit&&"exited"===this.state.status&&this.setState({status:"unmounted"})},n.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,i=this.props.nodeRef?[r]:[o.findDOMNode(this),r],a=i[0],l=i[1],s=this.getTimeouts(),u=r?s.appear:s.enter;!e&&!n||Go?this.safeSetState({status:"entered"},(function(){t.props.onEntered(a)})):(this.props.onEnter(a,l),this.safeSetState({status:"entering"},(function(){t.props.onEntering(a,l),t.onTransitionEnd(u,(function(){t.safeSetState({status:"entered"},(function(){t.props.onEntered(a,l)}))}))})))},n.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:o.findDOMNode(this);t&&!Go?(this.props.onExit(r),this.safeSetState({status:"exiting"},(function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,(function(){e.safeSetState({status:"exited"},(function(){e.props.onExited(r)}))}))}))):this.safeSetState({status:"exited"},(function(){e.props.onExited(r)}))},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},n.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:o.findDOMNode(this),r=null==e&&!this.props.addEndListener;if(n&&!r){if(this.props.addEndListener){var i=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],a=i[0],l=i[1];this.props.addEndListener(a,l)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},n.render=function(){var e=this.state.status;if("unmounted"===e)return null;var t=this.props,n=t.children,o=(t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef,(0,or.Z)(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return r.createElement(lr.Provider,{value:null},"function"==typeof n?n(e,o):r.cloneElement(r.Children.only(n),o))},t}(r.Component);function Vo(){}Ko.contextType=lr,Ko.propTypes={},Ko.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:Vo,onEntering:Vo,onEntered:Vo,onExit:Vo,onExiting:Vo,onExited:Vo},Ko.UNMOUNTED="unmounted",Ko.EXITED="exited",Ko.ENTERING="entering",Ko.ENTERED="entered",Ko.EXITING="exiting";var $o=Ko,qo=n(43366),Yo=n(99700);function Xo(){return(0,Eo.Z)()||Yo.Z}var Jo=function(e){return e.scrollTop};function Qo(e,t){var n=e.timeout,r=e.style,o=void 0===r?{}:r;return{duration:o.transitionDuration||"number"==typeof n?n:n[t.mode]||0,delay:o.transitionDelay}}var ei={entering:{opacity:1},entered:{opacity:1}},ti={enter:qo.x9.enteringScreen,exit:qo.x9.leavingScreen},ni=r.forwardRef((function(e,t){var n=e.children,o=e.disableStrictModeCompat,i=void 0!==o&&o,a=e.in,l=e.onEnter,s=e.onEntered,u=e.onEntering,c=e.onExit,f=e.onExited,d=e.onExiting,p=e.style,h=e.TransitionComponent,m=void 0===h?$o:h,v=e.timeout,g=void 0===v?ti:v,y=(0,Vn.Z)(e,["children","disableStrictModeCompat","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","TransitionComponent","timeout"]),b=Xo(),w=b.unstable_strictMode&&!i,x=r.useRef(null),E=(0,er.Z)(n.ref,t),_=(0,er.Z)(w?x:void 0,E),S=function(e){return function(t,n){if(e){var r=w?[x.current,t]:[t,n],o=(0,Ho.Z)(r,2),i=o[0],a=o[1];void 0===a?e(i):e(i,a)}}},O=S(u),k=S((function(e,t){Jo(e);var n=Qo({style:p,timeout:g},{mode:"enter"});e.style.webkitTransition=b.transitions.create("opacity",n),e.style.transition=b.transitions.create("opacity",n),l&&l(e,t)})),C=S(s),P=S(d),T=S((function(e){var t=Qo({style:p,timeout:g},{mode:"exit"});e.style.webkitTransition=b.transitions.create("opacity",t),e.style.transition=b.transitions.create("opacity",t),c&&c(e)})),A=S(f);return r.createElement(m,(0,$n.Z)({appear:!0,in:a,nodeRef:w?x:void 0,onEnter:k,onEntered:C,onEntering:O,onExit:T,onExited:A,onExiting:P,timeout:g},y),(function(e,t){return r.cloneElement(n,(0,$n.Z)({style:(0,$n.Z)({opacity:0,visibility:"exited"!==e||a?void 0:"hidden"},ei[e],p,n.props.style),ref:_},t))}))})),ri=r.forwardRef((function(e,t){var n=e.children,o=e.classes,i=e.className,a=e.invisible,l=void 0!==a&&a,s=e.open,u=e.transitionDuration,c=e.TransitionComponent,f=void 0===c?ni:c,d=(0,Vn.Z)(e,["children","classes","className","invisible","open","transitionDuration","TransitionComponent"]);return r.createElement(f,(0,$n.Z)({in:s,timeout:u},d),r.createElement("div",{className:(0,Xn.Z)(o.root,i,l&&o.invisible),"aria-hidden":!0,ref:t},n))})),oi=(0,Jn.Z)({root:{zIndex:-1,position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent"},invisible:{backgroundColor:"transparent"}},{name:"MuiBackdrop"})(ri),ii=r.forwardRef((function(e,t){var n=e.classes,o=e.className,i=e.component,a=void 0===i?"div":i,l=e.square,s=void 0!==l&&l,u=e.elevation,c=void 0===u?1:u,f=e.variant,d=void 0===f?"elevation":f,p=(0,Vn.Z)(e,["classes","className","component","square","elevation","variant"]);return r.createElement(a,(0,$n.Z)({className:(0,Xn.Z)(n.root,o,"outlined"===d?n.outlined:n["elevation".concat(c)],!s&&n.rounded),ref:t},p))})),ai=(0,Jn.Z)((function(e){var t={};return e.shadows.forEach((function(e,n){t["elevation".concat(n)]={boxShadow:e}})),(0,$n.Z)({root:{backgroundColor:e.palette.background.paper,color:e.palette.text.primary,transition:e.transitions.create("box-shadow")},rounded:{borderRadius:e.shape.borderRadius},outlined:{border:"1px solid ".concat(e.palette.divider)}},t)}),{name:"MuiPaper"})(ii),li={enter:qo.x9.enteringScreen,exit:qo.x9.leavingScreen},si=r.forwardRef((function(e,t){var n=e.BackdropProps,o=e.children,i=e.classes,a=e.className,l=e.disableBackdropClick,s=void 0!==l&&l,u=e.disableEscapeKeyDown,c=void 0!==u&&u,f=e.fullScreen,d=void 0!==f&&f,p=e.fullWidth,h=void 0!==p&&p,m=e.maxWidth,v=void 0===m?"sm":m,g=e.onBackdropClick,y=e.onClose,b=e.onEnter,w=e.onEntered,x=e.onEntering,E=e.onEscapeKeyDown,_=e.onExit,S=e.onExited,O=e.onExiting,k=e.open,C=e.PaperComponent,P=void 0===C?ai:C,T=e.PaperProps,A=void 0===T?{}:T,j=e.scroll,I=void 0===j?"paper":j,R=e.TransitionComponent,D=void 0===R?ni:R,N=e.transitionDuration,M=void 0===N?li:N,L=e.TransitionProps,F=e["aria-describedby"],B=e["aria-labelledby"],z=(0,Vn.Z)(e,["BackdropProps","children","classes","className","disableBackdropClick","disableEscapeKeyDown","fullScreen","fullWidth","maxWidth","onBackdropClick","onClose","onEnter","onEntered","onEntering","onEscapeKeyDown","onExit","onExited","onExiting","open","PaperComponent","PaperProps","scroll","TransitionComponent","transitionDuration","TransitionProps","aria-describedby","aria-labelledby"]),W=r.useRef();return r.createElement(Zo,(0,$n.Z)({className:(0,Xn.Z)(i.root,a),BackdropComponent:oi,BackdropProps:(0,$n.Z)({transitionDuration:M},n),closeAfterTransition:!0,disableBackdropClick:s,disableEscapeKeyDown:c,onEscapeKeyDown:E,onClose:y,open:k,ref:t},z),r.createElement(D,(0,$n.Z)({appear:!0,in:k,timeout:M,onEnter:b,onEntering:x,onEntered:w,onExit:_,onExiting:O,onExited:S,role:"none presentation"},L),r.createElement("div",{className:(0,Xn.Z)(i.container,i["scroll".concat((0,wr.Z)(I))]),onMouseUp:function(e){e.target===e.currentTarget&&e.target===W.current&&(W.current=null,g&&g(e),!s&&y&&y(e,"backdropClick"))},onMouseDown:function(e){W.current=e.target}},r.createElement(P,(0,$n.Z)({elevation:24,role:"dialog","aria-describedby":F,"aria-labelledby":B},A,{className:(0,Xn.Z)(i.paper,i["paperScroll".concat((0,wr.Z)(I))],i["paperWidth".concat((0,wr.Z)(String(v)))],A.className,d&&i.paperFullScreen,h&&i.paperFullWidth)}),o))))})),ui=(0,Jn.Z)((function(e){return{root:{"@media print":{position:"absolute !important"}},scrollPaper:{display:"flex",justifyContent:"center",alignItems:"center"},scrollBody:{overflowY:"auto",overflowX:"hidden",textAlign:"center","&:after":{content:'""',display:"inline-block",verticalAlign:"middle",height:"100%",width:"0"}},container:{height:"100%","@media print":{height:"auto"},outline:0},paper:{margin:32,position:"relative",overflowY:"auto","@media print":{overflowY:"visible",boxShadow:"none"}},paperScrollPaper:{display:"flex",flexDirection:"column",maxHeight:"calc(100% - 64px)"},paperScrollBody:{display:"inline-block",verticalAlign:"middle",textAlign:"left"},paperWidthFalse:{maxWidth:"calc(100% - 64px)"},paperWidthXs:{maxWidth:Math.max(e.breakpoints.values.xs,444),"&$paperScrollBody":(0,xo.Z)({},e.breakpoints.down(Math.max(e.breakpoints.values.xs,444)+64),{maxWidth:"calc(100% - 64px)"})},paperWidthSm:{maxWidth:e.breakpoints.values.sm,"&$paperScrollBody":(0,xo.Z)({},e.breakpoints.down(e.breakpoints.values.sm+64),{maxWidth:"calc(100% - 64px)"})},paperWidthMd:{maxWidth:e.breakpoints.values.md,"&$paperScrollBody":(0,xo.Z)({},e.breakpoints.down(e.breakpoints.values.md+64),{maxWidth:"calc(100% - 64px)"})},paperWidthLg:{maxWidth:e.breakpoints.values.lg,"&$paperScrollBody":(0,xo.Z)({},e.breakpoints.down(e.breakpoints.values.lg+64),{maxWidth:"calc(100% - 64px)"})},paperWidthXl:{maxWidth:e.breakpoints.values.xl,"&$paperScrollBody":(0,xo.Z)({},e.breakpoints.down(e.breakpoints.values.xl+64),{maxWidth:"calc(100% - 64px)"})},paperFullWidth:{width:"calc(100% - 64px)"},paperFullScreen:{margin:0,width:"100%",maxWidth:"100%",height:"100%",maxHeight:"none",borderRadius:0,"&$paperScrollBody":{margin:0,maxWidth:"100%"}}}}),{name:"MuiDialog"})(si),ci={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p"},fi=r.forwardRef((function(e,t){var n=e.align,o=void 0===n?"inherit":n,i=e.classes,a=e.className,l=e.color,s=void 0===l?"initial":l,u=e.component,c=e.display,f=void 0===c?"initial":c,d=e.gutterBottom,p=void 0!==d&&d,h=e.noWrap,m=void 0!==h&&h,v=e.paragraph,g=void 0!==v&&v,y=e.variant,b=void 0===y?"body1":y,w=e.variantMapping,x=void 0===w?ci:w,E=(0,Vn.Z)(e,["align","classes","className","color","component","display","gutterBottom","noWrap","paragraph","variant","variantMapping"]),_=u||(g?"p":x[b]||ci[b])||"span";return r.createElement(_,(0,$n.Z)({className:(0,Xn.Z)(i.root,a,"inherit"!==b&&i[b],"initial"!==s&&i["color".concat((0,wr.Z)(s))],m&&i.noWrap,p&&i.gutterBottom,g&&i.paragraph,"inherit"!==o&&i["align".concat((0,wr.Z)(o))],"initial"!==f&&i["display".concat((0,wr.Z)(f))]),ref:t},E))})),di=(0,Jn.Z)((function(e){return{root:{margin:0},body2:e.typography.body2,body1:e.typography.body1,caption:e.typography.caption,button:e.typography.button,h1:e.typography.h1,h2:e.typography.h2,h3:e.typography.h3,h4:e.typography.h4,h5:e.typography.h5,h6:e.typography.h6,subtitle1:e.typography.subtitle1,subtitle2:e.typography.subtitle2,overline:e.typography.overline,srOnly:{position:"absolute",height:1,width:1,overflow:"hidden"},alignLeft:{textAlign:"left"},alignCenter:{textAlign:"center"},alignRight:{textAlign:"right"},alignJustify:{textAlign:"justify"},noWrap:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},gutterBottom:{marginBottom:"0.35em"},paragraph:{marginBottom:16},colorInherit:{color:"inherit"},colorPrimary:{color:e.palette.primary.main},colorSecondary:{color:e.palette.secondary.main},colorTextPrimary:{color:e.palette.text.primary},colorTextSecondary:{color:e.palette.text.secondary},colorError:{color:e.palette.error.main},displayInline:{display:"inline"},displayBlock:{display:"block"}}}),{name:"MuiTypography"})(fi),pi=r.forwardRef((function(e,t){var n=e.children,o=e.classes,i=e.className,a=e.disableTypography,l=void 0!==a&&a,s=(0,Vn.Z)(e,["children","classes","className","disableTypography"]);return r.createElement("div",(0,$n.Z)({className:(0,Xn.Z)(o.root,i),ref:t},s),l?n:r.createElement(di,{component:"h2",variant:"h6"},n))})),hi=(0,Jn.Z)({root:{margin:0,padding:"16px 24px",flex:"0 0 auto"}},{name:"MuiDialogTitle"})(pi),mi=r.forwardRef((function(e,t){var n=e.classes,o=e.className,i=e.dividers,a=void 0!==i&&i,l=(0,Vn.Z)(e,["classes","className","dividers"]);return r.createElement("div",(0,$n.Z)({className:(0,Xn.Z)(n.root,o,a&&n.dividers),ref:t},l))})),vi=(0,Jn.Z)((function(e){return{root:{flex:"1 1 auto",WebkitOverflowScrolling:"touch",overflowY:"auto",padding:"8px 24px","&:first-child":{paddingTop:20}},dividers:{padding:"16px 24px",borderTop:"1px solid ".concat(e.palette.divider),borderBottom:"1px solid ".concat(e.palette.divider)}}}),{name:"MuiDialogContent"})(mi),gi=r.forwardRef((function(e,t){return r.createElement(di,(0,$n.Z)({component:"p",variant:"body1",color:"textSecondary",ref:t},e))})),yi=(0,Jn.Z)({root:{marginBottom:12}},{name:"MuiDialogContentText"})(gi),bi=r.forwardRef((function(e,t){var n=e.disableSpacing,o=void 0!==n&&n,i=e.classes,a=e.className,l=(0,Vn.Z)(e,["disableSpacing","classes","className"]);return r.createElement("div",(0,$n.Z)({className:(0,Xn.Z)(i.root,a,!o&&i.spacing),ref:t},l))})),wi=(0,Jn.Z)({root:{display:"flex",alignItems:"center",padding:8,justifyContent:"flex-end",flex:"0 0 auto"},spacing:{"& > :not(:first-child)":{marginLeft:8}}},{name:"MuiDialogActions"})(bi);function xi(){return(xi=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)}var Ei=[{value:"cancel",text:M("modal.cancel")},{value:"confirm",text:M("common.confirm")}];function _i(e){var t=e.onClose,n=e.icon,o=void 0===n?null:n,i=e.open,a=void 0!==i&&i,l=e.title,s=void 0===l?"Confirm":l,u=e.children,c=void 0===u?null:u,f=e.buttons,d=void 0===f?null:f,p=e.maxWidth,h=void 0===p?"xs":p,m=e.fullWidth,v=void 0===m||m,g=e.className,y=e.testId,b=void 0===y?null:y,w=function(e){t(e)};return d||(d=Ei),r.createElement(ui,{open:a,onClose:w,maxWidth:h,fullWidth:v,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",className:g,"data-testid":b?"dialog:".concat(b):null},r.createElement(hi,{id:"alert-dialog-title"},o,s),r.createElement(vi,null,r.createElement(yi,{id:"alert-dialog-description",component:"div"},c)),r.createElement(wi,null,d.map((function(e,t){return r.createElement(Er,xi({onClick:function(){return w(e.value)},color:"primary",key:t,variant:e.variant,"data-testid":b?"dialog:".concat(b,":button:").concat(e.value):null},e.props),e.text)}))))}var Si=r.forwardRef((function(e,t){var n=e.edge,o=void 0!==n&&n,i=e.children,a=e.classes,l=e.className,s=e.color,u=void 0===s?"default":s,c=e.disabled,f=void 0!==c&&c,d=e.disableFocusRipple,p=void 0!==d&&d,h=e.size,m=void 0===h?"medium":h,v=(0,Vn.Z)(e,["edge","children","classes","className","color","disabled","disableFocusRipple","size"]);return r.createElement(br,(0,$n.Z)({className:(0,Xn.Z)(a.root,l,"default"!==u&&a["color".concat((0,wr.Z)(u))],f&&a.disabled,"small"===m&&a["size".concat((0,wr.Z)(m))],{start:a.edgeStart,end:a.edgeEnd}[o]),centerRipple:!0,focusRipple:!p,disabled:f,ref:t},v),r.createElement("span",{className:a.label},i))})),Oi=(0,Jn.Z)((function(e){return{root:{textAlign:"center",flex:"0 0 auto",fontSize:e.typography.pxToRem(24),padding:12,borderRadius:"50%",overflow:"visible",color:e.palette.action.active,transition:e.transitions.create("background-color",{duration:e.transitions.duration.shortest}),"&:hover":{backgroundColor:(0,Qn.U1)(e.palette.action.active,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},"&$disabled":{backgroundColor:"transparent",color:e.palette.action.disabled}},edgeStart:{marginLeft:-12,"$sizeSmall&":{marginLeft:-3}},edgeEnd:{marginRight:-12,"$sizeSmall&":{marginRight:-3}},colorInherit:{color:"inherit"},colorPrimary:{color:e.palette.primary.main,"&:hover":{backgroundColor:(0,Qn.U1)(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},colorSecondary:{color:e.palette.secondary.main,"&:hover":{backgroundColor:(0,Qn.U1)(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},disabled:{},sizeSmall:{padding:3,fontSize:e.typography.pxToRem(18)},label:{width:"100%",display:"flex",alignItems:"inherit",justifyContent:"inherit"}}}),{name:"MuiIconButton"})(Si);function ki(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("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 Ci(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 Ci(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 Ci(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 Pi=ro((function(e){return{hasChanges:e.misc.hasChanges}}))((function(e){var t=e.hasChanges,n=ki((0,r.useState)(!1),2),o=n[0],i=n[1],a=ki((0,r.useState)(!1),2),l=a[0],s=a[1];return r.createElement(r.Fragment,null,r.createElement(fo,{content:M("revert.revert_changes")},r.createElement(Oi,{onClick:function(){return i(!0)},className:"revert-button",color:"secondary",disabled:!t||l,"data-testid":"revert-button"},r.createElement("i",{className:(0,Xn.Z)("fas fa-history",l&&"spin")}))),r.createElement(_i,{open:o,title:M("revert.revert_changes"),buttons:[{text:M("modal.cancel"),value:"close"},{text:M("revert.revert_changes"),value:"revert"}],onClose:function(e){i(!1),"revert"===e&&(s(!0),ut("/revert",{method:"POST",data:{nonce:buttonizer_admin.nonce}}).then((function(e){var t=e.status,n=e.message;if("error"===t)return app.loader.hide(),void app.error({message:n});window.location.reload()})))},testId:"revert-dialog"},r.createElement("p",null,M("revert.modal.intro")),r.createElement("p",null,M("revert.modal.action"))))})),Ti=(n(57327),n(89554),n(66992),n(19601),n(41539),n(91058),n(78783),n(4129),n(33948),n(93096)),Ai=n.n(Ti),ji=n(91296),Ii=n.n(ji),Ri=n(20773),Di=n.n(Ri),Ni=function(){if("undefined"!=typeof Map)return Map;function e(e,t){var n=-1;return e.some((function(e,r){return e[0]===t&&(n=r,!0)})),n}return function(){function t(){this.__entries__=[]}return Object.defineProperty(t.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),t.prototype.get=function(t){var n=e(this.__entries__,t),r=this.__entries__[n];return r&&r[1]},t.prototype.set=function(t,n){var r=e(this.__entries__,t);~r?this.__entries__[r][1]=n:this.__entries__.push([t,n])},t.prototype.delete=function(t){var n=this.__entries__,r=e(n,t);~r&&n.splice(r,1)},t.prototype.has=function(t){return!!~e(this.__entries__,t)},t.prototype.clear=function(){this.__entries__.splice(0)},t.prototype.forEach=function(e,t){void 0===t&&(t=null);for(var n=0,r=this.__entries__;n<r.length;n++){var o=r[n];e.call(t,o[1],o[0])}},t}()}(),Mi="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,Li=void 0!==n.g&&n.g.Math===Math?n.g:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")(),Fi="function"==typeof requestAnimationFrame?requestAnimationFrame.bind(Li):function(e){return setTimeout((function(){return e(Date.now())}),1e3/60)};var Bi=["top","right","bottom","left","width","height","size","weight"],zi="undefined"!=typeof MutationObserver,Wi=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=function(e,t){var n=!1,r=!1,o=0;function i(){n&&(n=!1,e()),r&&l()}function a(){Fi(i)}function l(){var e=Date.now();if(n){if(e-o<2)return;r=!0}else n=!0,r=!1,setTimeout(a,t);o=e}return l}(this.refresh.bind(this),20)}return e.prototype.addObserver=function(e){~this.observers_.indexOf(e)||this.observers_.push(e),this.connected_||this.connect_()},e.prototype.removeObserver=function(e){var t=this.observers_,n=t.indexOf(e);~n&&t.splice(n,1),!t.length&&this.connected_&&this.disconnect_()},e.prototype.refresh=function(){this.updateObservers_()&&this.refresh()},e.prototype.updateObservers_=function(){var e=this.observers_.filter((function(e){return e.gatherActive(),e.hasActive()}));return e.forEach((function(e){return e.broadcastActive()})),e.length>0},e.prototype.connect_=function(){Mi&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),zi?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){Mi&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(e){var t=e.propertyName,n=void 0===t?"":t;Bi.some((function(e){return!!~n.indexOf(e)}))&&this.refresh()},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),Ui=function(e,t){for(var n=0,r=Object.keys(t);n<r.length;n++){var o=r[n];Object.defineProperty(e,o,{value:t[o],enumerable:!1,writable:!1,configurable:!0})}return e},Zi=function(e){return e&&e.ownerDocument&&e.ownerDocument.defaultView||Li},Hi=Yi(0,0,0,0);function Gi(e){return parseFloat(e)||0}function Ki(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return t.reduce((function(t,n){return t+Gi(e["border-"+n+"-width"])}),0)}function Vi(e){var t=e.clientWidth,n=e.clientHeight;if(!t&&!n)return Hi;var r=Zi(e).getComputedStyle(e),o=function(e){for(var t={},n=0,r=["top","right","bottom","left"];n<r.length;n++){var o=r[n],i=e["padding-"+o];t[o]=Gi(i)}return t}(r),i=o.left+o.right,a=o.top+o.bottom,l=Gi(r.width),s=Gi(r.height);if("border-box"===r.boxSizing&&(Math.round(l+i)!==t&&(l-=Ki(r,"left","right")+i),Math.round(s+a)!==n&&(s-=Ki(r,"top","bottom")+a)),!function(e){return e===Zi(e).document.documentElement}(e)){var u=Math.round(l+i)-t,c=Math.round(s+a)-n;1!==Math.abs(u)&&(l-=u),1!==Math.abs(c)&&(s-=c)}return Yi(o.left,o.top,l,s)}var $i="undefined"!=typeof SVGGraphicsElement?function(e){return e instanceof Zi(e).SVGGraphicsElement}:function(e){return e instanceof Zi(e).SVGElement&&"function"==typeof e.getBBox};function qi(e){return Mi?$i(e)?function(e){var t=e.getBBox();return Yi(0,0,t.width,t.height)}(e):Vi(e):Hi}function Yi(e,t,n,r){return{x:e,y:t,width:n,height:r}}var Xi=function(){function e(e){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=Yi(0,0,0,0),this.target=e}return e.prototype.isActive=function(){var e=qi(this.target);return this.contentRect_=e,e.width!==this.broadcastWidth||e.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var e=this.contentRect_;return this.broadcastWidth=e.width,this.broadcastHeight=e.height,e},e}(),Ji=function(e,t){var n=function(e){var t=e.x,n=e.y,r=e.width,o=e.height,i="undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object,a=Object.create(i.prototype);return Ui(a,{x:t,y:n,width:r,height:o,top:n,right:t+r,bottom:o+n,left:t}),a}(t);Ui(this,{target:e,contentRect:n})},Qi=function(){function e(e,t,n){if(this.activeObservations_=[],this.observations_=new Ni,"function"!=typeof e)throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=e,this.controller_=t,this.callbackCtx_=n}return e.prototype.observe=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(e instanceof Zi(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var t=this.observations_;t.has(e)||(t.set(e,new Xi(e)),this.controller_.addObserver(this),this.controller_.refresh())}},e.prototype.unobserve=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(e instanceof Zi(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var t=this.observations_;t.has(e)&&(t.delete(e),t.size||this.controller_.removeObserver(this))}},e.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},e.prototype.gatherActive=function(){var e=this;this.clearActive(),this.observations_.forEach((function(t){t.isActive()&&e.activeObservations_.push(t)}))},e.prototype.broadcastActive=function(){if(this.hasActive()){var e=this.callbackCtx_,t=this.activeObservations_.map((function(e){return new Ji(e.target,e.broadcastRect())}));this.callback_.call(e,t,e),this.clearActive()}},e.prototype.clearActive=function(){this.activeObservations_.splice(0)},e.prototype.hasActive=function(){return this.activeObservations_.length>0},e}(),ea="undefined"!=typeof WeakMap?new WeakMap:new Ni,ta=function e(t){if(!(this instanceof e))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var n=Wi.getInstance(),r=new Qi(t,n,this);ea.set(this,r)};["observe","unobserve","disconnect"].forEach((function(e){ta.prototype[e]=function(){var t;return(t=ea.get(this))[e].apply(t,arguments)}}));var na=void 0!==Li.ResizeObserver?Li.ResizeObserver:ta,ra=n(31807),oa=n.n(ra),ia=(n(85827),n(68309),n(74916),n(4723),n(15306),null),aa=null;function la(){if(null===ia){if("undefined"==typeof document)return ia=0;var e=document.body,t=document.createElement("div");t.classList.add("simplebar-hide-scrollbar"),e.appendChild(t);var n=t.getBoundingClientRect().right;e.removeChild(t),ia=n}return ia}function sa(e){return e&&e.ownerDocument&&e.ownerDocument.defaultView?e.ownerDocument.defaultView:window}function ua(e){return e&&e.ownerDocument?e.ownerDocument:document}oa()&&window.addEventListener("resize",(function(){aa!==window.devicePixelRatio&&(aa=window.devicePixelRatio,ia=null)}));var ca=function(){function e(t,n){var r=this;this.onScroll=function(){var e=sa(r.el);r.scrollXTicking||(e.requestAnimationFrame(r.scrollX),r.scrollXTicking=!0),r.scrollYTicking||(e.requestAnimationFrame(r.scrollY),r.scrollYTicking=!0)},this.scrollX=function(){r.axis.x.isOverflowing&&(r.showScrollbar("x"),r.positionScrollbar("x")),r.scrollXTicking=!1},this.scrollY=function(){r.axis.y.isOverflowing&&(r.showScrollbar("y"),r.positionScrollbar("y")),r.scrollYTicking=!1},this.onMouseEnter=function(){r.showScrollbar("x"),r.showScrollbar("y")},this.onMouseMove=function(e){r.mouseX=e.clientX,r.mouseY=e.clientY,(r.axis.x.isOverflowing||r.axis.x.forceVisible)&&r.onMouseMoveForAxis("x"),(r.axis.y.isOverflowing||r.axis.y.forceVisible)&&r.onMouseMoveForAxis("y")},this.onMouseLeave=function(){r.onMouseMove.cancel(),(r.axis.x.isOverflowing||r.axis.x.forceVisible)&&r.onMouseLeaveForAxis("x"),(r.axis.y.isOverflowing||r.axis.y.forceVisible)&&r.onMouseLeaveForAxis("y"),r.mouseX=-1,r.mouseY=-1},this.onWindowResize=function(){r.scrollbarWidth=r.getScrollbarWidth(),r.hideNativeScrollbar()},this.hideScrollbars=function(){r.axis.x.track.rect=r.axis.x.track.el.getBoundingClientRect(),r.axis.y.track.rect=r.axis.y.track.el.getBoundingClientRect(),r.isWithinBounds(r.axis.y.track.rect)||(r.axis.y.scrollbar.el.classList.remove(r.classNames.visible),r.axis.y.isVisible=!1),r.isWithinBounds(r.axis.x.track.rect)||(r.axis.x.scrollbar.el.classList.remove(r.classNames.visible),r.axis.x.isVisible=!1)},this.onPointerEvent=function(e){var t,n;r.axis.x.track.rect=r.axis.x.track.el.getBoundingClientRect(),r.axis.y.track.rect=r.axis.y.track.el.getBoundingClientRect(),(r.axis.x.isOverflowing||r.axis.x.forceVisible)&&(t=r.isWithinBounds(r.axis.x.track.rect)),(r.axis.y.isOverflowing||r.axis.y.forceVisible)&&(n=r.isWithinBounds(r.axis.y.track.rect)),(t||n)&&(e.preventDefault(),e.stopPropagation(),"mousedown"===e.type&&(t&&(r.axis.x.scrollbar.rect=r.axis.x.scrollbar.el.getBoundingClientRect(),r.isWithinBounds(r.axis.x.scrollbar.rect)?r.onDragStart(e,"x"):r.onTrackClick(e,"x")),n&&(r.axis.y.scrollbar.rect=r.axis.y.scrollbar.el.getBoundingClientRect(),r.isWithinBounds(r.axis.y.scrollbar.rect)?r.onDragStart(e,"y"):r.onTrackClick(e,"y"))))},this.drag=function(t){var n=r.axis[r.draggedAxis].track,o=n.rect[r.axis[r.draggedAxis].sizeAttr],i=r.axis[r.draggedAxis].scrollbar,a=r.contentWrapperEl[r.axis[r.draggedAxis].scrollSizeAttr],l=parseInt(r.elStyles[r.axis[r.draggedAxis].sizeAttr],10);t.preventDefault(),t.stopPropagation();var s=(("y"===r.draggedAxis?t.pageY:t.pageX)-n.rect[r.axis[r.draggedAxis].offsetAttr]-r.axis[r.draggedAxis].dragOffset)/(o-i.size)*(a-l);"x"===r.draggedAxis&&(s=r.isRtl&&e.getRtlHelpers().isRtlScrollbarInverted?s-(o+i.size):s,s=r.isRtl&&e.getRtlHelpers().isRtlScrollingInverted?-s:s),r.contentWrapperEl[r.axis[r.draggedAxis].scrollOffsetAttr]=s},this.onEndDrag=function(e){var t=ua(r.el),n=sa(r.el);e.preventDefault(),e.stopPropagation(),r.el.classList.remove(r.classNames.dragging),t.removeEventListener("mousemove",r.drag,!0),t.removeEventListener("mouseup",r.onEndDrag,!0),r.removePreventClickId=n.setTimeout((function(){t.removeEventListener("click",r.preventClick,!0),t.removeEventListener("dblclick",r.preventClick,!0),r.removePreventClickId=null}))},this.preventClick=function(e){e.preventDefault(),e.stopPropagation()},this.el=t,this.minScrollbarWidth=20,this.options=Object.assign({},e.defaultOptions,{},n),this.classNames=Object.assign({},e.defaultOptions.classNames,{},this.options.classNames),this.axis={x:{scrollOffsetAttr:"scrollLeft",sizeAttr:"width",scrollSizeAttr:"scrollWidth",offsetSizeAttr:"offsetWidth",offsetAttr:"left",overflowAttr:"overflowX",dragOffset:0,isOverflowing:!0,isVisible:!1,forceVisible:!1,track:{},scrollbar:{}},y:{scrollOffsetAttr:"scrollTop",sizeAttr:"height",scrollSizeAttr:"scrollHeight",offsetSizeAttr:"offsetHeight",offsetAttr:"top",overflowAttr:"overflowY",dragOffset:0,isOverflowing:!0,isVisible:!1,forceVisible:!1,track:{},scrollbar:{}}},this.removePreventClickId=null,e.instances.has(this.el)||(this.recalculate=Ai()(this.recalculate.bind(this),64),this.onMouseMove=Ai()(this.onMouseMove.bind(this),64),this.hideScrollbars=Ii()(this.hideScrollbars.bind(this),this.options.timeout),this.onWindowResize=Ii()(this.onWindowResize.bind(this),64,{leading:!0}),e.getRtlHelpers=Di()(e.getRtlHelpers),this.init())}e.getRtlHelpers=function(){var t=document.createElement("div");t.innerHTML='<div class="hs-dummy-scrollbar-size"><div style="height: 200%; width: 200%; margin: 10px 0;"></div></div>';var n=t.firstElementChild;document.body.appendChild(n);var r=n.firstElementChild;n.scrollLeft=0;var o=e.getOffset(n),i=e.getOffset(r);n.scrollLeft=999;var a=e.getOffset(r);return{isRtlScrollingInverted:o.left!==i.left&&i.left-a.left!=0,isRtlScrollbarInverted:o.left!==i.left}},e.getOffset=function(e){var t=e.getBoundingClientRect(),n=ua(e),r=sa(e);return{top:t.top+(r.pageYOffset||n.documentElement.scrollTop),left:t.left+(r.pageXOffset||n.documentElement.scrollLeft)}};var t=e.prototype;return t.init=function(){e.instances.set(this.el,this),oa()&&(this.initDOM(),this.scrollbarWidth=this.getScrollbarWidth(),this.recalculate(),this.initListeners())},t.initDOM=function(){var e=this;if(Array.prototype.filter.call(this.el.children,(function(t){return t.classList.contains(e.classNames.wrapper)})).length)this.wrapperEl=this.el.querySelector("."+this.classNames.wrapper),this.contentWrapperEl=this.options.scrollableNode||this.el.querySelector("."+this.classNames.contentWrapper),this.contentEl=this.options.contentNode||this.el.querySelector("."+this.classNames.contentEl),this.offsetEl=this.el.querySelector("."+this.classNames.offset),this.maskEl=this.el.querySelector("."+this.classNames.mask),this.placeholderEl=this.findChild(this.wrapperEl,"."+this.classNames.placeholder),this.heightAutoObserverWrapperEl=this.el.querySelector("."+this.classNames.heightAutoObserverWrapperEl),this.heightAutoObserverEl=this.el.querySelector("."+this.classNames.heightAutoObserverEl),this.axis.x.track.el=this.findChild(this.el,"."+this.classNames.track+"."+this.classNames.horizontal),this.axis.y.track.el=this.findChild(this.el,"."+this.classNames.track+"."+this.classNames.vertical);else{for(this.wrapperEl=document.createElement("div"),this.contentWrapperEl=document.createElement("div"),this.offsetEl=document.createElement("div"),this.maskEl=document.createElement("div"),this.contentEl=document.createElement("div"),this.placeholderEl=document.createElement("div"),this.heightAutoObserverWrapperEl=document.createElement("div"),this.heightAutoObserverEl=document.createElement("div"),this.wrapperEl.classList.add(this.classNames.wrapper),this.contentWrapperEl.classList.add(this.classNames.contentWrapper),this.offsetEl.classList.add(this.classNames.offset),this.maskEl.classList.add(this.classNames.mask),this.contentEl.classList.add(this.classNames.contentEl),this.placeholderEl.classList.add(this.classNames.placeholder),this.heightAutoObserverWrapperEl.classList.add(this.classNames.heightAutoObserverWrapperEl),this.heightAutoObserverEl.classList.add(this.classNames.heightAutoObserverEl);this.el.firstChild;)this.contentEl.appendChild(this.el.firstChild);this.contentWrapperEl.appendChild(this.contentEl),this.offsetEl.appendChild(this.contentWrapperEl),this.maskEl.appendChild(this.offsetEl),this.heightAutoObserverWrapperEl.appendChild(this.heightAutoObserverEl),this.wrapperEl.appendChild(this.heightAutoObserverWrapperEl),this.wrapperEl.appendChild(this.maskEl),this.wrapperEl.appendChild(this.placeholderEl),this.el.appendChild(this.wrapperEl)}if(!this.axis.x.track.el||!this.axis.y.track.el){var t=document.createElement("div"),n=document.createElement("div");t.classList.add(this.classNames.track),n.classList.add(this.classNames.scrollbar),t.appendChild(n),this.axis.x.track.el=t.cloneNode(!0),this.axis.x.track.el.classList.add(this.classNames.horizontal),this.axis.y.track.el=t.cloneNode(!0),this.axis.y.track.el.classList.add(this.classNames.vertical),this.el.appendChild(this.axis.x.track.el),this.el.appendChild(this.axis.y.track.el)}this.axis.x.scrollbar.el=this.axis.x.track.el.querySelector("."+this.classNames.scrollbar),this.axis.y.scrollbar.el=this.axis.y.track.el.querySelector("."+this.classNames.scrollbar),this.options.autoHide||(this.axis.x.scrollbar.el.classList.add(this.classNames.visible),this.axis.y.scrollbar.el.classList.add(this.classNames.visible)),this.el.setAttribute("data-simplebar","init")},t.initListeners=function(){var e=this,t=sa(this.el);this.options.autoHide&&this.el.addEventListener("mouseenter",this.onMouseEnter),["mousedown","click","dblclick"].forEach((function(t){e.el.addEventListener(t,e.onPointerEvent,!0)})),["touchstart","touchend","touchmove"].forEach((function(t){e.el.addEventListener(t,e.onPointerEvent,{capture:!0,passive:!0})})),this.el.addEventListener("mousemove",this.onMouseMove),this.el.addEventListener("mouseleave",this.onMouseLeave),this.contentWrapperEl.addEventListener("scroll",this.onScroll),t.addEventListener("resize",this.onWindowResize);var n=!1,r=t.ResizeObserver||na;this.resizeObserver=new r((function(){n&&e.recalculate()})),this.resizeObserver.observe(this.el),this.resizeObserver.observe(this.contentEl),t.requestAnimationFrame((function(){n=!0})),this.mutationObserver=new t.MutationObserver(this.recalculate),this.mutationObserver.observe(this.contentEl,{childList:!0,subtree:!0,characterData:!0})},t.recalculate=function(){var e=sa(this.el);this.elStyles=e.getComputedStyle(this.el),this.isRtl="rtl"===this.elStyles.direction;var t=this.heightAutoObserverEl.offsetHeight<=1,n=this.heightAutoObserverEl.offsetWidth<=1,r=this.contentEl.offsetWidth,o=this.contentWrapperEl.offsetWidth,i=this.elStyles.overflowX,a=this.elStyles.overflowY;this.contentEl.style.padding=this.elStyles.paddingTop+" "+this.elStyles.paddingRight+" "+this.elStyles.paddingBottom+" "+this.elStyles.paddingLeft,this.wrapperEl.style.margin="-"+this.elStyles.paddingTop+" -"+this.elStyles.paddingRight+" -"+this.elStyles.paddingBottom+" -"+this.elStyles.paddingLeft;var l=this.contentEl.scrollHeight,s=this.contentEl.scrollWidth;this.contentWrapperEl.style.height=t?"auto":"100%",this.placeholderEl.style.width=n?r+"px":"auto",this.placeholderEl.style.height=l+"px";var u=this.contentWrapperEl.offsetHeight;this.axis.x.isOverflowing=s>r,this.axis.y.isOverflowing=l>u,this.axis.x.isOverflowing="hidden"!==i&&this.axis.x.isOverflowing,this.axis.y.isOverflowing="hidden"!==a&&this.axis.y.isOverflowing,this.axis.x.forceVisible="x"===this.options.forceVisible||!0===this.options.forceVisible,this.axis.y.forceVisible="y"===this.options.forceVisible||!0===this.options.forceVisible,this.hideNativeScrollbar();var c=this.axis.x.isOverflowing?this.scrollbarWidth:0,f=this.axis.y.isOverflowing?this.scrollbarWidth:0;this.axis.x.isOverflowing=this.axis.x.isOverflowing&&s>o-f,this.axis.y.isOverflowing=this.axis.y.isOverflowing&&l>u-c,this.axis.x.scrollbar.size=this.getScrollbarSize("x"),this.axis.y.scrollbar.size=this.getScrollbarSize("y"),this.axis.x.scrollbar.el.style.width=this.axis.x.scrollbar.size+"px",this.axis.y.scrollbar.el.style.height=this.axis.y.scrollbar.size+"px",this.positionScrollbar("x"),this.positionScrollbar("y"),this.toggleTrackVisibility("x"),this.toggleTrackVisibility("y")},t.getScrollbarSize=function(e){if(void 0===e&&(e="y"),!this.axis[e].isOverflowing)return 0;var t,n=this.contentEl[this.axis[e].scrollSizeAttr],r=this.axis[e].track.el[this.axis[e].offsetSizeAttr],o=r/n;return t=Math.max(~~(o*r),this.options.scrollbarMinSize),this.options.scrollbarMaxSize&&(t=Math.min(t,this.options.scrollbarMaxSize)),t},t.positionScrollbar=function(t){if(void 0===t&&(t="y"),this.axis[t].isOverflowing){var n=this.contentWrapperEl[this.axis[t].scrollSizeAttr],r=this.axis[t].track.el[this.axis[t].offsetSizeAttr],o=parseInt(this.elStyles[this.axis[t].sizeAttr],10),i=this.axis[t].scrollbar,a=this.contentWrapperEl[this.axis[t].scrollOffsetAttr],l=(a="x"===t&&this.isRtl&&e.getRtlHelpers().isRtlScrollingInverted?-a:a)/(n-o),s=~~((r-i.size)*l);s="x"===t&&this.isRtl&&e.getRtlHelpers().isRtlScrollbarInverted?s+(r-i.size):s,i.el.style.transform="x"===t?"translate3d("+s+"px, 0, 0)":"translate3d(0, "+s+"px, 0)"}},t.toggleTrackVisibility=function(e){void 0===e&&(e="y");var t=this.axis[e].track.el,n=this.axis[e].scrollbar.el;this.axis[e].isOverflowing||this.axis[e].forceVisible?(t.style.visibility="visible",this.contentWrapperEl.style[this.axis[e].overflowAttr]="scroll"):(t.style.visibility="hidden",this.contentWrapperEl.style[this.axis[e].overflowAttr]="hidden"),this.axis[e].isOverflowing?n.style.display="block":n.style.display="none"},t.hideNativeScrollbar=function(){this.offsetEl.style[this.isRtl?"left":"right"]=this.axis.y.isOverflowing||this.axis.y.forceVisible?"-"+this.scrollbarWidth+"px":0,this.offsetEl.style.bottom=this.axis.x.isOverflowing||this.axis.x.forceVisible?"-"+this.scrollbarWidth+"px":0},t.onMouseMoveForAxis=function(e){void 0===e&&(e="y"),this.axis[e].track.rect=this.axis[e].track.el.getBoundingClientRect(),this.axis[e].scrollbar.rect=this.axis[e].scrollbar.el.getBoundingClientRect(),this.isWithinBounds(this.axis[e].scrollbar.rect)?this.axis[e].scrollbar.el.classList.add(this.classNames.hover):this.axis[e].scrollbar.el.classList.remove(this.classNames.hover),this.isWithinBounds(this.axis[e].track.rect)?(this.showScrollbar(e),this.axis[e].track.el.classList.add(this.classNames.hover)):this.axis[e].track.el.classList.remove(this.classNames.hover)},t.onMouseLeaveForAxis=function(e){void 0===e&&(e="y"),this.axis[e].track.el.classList.remove(this.classNames.hover),this.axis[e].scrollbar.el.classList.remove(this.classNames.hover)},t.showScrollbar=function(e){void 0===e&&(e="y");var t=this.axis[e].scrollbar.el;this.axis[e].isVisible||(t.classList.add(this.classNames.visible),this.axis[e].isVisible=!0),this.options.autoHide&&this.hideScrollbars()},t.onDragStart=function(e,t){void 0===t&&(t="y");var n=ua(this.el),r=sa(this.el),o=this.axis[t].scrollbar,i="y"===t?e.pageY:e.pageX;this.axis[t].dragOffset=i-o.rect[this.axis[t].offsetAttr],this.draggedAxis=t,this.el.classList.add(this.classNames.dragging),n.addEventListener("mousemove",this.drag,!0),n.addEventListener("mouseup",this.onEndDrag,!0),null===this.removePreventClickId?(n.addEventListener("click",this.preventClick,!0),n.addEventListener("dblclick",this.preventClick,!0)):(r.clearTimeout(this.removePreventClickId),this.removePreventClickId=null)},t.onTrackClick=function(e,t){var n=this;if(void 0===t&&(t="y"),this.options.clickOnTrack){var r=sa(this.el);this.axis[t].scrollbar.rect=this.axis[t].scrollbar.el.getBoundingClientRect();var o=this.axis[t].scrollbar.rect[this.axis[t].offsetAttr],i=parseInt(this.elStyles[this.axis[t].sizeAttr],10),a=this.contentWrapperEl[this.axis[t].scrollOffsetAttr],l=("y"===t?this.mouseY-o:this.mouseX-o)<0?-1:1,s=-1===l?a-i:a+i;!function e(){var o,i;-1===l?a>s&&(a-=n.options.clickOnTrackSpeed,n.contentWrapperEl.scrollTo(((o={})[n.axis[t].offsetAttr]=a,o)),r.requestAnimationFrame(e)):a<s&&(a+=n.options.clickOnTrackSpeed,n.contentWrapperEl.scrollTo(((i={})[n.axis[t].offsetAttr]=a,i)),r.requestAnimationFrame(e))}()}},t.getContentElement=function(){return this.contentEl},t.getScrollElement=function(){return this.contentWrapperEl},t.getScrollbarWidth=function(){try{return"none"===getComputedStyle(this.contentWrapperEl,"::-webkit-scrollbar").display||"scrollbarWidth"in document.documentElement.style||"-ms-overflow-style"in document.documentElement.style?0:la()}catch(e){return la()}},t.removeListeners=function(){var e=this,t=sa(this.el);this.options.autoHide&&this.el.removeEventListener("mouseenter",this.onMouseEnter),["mousedown","click","dblclick"].forEach((function(t){e.el.removeEventListener(t,e.onPointerEvent,!0)})),["touchstart","touchend","touchmove"].forEach((function(t){e.el.removeEventListener(t,e.onPointerEvent,{capture:!0,passive:!0})})),this.el.removeEventListener("mousemove",this.onMouseMove),this.el.removeEventListener("mouseleave",this.onMouseLeave),this.contentWrapperEl&&this.contentWrapperEl.removeEventListener("scroll",this.onScroll),t.removeEventListener("resize",this.onWindowResize),this.mutationObserver&&this.mutationObserver.disconnect(),this.resizeObserver&&this.resizeObserver.disconnect(),this.recalculate.cancel(),this.onMouseMove.cancel(),this.hideScrollbars.cancel(),this.onWindowResize.cancel()},t.unMount=function(){this.removeListeners(),e.instances.delete(this.el)},t.isWithinBounds=function(e){return this.mouseX>=e.left&&this.mouseX<=e.left+e.width&&this.mouseY>=e.top&&this.mouseY<=e.top+e.height},t.findChild=function(e,t){var n=e.matches||e.webkitMatchesSelector||e.mozMatchesSelector||e.msMatchesSelector;return Array.prototype.filter.call(e.children,(function(e){return n.call(e,t)}))[0]},e}();ca.defaultOptions={autoHide:!0,forceVisible:!1,clickOnTrack:!0,clickOnTrackSpeed:40,classNames:{contentEl:"simplebar-content",contentWrapper:"simplebar-content-wrapper",offset:"simplebar-offset",mask:"simplebar-mask",wrapper:"simplebar-wrapper",placeholder:"simplebar-placeholder",scrollbar:"simplebar-scrollbar",track:"simplebar-track",heightAutoObserverWrapperEl:"simplebar-height-auto-observer-wrapper",heightAutoObserverEl:"simplebar-height-auto-observer",visible:"simplebar-visible",horizontal:"simplebar-horizontal",vertical:"simplebar-vertical",hover:"simplebar-hover",dragging:"simplebar-dragging"},scrollbarMinSize:25,scrollbarMaxSize:0,timeout:1e3},ca.instances=new WeakMap;var fa=ca;function da(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function pa(){return(pa=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 ha(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 ma(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 va=r.forwardRef((function(e,t){var n,o=e.children,i=e.scrollableNodeProps,a=void 0===i?{}:i,l=ma(e,["children","scrollableNodeProps"]),s=(0,r.useRef)(),u=(0,r.useRef)(),c=(0,r.useRef)(),f={},d={},p=[];return Object.keys(l).forEach((function(e){Object.prototype.hasOwnProperty.call(fa.defaultOptions,e)?f[e]=l[e]:e.match(/data-simplebar-(.+)/)&&"data-simplebar-direction"!==e?p.push({name:e,value:l[e]}):d[e]=l[e]})),p.length&&console.warn("simplebar-react: this way of passing options is deprecated. Pass it like normal props instead:\n 'data-simplebar-auto-hide=\"false\"' —> 'autoHide=\"false\"'\n "),(0,r.useEffect)((function(){var e;return s=a.ref||s,u.current&&(n=new fa(u.current,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ha(n,!0).forEach((function(t){da(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ha(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},(e=p,Array.prototype.reduce.call(e,(function(e,t){var n=t.name.match(/data-simplebar-(.+)/);if(n){var r=n[1].replace(/\W+(.)/g,(function(e,t){return t.toUpperCase()}));switch(t.value){case"true":e[r]=!0;break;case"false":e[r]=!1;break;case void 0:e[r]=!0;break;default:e[r]=t.value}}return e}),{})),{},f,{},s&&{scrollableNode:s.current},{},c.current&&{contentNode:c.current})),t&&(t.current=n)),function(){n.unMount(),n=null}}),[]),r.createElement("div",pa({ref:u,"data-simplebar":!0},d),r.createElement("div",{className:"simplebar-wrapper"},r.createElement("div",{className:"simplebar-height-auto-observer-wrapper"},r.createElement("div",{className:"simplebar-height-auto-observer"})),r.createElement("div",{className:"simplebar-mask"},r.createElement("div",{className:"simplebar-offset"},"function"==typeof o?o({scrollableNodeRef:s,contentNodeRef:c}):r.createElement("div",pa({},a,{className:"simplebar-content-wrapper".concat(a.className?" ".concat(a.className):"")}),r.createElement("div",{className:"simplebar-content"},o)))),r.createElement("div",{className:"simplebar-placeholder"})),r.createElement("div",{className:"simplebar-track simplebar-horizontal"},r.createElement("div",{className:"simplebar-scrollbar"})),r.createElement("div",{className:"simplebar-track simplebar-vertical"},r.createElement("div",{className:"simplebar-scrollbar"})))}));va.displayName="SimpleBar",va.propTypes={children:Yn().oneOfType([Yn().node,Yn().func]),scrollableNodeProps:Yn().object};var ga=va;function ya(e){return"/"===e.charAt(0)}function ba(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}var wa=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],o=t&&t.split("/")||[],i=e&&ya(e),a=t&&ya(t),l=i||a;if(e&&ya(e)?o=r:r.length&&(o.pop(),o=o.concat(r)),!o.length)return"/";if(o.length){var s=o[o.length-1];n="."===s||".."===s||""===s}else n=!1;for(var u=0,c=o.length;c>=0;c--){var f=o[c];"."===f?ba(o,c):".."===f?(ba(o,c),u++):u&&(ba(o,c),u--)}if(!l)for(;u--;u)o.unshift("..");!l||""===o[0]||o[0]&&ya(o[0])||o.unshift("");var d=o.join("/");return n&&"/"!==d.substr(-1)&&(d+="/"),d};var xa=function(e,t){if(!e)throw new Error("Invariant failed")};function Ea(e){return"/"===e.charAt(0)?e:"/"+e}function _a(e){return"/"===e.charAt(0)?e.substr(1):e}function Sa(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function Oa(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function ka(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function Ca(e,t,n,r){var o;"string"==typeof e?(o=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var i=t.indexOf("?");return-1!==i&&(n=t.substr(i),t=t.substr(0,i)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e)).state=t:(void 0===(o=(0,$n.Z)({},e)).pathname&&(o.pathname=""),o.search?"?"!==o.search.charAt(0)&&(o.search="?"+o.search):o.search="",o.hash?"#"!==o.hash.charAt(0)&&(o.hash="#"+o.hash):o.hash="",void 0!==t&&void 0===o.state&&(o.state=t));try{o.pathname=decodeURI(o.pathname)}catch(e){throw e instanceof URIError?new URIError('Pathname "'+o.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):e}return n&&(o.key=n),r?o.pathname?"/"!==o.pathname.charAt(0)&&(o.pathname=wa(o.pathname,r.pathname)):o.pathname=r.pathname:o.pathname||(o.pathname="/"),o}function Pa(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var i="function"==typeof e?e(t,n):e;"string"==typeof i?"function"==typeof r?r(i,o):o(!0):o(!1!==i)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var Ta=!("undefined"==typeof window||!window.document||!window.document.createElement);function Aa(e,t){t(window.confirm(e))}function ja(){try{return window.history.state||{}}catch(e){return{}}}function Ia(e){void 0===e&&(e={}),Ta||xa(!1);var t,n=window.history,r=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,o=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,a=i.forceRefresh,l=void 0!==a&&a,s=i.getUserConfirmation,u=void 0===s?Aa:s,c=i.keyLength,f=void 0===c?6:c,d=e.basename?Oa(Ea(e.basename)):"";function p(e){var t=e||{},n=t.key,r=t.state,o=window.location,i=o.pathname+o.search+o.hash;return d&&(i=Sa(i,d)),Ca(i,r,n)}function h(){return Math.random().toString(36).substr(2,f)}var m=Pa();function v(e){(0,$n.Z)(P,e),P.length=n.length,m.notifyListeners(P.location,P.action)}function g(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||w(p(e.state))}function y(){w(p(ja()))}var b=!1;function w(e){if(b)b=!1,v();else{m.confirmTransitionTo(e,"POP",u,(function(t){t?v({action:"POP",location:e}):function(e){var t=P.location,n=E.indexOf(t.key);-1===n&&(n=0);var r=E.indexOf(e.key);-1===r&&(r=0);var o=n-r;o&&(b=!0,S(o))}(e)}))}}var x=p(ja()),E=[x.key];function _(e){return d+ka(e)}function S(e){n.go(e)}var O=0;function k(e){1===(O+=e)&&1===e?(window.addEventListener("popstate",g),o&&window.addEventListener("hashchange",y)):0===O&&(window.removeEventListener("popstate",g),o&&window.removeEventListener("hashchange",y))}var C=!1;var P={length:n.length,action:"POP",location:x,createHref:_,push:function(e,t){var o=Ca(e,t,h(),P.location);m.confirmTransitionTo(o,"PUSH",u,(function(e){if(e){var t=_(o),i=o.key,a=o.state;if(r)if(n.pushState({key:i,state:a},null,t),l)window.location.href=t;else{var s=E.indexOf(P.location.key),u=E.slice(0,s+1);u.push(o.key),E=u,v({action:"PUSH",location:o})}else window.location.href=t}}))},replace:function(e,t){var o=Ca(e,t,h(),P.location);m.confirmTransitionTo(o,"REPLACE",u,(function(e){if(e){var t=_(o),i=o.key,a=o.state;if(r)if(n.replaceState({key:i,state:a},null,t),l)window.location.replace(t);else{var s=E.indexOf(P.location.key);-1!==s&&(E[s]=o.key),v({action:"REPLACE",location:o})}else window.location.replace(t)}}))},go:S,goBack:function(){S(-1)},goForward:function(){S(1)},block:function(e){void 0===e&&(e=!1);var t=m.setPrompt(e);return C||(k(1),C=!0),function(){return C&&(C=!1,k(-1)),t()}},listen:function(e){var t=m.appendListener(e);return k(1),function(){k(-1),t()}}};return P}var Ra={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+_a(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:_a,decodePath:Ea},slash:{encodePath:Ea,decodePath:Ea}};function Da(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function Na(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function Ma(e){window.location.replace(Da(window.location.href)+"#"+e)}function La(e){void 0===e&&(e={}),Ta||xa(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),r=n.getUserConfirmation,o=void 0===r?Aa:r,i=n.hashType,a=void 0===i?"slash":i,l=e.basename?Oa(Ea(e.basename)):"",s=Ra[a],u=s.encodePath,c=s.decodePath;function f(){var e=c(Na());return l&&(e=Sa(e,l)),Ca(e)}var d=Pa();function p(e){(0,$n.Z)(O,e),O.length=t.length,d.notifyListeners(O.location,O.action)}var h=!1,m=null;function v(){var e=Na(),t=u(e);if(e!==t)Ma(t);else{var n=f(),r=O.location;if(!h&&function(e,t){return e.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash}(r,n))return;if(m===ka(n))return;m=null,function(e){if(h)h=!1,p();else{d.confirmTransitionTo(e,"POP",o,(function(t){t?p({action:"POP",location:e}):function(e){var t=O.location,n=w.lastIndexOf(ka(t));-1===n&&(n=0);var r=w.lastIndexOf(ka(e));-1===r&&(r=0);var o=n-r;o&&(h=!0,x(o))}(e)}))}}(n)}}var g=Na(),y=u(g);g!==y&&Ma(y);var b=f(),w=[ka(b)];function x(e){t.go(e)}var E=0;function _(e){1===(E+=e)&&1===e?window.addEventListener("hashchange",v):0===E&&window.removeEventListener("hashchange",v)}var S=!1;var O={length:t.length,action:"POP",location:b,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=Da(window.location.href)),n+"#"+u(l+ka(e))},push:function(e,t){var n=Ca(e,void 0,void 0,O.location);d.confirmTransitionTo(n,"PUSH",o,(function(e){if(e){var t=ka(n),r=u(l+t);if(Na()!==r){m=t,function(e){window.location.hash=e}(r);var o=w.lastIndexOf(ka(O.location)),i=w.slice(0,o+1);i.push(t),w=i,p({action:"PUSH",location:n})}else p()}}))},replace:function(e,t){var n=Ca(e,void 0,void 0,O.location);d.confirmTransitionTo(n,"REPLACE",o,(function(e){if(e){var t=ka(n),r=u(l+t);Na()!==r&&(m=t,Ma(r));var o=w.indexOf(ka(O.location));-1!==o&&(w[o]=t),p({action:"REPLACE",location:n})}}))},go:x,goBack:function(){x(-1)},goForward:function(){x(1)},block:function(e){void 0===e&&(e=!1);var t=d.setPrompt(e);return S||(_(1),S=!0),function(){return S&&(S=!1,_(-1)),t()}},listen:function(e){var t=d.appendListener(e);return _(1),function(){_(-1),t()}}};return O}function Fa(e,t,n){return Math.min(Math.max(e,t),n)}function Ba(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,r=t.initialEntries,o=void 0===r?["/"]:r,i=t.initialIndex,a=void 0===i?0:i,l=t.keyLength,s=void 0===l?6:l,u=Pa();function c(e){(0,$n.Z)(v,e),v.length=v.entries.length,u.notifyListeners(v.location,v.action)}function f(){return Math.random().toString(36).substr(2,s)}var d=Fa(a,0,o.length-1),p=o.map((function(e){return Ca(e,void 0,"string"==typeof e?f():e.key||f())})),h=ka;function m(e){var t=Fa(v.index+e,0,v.entries.length-1),r=v.entries[t];u.confirmTransitionTo(r,"POP",n,(function(e){e?c({action:"POP",location:r,index:t}):c()}))}var v={length:p.length,action:"POP",location:p[d],index:d,entries:p,createHref:h,push:function(e,t){var r=Ca(e,t,f(),v.location);u.confirmTransitionTo(r,"PUSH",n,(function(e){if(e){var t=v.index+1,n=v.entries.slice(0);n.length>t?n.splice(t,n.length-t,r):n.push(r),c({action:"PUSH",location:r,index:t,entries:n})}}))},replace:function(e,t){var r=Ca(e,t,f(),v.location);u.confirmTransitionTo(r,"REPLACE",n,(function(e){e&&(v.entries[v.index]=r,c({action:"REPLACE",location:r}))}))},go:m,goBack:function(){m(-1)},goForward:function(){m(1)},canGo:function(e){var t=v.index+e;return t>=0&&t<v.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return v}var za="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};function Wa(e){var t=[];return{on:function(e){t.push(e)},off:function(e){t=t.filter((function(t){return t!==e}))},get:function(){return e},set:function(n,r){e=n,t.forEach((function(t){return t(e,r)}))}}}var Ua=r.createContext||function(e,t){var n,o,i="__create-react-context-"+function(){var e="__global_unique_id__";return za[e]=(za[e]||0)+1}()+"__",a=function(e){function n(){var t;return(t=e.apply(this,arguments)||this).emitter=Wa(t.props.value),t}(0,ar.Z)(n,e);var r=n.prototype;return r.getChildContext=function(){var e;return(e={})[i]=this.emitter,e},r.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,r=this.props.value,o=e.value;!function(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}(r,o)?(n="function"==typeof t?t(r,o):1073741823,0!==(n|=0)&&this.emitter.set(e.value,n)):n=0}},r.render=function(){return this.props.children},n}(r.Component);a.childContextTypes=((n={})[i]=Yn().object.isRequired,n);var l=function(t){function n(){var e;return(e=t.apply(this,arguments)||this).state={value:e.getValue()},e.onUpdate=function(t,n){0!=((0|e.observedBits)&n)&&e.setState({value:e.getValue()})},e}(0,ar.Z)(n,t);var r=n.prototype;return r.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?1073741823:t},r.componentDidMount=function(){this.context[i]&&this.context[i].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?1073741823:e},r.componentWillUnmount=function(){this.context[i]&&this.context[i].off(this.onUpdate)},r.getValue=function(){return this.context[i]?this.context[i].get():e},r.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(r.Component);return l.contextTypes=((o={})[i]=Yn().object,o),{Provider:a,Consumer:l}},Za=n(39658),Ha=n.n(Za),Ga=(n(50663),function(e){var t=Ua();return t.displayName=e,t}("Router-History")),Ka=function(e){var t=Ua();return t.displayName=e,t}("Router"),Va=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._isMounted?n.setState({location:e}):n._pendingLocation=e}))),n}(0,ar.Z)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){this._isMounted=!0,this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&this.unlisten()},n.render=function(){return r.createElement(Ka.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},r.createElement(Ga.Provider,{children:this.props.children||null,value:this.props.history}))},t}(r.Component);r.Component;r.Component;var $a={},qa=0;function Ya(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,i=void 0!==o&&o,a=n.strict,l=void 0!==a&&a,s=n.sensitive,u=void 0!==s&&s;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=$a[n]||($a[n]={});if(r[e])return r[e];var o=[],i={regexp:Ha()(e,o,t),keys:o};return qa<1e4&&(r[e]=i,qa++),i}(n,{end:i,strict:l,sensitive:u}),o=r.regexp,a=r.keys,s=o.exec(e);if(!s)return null;var c=s[0],f=s.slice(1),d=e===c;return i&&!d?null:{path:n,url:"/"===n&&""===c?"/":c,isExact:d,params:a.reduce((function(e,t,n){return e[t.name]=f[n],e}),{})}}),null)}var Xa=function(e){function t(){return e.apply(this,arguments)||this}return(0,ar.Z)(t,e),t.prototype.render=function(){var e=this;return r.createElement(Ka.Consumer,null,(function(t){t||xa(!1);var n=e.props.location||t.location,o=e.props.computedMatch?e.props.computedMatch:e.props.path?Ya(n.pathname,e.props):t.match,i=(0,$n.Z)({},t,{location:n,match:o}),a=e.props,l=a.children,s=a.component,u=a.render;return Array.isArray(l)&&0===l.length&&(l=null),r.createElement(Ka.Provider,{value:i},i.match?l?"function"==typeof l?l(i):l:s?r.createElement(s,i):u?u(i):null:"function"==typeof l?l(i):null)}))},t}(r.Component);function Ja(e){return"/"===e.charAt(0)?e:"/"+e}function Qa(e,t){if(!e)return t;var n=Ja(e);return 0!==t.pathname.indexOf(n)?t:(0,$n.Z)({},t,{pathname:t.pathname.substr(n.length)})}function el(e){return"string"==typeof e?e:ka(e)}function tl(e){return function(){xa(!1)}}function nl(){}r.Component;var rl=function(e){function t(){return e.apply(this,arguments)||this}return(0,ar.Z)(t,e),t.prototype.render=function(){var e=this;return r.createElement(Ka.Consumer,null,(function(t){t||xa(!1);var n,o,i=e.props.location||t.location;return r.Children.forEach(e.props.children,(function(e){if(null==o&&r.isValidElement(e)){n=e;var a=e.props.path||e.props.from;o=a?Ya(i.pathname,(0,$n.Z)({},e.props,{path:a})):t.match}})),o?r.cloneElement(n,{location:i,computedMatch:o}):null}))},t}(r.Component);function ol(e){var t="withRouter("+(e.displayName||e.name)+")",n=function(t){var n=t.wrappedComponentRef,o=(0,or.Z)(t,["wrappedComponentRef"]);return r.createElement(Ka.Consumer,null,(function(t){return t||xa(!1),r.createElement(e,(0,$n.Z)({},o,t,{ref:n}))}))};return n.displayName=t,n.WrappedComponent=e,Ir()(n,e)}var il=r.useContext;function al(){return il(Ga)}function ll(e){var t=il(Ka).location,n=il(Ka).match;return e?Ya(t.pathname,e):n}function sl(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("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 ul(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 ul(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 ul(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 cl=ro((function(e){return{settings:e.settings}}))((function(e){var t=e.settings,n=[M("random_tips.tip_1"),M("random_tips.tip_2"),M("random_tips.tip_3"),M("random_tips.tip_4"),M("random_tips.tip_5"),M("random_tips.tip_6"),M("random_tips.tip_7"),M("random_tips.tip_8"),M("random_tips.tip_9"),M("random_tips.tip_10"),M("random_tips.tip_11"),M("random_tips.tip_12"),M("random_tips.tip_13"),M("random_tips.tip_14"),M("random_tips.tip_15"),M("random_tips.tip_16"),M("random_tips.tip_17"),M("random_tips.tip_18"),M("random_tips.tip_19"),M("random_tips.tip_20")],o=sl((0,r.useState)(0),2),i=o[0],a=o[1],l=sl((0,r.useState)(function(e){for(var t,n,r=e.length;0!==r;)n=Math.floor(Math.random()*r),t=e[r-=1],e[r]=e[n],e[n]=t;return e}(n)),1)[0];return!0!==t.tips_enabled?r.createElement(r.Fragment,null):r.createElement("div",{className:"random-tip","data-testid":"random-tip"},r.createElement("span",{className:"buzz"},r.createElement("img",{onDoubleClick:function(){window.open("https://www.youtube.com/watch?v=dQw4w9WgXcQ")},src:buttonizer_admin.assets+"/images/ButtonizerBuzzer.svg","data-testid":"random-tip:buzzer"})),r.createElement("span",{className:"tip",style:{userSelect:"none"},onClick:function(){var e=i+1;e>=l.length&&(e=0),a(e)},"data-testid":"random-tip:new-tip"},l[i]))})),fl=r.forwardRef((function(e,t){var n=e.classes,o=e.className,i=e.color,a=void 0===i?"inherit":i,l=e.component,s=void 0===l?"span":l,u=e.fontSize,c=void 0===u?"default":u,f=(0,Vn.Z)(e,["classes","className","color","component","fontSize"]);return r.createElement(s,(0,$n.Z)({className:(0,Xn.Z)("material-icons",n.root,o,"inherit"!==a&&n["color".concat((0,wr.Z)(a))],"default"!==c&&n["fontSize".concat((0,wr.Z)(c))]),"aria-hidden":!0,ref:t},f))}));fl.muiName="Icon";var dl=(0,Jn.Z)((function(e){return{root:{userSelect:"none",fontSize:e.typography.pxToRem(24),width:"1em",height:"1em",overflow:"hidden",flexShrink:0},colorPrimary:{color:e.palette.primary.main},colorSecondary:{color:e.palette.secondary.main},colorAction:{color:e.palette.action.active},colorError:{color:e.palette.error.main},colorDisabled:{color:e.palette.action.disabled},fontSizeInherit:{fontSize:"inherit"},fontSizeSmall:{fontSize:e.typography.pxToRem(20)},fontSizeLarge:{fontSize:e.typography.pxToRem(36)}}}),{name:"MuiIcon"})(fl);function pl(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 hl(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?pl(Object(n),!0).forEach((function(t){ml(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):pl(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ml(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function vl(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:Kn.dispatch,o=r(Y(hl({name:M("utils.new_button"),show_mobile:!0,show_desktop:!0},e),"buttons")).payload.record;r(G(o.id,t,n))}function gl(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 yl(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?gl(Object(n),!0).forEach((function(t){bl(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):gl(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function bl(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function wl(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:window.store.getState(),o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:window.store.dispatch;if(!r.buttons[e])throw ReferenceError("ID "+e+" not in button store!");var i=yl(yl({},r.buttons[e]),{},{name:r.buttons[e].name+" Copy",id:void 0},n);delete i.id,vl(i,t,Object.values(r.buttons).reduce((function(t,n,r){return n.id===e?r+1:t}),""),o)}var xl=n(83711);var El=r.createContext({}),_l="undefined"==typeof window?r.useEffect:r.useLayoutEffect,Sl=r.forwardRef((function(e,t){var n=e.alignItems,i=void 0===n?"center":n,a=e.autoFocus,l=void 0!==a&&a,s=e.button,u=void 0!==s&&s,c=e.children,f=e.classes,d=e.className,p=e.component,h=e.ContainerComponent,m=void 0===h?"li":h,v=e.ContainerProps,g=(v=void 0===v?{}:v).className,y=(0,Vn.Z)(v,["className"]),b=e.dense,w=void 0!==b&&b,x=e.disabled,E=void 0!==x&&x,_=e.disableGutters,S=void 0!==_&&_,O=e.divider,k=void 0!==O&&O,C=e.focusVisibleClassName,P=e.selected,T=void 0!==P&&P,A=(0,Vn.Z)(e,["alignItems","autoFocus","button","children","classes","className","component","ContainerComponent","ContainerProps","dense","disabled","disableGutters","divider","focusVisibleClassName","selected"]),j=r.useContext(El),I={dense:w||j.dense||!1,alignItems:i},R=r.useRef(null);_l((function(){l&&R.current&&R.current.focus()}),[l]);var D=r.Children.toArray(c),N=D.length&&(0,xl.Z)(D[D.length-1],["ListItemSecondaryAction"]),M=r.useCallback((function(e){R.current=o.findDOMNode(e)}),[]),L=(0,er.Z)(M,t),F=(0,$n.Z)({className:(0,Xn.Z)(f.root,d,I.dense&&f.dense,!S&&f.gutters,k&&f.divider,E&&f.disabled,u&&f.button,"center"!==i&&f.alignItemsFlexStart,N&&f.secondaryAction,T&&f.selected),disabled:E},A),B=p||"li";return u&&(F.component=p||"div",F.focusVisibleClassName=(0,Xn.Z)(f.focusVisible,C),B=br),N?(B=F.component||p?B:"div","li"===m&&("li"===B?B="div":"li"===F.component&&(F.component="div")),r.createElement(El.Provider,{value:I},r.createElement(m,(0,$n.Z)({className:(0,Xn.Z)(f.container,g),ref:L},y),r.createElement(B,F,D),D.pop()))):r.createElement(El.Provider,{value:I},r.createElement(B,(0,$n.Z)({ref:L},F),D))})),Ol=(0,Jn.Z)((function(e){return{root:{display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",width:"100%",boxSizing:"border-box",textAlign:"left",paddingTop:8,paddingBottom:8,"&$focusVisible":{backgroundColor:e.palette.action.selected},"&$selected, &$selected:hover":{backgroundColor:e.palette.action.selected},"&$disabled":{opacity:.5}},container:{position:"relative"},focusVisible:{},dense:{paddingTop:4,paddingBottom:4},alignItemsFlexStart:{alignItems:"flex-start"},disabled:{},divider:{borderBottom:"1px solid ".concat(e.palette.divider),backgroundClip:"padding-box"},gutters:{paddingLeft:16,paddingRight:16},button:{transition:e.transitions.create("background-color",{duration:e.transitions.duration.shortest}),"&:hover":{textDecoration:"none",backgroundColor:e.palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}}},secondaryAction:{paddingRight:48},selected:{}}}),{name:"MuiListItem"})(Sl),kl=r.forwardRef((function(e,t){var n,o=e.classes,i=e.className,a=e.component,l=void 0===a?"li":a,s=e.disableGutters,u=void 0!==s&&s,c=e.ListItemClasses,f=e.role,d=void 0===f?"menuitem":f,p=e.selected,h=e.tabIndex,m=(0,Vn.Z)(e,["classes","className","component","disableGutters","ListItemClasses","role","selected","tabIndex"]);return e.disabled||(n=void 0!==h?h:-1),r.createElement(Ol,(0,$n.Z)({button:!0,role:d,tabIndex:n,component:l,selected:p,disableGutters:u,classes:(0,$n.Z)({dense:o.dense},c),className:(0,Xn.Z)(o.root,i,p&&o.selected,!u&&o.gutters),ref:t},m))})),Cl=(0,Jn.Z)((function(e){return{root:(0,$n.Z)({},e.typography.body1,(0,xo.Z)({minHeight:48,paddingTop:6,paddingBottom:6,boxSizing:"border-box",width:"auto",overflow:"hidden",whiteSpace:"nowrap"},e.breakpoints.up("sm"),{minHeight:"auto"})),gutters:{},selected:{},dense:(0,$n.Z)({},e.typography.body2,{minHeight:"auto"})}}),{name:"MuiMenuItem"})(kl),Pl=r.forwardRef((function(e,t){var n=e.classes,o=e.className,i=(0,Vn.Z)(e,["classes","className"]),a=r.useContext(El);return r.createElement("div",(0,$n.Z)({className:(0,Xn.Z)(n.root,o,"flex-start"===a.alignItems&&n.alignItemsFlexStart),ref:t},i))})),Tl=(0,Jn.Z)((function(e){return{root:{minWidth:56,color:e.palette.action.active,flexShrink:0,display:"inline-flex"},alignItemsFlexStart:{marginTop:8}}}),{name:"MuiListItemIcon"})(Pl);function Al(){return(Al=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 jl(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("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 Il(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 Il(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 Il(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 Rl(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 Dl=r.forwardRef((function(e,t){var n=e.model,o=void 0===n?"group":n,i=e.deleteDisabled,a=void 0!==i&&i,l=e.size,s=void 0===l?"small":l,u=e.onClose,c=e.buttonCount,f=void 0===c?1:c,d=e.inDropdown,p=void 0!==d&&d,h=Rl(e,["model","deleteDisabled","size","onClose","buttonCount","inDropdown"]),m=jl((0,r.useState)(!1),2),v=m[0],g=m[1];return r.createElement(r.Fragment,null,r.createElement(fo,{content:M("modal.remove.".concat(o,".cannot_delete")),trigger:"click",disabled:!a,style:p?null:{float:"right"}},p?r.createElement(Cl,{onClick:function(){return!a&&g(!0)},disabled:a,"data-testid":"delete-button-".concat(o),ref:t},r.createElement(Tl,null,r.createElement(dl,{className:"fas fa-trash-alt"})),r.createElement(di,{variant:"inherit"},M("utils.delete"))):r.createElement(fo,{content:M("utils.delete"),disabled:a,style:{float:"right"}},r.createElement(Oi,Al({onClick:function(){return!a&&g(!0)},color:"primary",disabled:a,size:s,style:{width:"35px",height:"35px"}},h),r.createElement(dl,{fontSize:"inherit",style:{overflow:"unset"},className:"fas fa-times"})))),r.createElement(_i,{open:v,title:M("modal.remove.".concat(o,a?".cannot_delete_window_title":".window_title")),buttons:a?[{value:"close",text:M("modal.close")}]:null,onClose:function(e){g(!1),"confirm"!==e||a||u()},testId:"delete-button:dialog"},a?r.createElement(di,null,M("modal.remove.".concat(o,".cannot_delete"))):r.createElement(r.Fragment,null,r.createElement(di,null,M("modal.remove.".concat(o,".question"))),"group"===o&&r.createElement(di,null,M("modal.remove.group.question_multiple_buttons",f)),r.createElement(di,{style:{marginTop:15}},M("modal.remove.permanent")))))})),Nl=n(60288);function Ml(e){var t=e.props,n=e.states,r=e.muiFormControl;return n.reduce((function(e,n){return e[n]=t[n],r&&void 0===t[n]&&(e[n]=r[n]),e}),{})}var Ll=r.createContext();function Fl(){return r.useContext(Ll)}var Bl=Ll,zl=n(79437);function Wl(e,t){return parseInt(e[t],10)||0}var Ul="undefined"!=typeof window?r.useLayoutEffect:r.useEffect,Zl={visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"},Hl=r.forwardRef((function(e,t){var n=e.onChange,o=e.rows,i=e.rowsMax,a=e.rowsMin,l=void 0===a?1:a,s=e.style,u=e.value,c=(0,Vn.Z)(e,["onChange","rows","rowsMax","rowsMin","style","value"]),f=o||l,d=r.useRef(null!=u).current,p=r.useRef(null),h=(0,er.Z)(t,p),m=r.useRef(null),v=r.useRef(0),g=r.useState({}),y=g[0],b=g[1],w=r.useCallback((function(){var t=p.current,n=window.getComputedStyle(t),r=m.current;r.style.width=n.width,r.value=t.value||e.placeholder||"x","\n"===r.value.slice(-1)&&(r.value+=" ");var o=n["box-sizing"],a=Wl(n,"padding-bottom")+Wl(n,"padding-top"),l=Wl(n,"border-bottom-width")+Wl(n,"border-top-width"),s=r.scrollHeight-a;r.value="x";var u=r.scrollHeight-a,c=s;f&&(c=Math.max(Number(f)*u,c)),i&&(c=Math.min(Number(i)*u,c));var d=(c=Math.max(c,u))+("border-box"===o?a+l:0),h=Math.abs(c-s)<=1;b((function(e){return v.current<20&&(d>0&&Math.abs((e.outerHeightStyle||0)-d)>1||e.overflow!==h)?(v.current+=1,{overflow:h,outerHeightStyle:d}):e}))}),[i,f,e.placeholder]);r.useEffect((function(){var e=(0,zl.Z)((function(){v.current=0,w()}));return window.addEventListener("resize",e),function(){e.clear(),window.removeEventListener("resize",e)}}),[w]),Ul((function(){w()})),r.useEffect((function(){v.current=0}),[u]);return r.createElement(r.Fragment,null,r.createElement("textarea",(0,$n.Z)({value:u,onChange:function(e){v.current=0,d||w(),n&&n(e)},ref:h,rows:f,style:(0,$n.Z)({height:y.outerHeightStyle,overflow:y.overflow?"hidden":null},s)},c)),r.createElement("textarea",{"aria-hidden":!0,className:e.className,readOnly:!0,ref:m,tabIndex:-1,style:(0,$n.Z)({},Zl,s)}))}));function Gl(e){return null!=e&&!(Array.isArray(e)&&0===e.length)}function Kl(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return e&&(Gl(e.value)&&""!==e.value||t&&Gl(e.defaultValue)&&""!==e.defaultValue)}var Vl="undefined"==typeof window?r.useEffect:r.useLayoutEffect,$l=r.forwardRef((function(e,t){var n=e["aria-describedby"],o=e.autoComplete,i=e.autoFocus,a=e.classes,l=e.className,s=(e.color,e.defaultValue),u=e.disabled,c=e.endAdornment,f=(e.error,e.fullWidth),d=void 0!==f&&f,p=e.id,h=e.inputComponent,m=void 0===h?"input":h,v=e.inputProps,g=void 0===v?{}:v,y=e.inputRef,b=(e.margin,e.multiline),w=void 0!==b&&b,x=e.name,E=e.onBlur,_=e.onChange,S=e.onClick,O=e.onFocus,k=e.onKeyDown,C=e.onKeyUp,P=e.placeholder,T=e.readOnly,A=e.renderSuffix,j=e.rows,I=e.rowsMax,R=e.rowsMin,D=e.startAdornment,N=e.type,M=void 0===N?"text":N,L=e.value,F=(0,Vn.Z)(e,["aria-describedby","autoComplete","autoFocus","classes","className","color","defaultValue","disabled","endAdornment","error","fullWidth","id","inputComponent","inputProps","inputRef","margin","multiline","name","onBlur","onChange","onClick","onFocus","onKeyDown","onKeyUp","placeholder","readOnly","renderSuffix","rows","rowsMax","rowsMin","startAdornment","type","value"]),B=null!=g.value?g.value:L,z=r.useRef(null!=B).current,W=r.useRef(),U=r.useCallback((function(e){0}),[]),Z=(0,er.Z)(g.ref,U),H=(0,er.Z)(y,Z),G=(0,er.Z)(W,H),K=r.useState(!1),V=K[0],$=K[1],q=Fl();var Y=Ml({props:e,muiFormControl:q,states:["color","disabled","error","hiddenLabel","margin","required","filled"]});Y.focused=q?q.focused:V,r.useEffect((function(){!q&&u&&V&&($(!1),E&&E())}),[q,u,V,E]);var X=q&&q.onFilled,J=q&&q.onEmpty,Q=r.useCallback((function(e){Kl(e)?X&&X():J&&J()}),[X,J]);Vl((function(){z&&Q({value:B})}),[B,Q,z]);r.useEffect((function(){Q(W.current)}),[]);var ee=m,te=(0,$n.Z)({},g,{ref:G});"string"!=typeof ee?te=(0,$n.Z)({inputRef:G,type:M},te,{ref:null}):w?!j||I||R?(te=(0,$n.Z)({rows:j,rowsMax:I},te),ee=Hl):ee="textarea":te=(0,$n.Z)({type:M},te);return r.useEffect((function(){q&&q.setAdornedStart(Boolean(D))}),[q,D]),r.createElement("div",(0,$n.Z)({className:(0,Xn.Z)(a.root,a["color".concat((0,wr.Z)(Y.color||"primary"))],l,Y.disabled&&a.disabled,Y.error&&a.error,d&&a.fullWidth,Y.focused&&a.focused,q&&a.formControl,w&&a.multiline,D&&a.adornedStart,c&&a.adornedEnd,"dense"===Y.margin&&a.marginDense),onClick:function(e){W.current&&e.currentTarget===e.target&&W.current.focus(),S&&S(e)},ref:t},F),D,r.createElement(Bl.Provider,{value:null},r.createElement(ee,(0,$n.Z)({"aria-invalid":Y.error,"aria-describedby":n,autoComplete:o,autoFocus:i,defaultValue:s,disabled:Y.disabled,id:p,onAnimationStart:function(e){Q("mui-auto-fill-cancel"===e.animationName?W.current:{value:"x"})},name:x,placeholder:P,readOnly:T,required:Y.required,rows:j,value:B,onKeyDown:k,onKeyUp:C},te,{className:(0,Xn.Z)(a.input,g.className,Y.disabled&&a.disabled,w&&a.inputMultiline,Y.hiddenLabel&&a.inputHiddenLabel,D&&a.inputAdornedStart,c&&a.inputAdornedEnd,"search"===M&&a.inputTypeSearch,"dense"===Y.margin&&a.inputMarginDense),onBlur:function(e){E&&E(e),g.onBlur&&g.onBlur(e),q&&q.onBlur?q.onBlur(e):$(!1)},onChange:function(e){if(!z){var t=e.target||W.current;if(null==t)throw new Error((0,Nl.Z)(1));Q({value:t.value})}for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];g.onChange&&g.onChange.apply(g,[e].concat(r)),_&&_.apply(void 0,[e].concat(r))},onFocus:function(e){Y.disabled?e.stopPropagation():(O&&O(e),g.onFocus&&g.onFocus(e),q&&q.onFocus?q.onFocus(e):$(!0))}}))),c,A?A((0,$n.Z)({},Y,{startAdornment:D})):null)})),ql=(0,Jn.Z)((function(e){var t="light"===e.palette.type,n={color:"currentColor",opacity:t?.42:.5,transition:e.transitions.create("opacity",{duration:e.transitions.duration.shorter})},r={opacity:"0 !important"},o={opacity:t?.42:.5};return{"@global":{"@keyframes mui-auto-fill":{},"@keyframes mui-auto-fill-cancel":{}},root:(0,$n.Z)({},e.typography.body1,{color:e.palette.text.primary,lineHeight:"1.1876em",boxSizing:"border-box",position:"relative",cursor:"text",display:"inline-flex",alignItems:"center","&$disabled":{color:e.palette.text.disabled,cursor:"default"}}),formControl:{},focused:{},disabled:{},adornedStart:{},adornedEnd:{},error:{},marginDense:{},multiline:{padding:"".concat(6,"px 0 ").concat(7,"px"),"&$marginDense":{paddingTop:3}},colorSecondary:{},fullWidth:{width:"100%"},input:{font:"inherit",letterSpacing:"inherit",color:"currentColor",padding:"".concat(6,"px 0 ").concat(7,"px"),border:0,boxSizing:"content-box",background:"none",height:"1.1876em",margin:0,WebkitTapHighlightColor:"transparent",display:"block",minWidth:0,width:"100%",animationName:"mui-auto-fill-cancel",animationDuration:"10ms","&::-webkit-input-placeholder":n,"&::-moz-placeholder":n,"&:-ms-input-placeholder":n,"&::-ms-input-placeholder":n,"&:focus":{outline:0},"&:invalid":{boxShadow:"none"},"&::-webkit-search-decoration":{"-webkit-appearance":"none"},"label[data-shrink=false] + $formControl &":{"&::-webkit-input-placeholder":r,"&::-moz-placeholder":r,"&:-ms-input-placeholder":r,"&::-ms-input-placeholder":r,"&:focus::-webkit-input-placeholder":o,"&:focus::-moz-placeholder":o,"&:focus:-ms-input-placeholder":o,"&:focus::-ms-input-placeholder":o},"&$disabled":{opacity:1},"&:-webkit-autofill":{animationDuration:"5000s",animationName:"mui-auto-fill"}},inputMarginDense:{paddingTop:3},inputMultiline:{height:"auto",resize:"none",padding:0},inputTypeSearch:{"-moz-appearance":"textfield","-webkit-appearance":"textfield"},inputAdornedStart:{},inputAdornedEnd:{},inputHiddenLabel:{}}}),{name:"MuiInputBase"})($l),Yl=r.forwardRef((function(e,t){var n=e.disableUnderline,o=e.classes,i=e.fullWidth,a=void 0!==i&&i,l=e.inputComponent,s=void 0===l?"input":l,u=e.multiline,c=void 0!==u&&u,f=e.type,d=void 0===f?"text":f,p=(0,Vn.Z)(e,["disableUnderline","classes","fullWidth","inputComponent","multiline","type"]);return r.createElement(ql,(0,$n.Z)({classes:(0,$n.Z)({},o,{root:(0,Xn.Z)(o.root,!n&&o.underline),underline:null}),fullWidth:a,inputComponent:s,multiline:c,ref:t,type:d},p))}));Yl.muiName="Input";var Xl=(0,Jn.Z)((function(e){var t="light"===e.palette.type?"rgba(0, 0, 0, 0.42)":"rgba(255, 255, 255, 0.7)";return{root:{position:"relative"},formControl:{"label + &":{marginTop:16}},focused:{},disabled:{},colorSecondary:{"&$underline:after":{borderBottomColor:e.palette.secondary.main}},underline:{"&:after":{borderBottom:"2px solid ".concat(e.palette.primary.main),left:0,bottom:0,content:'""',position:"absolute",right:0,transform:"scaleX(0)",transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),pointerEvents:"none"},"&$focused:after":{transform:"scaleX(1)"},"&$error:after":{borderBottomColor:e.palette.error.main,transform:"scaleX(1)"},"&:before":{borderBottom:"1px solid ".concat(t),left:0,bottom:0,content:'"\\00a0"',position:"absolute",right:0,transition:e.transitions.create("border-bottom-color",{duration:e.transitions.duration.shorter}),pointerEvents:"none"},"&:hover:not($disabled):before":{borderBottom:"2px solid ".concat(e.palette.text.primary),"@media (hover: none)":{borderBottom:"1px solid ".concat(t)}},"&$disabled:before":{borderBottomStyle:"dotted"}},error:{},marginDense:{},multiline:{},fullWidth:{},input:{},inputMarginDense:{},inputMultiline:{},inputTypeSearch:{}}}),{name:"MuiInput"})(Yl),Jl=r.forwardRef((function(e,t){var n=e.disableUnderline,o=e.classes,i=e.fullWidth,a=void 0!==i&&i,l=e.inputComponent,s=void 0===l?"input":l,u=e.multiline,c=void 0!==u&&u,f=e.type,d=void 0===f?"text":f,p=(0,Vn.Z)(e,["disableUnderline","classes","fullWidth","inputComponent","multiline","type"]);return r.createElement(ql,(0,$n.Z)({classes:(0,$n.Z)({},o,{root:(0,Xn.Z)(o.root,!n&&o.underline),underline:null}),fullWidth:a,inputComponent:s,multiline:c,ref:t,type:d},p))}));Jl.muiName="Input";var Ql=(0,Jn.Z)((function(e){var t="light"===e.palette.type,n=t?"rgba(0, 0, 0, 0.42)":"rgba(255, 255, 255, 0.7)",r=t?"rgba(0, 0, 0, 0.09)":"rgba(255, 255, 255, 0.09)";return{root:{position:"relative",backgroundColor:r,borderTopLeftRadius:e.shape.borderRadius,borderTopRightRadius:e.shape.borderRadius,transition:e.transitions.create("background-color",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),"&:hover":{backgroundColor:t?"rgba(0, 0, 0, 0.13)":"rgba(255, 255, 255, 0.13)","@media (hover: none)":{backgroundColor:r}},"&$focused":{backgroundColor:t?"rgba(0, 0, 0, 0.09)":"rgba(255, 255, 255, 0.09)"},"&$disabled":{backgroundColor:t?"rgba(0, 0, 0, 0.12)":"rgba(255, 255, 255, 0.12)"}},colorSecondary:{"&$underline:after":{borderBottomColor:e.palette.secondary.main}},underline:{"&:after":{borderBottom:"2px solid ".concat(e.palette.primary.main),left:0,bottom:0,content:'""',position:"absolute",right:0,transform:"scaleX(0)",transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),pointerEvents:"none"},"&$focused:after":{transform:"scaleX(1)"},"&$error:after":{borderBottomColor:e.palette.error.main,transform:"scaleX(1)"},"&:before":{borderBottom:"1px solid ".concat(n),left:0,bottom:0,content:'"\\00a0"',position:"absolute",right:0,transition:e.transitions.create("border-bottom-color",{duration:e.transitions.duration.shorter}),pointerEvents:"none"},"&:hover:before":{borderBottom:"1px solid ".concat(e.palette.text.primary)},"&$disabled:before":{borderBottomStyle:"dotted"}},focused:{},disabled:{},adornedStart:{paddingLeft:12},adornedEnd:{paddingRight:12},error:{},marginDense:{},multiline:{padding:"27px 12px 10px","&$marginDense":{paddingTop:23,paddingBottom:6}},input:{padding:"27px 12px 10px","&:-webkit-autofill":{WebkitBoxShadow:"light"===e.palette.type?null:"0 0 0 100px #266798 inset",WebkitTextFillColor:"light"===e.palette.type?null:"#fff",caretColor:"light"===e.palette.type?null:"#fff",borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"}},inputMarginDense:{paddingTop:23,paddingBottom:6},inputHiddenLabel:{paddingTop:18,paddingBottom:19,"&$inputMarginDense":{paddingTop:10,paddingBottom:11}},inputMultiline:{padding:0},inputAdornedStart:{paddingLeft:0},inputAdornedEnd:{paddingRight:0}}}),{name:"MuiFilledInput"})(Jl),es=r.forwardRef((function(e,t){e.children;var n=e.classes,o=e.className,i=e.label,a=e.labelWidth,l=e.notched,s=e.style,u=(0,Vn.Z)(e,["children","classes","className","label","labelWidth","notched","style"]),c="rtl"===Xo().direction?"right":"left";if(void 0!==i)return r.createElement("fieldset",(0,$n.Z)({"aria-hidden":!0,className:(0,Xn.Z)(n.root,o),ref:t,style:s},u),r.createElement("legend",{className:(0,Xn.Z)(n.legendLabelled,l&&n.legendNotched)},i?r.createElement("span",null,i):r.createElement("span",{dangerouslySetInnerHTML:{__html:"&#8203;"}})));var f=a>0?.75*a+8:.01;return r.createElement("fieldset",(0,$n.Z)({"aria-hidden":!0,style:(0,$n.Z)((0,xo.Z)({},"padding".concat((0,wr.Z)(c)),8),s),className:(0,Xn.Z)(n.root,o),ref:t},u),r.createElement("legend",{className:n.legend,style:{width:l?f:.01}},r.createElement("span",{dangerouslySetInnerHTML:{__html:"&#8203;"}})))})),ts=(0,Jn.Z)((function(e){return{root:{position:"absolute",bottom:0,right:0,top:-5,left:0,margin:0,padding:"0 8px",pointerEvents:"none",borderRadius:"inherit",borderStyle:"solid",borderWidth:1,overflow:"hidden"},legend:{textAlign:"left",padding:0,lineHeight:"11px",transition:e.transitions.create("width",{duration:150,easing:e.transitions.easing.easeOut})},legendLabelled:{display:"block",width:"auto",textAlign:"left",padding:0,height:11,fontSize:"0.75em",visibility:"hidden",maxWidth:.01,transition:e.transitions.create("max-width",{duration:50,easing:e.transitions.easing.easeOut}),"& > span":{paddingLeft:5,paddingRight:5,display:"inline-block"}},legendNotched:{maxWidth:1e3,transition:e.transitions.create("max-width",{duration:100,easing:e.transitions.easing.easeOut,delay:50})}}}),{name:"PrivateNotchedOutline"})(es),ns=r.forwardRef((function(e,t){var n=e.classes,o=e.fullWidth,i=void 0!==o&&o,a=e.inputComponent,l=void 0===a?"input":a,s=e.label,u=e.labelWidth,c=void 0===u?0:u,f=e.multiline,d=void 0!==f&&f,p=e.notched,h=e.type,m=void 0===h?"text":h,v=(0,Vn.Z)(e,["classes","fullWidth","inputComponent","label","labelWidth","multiline","notched","type"]);return r.createElement(ql,(0,$n.Z)({renderSuffix:function(e){return r.createElement(ts,{className:n.notchedOutline,label:s,labelWidth:c,notched:void 0!==p?p:Boolean(e.startAdornment||e.filled||e.focused)})},classes:(0,$n.Z)({},n,{root:(0,Xn.Z)(n.root,n.underline),notchedOutline:null}),fullWidth:i,inputComponent:l,multiline:d,ref:t,type:m},v))}));ns.muiName="Input";var rs=(0,Jn.Z)((function(e){var t="light"===e.palette.type?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)";return{root:{position:"relative",borderRadius:e.shape.borderRadius,"&:hover $notchedOutline":{borderColor:e.palette.text.primary},"@media (hover: none)":{"&:hover $notchedOutline":{borderColor:t}},"&$focused $notchedOutline":{borderColor:e.palette.primary.main,borderWidth:2},"&$error $notchedOutline":{borderColor:e.palette.error.main},"&$disabled $notchedOutline":{borderColor:e.palette.action.disabled}},colorSecondary:{"&$focused $notchedOutline":{borderColor:e.palette.secondary.main}},focused:{},disabled:{},adornedStart:{paddingLeft:14},adornedEnd:{paddingRight:14},error:{},marginDense:{},multiline:{padding:"18.5px 14px","&$marginDense":{paddingTop:10.5,paddingBottom:10.5}},notchedOutline:{borderColor:t},input:{padding:"18.5px 14px","&:-webkit-autofill":{WebkitBoxShadow:"light"===e.palette.type?null:"0 0 0 100px #266798 inset",WebkitTextFillColor:"light"===e.palette.type?null:"#fff",caretColor:"light"===e.palette.type?null:"#fff",borderRadius:"inherit"}},inputMarginDense:{paddingTop:10.5,paddingBottom:10.5},inputMultiline:{padding:0},inputAdornedStart:{paddingLeft:0},inputAdornedEnd:{paddingRight:0}}}),{name:"MuiOutlinedInput"})(ns);function os(){return r.useContext(Bl)}var is=r.forwardRef((function(e,t){var n=e.children,o=e.classes,i=e.className,a=(e.color,e.component),l=void 0===a?"label":a,s=(e.disabled,e.error,e.filled,e.focused,e.required,(0,Vn.Z)(e,["children","classes","className","color","component","disabled","error","filled","focused","required"])),u=Ml({props:e,muiFormControl:os(),states:["color","required","focused","disabled","error","filled"]});return r.createElement(l,(0,$n.Z)({className:(0,Xn.Z)(o.root,o["color".concat((0,wr.Z)(u.color||"primary"))],i,u.disabled&&o.disabled,u.error&&o.error,u.filled&&o.filled,u.focused&&o.focused,u.required&&o.required),ref:t},s),n,u.required&&r.createElement("span",{"aria-hidden":!0,className:(0,Xn.Z)(o.asterisk,u.error&&o.error)}," ","*"))})),as=(0,Jn.Z)((function(e){return{root:(0,$n.Z)({color:e.palette.text.secondary},e.typography.body1,{lineHeight:1,padding:0,"&$focused":{color:e.palette.primary.main},"&$disabled":{color:e.palette.text.disabled},"&$error":{color:e.palette.error.main}}),colorSecondary:{"&$focused":{color:e.palette.secondary.main}},focused:{},disabled:{},error:{},filled:{},required:{},asterisk:{"&$error":{color:e.palette.error.main}}}}),{name:"MuiFormLabel"})(is),ls=r.forwardRef((function(e,t){var n=e.classes,o=e.className,i=e.disableAnimation,a=void 0!==i&&i,l=(e.margin,e.shrink),s=(e.variant,(0,Vn.Z)(e,["classes","className","disableAnimation","margin","shrink","variant"])),u=os(),c=l;void 0===c&&u&&(c=u.filled||u.focused||u.adornedStart);var f=Ml({props:e,muiFormControl:u,states:["margin","variant"]});return r.createElement(as,(0,$n.Z)({"data-shrink":c,className:(0,Xn.Z)(n.root,o,u&&n.formControl,!a&&n.animated,c&&n.shrink,"dense"===f.margin&&n.marginDense,{filled:n.filled,outlined:n.outlined}[f.variant]),classes:{focused:n.focused,disabled:n.disabled,error:n.error,required:n.required,asterisk:n.asterisk},ref:t},s))})),ss=(0,Jn.Z)((function(e){return{root:{display:"block",transformOrigin:"top left"},focused:{},disabled:{},error:{},required:{},asterisk:{},formControl:{position:"absolute",left:0,top:0,transform:"translate(0, 24px) scale(1)"},marginDense:{transform:"translate(0, 21px) scale(1)"},shrink:{transform:"translate(0, 1.5px) scale(0.75)",transformOrigin:"top left"},animated:{transition:e.transitions.create(["color","transform"],{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut})},filled:{zIndex:1,pointerEvents:"none",transform:"translate(12px, 20px) scale(1)","&$marginDense":{transform:"translate(12px, 17px) scale(1)"},"&$shrink":{transform:"translate(12px, 10px) scale(0.75)","&$marginDense":{transform:"translate(12px, 7px) scale(0.75)"}}},outlined:{zIndex:1,pointerEvents:"none",transform:"translate(14px, 20px) scale(1)","&$marginDense":{transform:"translate(14px, 12px) scale(1)"},"&$shrink":{transform:"translate(14px, -6px) scale(0.75)"}}}}),{name:"MuiInputLabel"})(ls),us=r.forwardRef((function(e,t){var n=e.children,o=e.classes,i=e.className,a=e.color,l=void 0===a?"primary":a,s=e.component,u=void 0===s?"div":s,c=e.disabled,f=void 0!==c&&c,d=e.error,p=void 0!==d&&d,h=e.fullWidth,m=void 0!==h&&h,v=e.focused,g=e.hiddenLabel,y=void 0!==g&&g,b=e.margin,w=void 0===b?"none":b,x=e.required,E=void 0!==x&&x,_=e.size,S=e.variant,O=void 0===S?"standard":S,k=(0,Vn.Z)(e,["children","classes","className","color","component","disabled","error","fullWidth","focused","hiddenLabel","margin","required","size","variant"]),C=r.useState((function(){var e=!1;return n&&r.Children.forEach(n,(function(t){if((0,xl.Z)(t,["Input","Select"])){var n=(0,xl.Z)(t,["Select"])?t.props.input:t;n&&n.props.startAdornment&&(e=!0)}})),e})),P=C[0],T=C[1],A=r.useState((function(){var e=!1;return n&&r.Children.forEach(n,(function(t){(0,xl.Z)(t,["Input","Select"])&&Kl(t.props,!0)&&(e=!0)})),e})),j=A[0],I=A[1],R=r.useState(!1),D=R[0],N=R[1],M=void 0!==v?v:D;f&&M&&N(!1);var L=r.useCallback((function(){I(!0)}),[]),F={adornedStart:P,setAdornedStart:T,color:l,disabled:f,error:p,filled:j,focused:M,fullWidth:m,hiddenLabel:y,margin:("small"===_?"dense":void 0)||w,onBlur:function(){N(!1)},onEmpty:r.useCallback((function(){I(!1)}),[]),onFilled:L,onFocus:function(){N(!0)},registerEffect:void 0,required:E,variant:O};return r.createElement(Bl.Provider,{value:F},r.createElement(u,(0,$n.Z)({className:(0,Xn.Z)(o.root,i,"none"!==w&&o["margin".concat((0,wr.Z)(w))],m&&o.fullWidth),ref:t},k),n))})),cs=(0,Jn.Z)({root:{display:"inline-flex",flexDirection:"column",position:"relative",minWidth:0,padding:0,margin:0,border:0,verticalAlign:"top"},marginNormal:{marginTop:16,marginBottom:8},marginDense:{marginTop:8,marginBottom:4},fullWidth:{width:"100%"}},{name:"MuiFormControl"})(us),fs=r.forwardRef((function(e,t){var n=e.children,o=e.classes,i=e.className,a=e.component,l=void 0===a?"p":a,s=(e.disabled,e.error,e.filled,e.focused,e.margin,e.required,e.variant,(0,Vn.Z)(e,["children","classes","className","component","disabled","error","filled","focused","margin","required","variant"])),u=Ml({props:e,muiFormControl:os(),states:["variant","margin","disabled","error","filled","focused","required"]});return r.createElement(l,(0,$n.Z)({className:(0,Xn.Z)(o.root,("filled"===u.variant||"outlined"===u.variant)&&o.contained,i,u.disabled&&o.disabled,u.error&&o.error,u.filled&&o.filled,u.focused&&o.focused,u.required&&o.required,"dense"===u.margin&&o.marginDense),ref:t},s)," "===n?r.createElement("span",{dangerouslySetInnerHTML:{__html:"&#8203;"}}):n)})),ds=(0,Jn.Z)((function(e){return{root:(0,$n.Z)({color:e.palette.text.secondary},e.typography.caption,{textAlign:"left",marginTop:3,margin:0,"&$disabled":{color:e.palette.text.disabled},"&$error":{color:e.palette.error.main}}),error:{},disabled:{},marginDense:{marginTop:4},contained:{marginLeft:14,marginRight:14},focused:{},filled:{},required:{}}}),{name:"MuiFormHelperText"})(fs),ps=n(65835),hs=n(90484);function ms(e){return"scale(".concat(e,", ").concat(Math.pow(e,2),")")}var vs={entering:{opacity:1,transform:ms(1)},entered:{opacity:1,transform:"none"}},gs=r.forwardRef((function(e,t){var n=e.children,o=e.disableStrictModeCompat,i=void 0!==o&&o,a=e.in,l=e.onEnter,s=e.onEntered,u=e.onEntering,c=e.onExit,f=e.onExited,d=e.onExiting,p=e.style,h=e.timeout,m=void 0===h?"auto":h,v=e.TransitionComponent,g=void 0===v?$o:v,y=(0,Vn.Z)(e,["children","disableStrictModeCompat","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","timeout","TransitionComponent"]),b=r.useRef(),w=r.useRef(),x=Xo(),E=x.unstable_strictMode&&!i,_=r.useRef(null),S=(0,er.Z)(n.ref,t),O=(0,er.Z)(E?_:void 0,S),k=function(e){return function(t,n){if(e){var r=E?[_.current,t]:[t,n],o=(0,Ho.Z)(r,2),i=o[0],a=o[1];void 0===a?e(i):e(i,a)}}},C=k(u),P=k((function(e,t){Jo(e);var n,r=Qo({style:p,timeout:m},{mode:"enter"}),o=r.duration,i=r.delay;"auto"===m?(n=x.transitions.getAutoHeightDuration(e.clientHeight),w.current=n):n=o,e.style.transition=[x.transitions.create("opacity",{duration:n,delay:i}),x.transitions.create("transform",{duration:.666*n,delay:i})].join(","),l&&l(e,t)})),T=k(s),A=k(d),j=k((function(e){var t,n=Qo({style:p,timeout:m},{mode:"exit"}),r=n.duration,o=n.delay;"auto"===m?(t=x.transitions.getAutoHeightDuration(e.clientHeight),w.current=t):t=r,e.style.transition=[x.transitions.create("opacity",{duration:t,delay:o}),x.transitions.create("transform",{duration:.666*t,delay:o||.333*t})].join(","),e.style.opacity="0",e.style.transform=ms(.75),c&&c(e)})),I=k(f);return r.useEffect((function(){return function(){clearTimeout(b.current)}}),[]),r.createElement(g,(0,$n.Z)({appear:!0,in:a,nodeRef:E?_:void 0,onEnter:P,onEntered:T,onEntering:C,onExit:j,onExited:I,onExiting:A,addEndListener:function(e,t){var n=E?e:t;"auto"===m&&(b.current=setTimeout(n,w.current||0))},timeout:"auto"===m?null:m},y),(function(e,t){return r.cloneElement(n,(0,$n.Z)({style:(0,$n.Z)({opacity:0,transform:ms(.75),visibility:"exited"!==e||a?void 0:"hidden"},vs[e],p,n.props.style),ref:O},t))}))}));gs.muiSupportAuto=!0;var ys=gs;function bs(e,t){var n=0;return"number"==typeof t?n=t:"center"===t?n=e.height/2:"bottom"===t&&(n=e.height),n}function ws(e,t){var n=0;return"number"==typeof t?n=t:"center"===t?n=e.width/2:"right"===t&&(n=e.width),n}function xs(e){return[e.horizontal,e.vertical].map((function(e){return"number"==typeof e?"".concat(e,"px"):e})).join(" ")}function Es(e){return"function"==typeof e?e():e}var _s=r.forwardRef((function(e,t){var n=e.action,i=e.anchorEl,a=e.anchorOrigin,l=void 0===a?{vertical:"top",horizontal:"left"}:a,s=e.anchorPosition,u=e.anchorReference,c=void 0===u?"anchorEl":u,f=e.children,d=e.classes,p=e.className,h=e.container,m=e.elevation,v=void 0===m?8:m,g=e.getContentAnchorEl,y=e.marginThreshold,b=void 0===y?16:y,w=e.onEnter,x=e.onEntered,E=e.onEntering,_=e.onExit,S=e.onExited,O=e.onExiting,k=e.open,C=e.PaperProps,P=void 0===C?{}:C,T=e.transformOrigin,A=void 0===T?{vertical:"top",horizontal:"left"}:T,j=e.TransitionComponent,I=void 0===j?ys:j,R=e.transitionDuration,D=void 0===R?"auto":R,N=e.TransitionProps,M=void 0===N?{}:N,L=(0,Vn.Z)(e,["action","anchorEl","anchorOrigin","anchorPosition","anchorReference","children","classes","className","container","elevation","getContentAnchorEl","marginThreshold","onEnter","onEntered","onEntering","onExit","onExited","onExiting","open","PaperProps","transformOrigin","TransitionComponent","transitionDuration","TransitionProps"]),F=r.useRef(),B=r.useCallback((function(e){if("anchorPosition"===c)return s;var t=Es(i),n=(t&&1===t.nodeType?t:(0,So.Z)(F.current).body).getBoundingClientRect(),r=0===e?l.vertical:"center";return{top:n.top+bs(n,r),left:n.left+ws(n,l.horizontal)}}),[i,l.horizontal,l.vertical,s,c]),z=r.useCallback((function(e){var t=0;if(g&&"anchorEl"===c){var n=g(e);if(n&&e.contains(n)){var r=function(e,t){for(var n=t,r=0;n&&n!==e;)r+=(n=n.parentElement).scrollTop;return r}(e,n);t=n.offsetTop+n.clientHeight/2-r||0}0}return t}),[l.vertical,c,g]),W=r.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return{vertical:bs(e,A.vertical)+t,horizontal:ws(e,A.horizontal)}}),[A.horizontal,A.vertical]),U=r.useCallback((function(e){var t=z(e),n={width:e.offsetWidth,height:e.offsetHeight},r=W(n,t);if("none"===c)return{top:null,left:null,transformOrigin:xs(r)};var o=B(t),a=o.top-r.vertical,l=o.left-r.horizontal,s=a+n.height,u=l+n.width,f=(0,Io.Z)(Es(i)),d=f.innerHeight-b,p=f.innerWidth-b;if(a<b){var h=a-b;a-=h,r.vertical+=h}else if(s>d){var m=s-d;a-=m,r.vertical+=m}if(l<b){var v=l-b;l-=v,r.horizontal+=v}else if(u>p){var g=u-p;l-=g,r.horizontal+=g}return{top:"".concat(Math.round(a),"px"),left:"".concat(Math.round(l),"px"),transformOrigin:xs(r)}}),[i,c,B,z,W,b]),Z=r.useCallback((function(){var e=F.current;if(e){var t=U(e);null!==t.top&&(e.style.top=t.top),null!==t.left&&(e.style.left=t.left),e.style.transformOrigin=t.transformOrigin}}),[U]),H=r.useCallback((function(e){F.current=o.findDOMNode(e)}),[]);r.useEffect((function(){k&&Z()})),r.useImperativeHandle(n,(function(){return k?{updatePosition:function(){Z()}}:null}),[k,Z]),r.useEffect((function(){if(k){var e=(0,zl.Z)((function(){Z()}));return window.addEventListener("resize",e),function(){e.clear(),window.removeEventListener("resize",e)}}}),[k,Z]);var G=D;"auto"!==D||I.muiSupportAuto||(G=void 0);var K=h||(i?(0,So.Z)(Es(i)).body:void 0);return r.createElement(Zo,(0,$n.Z)({container:K,open:k,ref:t,BackdropProps:{invisible:!0},className:(0,Xn.Z)(d.root,p)},L),r.createElement(I,(0,$n.Z)({appear:!0,in:k,onEnter:w,onEntered:x,onExit:_,onExited:S,onExiting:O,timeout:G},M,{onEntering:(0,Po.Z)((function(e,t){E&&E(e,t),Z()}),M.onEntering)}),r.createElement(ai,(0,$n.Z)({elevation:v,ref:H},P,{className:(0,Xn.Z)(d.paper,P.className)}),f)))})),Ss=(0,Jn.Z)({root:{},paper:{position:"absolute",overflowY:"auto",overflowX:"hidden",minWidth:16,minHeight:16,maxWidth:"calc(100% - 32px)",maxHeight:"calc(100% - 32px)",outline:0}},{name:"MuiPopover"})(_s),Os=r.forwardRef((function(e,t){var n=e.children,o=e.classes,i=e.className,a=e.component,l=void 0===a?"ul":a,s=e.dense,u=void 0!==s&&s,c=e.disablePadding,f=void 0!==c&&c,d=e.subheader,p=(0,Vn.Z)(e,["children","classes","className","component","dense","disablePadding","subheader"]),h=r.useMemo((function(){return{dense:u}}),[u]);return r.createElement(El.Provider,{value:h},r.createElement(l,(0,$n.Z)({className:(0,Xn.Z)(o.root,i,u&&o.dense,!f&&o.padding,d&&o.subheader),ref:t},p),d,n))})),ks=(0,Jn.Z)({root:{listStyle:"none",margin:0,padding:0,position:"relative"},padding:{paddingTop:8,paddingBottom:8},dense:{},subheader:{paddingTop:0}},{name:"MuiList"})(Os);function Cs(e,t,n){return e===t?e.firstChild:t&&t.nextElementSibling?t.nextElementSibling:n?null:e.firstChild}function Ps(e,t,n){return e===t?n?e.firstChild:e.lastChild:t&&t.previousElementSibling?t.previousElementSibling:n?null:e.lastChild}function Ts(e,t){if(void 0===t)return!0;var n=e.innerText;return void 0===n&&(n=e.textContent),0!==(n=n.trim().toLowerCase()).length&&(t.repeating?n[0]===t.keys[0]:0===n.indexOf(t.keys.join("")))}function As(e,t,n,r,o,i){for(var a=!1,l=o(e,t,!!t&&n);l;){if(l===e.firstChild){if(a)return;a=!0}var s=!r&&(l.disabled||"true"===l.getAttribute("aria-disabled"));if(l.hasAttribute("tabindex")&&Ts(l,i)&&!s)return void l.focus();l=o(e,l,n)}}var js="undefined"==typeof window?r.useEffect:r.useLayoutEffect,Is=r.forwardRef((function(e,t){var n=e.actions,i=e.autoFocus,a=void 0!==i&&i,l=e.autoFocusItem,s=void 0!==l&&l,u=e.children,c=e.className,f=e.disabledItemsFocusable,d=void 0!==f&&f,p=e.disableListWrap,h=void 0!==p&&p,m=e.onKeyDown,v=e.variant,g=void 0===v?"selectedMenu":v,y=(0,Vn.Z)(e,["actions","autoFocus","autoFocusItem","children","className","disabledItemsFocusable","disableListWrap","onKeyDown","variant"]),b=r.useRef(null),w=r.useRef({keys:[],repeating:!0,previousKeyMatched:!0,lastTime:null});js((function(){a&&b.current.focus()}),[a]),r.useImperativeHandle(n,(function(){return{adjustStyleForScrollbar:function(e,t){var n=!b.current.style.width;if(e.clientHeight<b.current.clientHeight&&n){var r="".concat(jo(),"px");b.current.style["rtl"===t.direction?"paddingLeft":"paddingRight"]=r,b.current.style.width="calc(100% + ".concat(r,")")}return b.current}}}),[]);var x=r.useCallback((function(e){b.current=o.findDOMNode(e)}),[]),E=(0,er.Z)(x,t),_=-1;r.Children.forEach(u,(function(e,t){r.isValidElement(e)&&(e.props.disabled||("selectedMenu"===g&&e.props.selected||-1===_)&&(_=t))}));var S=r.Children.map(u,(function(e,t){if(t===_){var n={};return s&&(n.autoFocus=!0),void 0===e.props.tabIndex&&"selectedMenu"===g&&(n.tabIndex=0),r.cloneElement(e,n)}return e}));return r.createElement(ks,(0,$n.Z)({role:"menu",ref:E,className:c,onKeyDown:function(e){var t=b.current,n=e.key,r=(0,So.Z)(t).activeElement;if("ArrowDown"===n)e.preventDefault(),As(t,r,h,d,Cs);else if("ArrowUp"===n)e.preventDefault(),As(t,r,h,d,Ps);else if("Home"===n)e.preventDefault(),As(t,null,h,d,Cs);else if("End"===n)e.preventDefault(),As(t,null,h,d,Ps);else if(1===n.length){var o=w.current,i=n.toLowerCase(),a=performance.now();o.keys.length>0&&(a-o.lastTime>500?(o.keys=[],o.repeating=!0,o.previousKeyMatched=!0):o.repeating&&i!==o.keys[0]&&(o.repeating=!1)),o.lastTime=a,o.keys.push(i);var l=r&&!o.repeating&&Ts(r,o);o.previousKeyMatched&&(l||As(t,r,!1,d,Cs,o))?e.preventDefault():o.previousKeyMatched=!1}m&&m(e)},tabIndex:a?0:-1},y),S)})),Rs={vertical:"top",horizontal:"right"},Ds={vertical:"top",horizontal:"left"},Ns=r.forwardRef((function(e,t){var n=e.autoFocus,i=void 0===n||n,a=e.children,l=e.classes,s=e.disableAutoFocusItem,u=void 0!==s&&s,c=e.MenuListProps,f=void 0===c?{}:c,d=e.onClose,p=e.onEntering,h=e.open,m=e.PaperProps,v=void 0===m?{}:m,g=e.PopoverClasses,y=e.transitionDuration,b=void 0===y?"auto":y,w=e.variant,x=void 0===w?"selectedMenu":w,E=(0,Vn.Z)(e,["autoFocus","children","classes","disableAutoFocusItem","MenuListProps","onClose","onEntering","open","PaperProps","PopoverClasses","transitionDuration","variant"]),_=Xo(),S=i&&!u&&h,O=r.useRef(null),k=r.useRef(null),C=-1;r.Children.map(a,(function(e,t){r.isValidElement(e)&&(e.props.disabled||("menu"!==x&&e.props.selected||-1===C)&&(C=t))}));var P=r.Children.map(a,(function(e,t){return t===C?r.cloneElement(e,{ref:function(t){k.current=o.findDOMNode(t),(0,Oo.Z)(e.ref,t)}}):e}));return r.createElement(Ss,(0,$n.Z)({getContentAnchorEl:function(){return k.current},classes:g,onClose:d,onEntering:function(e,t){O.current&&O.current.adjustStyleForScrollbar(e,_),p&&p(e,t)},anchorOrigin:"rtl"===_.direction?Rs:Ds,transformOrigin:"rtl"===_.direction?Rs:Ds,PaperProps:(0,$n.Z)({},v,{classes:(0,$n.Z)({},v.classes,{root:l.paper})}),open:h,ref:t,transitionDuration:b},E),r.createElement(Is,(0,$n.Z)({onKeyDown:function(e){"Tab"===e.key&&(e.preventDefault(),d&&d(e,"tabKeyDown"))},actions:O,autoFocus:i&&(-1===C||u),autoFocusItem:S,variant:x},f,{className:(0,Xn.Z)(l.list,f.className)}),P))})),Ms=(0,Jn.Z)({paper:{maxHeight:"calc(100% - 96px)",WebkitOverflowScrolling:"touch"},list:{outline:0}},{name:"MuiMenu"})(Ns),Ls=n(22775);function Fs(e,t){return"object"===(0,hs.Z)(t)&&null!==t?e===t:String(e)===String(t)}var Bs=r.forwardRef((function(e,t){var n=e["aria-label"],o=e.autoFocus,i=e.autoWidth,a=e.children,l=e.classes,s=e.className,u=e.defaultValue,c=e.disabled,f=e.displayEmpty,d=e.IconComponent,p=e.inputRef,h=e.labelId,m=e.MenuProps,v=void 0===m?{}:m,g=e.multiple,y=e.name,b=e.onBlur,w=e.onChange,x=e.onClose,E=e.onFocus,_=e.onOpen,S=e.open,O=e.readOnly,k=e.renderValue,C=e.SelectDisplayProps,P=void 0===C?{}:C,T=e.tabIndex,A=(e.type,e.value),j=e.variant,I=void 0===j?"standard":j,R=(0,Vn.Z)(e,["aria-label","autoFocus","autoWidth","children","classes","className","defaultValue","disabled","displayEmpty","IconComponent","inputRef","labelId","MenuProps","multiple","name","onBlur","onChange","onClose","onFocus","onOpen","open","readOnly","renderValue","SelectDisplayProps","tabIndex","type","value","variant"]),D=(0,Ls.Z)({controlled:A,default:u,name:"Select"}),N=(0,Ho.Z)(D,2),M=N[0],L=N[1],F=r.useRef(null),B=r.useState(null),z=B[0],W=B[1],U=r.useRef(null!=S).current,Z=r.useState(),H=Z[0],G=Z[1],K=r.useState(!1),V=K[0],$=K[1],q=(0,er.Z)(t,p);r.useImperativeHandle(q,(function(){return{focus:function(){z.focus()},node:F.current,value:M}}),[z,M]),r.useEffect((function(){o&&z&&z.focus()}),[o,z]),r.useEffect((function(){if(z){var e=(0,So.Z)(z).getElementById(h);if(e){var t=function(){getSelection().isCollapsed&&z.focus()};return e.addEventListener("click",t),function(){e.removeEventListener("click",t)}}}}),[h,z]);var Y,X,J=function(e,t){e?_&&_(t):x&&x(t),U||(G(i?null:z.clientWidth),$(e))},Q=r.Children.toArray(a),ee=function(e){return function(t){var n;if(g||J(!1,t),g){n=Array.isArray(M)?M.slice():[];var r=M.indexOf(e.props.value);-1===r?n.push(e.props.value):n.splice(r,1)}else n=e.props.value;e.props.onClick&&e.props.onClick(t),M!==n&&(L(n),w&&(t.persist(),Object.defineProperty(t,"target",{writable:!0,value:{value:n,name:y}}),w(t,e)))}},te=null!==z&&(U?S:V);delete R["aria-invalid"];var ne=[],re=!1;(Kl({value:M})||f)&&(k?Y=k(M):re=!0);var oe=Q.map((function(e){if(!r.isValidElement(e))return null;var t;if(g){if(!Array.isArray(M))throw new Error((0,Nl.Z)(2));(t=M.some((function(t){return Fs(t,e.props.value)})))&&re&&ne.push(e.props.children)}else(t=Fs(M,e.props.value))&&re&&(X=e.props.children);return t&&!0,r.cloneElement(e,{"aria-selected":t?"true":void 0,onClick:ee(e),onKeyUp:function(t){" "===t.key&&t.preventDefault(),e.props.onKeyUp&&e.props.onKeyUp(t)},role:"option",selected:t,value:void 0,"data-value":e.props.value})}));re&&(Y=g?ne.join(", "):X);var ie,ae=H;!i&&U&&z&&(ae=z.clientWidth),ie=void 0!==T?T:c?null:0;var le=P.id||(y?"mui-component-select-".concat(y):void 0);return r.createElement(r.Fragment,null,r.createElement("div",(0,$n.Z)({className:(0,Xn.Z)(l.root,l.select,l.selectMenu,l[I],s,c&&l.disabled),ref:W,tabIndex:ie,role:"button","aria-disabled":c?"true":void 0,"aria-expanded":te?"true":void 0,"aria-haspopup":"listbox","aria-label":n,"aria-labelledby":[h,le].filter(Boolean).join(" ")||void 0,onKeyDown:function(e){if(!O){-1!==[" ","ArrowUp","ArrowDown","Enter"].indexOf(e.key)&&(e.preventDefault(),J(!0,e))}},onMouseDown:c||O?null:function(e){0===e.button&&(e.preventDefault(),z.focus(),J(!0,e))},onBlur:function(e){!te&&b&&(e.persist(),Object.defineProperty(e,"target",{writable:!0,value:{value:M,name:y}}),b(e))},onFocus:E},P,{id:le}),function(e){return null==e||"string"==typeof e&&!e.trim()}(Y)?r.createElement("span",{dangerouslySetInnerHTML:{__html:"&#8203;"}}):Y),r.createElement("input",(0,$n.Z)({value:Array.isArray(M)?M.join(","):M,name:y,ref:F,"aria-hidden":!0,onChange:function(e){var t=Q.map((function(e){return e.props.value})).indexOf(e.target.value);if(-1!==t){var n=Q[t];L(n.props.value),w&&w(e,n)}},tabIndex:-1,className:l.nativeInput,autoFocus:o},R)),r.createElement(d,{className:(0,Xn.Z)(l.icon,l["icon".concat((0,wr.Z)(I))],te&&l.iconOpen,c&&l.disabled)}),r.createElement(Ms,(0,$n.Z)({id:"menu-".concat(y||""),anchorEl:z,open:te,onClose:function(e){J(!1,e)}},v,{MenuListProps:(0,$n.Z)({"aria-labelledby":h,role:"listbox",disableListWrap:!0},v.MenuListProps),PaperProps:(0,$n.Z)({},v.PaperProps,{style:(0,$n.Z)({minWidth:ae},null!=v.PaperProps?v.PaperProps.style:null)})}),oe))})),zs=n(25209),Ws=(0,zs.Z)(r.createElement("path",{d:"M7 10l5 5 5-5z"}),"ArrowDropDown"),Us=r.forwardRef((function(e,t){var n=e.classes,o=e.className,i=e.disabled,a=e.IconComponent,l=e.inputRef,s=e.variant,u=void 0===s?"standard":s,c=(0,Vn.Z)(e,["classes","className","disabled","IconComponent","inputRef","variant"]);return r.createElement(r.Fragment,null,r.createElement("select",(0,$n.Z)({className:(0,Xn.Z)(n.root,n.select,n[u],o,i&&n.disabled),disabled:i,ref:l||t},c)),e.multiple?null:r.createElement(a,{className:(0,Xn.Z)(n.icon,n["icon".concat((0,wr.Z)(u))],i&&n.disabled)}))})),Zs=function(e){return{root:{},select:{"-moz-appearance":"none","-webkit-appearance":"none",userSelect:"none",borderRadius:0,minWidth:16,cursor:"pointer","&:focus":{backgroundColor:"light"===e.palette.type?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)",borderRadius:0},"&::-ms-expand":{display:"none"},"&$disabled":{cursor:"default"},"&[multiple]":{height:"auto"},"&:not([multiple]) option, &:not([multiple]) optgroup":{backgroundColor:e.palette.background.paper},"&&":{paddingRight:24}},filled:{"&&":{paddingRight:32}},outlined:{borderRadius:e.shape.borderRadius,"&&":{paddingRight:32}},selectMenu:{height:"auto",minHeight:"1.1876em",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},disabled:{},icon:{position:"absolute",right:0,top:"calc(50% - 12px)",pointerEvents:"none",color:e.palette.action.active,"&$disabled":{color:e.palette.action.disabled}},iconOpen:{transform:"rotate(180deg)"},iconFilled:{right:7},iconOutlined:{right:7},nativeInput:{bottom:0,left:0,position:"absolute",opacity:0,pointerEvents:"none",width:"100%"}}},Hs=r.createElement(Xl,null),Gs=r.forwardRef((function(e,t){var n=e.children,o=e.classes,i=e.IconComponent,a=void 0===i?Ws:i,l=e.input,s=void 0===l?Hs:l,u=e.inputProps,c=(e.variant,(0,Vn.Z)(e,["children","classes","IconComponent","input","inputProps","variant"])),f=Ml({props:e,muiFormControl:os(),states:["variant"]});return r.cloneElement(s,(0,$n.Z)({inputComponent:Us,inputProps:(0,$n.Z)({children:n,classes:o,IconComponent:a,variant:f.variant,type:void 0},u,s?s.props.inputProps:{}),ref:t},c))}));Gs.muiName="Select";(0,Jn.Z)(Zs,{name:"MuiNativeSelect"})(Gs);var Ks=Zs,Vs=r.createElement(Xl,null),$s=r.createElement(Ql,null),qs=r.forwardRef((function e(t,n){var o=t.autoWidth,i=void 0!==o&&o,a=t.children,l=t.classes,s=t.displayEmpty,u=void 0!==s&&s,c=t.IconComponent,f=void 0===c?Ws:c,d=t.id,p=t.input,h=t.inputProps,m=t.label,v=t.labelId,g=t.labelWidth,y=void 0===g?0:g,b=t.MenuProps,w=t.multiple,x=void 0!==w&&w,E=t.native,_=void 0!==E&&E,S=t.onClose,O=t.onOpen,k=t.open,C=t.renderValue,P=t.SelectDisplayProps,T=t.variant,A=void 0===T?"standard":T,j=(0,Vn.Z)(t,["autoWidth","children","classes","displayEmpty","IconComponent","id","input","inputProps","label","labelId","labelWidth","MenuProps","multiple","native","onClose","onOpen","open","renderValue","SelectDisplayProps","variant"]),I=_?Us:Bs,R=Ml({props:t,muiFormControl:os(),states:["variant"]}).variant||A,D=p||{standard:Vs,outlined:r.createElement(rs,{label:m,labelWidth:y}),filled:$s}[R];return r.cloneElement(D,(0,$n.Z)({inputComponent:I,inputProps:(0,$n.Z)({children:a,IconComponent:f,variant:R,type:void 0,multiple:x},_?{id:d}:{autoWidth:i,displayEmpty:u,labelId:v,MenuProps:b,onClose:S,onOpen:O,open:k,renderValue:C,SelectDisplayProps:(0,$n.Z)({id:d},P)},h,{classes:h?(0,ps.Z)({baseClasses:l,newClasses:h.classes,Component:e}):l},p?p.props.inputProps:{}),ref:n},j))}));qs.muiName="Select";var Ys=(0,Jn.Z)(Ks,{name:"MuiSelect"})(qs),Xs={standard:Xl,filled:Ql,outlined:rs},Js=r.forwardRef((function(e,t){var n=e.autoComplete,o=e.autoFocus,i=void 0!==o&&o,a=e.children,l=e.classes,s=e.className,u=e.color,c=void 0===u?"primary":u,f=e.defaultValue,d=e.disabled,p=void 0!==d&&d,h=e.error,m=void 0!==h&&h,v=e.FormHelperTextProps,g=e.fullWidth,y=void 0!==g&&g,b=e.helperText,w=e.hiddenLabel,x=e.id,E=e.InputLabelProps,_=e.inputProps,S=e.InputProps,O=e.inputRef,k=e.label,C=e.multiline,P=void 0!==C&&C,T=e.name,A=e.onBlur,j=e.onChange,I=e.onFocus,R=e.placeholder,D=e.required,N=void 0!==D&&D,M=e.rows,L=e.rowsMax,F=e.select,B=void 0!==F&&F,z=e.SelectProps,W=e.type,U=e.value,Z=e.variant,H=void 0===Z?"standard":Z,G=(0,Vn.Z)(e,["autoComplete","autoFocus","children","classes","className","color","defaultValue","disabled","error","FormHelperTextProps","fullWidth","helperText","hiddenLabel","id","InputLabelProps","inputProps","InputProps","inputRef","label","multiline","name","onBlur","onChange","onFocus","placeholder","required","rows","rowsMax","select","SelectProps","type","value","variant"]);var K={};if("outlined"===H&&(E&&void 0!==E.shrink&&(K.notched=E.shrink),k)){var V,$=null!==(V=null==E?void 0:E.required)&&void 0!==V?V:N;K.label=r.createElement(r.Fragment,null,k,$&&" *")}B&&(z&&z.native||(K.id=void 0),K["aria-describedby"]=void 0);var q=b&&x?"".concat(x,"-helper-text"):void 0,Y=k&&x?"".concat(x,"-label"):void 0,X=Xs[H],J=r.createElement(X,(0,$n.Z)({"aria-describedby":q,autoComplete:n,autoFocus:i,defaultValue:f,fullWidth:y,multiline:P,name:T,rows:M,rowsMax:L,type:W,value:U,id:x,inputRef:O,onBlur:A,onChange:j,onFocus:I,placeholder:R,inputProps:_},K,S));return r.createElement(cs,(0,$n.Z)({className:(0,Xn.Z)(l.root,s),disabled:p,error:m,fullWidth:y,hiddenLabel:w,ref:t,required:N,color:c,variant:H},G),k&&r.createElement(ss,(0,$n.Z)({htmlFor:x,id:Y},E),k),B?r.createElement(Ys,(0,$n.Z)({"aria-describedby":q,id:x,labelId:Y,value:U,input:J},z),a):J,b&&r.createElement(ds,(0,$n.Z)({id:q},v),b))})),Qs=(0,Jn.Z)({root:{}},{name:"MuiTextField"})(Js);function eu(){return(eu=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 tu(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("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 nu(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 nu(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 nu(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 ru(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 ou=[{value:"cancel",text:M("modal.cancel")},{value:"confirm",text:M("common.confirm"),focus:!0}];function iu(e){var t=e.open,n=e.buttons,o=e.onClose,i=e.text,a=e.title,l=e.defaultValue,s=e.canBeEmpty,u=void 0!==s&&s,c=e.maxWidth,f=void 0===c?"xs":c,d=e.fullWidth,p=void 0===d||d,h=e.cancelIfSameAsFirstValue,m=void 0!==h&&h,v=e.clearOnConfirm,g=void 0!==v&&v,y=ru(e,["open","buttons","onClose","text","title","defaultValue","canBeEmpty","maxWidth","fullWidth","cancelIfSameAsFirstValue","clearOnConfirm"]),b=tu(r.useState(""===l?"":l||" "),2),w=b[0],x=b[1];n||(n=ou);var E=function(e){("cancel"===e||u||""!=w)&&(g&&"confirm"===e&&x(""),o(e,w))};return r.createElement(ui,eu({open:t,maxWidth:f,fullWidth:p,onClose:function(){return E("cancel")},"aria-labelledby":"form-dialog-title"},y),r.createElement(hi,{id:"form-dialog-title"},a),r.createElement(vi,null,r.createElement(yi,null,i),r.createElement(Qs,{autoFocus:!0,value:w,onChange:function(e){return x(e.target.value)},margin:"dense",id:"name",fullWidth:!0,helperText:u||""!=w?null:M("modal.incorrect"),error:!u&&""==w,onKeyPress:function(e){13===e.charCode&&E(m&&l===w?"cancel":"confirm")}})),r.createElement(wi,null,n.map((function(e,t){return r.createElement(Er,{onClick:function(){return E(e.value)},color:"primary",key:t},e.text)}))))}function au(){return(au=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 lu(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("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 su(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 su(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 su(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 uu(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 cu(e){var t=e.name,n=e.onChange,o=e.size,i=void 0===o?"small":o,a=e.singleButton,l=void 0!==a&&a,s=e.disabled,u=void 0!==s&&s,c=uu(e,["name","onChange","size","singleButton","disabled"]),f=lu((0,r.useState)(!1),2),d=f[0],p=f[1];return r.createElement(r.Fragment,null,r.createElement(fo,{content:M("utils.duplicate"),disabled:l},r.createElement(Oi,au({onClick:function(){return!l&&p(!0)},color:l?"default":"primary",size:i,disabled:u||l,style:{width:"35px",height:"35px"}},c),r.createElement(dl,{style:{overflow:"unset"},fontSize:"inherit",className:"far fa-copy"}))),r.createElement(iu,{open:d,title:M("utils.duplicate"),text:"Name ".concat(t," duplicate:"),"data-testid":"duplicate-button:dialog",defaultValue:"".concat(t," Copy"),onClose:function(e,t){p(!1),"confirm"===e&&n(t)}}))}function fu(){return(fu=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 du(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 pu(e){var t=e.singleButton,n=void 0!==t&&t,o=e.size,i=void 0===o?"small":o,a=e.onClick,l=du(e,["singleButton","size","onClick"]);return r.createElement(r.Fragment,null,r.createElement(fo,{content:M("settings.settings"),disabled:n},r.createElement(Oi,fu({onClick:function(){n||a()},color:n?"default":"primary",size:i,disabled:n,style:{width:"35px",height:"35px"}},l),r.createElement(dl,{fontSize:"inherit",style:{overflow:"unset"},className:"far fa-edit"}))))}function hu(){return(hu=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 mu(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("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 vu(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 vu(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 vu(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 gu(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 yu=r.forwardRef((function(e,t){var n=e.name,o=e.onChange,i=e.size,a=void 0===i?"small":i,l=e.singleButton,s=void 0!==l&&l,u=e.inDropdown,c=void 0!==u&&u,f=gu(e,["name","onChange","size","singleButton","inDropdown"]),d=mu((0,r.useState)(!1),2),p=d[0],h=d[1];return r.createElement(r.Fragment,null,c?r.createElement(Cl,{onClick:function(){return!s&&h(!0)},disabled:s,ref:t,"data-testid":"rename-button"},r.createElement(Tl,null,r.createElement(dl,{className:"fas fa-i-cursor"})),r.createElement(di,{variant:"inherit"},M("utils.rename"))):r.createElement(fo,{content:M("utils.rename"),disabled:s},r.createElement(Oi,hu({size:a,onClick:function(){return!s&&h(!0)},color:s?"default":"primary",disabled:s,style:{width:"35px",height:"35px"}},f),r.createElement(dl,{style:{overflow:"unset",fontSize:"medium"},fontSize:"inherit",className:"fas fa-i-cursor"}))),r.createElement(iu,{open:p,title:M("utils.rename"),text:M("utils.rename_to"),defaultValue:n,"data-testid":"rename-button:dialog",cancelIfSameAsFirstValue:!0,onClose:function(e,t){"confirm"===e&&o(t),h(!1)}}))})),bu=n(78513);function wu(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("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 xu(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 xu(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 xu(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 Eu(e){var t=e.children,n=wu((0,r.useState)(null),2),o=n[0],i=n[1];return r.createElement(r.Fragment,null,r.createElement(fo,{content:M("settings.more_actions")},r.createElement(Oi,{onClick:function(e){return i(e.currentTarget)},color:"primary",size:"small",style:{width:"35px",height:"35px"},"data-testid":"button-group-more-actions"},r.createElement(bu.Z,null))),r.createElement(Ms,{id:"group-button-extra-buttons",anchorEl:o,keepMounted:!0,open:Boolean(o),onClose:function(){return i(null)},onClick:function(){return i(null)},anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}},t))}function _u(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 Su(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ou(e){var t=e.type,n=void 0===t?"group":t,o=e.object;return r.createElement(Cl,{onClick:function(){var e,t,r,i,a="".concat("group"===n?"Group":"Button"," - ").concat(o.name),l="group"===n?function(e){if(0===Object.keys(window.store.getState().groups).length)return null;var t=N()(window.store.getState().groups,e,null);if(!t)return null;var n=st(t,(function(e){delete e.children,delete e.id})),r=Object.values(oe(t.children)),o=[];return r.forEach((function(e){var t=st(e,(function(e){delete e.parent}));o.push(t)})),0===o.length&&(o=[{name:"Button",show_mobile:"true",show_desktop:"true"}]),{data:n,buttons:o}}(o.id):function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_u(Object(n),!0).forEach((function(t){Su(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},o);l.export_type=n,delete l.parent,delete l.id,e=l,t=a,r="data:text/json;charset=utf-8,"+encodeURIComponent(JSON.stringify(e)),(i=document.createElement("a")).setAttribute("href",r),i.setAttribute("download",t+".buttonizer.json"),document.body.appendChild(i),i.click(),i.remove()}},r.createElement(Tl,null,r.createElement(dl,{className:"fas fa-file-export"})),r.createElement(di,{variant:"inherit"},M("import_export.export_".concat(n))))}function ku(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 Cu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ku(Object(n),!0).forEach((function(t){Pu(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ku(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Pu(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Tu(){return(Tu=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)}var Au=ro((function(e){return{buttons:e.buttons,groups:e.groups,getButtonsCount:function(t){return ie(t,e)},state:e}}),(function(e){return{set:function(){return e($.apply(void 0,arguments))},dispatch:e}}),(function(e,t,n){return Cu(Cu(Cu(Cu({},e),t),n),{},{removeButton:function(n){return function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:window.store.getState(),n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:window.store.dispatch;if(!t.buttons[e])throw ReferenceError("ID "+e+" not in store!");n(V(e,t.buttons[e].parent)),n(X(e,"buttons"))}(n,e.state,t.dispatch)},duplicateButton:function(n,r,o){return wl(n,r,o,e.state,t.dispatch)}})}))((function(e){var t=e.groupId,n=e.buttonId,o=e.buttons,i=e.groups,a=e.set,l=e.provided,s=e.currentDrag,u=e.styleDrop,c=e.getButtonsCount,f=e.removeButton,d=e.duplicateButton,p=e.openNewButtonDialog,h=o[n];if(!h||!t)return null;var m="/group/"+t+"/button/"+n,v=["default","square","rectangle","text","text-icon"];function g(e){a("buttons",n,e,!h[e])}return r.createElement("div",Tu({ref:l.innerRef},l.draggableProps,{style:u}),r.createElement("div",Tu({className:"button-container"+s},l.dragHandleProps),r.createElement("div",{className:"button-header"},r.createElement(Er,{color:"primary",style:{marginBottom:"10px"},className:"button-name",onClick:function(){return document.location.hash="#"+m}},r.createElement("span",{className:"button-name-span"},h.name)),r.createElement("div",{className:"button-actions"},r.createElement(pu,{onClick:function(){document.location.hash="#"+m},"data-testid":"edit-button"}),r.createElement(cu,{name:h.name,onChange:function(e){return d(n,t,{name:e})},"data-testid":"duplicate"}),r.createElement(Eu,null,r.createElement(yu,{name:h.name,onChange:function(e){return a("buttons",n,"name",e)},"data-testid":"rename",inDropdown:!0}),r.createElement(Ou,{object:h,type:"button"}),r.createElement(Dl,{model:"button",inDropdown:!0,deleteDisabled:c(t)<=1,onClose:function(){f(n),i[t].children.length<=2&&-1===v.indexOf(i[t].menu_style)&&a(E,t,"menu_style","default")},"data-testid":"delete"})))),r.createElement("div",{className:"button-settings"},r.createElement("div",{className:"button-visibility"},r.createElement("div",{className:"button-title"},M("settings.show_mobile_desktop.title")+":"," "),r.createElement(fo,{content:M("settings.show_mobile_desktop.toggle_mobile")},r.createElement(Er,{color:"primary",variant:h.show_mobile?"contained":"outlined",onClick:function(){return g("show_mobile")},"data-testid":"show_mobile"},r.createElement("i",{className:"fas fa-mobile-alt"}))),r.createElement(fo,{content:M("settings.show_mobile_desktop.toggle_desktop")},r.createElement(Er,{color:"primary",variant:h.show_desktop?"contained":"outlined",onClick:function(){return g("show_desktop")},"data-testid":"show_desktop"},r.createElement("i",{className:"fas fa-desktop"})))),r.createElement("div",{className:"clear"}))),r.createElement(Er,{onClick:function(){return p()},color:"primary",variant:"text",size:"small",style:{marginBottom:"10px"},startIcon:r.createElement(dl,{className:"fas fa-plus-circle"}),"data-testid":"new-button"},M("utils.add_button")))}));function ju(e,t){var n=(0,r.useState)((function(){return{inputs:t,result:e()}}))[0],o=(0,r.useRef)(!0),i=(0,r.useRef)(n),a=o.current||Boolean(t&&i.current.inputs&&function(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}(t,i.current.inputs))?i.current:{inputs:t,result:e()};return(0,r.useEffect)((function(){o.current=!1,i.current=a}),[a]),a.result}var Iu=ju,Ru=function(e,t){return ju((function(){return e}),t)},Du=function(e){var t=e.top,n=e.right,r=e.bottom,o=e.left;return{top:t,right:n,bottom:r,left:o,width:n-o,height:r-t,x:o,y:t,center:{x:(n+o)/2,y:(r+t)/2}}},Nu=function(e,t){return{top:e.top-t.top,left:e.left-t.left,bottom:e.bottom+t.bottom,right:e.right+t.right}},Mu=function(e,t){return{top:e.top+t.top,left:e.left+t.left,bottom:e.bottom-t.bottom,right:e.right-t.right}},Lu={top:0,right:0,bottom:0,left:0},Fu=function(e){var t=e.borderBox,n=e.margin,r=void 0===n?Lu:n,o=e.border,i=void 0===o?Lu:o,a=e.padding,l=void 0===a?Lu:a,s=Du(Nu(t,r)),u=Du(Mu(t,i)),c=Du(Mu(u,l));return{marginBox:s,borderBox:Du(t),paddingBox:u,contentBox:c,margin:r,border:i,padding:l}},Bu=function(e){var t=e.slice(0,-2);if("px"!==e.slice(-2))return 0;var n=Number(t);return isNaN(n)&&xa(!1),n},zu=function(e,t){var n,r,o=e.borderBox,i=e.border,a=e.margin,l=e.padding,s=(r=t,{top:(n=o).top+r.y,left:n.left+r.x,bottom:n.bottom+r.y,right:n.right+r.x});return Fu({borderBox:s,border:i,margin:a,padding:l})},Wu=function(e,t){return void 0===t&&(t={x:window.pageXOffset,y:window.pageYOffset}),zu(e,t)},Uu=function(e,t){var n={top:Bu(t.marginTop),right:Bu(t.marginRight),bottom:Bu(t.marginBottom),left:Bu(t.marginLeft)},r={top:Bu(t.paddingTop),right:Bu(t.paddingRight),bottom:Bu(t.paddingBottom),left:Bu(t.paddingLeft)},o={top:Bu(t.borderTopWidth),right:Bu(t.borderRightWidth),bottom:Bu(t.borderBottomWidth),left:Bu(t.borderLeftWidth)};return Fu({borderBox:e,margin:n,padding:r,border:o})},Zu=function(e){var t=e.getBoundingClientRect(),n=window.getComputedStyle(e);return Uu(t,n)},Hu=Number.isNaN||function(e){return"number"==typeof e&&e!=e};function Gu(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(r=e[n],o=t[n],!(r===o||Hu(r)&&Hu(o)))return!1;var r,o;return!0}var Ku=function(e,t){var n;void 0===t&&(t=Gu);var r,o=[],i=!1;return function(){for(var a=[],l=0;l<arguments.length;l++)a[l]=arguments[l];return i&&n===this&&t(a,o)||(r=e.apply(this,a),i=!0,n=this,o=a),r}},Vu=function(e){var t=[],n=null,r=function(){for(var r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];t=o,n||(n=requestAnimationFrame((function(){n=null,e.apply(void 0,t)})))};return r.cancel=function(){n&&(cancelAnimationFrame(n),n=null)},r};function $u(e,t){}$u.bind(null,"warn"),$u.bind(null,"error");function qu(){}function Yu(e,t,n){var r=t.map((function(t){var r=function(e,t){return(0,$n.Z)({},e,{},t)}(n,t.options);return e.addEventListener(t.eventName,t.fn,r),function(){e.removeEventListener(t.eventName,t.fn,r)}}));return function(){r.forEach((function(e){e()}))}}function Xu(e){this.message=e}function Ju(e,t){if(!e)throw new Xu("Invariant failed")}Xu.prototype.toString=function(){return this.message};var Qu=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).callbacks=null,t.unbind=qu,t.onWindowError=function(e){var n=t.getCallbacks();n.isDragging()&&n.tryAbort(),e.error instanceof Xu&&e.preventDefault()},t.getCallbacks=function(){if(!t.callbacks)throw new Error("Unable to find AppCallbacks in <ErrorBoundary/>");return t.callbacks},t.setCallbacks=function(e){t.callbacks=e},t}(0,ar.Z)(t,e);var n=t.prototype;return n.componentDidMount=function(){this.unbind=Yu(window,[{eventName:"error",fn:this.onWindowError}])},n.componentDidCatch=function(e){if(!(e instanceof Xu))throw e;this.setState({})},n.componentWillUnmount=function(){this.unbind()},n.render=function(){return this.props.children(this.setCallbacks)},t}(r.Component),ec=function(e){return e+1},tc=function(e,t){var n=e.droppableId===t.droppableId,r=ec(e.index),o=ec(t.index);return n?"\n You have moved the item from position "+r+"\n to position "+o+"\n ":"\n You have moved the item from position "+r+"\n in list "+e.droppableId+"\n to list "+t.droppableId+"\n in position "+o+"\n "},nc=function(e,t,n){return t.droppableId===n.droppableId?"\n The item "+e+"\n has been combined with "+n.draggableId:"\n The item "+e+"\n in list "+t.droppableId+"\n has been combined with "+n.draggableId+"\n in list "+n.droppableId+"\n "},rc=function(e){return"\n The item has returned to its starting position\n of "+ec(e.index)+"\n"},oc="\n Press space bar to start a drag.\n When dragging you can use the arrow keys to move the item around and escape to cancel.\n Some screen readers may require you to be in focus mode or to use your pass through key\n",ic=function(e){return"\n You have lifted an item in position "+ec(e.source.index)+"\n"},ac=function(e){var t=e.destination;if(t)return tc(e.source,t);var n=e.combine;return n?nc(e.draggableId,e.source,n):"You are over an area that cannot be dropped on"},lc=function(e){if("CANCEL"===e.reason)return"\n Movement cancelled.\n "+rc(e.source)+"\n ";var t=e.destination,n=e.combine;return t?"\n You have dropped the item.\n "+tc(e.source,t)+"\n ":n?"\n You have dropped the item.\n "+nc(e.draggableId,e.source,n)+"\n ":"\n The item has been dropped while not over a drop area.\n "+rc(e.source)+"\n "},sc={x:0,y:0},uc=function(e,t){return{x:e.x+t.x,y:e.y+t.y}},cc=function(e,t){return{x:e.x-t.x,y:e.y-t.y}},fc=function(e,t){return e.x===t.x&&e.y===t.y},dc=function(e){return{x:0!==e.x?-e.x:0,y:0!==e.y?-e.y:0}},pc=function(e,t,n){var r;return void 0===n&&(n=0),(r={})[e]=t,r["x"===e?"y":"x"]=n,r},hc=function(e,t){return Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2))},mc=function(e,t){return Math.min.apply(Math,t.map((function(t){return hc(e,t)})))},vc=function(e){return function(t){return{x:e(t.x),y:e(t.y)}}},gc=function(e,t){return{top:e.top+t.y,left:e.left+t.x,bottom:e.bottom+t.y,right:e.right+t.x}},yc=function(e){return[{x:e.left,y:e.top},{x:e.right,y:e.top},{x:e.left,y:e.bottom},{x:e.right,y:e.bottom}]},bc=function(e,t){return t&&t.shouldClipSubject?function(e,t){var n=Du({top:Math.max(t.top,e.top),right:Math.min(t.right,e.right),bottom:Math.min(t.bottom,e.bottom),left:Math.max(t.left,e.left)});return n.width<=0||n.height<=0?null:n}(t.pageMarginBox,e):Du(e)},wc=function(e){var t=e.page,n=e.withPlaceholder,r=e.axis,o=e.frame,i=function(e,t,n){var r;return n&&n.increasedBy?(0,$n.Z)({},e,((r={})[t.end]=e[t.end]+n.increasedBy[t.line],r)):e}(function(e,t){return t?gc(e,t.scroll.diff.displacement):e}(t.marginBox,o),r,n);return{page:t,withPlaceholder:n,active:bc(i,o)}},xc=function(e,t){e.frame||Ju(!1);var n=e.frame,r=cc(t,n.scroll.initial),o=dc(r),i=(0,$n.Z)({},n,{scroll:{initial:n.scroll.initial,current:t,diff:{value:r,displacement:o},max:n.scroll.max}}),a=wc({page:e.subject.page,withPlaceholder:e.subject.withPlaceholder,axis:e.axis,frame:i});return(0,$n.Z)({},e,{frame:i,subject:a})};function Ec(e){return Object.values?Object.values(e):Object.keys(e).map((function(t){return e[t]}))}function _c(e,t){if(e.findIndex)return e.findIndex(t);for(var n=0;n<e.length;n++)if(t(e[n]))return n;return-1}function Sc(e,t){if(e.find)return e.find(t);var n=_c(e,t);return-1!==n?e[n]:void 0}function Oc(e){return Array.prototype.slice.call(e)}var kc=Ku((function(e){return e.reduce((function(e,t){return e[t.descriptor.id]=t,e}),{})})),Cc=Ku((function(e){return e.reduce((function(e,t){return e[t.descriptor.id]=t,e}),{})})),Pc=Ku((function(e){return Ec(e)})),Tc=Ku((function(e){return Ec(e)})),Ac=Ku((function(e,t){return Tc(t).filter((function(t){return e===t.descriptor.droppableId})).sort((function(e,t){return e.descriptor.index-t.descriptor.index}))}));function jc(e){return e.at&&"REORDER"===e.at.type?e.at.destination:null}function Ic(e){return e.at&&"COMBINE"===e.at.type?e.at.combine:null}var Rc=Ku((function(e,t){return t.filter((function(t){return t.descriptor.id!==e.descriptor.id}))})),Dc=function(e,t){return e.descriptor.droppableId===t.descriptor.id},Nc={point:sc,value:0},Mc={invisible:{},visible:{},all:[]},Lc={displaced:Mc,displacedBy:Nc,at:null},Fc=function(e,t){return function(n){return e<=n&&n<=t}},Bc=function(e){var t=Fc(e.top,e.bottom),n=Fc(e.left,e.right);return function(r){if(t(r.top)&&t(r.bottom)&&n(r.left)&&n(r.right))return!0;var o=t(r.top)||t(r.bottom),i=n(r.left)||n(r.right);if(o&&i)return!0;var a=r.top<e.top&&r.bottom>e.bottom,l=r.left<e.left&&r.right>e.right;return!(!a||!l)||(a&&i||l&&o)}},zc=function(e){var t=Fc(e.top,e.bottom),n=Fc(e.left,e.right);return function(e){return t(e.top)&&t(e.bottom)&&n(e.left)&&n(e.right)}},Wc={direction:"vertical",line:"y",crossAxisLine:"x",start:"top",end:"bottom",size:"height",crossAxisStart:"left",crossAxisEnd:"right",crossAxisSize:"width"},Uc={direction:"horizontal",line:"x",crossAxisLine:"y",start:"left",end:"right",size:"width",crossAxisStart:"top",crossAxisEnd:"bottom",crossAxisSize:"height"},Zc=function(e){var t=e.target,n=e.destination,r=e.viewport,o=e.withDroppableDisplacement,i=e.isVisibleThroughFrameFn,a=o?function(e,t){var n=t.frame?t.frame.scroll.diff.displacement:sc;return gc(e,n)}(t,n):t;return function(e,t,n){return!!t.subject.active&&n(t.subject.active)(e)}(a,n,i)&&function(e,t,n){return n(t)(e)}(a,r,i)},Hc=function(e){return Zc((0,$n.Z)({},e,{isVisibleThroughFrameFn:Bc}))},Gc=function(e){return Zc((0,$n.Z)({},e,{isVisibleThroughFrameFn:zc}))};function Kc(e){var t=e.afterDragging,n=e.destination,r=e.displacedBy,o=e.viewport,i=e.forceShouldAnimate,a=e.last;return t.reduce((function(e,t){var l=function(e,t){var n=e.page.marginBox,r={top:t.point.y,right:0,bottom:0,left:t.point.x};return Du(Nu(n,r))}(t,r),s=t.descriptor.id;if(e.all.push(s),!Hc({target:l,destination:n,viewport:o,withDroppableDisplacement:!0}))return e.invisible[t.descriptor.id]=!0,e;var u={draggableId:s,shouldAnimate:function(e,t,n){if("boolean"==typeof n)return n;if(!t)return!0;var r=t.invisible,o=t.visible;if(r[e])return!1;var i=o[e];return!i||i.shouldAnimate}(s,a,i)};return e.visible[s]=u,e}),{all:[],visible:{},invisible:{}})}function Vc(e){var t=e.insideDestination,n=e.inHomeList,r=e.displacedBy,o=e.destination,i=function(e,t){if(!e.length)return 0;var n=e[e.length-1].descriptor.index;return t.inHomeList?n:n+1}(t,{inHomeList:n});return{displaced:Mc,displacedBy:r,at:{type:"REORDER",destination:{droppableId:o.descriptor.id,index:i}}}}function $c(e){var t=e.draggable,n=e.insideDestination,r=e.destination,o=e.viewport,i=e.displacedBy,a=e.last,l=e.index,s=e.forceShouldAnimate,u=Dc(t,r);if(null==l)return Vc({insideDestination:n,inHomeList:u,displacedBy:i,destination:r});var c=Sc(n,(function(e){return e.descriptor.index===l}));if(!c)return Vc({insideDestination:n,inHomeList:u,displacedBy:i,destination:r});var f=Rc(t,n),d=n.indexOf(c);return{displaced:Kc({afterDragging:f.slice(d),destination:r,displacedBy:i,last:a,viewport:o.frame,forceShouldAnimate:s}),displacedBy:i,at:{type:"REORDER",destination:{droppableId:r.descriptor.id,index:l}}}}function qc(e,t){return Boolean(t.effected[e])}var Yc=function(e){var t=e.isMovingForward,n=e.isInHomeList,r=e.draggable,o=e.draggables,i=e.destination,a=e.insideDestination,l=e.previousImpact,s=e.viewport,u=e.afterCritical,c=l.at;if(c||Ju(!1),"REORDER"===c.type){var f=function(e){var t=e.isMovingForward,n=e.isInHomeList,r=e.insideDestination,o=e.location;if(!r.length)return null;var i=o.index,a=t?i+1:i-1,l=r[0].descriptor.index,s=r[r.length-1].descriptor.index;return a<l||a>(n?s:s+1)?null:a}({isMovingForward:t,isInHomeList:n,location:c.destination,insideDestination:a});return null==f?null:$c({draggable:r,insideDestination:a,destination:i,viewport:s,last:l.displaced,displacedBy:l.displacedBy,index:f})}var d=function(e){var t=e.isMovingForward,n=e.destination,r=e.draggables,o=e.combine,i=e.afterCritical;if(!n.isCombineEnabled)return null;var a=o.draggableId,l=r[a].descriptor.index;return qc(a,i)?t?l:l-1:t?l+1:l}({isMovingForward:t,destination:i,displaced:l.displaced,draggables:o,combine:c.combine,afterCritical:u});return null==d?null:$c({draggable:r,insideDestination:a,destination:i,viewport:s,last:l.displaced,displacedBy:l.displacedBy,index:d})},Xc=function(e){var t=e.afterCritical,n=e.impact,r=e.draggables,o=Ic(n);o||Ju(!1);var i=o.draggableId,a=r[i].page.borderBox.center,l=function(e){var t=e.displaced,n=e.afterCritical,r=e.combineWith,o=e.displacedBy,i=Boolean(t.visible[r]||t.invisible[r]);return qc(r,n)?i?sc:dc(o.point):i?o.point:sc}({displaced:n.displaced,afterCritical:t,combineWith:i,displacedBy:n.displacedBy});return uc(a,l)},Jc=function(e,t){return t.margin[e.start]+t.borderBox[e.size]/2},Qc=function(e,t,n){return t[e.crossAxisStart]+n.margin[e.crossAxisStart]+n.borderBox[e.crossAxisSize]/2},ef=function(e){var t=e.axis,n=e.moveRelativeTo,r=e.isMoving;return pc(t.line,n.marginBox[t.end]+Jc(t,r),Qc(t,n.marginBox,r))},tf=function(e){var t=e.axis,n=e.moveRelativeTo,r=e.isMoving;return pc(t.line,n.marginBox[t.start]-function(e,t){return t.margin[e.end]+t.borderBox[e.size]/2}(t,r),Qc(t,n.marginBox,r))},nf=function(e){var t=e.impact,n=e.draggable,r=e.draggables,o=e.droppable,i=e.afterCritical,a=Ac(o.descriptor.id,r),l=n.page,s=o.axis;if(!a.length)return function(e){var t=e.axis,n=e.moveInto,r=e.isMoving;return pc(t.line,n.contentBox[t.start]+Jc(t,r),Qc(t,n.contentBox,r))}({axis:s,moveInto:o.page,isMoving:l});var u=t.displaced,c=t.displacedBy,f=u.all[0];if(f){var d=r[f];if(qc(f,i))return tf({axis:s,moveRelativeTo:d.page,isMoving:l});var p=zu(d.page,c.point);return tf({axis:s,moveRelativeTo:p,isMoving:l})}var h=a[a.length-1];if(h.descriptor.id===n.descriptor.id)return l.borderBox.center;if(qc(h.descriptor.id,i)){var m=zu(h.page,dc(i.displacedBy.point));return ef({axis:s,moveRelativeTo:m,isMoving:l})}return ef({axis:s,moveRelativeTo:h.page,isMoving:l})},rf=function(e,t){var n=e.frame;return n?uc(t,n.scroll.diff.displacement):t},of=function(e){var t=function(e){var t=e.impact,n=e.draggable,r=e.droppable,o=e.draggables,i=e.afterCritical,a=n.page.borderBox.center,l=t.at;return r&&l?"REORDER"===l.type?nf({impact:t,draggable:n,draggables:o,droppable:r,afterCritical:i}):Xc({impact:t,draggables:o,afterCritical:i}):a}(e),n=e.droppable;return n?rf(n,t):t},af=function(e,t){var n=cc(t,e.scroll.initial),r=dc(n);return{frame:Du({top:t.y,bottom:t.y+e.frame.height,left:t.x,right:t.x+e.frame.width}),scroll:{initial:e.scroll.initial,max:e.scroll.max,current:t,diff:{value:n,displacement:r}}}};function lf(e,t){return e.map((function(e){return t[e]}))}var sf=function(e){var t=e.pageBorderBoxCenter,n=e.draggable,r=function(e,t){return uc(e.scroll.diff.displacement,t)}(e.viewport,t),o=cc(r,n.page.borderBox.center);return uc(n.client.borderBox.center,o)},uf=function(e){var t=e.draggable,n=e.destination,r=e.newPageBorderBoxCenter,o=e.viewport,i=e.withDroppableDisplacement,a=e.onlyOnMainAxis,l=void 0!==a&&a,s=cc(r,t.page.borderBox.center),u={target:gc(t.page.borderBox,s),destination:n,withDroppableDisplacement:i,viewport:o};return l?function(e){return Zc((0,$n.Z)({},e,{isVisibleThroughFrameFn:(t=e.destination.axis,function(e){var n=Fc(e.top,e.bottom),r=Fc(e.left,e.right);return function(e){return t===Wc?n(e.top)&&n(e.bottom):r(e.left)&&r(e.right)}})}));var t}(u):Gc(u)},cf=function(e){var t=e.isMovingForward,n=e.draggable,r=e.destination,o=e.draggables,i=e.previousImpact,a=e.viewport,l=e.previousPageBorderBoxCenter,s=e.previousClientSelection,u=e.afterCritical;if(!r.isEnabled)return null;var c=Ac(r.descriptor.id,o),f=Dc(n,r),d=function(e){var t=e.isMovingForward,n=e.draggable,r=e.destination,o=e.insideDestination,i=e.previousImpact;if(!r.isCombineEnabled)return null;if(!jc(i))return null;function a(e){var t={type:"COMBINE",combine:{draggableId:e,droppableId:r.descriptor.id}};return(0,$n.Z)({},i,{at:t})}var l=i.displaced.all,s=l.length?l[0]:null;if(t)return s?a(s):null;var u=Rc(n,o);if(!s)return u.length?a(u[u.length-1].descriptor.id):null;var c=_c(u,(function(e){return e.descriptor.id===s}));-1===c&&Ju(!1);var f=c-1;return f<0?null:a(u[f].descriptor.id)}({isMovingForward:t,draggable:n,destination:r,insideDestination:c,previousImpact:i})||Yc({isMovingForward:t,isInHomeList:f,draggable:n,draggables:o,destination:r,insideDestination:c,previousImpact:i,viewport:a,afterCritical:u});if(!d)return null;var p=of({impact:d,draggable:n,droppable:r,draggables:o,afterCritical:u});if(uf({draggable:n,destination:r,newPageBorderBoxCenter:p,viewport:a.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0}))return{clientSelection:sf({pageBorderBoxCenter:p,draggable:n,viewport:a}),impact:d,scrollJumpRequest:null};var h=cc(p,l);return{clientSelection:s,impact:function(e){var t=e.impact,n=e.viewport,r=e.destination,o=e.draggables,i=e.maxScrollChange,a=af(n,uc(n.scroll.current,i)),l=r.frame?xc(r,uc(r.frame.scroll.current,i)):r,s=t.displaced,u=Kc({afterDragging:lf(s.all,o),destination:r,displacedBy:t.displacedBy,viewport:a.frame,last:s,forceShouldAnimate:!1}),c=Kc({afterDragging:lf(s.all,o),destination:l,displacedBy:t.displacedBy,viewport:n.frame,last:s,forceShouldAnimate:!1}),f={},d={},p=[s,u,c];return s.all.forEach((function(e){var t=function(e,t){for(var n=0;n<t.length;n++){var r=t[n].visible[e];if(r)return r}return null}(e,p);t?d[e]=t:f[e]=!0})),(0,$n.Z)({},t,{displaced:{all:s.all,invisible:f,visible:d}})}({impact:d,viewport:a,destination:r,draggables:o,maxScrollChange:h}),scrollJumpRequest:h}},ff=function(e){var t=e.subject.active;return t||Ju(!1),t},df=function(e,t){var n=e.page.borderBox.center;return qc(e.descriptor.id,t)?cc(n,t.displacedBy.point):n},pf=function(e,t){var n=e.page.borderBox;return qc(e.descriptor.id,t)?gc(n,dc(t.displacedBy.point)):n},hf=Ku((function(e,t){var n=t[e.line];return{value:n,point:pc(e.line,n)}})),mf=function(e,t){return(0,$n.Z)({},e,{scroll:(0,$n.Z)({},e.scroll,{max:t})})},vf=function(e,t,n){var r=e.frame;Dc(t,e)&&Ju(!1),e.subject.withPlaceholder&&Ju(!1);var o=hf(e.axis,t.displaceBy).point,i=function(e,t,n){var r=e.axis;if("virtual"===e.descriptor.mode)return pc(r.line,t[r.line]);var o=e.subject.page.contentBox[r.size],i=Ac(e.descriptor.id,n).reduce((function(e,t){return e+t.client.marginBox[r.size]}),0)+t[r.line]-o;return i<=0?null:pc(r.line,i)}(e,o,n),a={placeholderSize:o,increasedBy:i,oldFrameMaxScroll:e.frame?e.frame.scroll.max:null};if(!r){var l=wc({page:e.subject.page,withPlaceholder:a,axis:e.axis,frame:e.frame});return(0,$n.Z)({},e,{subject:l})}var s=i?uc(r.scroll.max,i):r.scroll.max,u=mf(r,s),c=wc({page:e.subject.page,withPlaceholder:a,axis:e.axis,frame:u});return(0,$n.Z)({},e,{subject:c,frame:u})},gf=function(e){var t=e.isMovingForward,n=e.previousPageBorderBoxCenter,r=e.draggable,o=e.isOver,i=e.draggables,a=e.droppables,l=e.viewport,s=e.afterCritical,u=function(e){var t=e.isMovingForward,n=e.pageBorderBoxCenter,r=e.source,o=e.droppables,i=e.viewport,a=r.subject.active;if(!a)return null;var l=r.axis,s=Fc(a[l.start],a[l.end]),u=Pc(o).filter((function(e){return e!==r})).filter((function(e){return e.isEnabled})).filter((function(e){return Boolean(e.subject.active)})).filter((function(e){return Bc(i.frame)(ff(e))})).filter((function(e){var n=ff(e);return t?a[l.crossAxisEnd]<n[l.crossAxisEnd]:n[l.crossAxisStart]<a[l.crossAxisStart]})).filter((function(e){var t=ff(e),n=Fc(t[l.start],t[l.end]);return s(t[l.start])||s(t[l.end])||n(a[l.start])||n(a[l.end])})).sort((function(e,n){var r=ff(e)[l.crossAxisStart],o=ff(n)[l.crossAxisStart];return t?r-o:o-r})).filter((function(e,t,n){return ff(e)[l.crossAxisStart]===ff(n[0])[l.crossAxisStart]}));if(!u.length)return null;if(1===u.length)return u[0];var c=u.filter((function(e){return Fc(ff(e)[l.start],ff(e)[l.end])(n[l.line])}));return 1===c.length?c[0]:c.length>1?c.sort((function(e,t){return ff(e)[l.start]-ff(t)[l.start]}))[0]:u.sort((function(e,t){var r=mc(n,yc(ff(e))),o=mc(n,yc(ff(t)));return r!==o?r-o:ff(e)[l.start]-ff(t)[l.start]}))[0]}({isMovingForward:t,pageBorderBoxCenter:n,source:o,droppables:a,viewport:l});if(!u)return null;var c=Ac(u.descriptor.id,i),f=function(e){var t=e.previousPageBorderBoxCenter,n=e.moveRelativeTo,r=e.insideDestination,o=e.draggable,i=e.draggables,a=e.destination,l=e.viewport,s=e.afterCritical;if(!n){if(r.length)return null;var u={displaced:Mc,displacedBy:Nc,at:{type:"REORDER",destination:{droppableId:a.descriptor.id,index:0}}},c=of({impact:u,draggable:o,droppable:a,draggables:i,afterCritical:s}),f=Dc(o,a)?a:vf(a,o,i);return uf({draggable:o,destination:f,newPageBorderBoxCenter:c,viewport:l.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0})?u:null}var d,p=Boolean(t[a.axis.line]<=n.page.borderBox.center[a.axis.line]),h=(d=n.descriptor.index,n.descriptor.id===o.descriptor.id||p?d:d+1),m=hf(a.axis,o.displaceBy);return $c({draggable:o,insideDestination:r,destination:a,viewport:l,displacedBy:m,last:Mc,index:h})}({previousPageBorderBoxCenter:n,destination:u,draggable:r,draggables:i,moveRelativeTo:function(e){var t=e.pageBorderBoxCenter,n=e.viewport,r=e.destination,o=e.insideDestination,i=e.afterCritical;return o.filter((function(e){return Gc({target:pf(e,i),destination:r,viewport:n.frame,withDroppableDisplacement:!0})})).sort((function(e,n){var o=hc(t,rf(r,df(e,i))),a=hc(t,rf(r,df(n,i)));return o<a?-1:a<o?1:e.descriptor.index-n.descriptor.index}))[0]||null}({pageBorderBoxCenter:n,viewport:l,destination:u,insideDestination:c,afterCritical:s}),insideDestination:c,viewport:l,afterCritical:s});if(!f)return null;var d=of({impact:f,draggable:r,droppable:u,draggables:i,afterCritical:s});return{clientSelection:sf({pageBorderBoxCenter:d,draggable:r,viewport:l}),impact:f,scrollJumpRequest:null}},yf=function(e){var t=e.at;return t?"REORDER"===t.type?t.destination.droppableId:t.combine.droppableId:null},bf=function(e){var t=e.state,n=e.type,r=function(e,t){var n=yf(e);return n?t[n]:null}(t.impact,t.dimensions.droppables),o=Boolean(r),i=t.dimensions.droppables[t.critical.droppable.id],a=r||i,l=a.axis.direction,s="vertical"===l&&("MOVE_UP"===n||"MOVE_DOWN"===n)||"horizontal"===l&&("MOVE_LEFT"===n||"MOVE_RIGHT"===n);if(s&&!o)return null;var u="MOVE_DOWN"===n||"MOVE_RIGHT"===n,c=t.dimensions.draggables[t.critical.draggable.id],f=t.current.page.borderBoxCenter,d=t.dimensions,p=d.draggables,h=d.droppables;return s?cf({isMovingForward:u,previousPageBorderBoxCenter:f,draggable:c,destination:a,draggables:p,viewport:t.viewport,previousClientSelection:t.current.client.selection,previousImpact:t.impact,afterCritical:t.afterCritical}):gf({isMovingForward:u,previousPageBorderBoxCenter:f,draggable:c,isOver:a,draggables:p,droppables:h,viewport:t.viewport,afterCritical:t.afterCritical})};function wf(e){return"DRAGGING"===e.phase||"COLLECTING"===e.phase}function xf(e){var t=Fc(e.top,e.bottom),n=Fc(e.left,e.right);return function(e){return t(e.y)&&n(e.x)}}function Ef(e){var t=e.pageBorderBox,n=e.draggable,r=e.droppables,o=Pc(r).filter((function(e){if(!e.isEnabled)return!1;var n,r,o=e.subject.active;if(!o)return!1;if(r=o,!((n=t).left<r.right&&n.right>r.left&&n.top<r.bottom&&n.bottom>r.top))return!1;if(xf(o)(t.center))return!0;var i=e.axis,a=o.center[i.crossAxisLine],l=t[i.crossAxisStart],s=t[i.crossAxisEnd],u=Fc(o[i.crossAxisStart],o[i.crossAxisEnd]),c=u(l),f=u(s);return!c&&!f||(c?l<a:s>a)}));return o.length?1===o.length?o[0].descriptor.id:function(e){var t=e.pageBorderBox,n=e.draggable,r=e.candidates,o=n.page.borderBox.center,i=r.map((function(e){var n=e.axis,r=pc(e.axis.line,t.center[n.line],e.page.borderBox.center[n.crossAxisLine]);return{id:e.descriptor.id,distance:hc(o,r)}})).sort((function(e,t){return t.distance-e.distance}));return i[0]?i[0].id:null}({pageBorderBox:t,draggable:n,candidates:o}):null}var _f=function(e,t){return Du(gc(e,t))};function Sf(e){var t=e.displaced,n=e.id;return Boolean(t.visible[n]||t.invisible[n])}var Of=function(e){var t=e.pageOffset,n=e.draggable,r=e.draggables,o=e.droppables,i=e.previousImpact,a=e.viewport,l=e.afterCritical,s=_f(n.page.borderBox,t),u=Ef({pageBorderBox:s,draggable:n,droppables:o});if(!u)return Lc;var c=o[u],f=Ac(c.descriptor.id,r),d=function(e,t){var n=e.frame;return n?_f(t,n.scroll.diff.value):t}(c,s);return function(e){var t=e.draggable,n=e.pageBorderBoxWithDroppableScroll,r=e.previousImpact,o=e.destination,i=e.insideDestination,a=e.afterCritical;if(!o.isCombineEnabled)return null;var l=o.axis,s=hf(o.axis,t.displaceBy),u=s.value,c=n[l.start],f=n[l.end],d=Sc(Rc(t,i),(function(e){var t=e.descriptor.id,n=e.page.borderBox,o=n[l.size]/4,i=qc(t,a),s=Sf({displaced:r.displaced,id:t});return i?s?f>n[l.start]+o&&f<n[l.end]-o:c>n[l.start]-u+o&&c<n[l.end]-u-o:s?f>n[l.start]+u+o&&f<n[l.end]+u-o:c>n[l.start]+o&&c<n[l.end]-o}));return d?{displacedBy:s,displaced:r.displaced,at:{type:"COMBINE",combine:{draggableId:d.descriptor.id,droppableId:o.descriptor.id}}}:null}({pageBorderBoxWithDroppableScroll:d,draggable:n,previousImpact:i,destination:c,insideDestination:f,afterCritical:l})||function(e){var t=e.pageBorderBoxWithDroppableScroll,n=e.draggable,r=e.destination,o=e.insideDestination,i=e.last,a=e.viewport,l=e.afterCritical,s=r.axis,u=hf(r.axis,n.displaceBy),c=u.value,f=t[s.start],d=t[s.end],p=function(e){var t=e.draggable,n=e.closest,r=e.inHomeList;return n?r&&n.descriptor.index>t.descriptor.index?n.descriptor.index-1:n.descriptor.index:null}({draggable:n,closest:Sc(Rc(n,o),(function(e){var t=e.descriptor.id,n=e.page.borderBox.center[s.line],r=qc(t,l),o=Sf({displaced:i,id:t});return r?o?d<=n:f<n-c:o?d<=n+c:f<n})),inHomeList:Dc(n,r)});return $c({draggable:n,insideDestination:o,destination:r,viewport:a,last:i,displacedBy:u,index:p})}({pageBorderBoxWithDroppableScroll:d,draggable:n,destination:c,insideDestination:f,last:i.displaced,viewport:a,afterCritical:l})},kf=function(e,t){var n;return(0,$n.Z)({},e,((n={})[t.descriptor.id]=t,n))},Cf=function(e){var t=e.previousImpact,n=e.impact,r=e.droppables,o=yf(t),i=yf(n);if(!o)return r;if(o===i)return r;var a=r[o];if(!a.subject.withPlaceholder)return r;var l=function(e){var t=e.subject.withPlaceholder;t||Ju(!1);var n=e.frame;if(!n){var r=wc({page:e.subject.page,axis:e.axis,frame:null,withPlaceholder:null});return(0,$n.Z)({},e,{subject:r})}var o=t.oldFrameMaxScroll;o||Ju(!1);var i=mf(n,o),a=wc({page:e.subject.page,axis:e.axis,frame:i,withPlaceholder:null});return(0,$n.Z)({},e,{subject:a,frame:i})}(a);return kf(r,l)},Pf=function(e){var t=e.state,n=e.clientSelection,r=e.dimensions,o=e.viewport,i=e.impact,a=e.scrollJumpRequest,l=o||t.viewport,s=r||t.dimensions,u=n||t.current.client.selection,c=cc(u,t.initial.client.selection),f={offset:c,selection:u,borderBoxCenter:uc(t.initial.client.borderBoxCenter,c)},d={selection:uc(f.selection,l.scroll.current),borderBoxCenter:uc(f.borderBoxCenter,l.scroll.current),offset:uc(f.offset,l.scroll.diff.value)},p={client:f,page:d};if("COLLECTING"===t.phase)return(0,$n.Z)({phase:"COLLECTING"},t,{dimensions:s,viewport:l,current:p});var h=s.draggables[t.critical.draggable.id],m=i||Of({pageOffset:d.offset,draggable:h,draggables:s.draggables,droppables:s.droppables,previousImpact:t.impact,viewport:l,afterCritical:t.afterCritical}),v=function(e){var t=e.draggable,n=e.draggables,r=e.droppables,o=e.previousImpact,i=e.impact,a=Cf({previousImpact:o,impact:i,droppables:r}),l=yf(i);if(!l)return a;var s=r[l];if(Dc(t,s))return a;if(s.subject.withPlaceholder)return a;var u=vf(s,t,n);return kf(a,u)}({draggable:h,impact:m,previousImpact:t.impact,draggables:s.draggables,droppables:s.droppables});return(0,$n.Z)({},t,{current:p,dimensions:{draggables:s.draggables,droppables:v},impact:m,viewport:l,scrollJumpRequest:a||null,forceShouldAnimate:!a&&null})};var Tf=function(e){var t=e.impact,n=e.viewport,r=e.draggables,o=e.destination,i=e.forceShouldAnimate,a=t.displaced,l=Kc({afterDragging:function(e,t){return e.map((function(e){return t[e]}))}(a.all,r),destination:o,displacedBy:t.displacedBy,viewport:n.frame,forceShouldAnimate:i,last:a});return(0,$n.Z)({},t,{displaced:l})},Af=function(e){var t=e.impact,n=e.draggable,r=e.droppable,o=e.draggables,i=e.viewport,a=e.afterCritical,l=of({impact:t,draggable:n,draggables:o,droppable:r,afterCritical:a});return sf({pageBorderBoxCenter:l,draggable:n,viewport:i})},jf=function(e){var t=e.state,n=e.dimensions,r=e.viewport;"SNAP"!==t.movementMode&&Ju(!1);var o=t.impact,i=r||t.viewport,a=n||t.dimensions,l=a.draggables,s=a.droppables,u=l[t.critical.draggable.id],c=yf(o);c||Ju(!1);var f=s[c],d=Tf({impact:o,viewport:i,destination:f,draggables:l}),p=Af({impact:d,draggable:u,droppable:f,draggables:l,viewport:i,afterCritical:t.afterCritical});return Pf({impact:d,clientSelection:p,state:t,dimensions:a,viewport:i})},If=function(e){var t=e.draggable,n=e.home,r=e.draggables,o=e.viewport,i=hf(n.axis,t.displaceBy),a=Ac(n.descriptor.id,r),l=a.indexOf(t);-1===l&&Ju(!1);var s,u=a.slice(l+1),c=u.reduce((function(e,t){return e[t.descriptor.id]=!0,e}),{}),f={inVirtualList:"virtual"===n.descriptor.mode,displacedBy:i,effected:c};return{impact:{displaced:Kc({afterDragging:u,destination:n,displacedBy:i,last:null,viewport:o.frame,forceShouldAnimate:!1}),displacedBy:i,at:{type:"REORDER",destination:(s=t.descriptor,{index:s.index,droppableId:s.droppableId})}},afterCritical:f}},Rf=function(e){0},Df=function(e){0},Nf=function(e){var t=e.additions,n=e.updatedDroppables,r=e.viewport,o=r.scroll.diff.value;return t.map((function(e){var t=e.descriptor.droppableId,i=function(e){var t=e.frame;return t||Ju(!1),t}(n[t]).scroll.diff.value;return function(e){var t=e.draggable,n=e.offset,r=e.initialWindowScroll,o=zu(t.client,n),i=Wu(o,r);return(0,$n.Z)({},t,{placeholder:(0,$n.Z)({},t.placeholder,{client:o}),client:o,page:i})}({draggable:e,offset:uc(o,i),initialWindowScroll:r.scroll.initial})}))},Mf=function(e){return"SNAP"===e.movementMode},Lf=function(e,t,n){var r=function(e,t){return{draggables:e.draggables,droppables:kf(e.droppables,t)}}(e.dimensions,t);return!Mf(e)||n?Pf({state:e,dimensions:r}):jf({state:e,dimensions:r})};function Ff(e){return e.isDragging&&"SNAP"===e.movementMode?(0,$n.Z)({phase:"DRAGGING"},e,{scrollJumpRequest:null}):e}var Bf={phase:"IDLE",completed:null,shouldFlush:!1},zf=function(e,t){if(void 0===e&&(e=Bf),"FLUSH"===t.type)return(0,$n.Z)({},Bf,{shouldFlush:!0});if("INITIAL_PUBLISH"===t.type){"IDLE"!==e.phase&&Ju(!1);var n=t.payload,r=n.critical,o=n.clientSelection,i=n.viewport,a=n.dimensions,l=n.movementMode,s=a.draggables[r.draggable.id],u=a.droppables[r.droppable.id],c={selection:o,borderBoxCenter:s.client.borderBox.center,offset:sc},f={client:c,page:{selection:uc(c.selection,i.scroll.initial),borderBoxCenter:uc(c.selection,i.scroll.initial),offset:uc(c.selection,i.scroll.diff.value)}},d=Pc(a.droppables).every((function(e){return!e.isFixedOnPage})),p=If({draggable:s,home:u,draggables:a.draggables,viewport:i}),h=p.impact;return{phase:"DRAGGING",isDragging:!0,critical:r,movementMode:l,dimensions:a,initial:f,current:f,isWindowScrollAllowed:d,impact:h,afterCritical:p.afterCritical,onLiftImpact:h,viewport:i,scrollJumpRequest:null,forceShouldAnimate:null}}if("COLLECTION_STARTING"===t.type)return"COLLECTING"===e.phase||"DROP_PENDING"===e.phase?e:("DRAGGING"!==e.phase&&Ju(!1),(0,$n.Z)({phase:"COLLECTING"},e,{phase:"COLLECTING"}));if("PUBLISH_WHILE_DRAGGING"===t.type)return"COLLECTING"!==e.phase&&"DROP_PENDING"!==e.phase&&Ju(!1),function(e){var t=e.state,n=e.published;Rf();var r=n.modified.map((function(e){var n=t.dimensions.droppables[e.droppableId];return xc(n,e.scroll)})),o=(0,$n.Z)({},t.dimensions.droppables,{},kc(r)),i=Cc(Nf({additions:n.additions,updatedDroppables:o,viewport:t.viewport})),a=(0,$n.Z)({},t.dimensions.draggables,{},i);n.removals.forEach((function(e){delete a[e]}));var l={droppables:o,draggables:a},s=yf(t.impact),u=s?l.droppables[s]:null,c=l.draggables[t.critical.draggable.id],f=l.droppables[t.critical.droppable.id],d=If({draggable:c,home:f,draggables:a,viewport:t.viewport}),p=d.impact,h=d.afterCritical,m=u&&u.isCombineEnabled?t.impact:p,v=Of({pageOffset:t.current.page.offset,draggable:l.draggables[t.critical.draggable.id],draggables:l.draggables,droppables:l.droppables,previousImpact:m,viewport:t.viewport,afterCritical:h});Df();var g=(0,$n.Z)({phase:"DRAGGING"},t,{phase:"DRAGGING",impact:v,onLiftImpact:p,dimensions:l,afterCritical:h,forceShouldAnimate:!1});return"COLLECTING"===t.phase?g:(0,$n.Z)({phase:"DROP_PENDING"},g,{phase:"DROP_PENDING",reason:t.reason,isWaiting:!1})}({state:e,published:t.payload});if("MOVE"===t.type){if("DROP_PENDING"===e.phase)return e;wf(e)||Ju(!1);var m=t.payload.client;return fc(m,e.current.client.selection)?e:Pf({state:e,clientSelection:m,impact:Mf(e)?e.impact:null})}if("UPDATE_DROPPABLE_SCROLL"===t.type){if("DROP_PENDING"===e.phase)return Ff(e);if("COLLECTING"===e.phase)return Ff(e);wf(e)||Ju(!1);var v=t.payload,g=v.id,y=v.newScroll,b=e.dimensions.droppables[g];if(!b)return e;var w=xc(b,y);return Lf(e,w,!1)}if("UPDATE_DROPPABLE_IS_ENABLED"===t.type){if("DROP_PENDING"===e.phase)return e;wf(e)||Ju(!1);var x=t.payload,E=x.id,_=x.isEnabled,S=e.dimensions.droppables[E];S||Ju(!1),S.isEnabled===_&&Ju(!1);var O=(0,$n.Z)({},S,{isEnabled:_});return Lf(e,O,!0)}if("UPDATE_DROPPABLE_IS_COMBINE_ENABLED"===t.type){if("DROP_PENDING"===e.phase)return e;wf(e)||Ju(!1);var k=t.payload,C=k.id,P=k.isCombineEnabled,T=e.dimensions.droppables[C];T||Ju(!1),T.isCombineEnabled===P&&Ju(!1);var A=(0,$n.Z)({},T,{isCombineEnabled:P});return Lf(e,A,!0)}if("MOVE_BY_WINDOW_SCROLL"===t.type){if("DROP_PENDING"===e.phase||"DROP_ANIMATING"===e.phase)return e;wf(e)||Ju(!1),e.isWindowScrollAllowed||Ju(!1);var j=t.payload.newScroll;if(fc(e.viewport.scroll.current,j))return Ff(e);var I=af(e.viewport,j);return Mf(e)?jf({state:e,viewport:I}):Pf({state:e,viewport:I})}if("UPDATE_VIEWPORT_MAX_SCROLL"===t.type){if(!wf(e))return e;var R=t.payload.maxScroll;if(fc(R,e.viewport.scroll.max))return e;var D=(0,$n.Z)({},e.viewport,{scroll:(0,$n.Z)({},e.viewport.scroll,{max:R})});return(0,$n.Z)({phase:"DRAGGING"},e,{viewport:D})}if("MOVE_UP"===t.type||"MOVE_DOWN"===t.type||"MOVE_LEFT"===t.type||"MOVE_RIGHT"===t.type){if("COLLECTING"===e.phase||"DROP_PENDING"===e.phase)return e;"DRAGGING"!==e.phase&&Ju(!1);var N=bf({state:e,type:t.type});return N?Pf({state:e,impact:N.impact,clientSelection:N.clientSelection,scrollJumpRequest:N.scrollJumpRequest}):e}if("DROP_PENDING"===t.type){var M=t.payload.reason;return"COLLECTING"!==e.phase&&Ju(!1),(0,$n.Z)({phase:"DROP_PENDING"},e,{phase:"DROP_PENDING",isWaiting:!0,reason:M})}if("DROP_ANIMATE"===t.type){var L=t.payload,F=L.completed,B=L.dropDuration,z=L.newHomeClientOffset;return"DRAGGING"!==e.phase&&"DROP_PENDING"!==e.phase&&Ju(!1),{phase:"DROP_ANIMATING",completed:F,dropDuration:B,newHomeClientOffset:z,dimensions:e.dimensions}}return"DROP_COMPLETE"===t.type?{phase:"IDLE",completed:t.payload.completed,shouldFlush:!1}:e},Wf=function(e){return{type:"PUBLISH_WHILE_DRAGGING",payload:e}},Uf=function(){return{type:"COLLECTION_STARTING",payload:null}},Zf=function(e){return{type:"UPDATE_DROPPABLE_SCROLL",payload:e}},Hf=function(e){return{type:"UPDATE_DROPPABLE_IS_ENABLED",payload:e}},Gf=function(e){return{type:"UPDATE_DROPPABLE_IS_COMBINE_ENABLED",payload:e}},Kf=function(e){return{type:"MOVE",payload:e}},Vf=function(){return{type:"MOVE_UP",payload:null}},$f=function(){return{type:"MOVE_DOWN",payload:null}},qf=function(){return{type:"MOVE_RIGHT",payload:null}},Yf=function(){return{type:"MOVE_LEFT",payload:null}},Xf=function(e){return{type:"DROP_COMPLETE",payload:e}},Jf=function(e){return{type:"DROP",payload:e}},Qf=function(){return{type:"DROP_ANIMATION_FINISHED",payload:null}};var ed="cubic-bezier(.2,1,.1,1)",td={drop:0,combining:.7},nd={drop:.75},rd=.2+"s "+"cubic-bezier(0.2, 0, 0, 1)",od={fluid:"opacity "+rd,snap:"transform "+rd+", opacity "+rd,drop:function(e){var t=e+"s "+ed;return"transform "+t+", opacity "+t},outOfTheWay:"transform "+rd,placeholder:"height "+rd+", width "+rd+", margin "+rd},id=function(e){return fc(e,sc)?null:"translate("+e.x+"px, "+e.y+"px)"},ad=id,ld=function(e,t){var n=id(e);return n?t?n+" scale("+nd.drop+")":n:null},sd=.33,ud=.55,cd=ud-sd,fd=function(e){var t=e.getState,n=e.dispatch;return function(e){return function(r){if("DROP"===r.type){var o=t(),i=r.payload.reason;if("COLLECTING"!==o.phase){if("IDLE"!==o.phase){"DROP_PENDING"===o.phase&&o.isWaiting&&Ju(!1),"DRAGGING"!==o.phase&&"DROP_PENDING"!==o.phase&&Ju(!1);var a=o.critical,l=o.dimensions,s=l.draggables[o.critical.draggable.id],u=function(e){var t=e.draggables,n=e.reason,r=e.lastImpact,o=e.home,i=e.viewport,a=e.onLiftImpact;return r.at&&"DROP"===n?"REORDER"===r.at.type?{impact:r,didDropInsideDroppable:!0}:{impact:(0,$n.Z)({},r,{displaced:Mc}),didDropInsideDroppable:!0}:{impact:Tf({draggables:t,impact:a,destination:o,viewport:i,forceShouldAnimate:!0}),didDropInsideDroppable:!1}}({reason:i,lastImpact:o.impact,afterCritical:o.afterCritical,onLiftImpact:o.onLiftImpact,home:o.dimensions.droppables[o.critical.droppable.id],viewport:o.viewport,draggables:o.dimensions.draggables}),c=u.impact,f=u.didDropInsideDroppable,d=f?jc(c):null,p=f?Ic(c):null,h={index:a.draggable.index,droppableId:a.droppable.id},m={draggableId:s.descriptor.id,type:s.descriptor.type,source:h,reason:i,mode:o.movementMode,destination:d,combine:p},v=function(e){var t=e.impact,n=e.draggable,r=e.dimensions,o=e.viewport,i=e.afterCritical,a=r.draggables,l=r.droppables,s=yf(t),u=s?l[s]:null,c=l[n.descriptor.droppableId],f=Af({impact:t,draggable:n,draggables:a,afterCritical:i,droppable:u||c,viewport:o});return cc(f,n.client.borderBox.center)}({impact:c,draggable:s,dimensions:l,viewport:o.viewport,afterCritical:o.afterCritical}),g={critical:o.critical,afterCritical:o.afterCritical,result:m,impact:c};if(!fc(o.current.client.offset,v)||Boolean(m.combine)){var y=function(e){var t=e.current,n=e.destination,r=e.reason,o=hc(t,n);if(o<=0)return sd;if(o>=1500)return ud;var i=sd+cd*(o/1500);return Number(("CANCEL"===r?.6*i:i).toFixed(2))}({current:o.current.client.offset,destination:v,reason:i});n(function(e){return{type:"DROP_ANIMATE",payload:e}}({newHomeClientOffset:v,dropDuration:y,completed:g}))}else n(Xf({completed:g}))}}else n(function(e){return{type:"DROP_PENDING",payload:e}}({reason:i}))}else e(r)}}},dd=function(){return{x:window.pageXOffset,y:window.pageYOffset}};function pd(e){var t=e.onWindowScroll;var n=Vu((function(){t(dd())})),r=function(e){return{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(t){t.target!==window&&t.target!==window.document||e()}}}(n),o=qu;function i(){return o!==qu}return{start:function(){i()&&Ju(!1),o=Yu(window,[r])},stop:function(){i()||Ju(!1),n.cancel(),o(),o=qu},isActive:i}}var hd=function(e){var t=pd({onWindowScroll:function(t){e.dispatch({type:"MOVE_BY_WINDOW_SCROLL",payload:{newScroll:t}})}});return function(e){return function(n){t.isActive()||"INITIAL_PUBLISH"!==n.type||t.start(),t.isActive()&&function(e){return"DROP_COMPLETE"===e.type||"DROP_ANIMATE"===e.type||"FLUSH"===e.type}(n)&&t.stop(),e(n)}}},md=function(){var e=[];return{add:function(t){var n=setTimeout((function(){return function(t){var n=_c(e,(function(e){return e.timerId===t}));-1===n&&Ju(!1),e.splice(n,1)[0].callback()}(n)})),r={timerId:n,callback:t};e.push(r)},flush:function(){if(e.length){var t=[].concat(e);e.length=0,t.forEach((function(e){clearTimeout(e.timerId),e.callback()}))}}}},vd=function(e,t){Rf(),t(),Df()},gd=function(e,t){return{draggableId:e.draggable.id,type:e.droppable.type,source:{droppableId:e.droppable.id,index:e.draggable.index},mode:t}},yd=function(e,t,n,r){if(e){var o=function(e){var t=!1,n=!1,r=setTimeout((function(){n=!0})),o=function(o){t||n||(t=!0,e(o),clearTimeout(r))};return o.wasCalled=function(){return t},o}(n);e(t,{announce:o}),o.wasCalled()||n(r(t))}else n(r(t))},bd=function(e,t){var n=function(e,t){var n=md(),r=null,o=function(n){r||Ju(!1),r=null,vd(0,(function(){return yd(e().onDragEnd,n,t,lc)}))};return{beforeCapture:function(t,n){r&&Ju(!1),vd(0,(function(){var r=e().onBeforeCapture;r&&r({draggableId:t,mode:n})}))},beforeStart:function(t,n){r&&Ju(!1),vd(0,(function(){var r=e().onBeforeDragStart;r&&r(gd(t,n))}))},start:function(o,i){r&&Ju(!1);var a=gd(o,i);r={mode:i,lastCritical:o,lastLocation:a.source,lastCombine:null},n.add((function(){vd(0,(function(){return yd(e().onDragStart,a,t,ic)}))}))},update:function(o,i){var a=jc(i),l=Ic(i);r||Ju(!1);var s=!function(e,t){if(e===t)return!0;var n=e.draggable.id===t.draggable.id&&e.draggable.droppableId===t.draggable.droppableId&&e.draggable.type===t.draggable.type&&e.draggable.index===t.draggable.index,r=e.droppable.id===t.droppable.id&&e.droppable.type===t.droppable.type;return n&&r}(o,r.lastCritical);s&&(r.lastCritical=o);var u,c,f=(u=r.lastLocation,c=a,!(null==u&&null==c||null!=u&&null!=c&&u.droppableId===c.droppableId&&u.index===c.index));f&&(r.lastLocation=a);var d=!function(e,t){return null==e&&null==t||null!=e&&null!=t&&(e.draggableId===t.draggableId&&e.droppableId===t.droppableId)}(r.lastCombine,l);if(d&&(r.lastCombine=l),s||f||d){var p=(0,$n.Z)({},gd(o,r.mode),{combine:l,destination:a});n.add((function(){vd(0,(function(){return yd(e().onDragUpdate,p,t,ac)}))}))}},flush:function(){r||Ju(!1),n.flush()},drop:o,abort:function(){if(r){var e=(0,$n.Z)({},gd(r.lastCritical,r.mode),{combine:null,destination:null,reason:"CANCEL"});o(e)}}}}(e,t);return function(e){return function(t){return function(r){if("BEFORE_INITIAL_CAPTURE"!==r.type){if("INITIAL_PUBLISH"===r.type){var o=r.payload.critical;return n.beforeStart(o,r.payload.movementMode),t(r),void n.start(o,r.payload.movementMode)}if("DROP_COMPLETE"===r.type){var i=r.payload.completed.result;return n.flush(),t(r),void n.drop(i)}if(t(r),"FLUSH"!==r.type){var a=e.getState();"DRAGGING"===a.phase&&n.update(a.critical,a.impact)}else n.abort()}else n.beforeCapture(r.payload.draggableId,r.payload.movementMode)}}}},wd=function(e){return function(t){return function(n){if("DROP_ANIMATION_FINISHED"===n.type){var r=e.getState();"DROP_ANIMATING"!==r.phase&&Ju(!1),e.dispatch(Xf({completed:r.completed}))}else t(n)}}},xd=function(e){var t=null,n=null;return function(r){return function(o){if("FLUSH"!==o.type&&"DROP_COMPLETE"!==o.type&&"DROP_ANIMATION_FINISHED"!==o.type||(n&&(cancelAnimationFrame(n),n=null),t&&(t(),t=null)),r(o),"DROP_ANIMATE"===o.type){var i={eventName:"scroll",options:{capture:!0,passive:!1,once:!0},fn:function(){"DROP_ANIMATING"===e.getState().phase&&e.dispatch({type:"DROP_ANIMATION_FINISHED",payload:null})}};n=requestAnimationFrame((function(){n=null,t=Yu(window,[i])}))}}}},Ed=function(e){return function(t){return function(n){if(t(n),"PUBLISH_WHILE_DRAGGING"===n.type){var r=e.getState();"DROP_PENDING"===r.phase&&(r.isWaiting||e.dispatch(Jf({reason:r.reason})))}}}},_d=v,Sd=function(e){var t,n=e.dimensionMarshal,r=e.focusMarshal,o=e.styleMarshal,i=e.getResponders,a=e.announce,l=e.autoScroller;return u(zf,_d(g((t=o,function(){return function(e){return function(n){"INITIAL_PUBLISH"===n.type&&t.dragging(),"DROP_ANIMATE"===n.type&&t.dropping(n.payload.completed.result.reason),"FLUSH"!==n.type&&"DROP_COMPLETE"!==n.type||t.resting(),e(n)}}}),function(e){return function(){return function(t){return function(n){"DROP_COMPLETE"!==n.type&&"FLUSH"!==n.type&&"DROP_ANIMATE"!==n.type||e.stopPublishing(),t(n)}}}}(n),function(e){return function(t){var n=t.getState,r=t.dispatch;return function(t){return function(o){if("LIFT"===o.type){var i=o.payload,a=i.id,l=i.clientSelection,s=i.movementMode,u=n();"DROP_ANIMATING"===u.phase&&r(Xf({completed:u.completed})),"IDLE"!==n().phase&&Ju(!1),r({type:"FLUSH",payload:null}),r({type:"BEFORE_INITIAL_CAPTURE",payload:{draggableId:a,movementMode:s}});var c={draggableId:a,scrollOptions:{shouldPublishImmediately:"SNAP"===s}},f=e.startPublishing(c),d=f.critical,p=f.dimensions,h=f.viewport;r(function(e){return{type:"INITIAL_PUBLISH",payload:e}}({critical:d,dimensions:p,clientSelection:l,movementMode:s,viewport:h}))}else t(o)}}}}(n),fd,wd,xd,Ed,function(e){return function(t){return function(n){return function(r){if(function(e){return"DROP_COMPLETE"===e.type||"DROP_ANIMATE"===e.type||"FLUSH"===e.type}(r))return e.stop(),void n(r);if("INITIAL_PUBLISH"===r.type){n(r);var o=t.getState();return"DRAGGING"!==o.phase&&Ju(!1),void e.start(o)}n(r),e.scroll(t.getState())}}}}(l),hd,function(e){var t=!1;return function(){return function(n){return function(r){if("INITIAL_PUBLISH"===r.type)return t=!0,e.tryRecordFocus(r.payload.critical.draggable.id),n(r),void e.tryRestoreFocusRecorded();if(n(r),t){if("FLUSH"===r.type)return t=!1,void e.tryRestoreFocusRecorded();if("DROP_COMPLETE"===r.type){t=!1;var o=r.payload.completed.result;o.combine&&e.tryShiftRecord(o.draggableId,o.combine.draggableId),e.tryRestoreFocusRecorded()}}}}}}(r),bd(i,a))))};var Od=function(e){var t=e.scrollHeight,n=e.scrollWidth,r=e.height,o=e.width,i=cc({x:n,y:t},{x:o,y:r});return{x:Math.max(0,i.x),y:Math.max(0,i.y)}},kd=function(){var e=document.documentElement;return e||Ju(!1),e},Cd=function(){var e=kd();return Od({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,width:e.clientWidth,height:e.clientHeight})},Pd=function(e){var t=e.critical,n=e.scrollOptions,r=e.registry;Rf();var o,i,a,l,s,u,c,f=(o=dd(),i=Cd(),a=o.y,l=o.x,s=kd(),u=s.clientWidth,c=s.clientHeight,{frame:Du({top:a,left:l,right:l+u,bottom:a+c}),scroll:{initial:o,current:o,max:i,diff:{value:sc,displacement:sc}}}),d=f.scroll.current,p=t.droppable,h=r.droppable.getAllByType(p.type).map((function(e){return e.callbacks.getDimensionAndWatchScroll(d,n)})),m=r.draggable.getAllByType(t.draggable.type).map((function(e){return e.getDimension(d)})),v={draggables:Cc(m),droppables:kc(h)};return Df(),{dimensions:v,critical:t,viewport:f}};function Td(e,t,n){return n.descriptor.id!==t.id&&(n.descriptor.type===t.type&&"virtual"===e.droppable.getById(n.descriptor.droppableId).descriptor.mode)}var Ad,jd,Id=function(e,t){var n=null,r=function(e){var t=e.registry,n=e.callbacks,r={additions:{},removals:{},modified:{}},o=null,i=function(){o||(n.collectionStarting(),o=requestAnimationFrame((function(){o=null,Rf();var e=r,i=e.additions,a=e.removals,l=e.modified,s=Object.keys(i).map((function(e){return t.draggable.getById(e).getDimension(sc)})).sort((function(e,t){return e.descriptor.index-t.descriptor.index})),u=Object.keys(l).map((function(e){return{droppableId:e,scroll:t.droppable.getById(e).callbacks.getScrollWhileDragging()}})),c={additions:s,removals:Object.keys(a),modified:u};r={additions:{},removals:{},modified:{}},Df(),n.publish(c)})))};return{add:function(e){var t=e.descriptor.id;r.additions[t]=e,r.modified[e.descriptor.droppableId]=!0,r.removals[t]&&delete r.removals[t],i()},remove:function(e){var t=e.descriptor;r.removals[t.id]=!0,r.modified[t.droppableId]=!0,r.additions[t.id]&&delete r.additions[t.id],i()},stop:function(){o&&(cancelAnimationFrame(o),o=null,r={additions:{},removals:{},modified:{}})}}}({callbacks:{publish:t.publishWhileDragging,collectionStarting:t.collectionStarting},registry:e}),o=function(t){n||Ju(!1);var o=n.critical.draggable;"ADDITION"===t.type&&Td(e,o,t.value)&&r.add(t.value),"REMOVAL"===t.type&&Td(e,o,t.value)&&r.remove(t.value)};return{updateDroppableIsEnabled:function(r,o){e.droppable.exists(r)||Ju(!1),n&&t.updateDroppableIsEnabled({id:r,isEnabled:o})},updateDroppableIsCombineEnabled:function(r,o){n&&(e.droppable.exists(r)||Ju(!1),t.updateDroppableIsCombineEnabled({id:r,isCombineEnabled:o}))},scrollDroppable:function(t,r){n&&e.droppable.getById(t).callbacks.scroll(r)},updateDroppableScroll:function(r,o){n&&(e.droppable.exists(r)||Ju(!1),t.updateDroppableScroll({id:r,newScroll:o}))},startPublishing:function(t){n&&Ju(!1);var r=e.draggable.getById(t.draggableId),i=e.droppable.getById(r.descriptor.droppableId),a={draggable:r.descriptor,droppable:i.descriptor},l=e.subscribe(o);return n={critical:a,unsubscribe:l},Pd({critical:a,registry:e,scrollOptions:t.scrollOptions})},stopPublishing:function(){if(n){r.stop();var t=n.critical.droppable;e.droppable.getAllByType(t.type).forEach((function(e){return e.callbacks.dragStopped()})),n.unsubscribe(),n=null}}}},Rd=function(e,t){return"IDLE"===e.phase||"DROP_ANIMATING"===e.phase&&(e.completed.result.draggableId!==t&&"DROP"===e.completed.result.reason)},Dd=function(e){window.scrollBy(e.x,e.y)},Nd=Ku((function(e){return Pc(e).filter((function(e){return!!e.isEnabled&&!!e.frame}))})),Md=function(e){var t=e.center,n=e.destination,r=e.droppables;if(n){var o=r[n];return o.frame?o:null}return function(e,t){return Sc(Nd(t),(function(t){return t.frame||Ju(!1),xf(t.frame.pageMarginBox)(e)}))}(t,r)},Ld=.25,Fd=.05,Bd=28,zd=function(e){return Math.pow(e,2)},Wd={stopDampeningAt:1200,accelerateAt:360},Ud=function(e){var t=e.startOfRange,n=e.endOfRange,r=e.current,o=n-t;return 0===o?0:(r-t)/o},Zd=Wd.accelerateAt,Hd=Wd.stopDampeningAt,Gd=function(e){var t=e.distanceToEdge,n=e.thresholds,r=e.dragStartTime,o=e.shouldUseTimeDampening,i=function(e,t){if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return Bd;if(e===t.startScrollingFrom)return 1;var n=Ud({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),r=Bd*zd(1-n);return Math.ceil(r)}(t,n);return 0===i?0:o?Math.max(function(e,t){var n=t,r=Hd,o=Date.now()-n;if(o>=Hd)return e;if(o<Zd)return 1;var i=Ud({startOfRange:Zd,endOfRange:r,current:o}),a=e*zd(i);return Math.ceil(a)}(i,r),1):i},Kd=function(e){var t=e.container,n=e.distanceToEdges,r=e.dragStartTime,o=e.axis,i=e.shouldUseTimeDampening,a=function(e,t){return{startScrollingFrom:e[t.size]*Ld,maxScrollValueAt:e[t.size]*Fd}}(t,o);return n[o.end]<n[o.start]?Gd({distanceToEdge:n[o.end],thresholds:a,dragStartTime:r,shouldUseTimeDampening:i}):-1*Gd({distanceToEdge:n[o.start],thresholds:a,dragStartTime:r,shouldUseTimeDampening:i})},Vd=vc((function(e){return 0===e?0:e})),$d=function(e){var t=e.dragStartTime,n=e.container,r=e.subject,o=e.center,i=e.shouldUseTimeDampening,a={top:o.y-n.top,right:n.right-o.x,bottom:n.bottom-o.y,left:o.x-n.left},l=Kd({container:n,distanceToEdges:a,dragStartTime:t,axis:Wc,shouldUseTimeDampening:i}),s=Kd({container:n,distanceToEdges:a,dragStartTime:t,axis:Uc,shouldUseTimeDampening:i}),u=Vd({x:s,y:l});if(fc(u,sc))return null;var c=function(e){var t=e.container,n=e.subject,r=e.proposedScroll,o=n.height>t.height,i=n.width>t.width;return i||o?i&&o?null:{x:i?0:r.x,y:o?0:r.y}:r}({container:n,subject:r,proposedScroll:u});return c?fc(c,sc)?null:c:null},qd=vc((function(e){return 0===e?0:e>0?1:-1})),Yd=(Ad=function(e,t){return e<0?e:e>t?e-t:0},function(e){var t=e.current,n=e.max,r=e.change,o=uc(t,r),i={x:Ad(o.x,n.x),y:Ad(o.y,n.y)};return fc(i,sc)?null:i}),Xd=function(e){var t=e.max,n=e.current,r=e.change,o={x:Math.max(n.x,t.x),y:Math.max(n.y,t.y)},i=qd(r),a=Yd({max:o,current:n,change:i});return!a||(0!==i.x&&0===a.x||0!==i.y&&0===a.y)},Jd=function(e,t){return Xd({current:e.scroll.current,max:e.scroll.max,change:t})},Qd=function(e,t){var n=e.frame;return!!n&&Xd({current:n.scroll.current,max:n.scroll.max,change:t})},ep=function(e){var t=e.state,n=e.dragStartTime,r=e.shouldUseTimeDampening,o=e.scrollWindow,i=e.scrollDroppable,a=t.current.page.borderBoxCenter,l=t.dimensions.draggables[t.critical.draggable.id].page.marginBox;if(t.isWindowScrollAllowed){var s=function(e){var t=e.viewport,n=e.subject,r=e.center,o=e.dragStartTime,i=e.shouldUseTimeDampening,a=$d({dragStartTime:o,container:t.frame,subject:n,center:r,shouldUseTimeDampening:i});return a&&Jd(t,a)?a:null}({dragStartTime:n,viewport:t.viewport,subject:l,center:a,shouldUseTimeDampening:r});if(s)return void o(s)}var u=Md({center:a,destination:yf(t.impact),droppables:t.dimensions.droppables});if(u){var c=function(e){var t=e.droppable,n=e.subject,r=e.center,o=e.dragStartTime,i=e.shouldUseTimeDampening,a=t.frame;if(!a)return null;var l=$d({dragStartTime:o,container:a.pageMarginBox,subject:n,center:r,shouldUseTimeDampening:i});return l&&Qd(t,l)?l:null}({dragStartTime:n,droppable:u,subject:l,center:a,shouldUseTimeDampening:r});c&&i(u.descriptor.id,c)}},tp=function(e){var t=e.move,n=e.scrollDroppable,r=e.scrollWindow,o=function(e,t){if(!Qd(e,t))return t;var r=function(e,t){var n=e.frame;return n&&Qd(e,t)?Yd({current:n.scroll.current,max:n.scroll.max,change:t}):null}(e,t);if(!r)return n(e.descriptor.id,t),null;var o=cc(t,r);return n(e.descriptor.id,o),cc(t,o)},i=function(e,t,n){if(!e)return n;if(!Jd(t,n))return n;var o=function(e,t){if(!Jd(e,t))return null;var n=e.scroll.max,r=e.scroll.current;return Yd({current:r,max:n,change:t})}(t,n);if(!o)return r(n),null;var i=cc(n,o);return r(i),cc(n,i)};return function(e){var n=e.scrollJumpRequest;if(n){var r=yf(e.impact);r||Ju(!1);var a=o(e.dimensions.droppables[r],n);if(a){var l=e.viewport,s=i(e.isWindowScrollAllowed,l,a);s&&function(e,n){var r=uc(e.current.client.selection,n);t({client:r})}(e,s)}}}},np=function(e){var t=e.scrollDroppable,n=e.scrollWindow,r=e.move,o=function(e){var t=e.scrollWindow,n=e.scrollDroppable,r=Vu(t),o=Vu(n),i=null,a=function(e){i||Ju(!1);var t=i,n=t.shouldUseTimeDampening,a=t.dragStartTime;ep({state:e,scrollWindow:r,scrollDroppable:o,dragStartTime:a,shouldUseTimeDampening:n})};return{start:function(e){Rf(),i&&Ju(!1);var t=Date.now(),n=!1,r=function(){n=!0};ep({state:e,dragStartTime:0,shouldUseTimeDampening:!1,scrollWindow:r,scrollDroppable:r}),i={dragStartTime:t,shouldUseTimeDampening:n},Df(),n&&a(e)},stop:function(){i&&(r.cancel(),o.cancel(),i=null)},scroll:a}}({scrollWindow:n,scrollDroppable:t}),i=tp({move:r,scrollWindow:n,scrollDroppable:t});return{scroll:function(e){"DRAGGING"===e.phase&&("FLUID"!==e.movementMode?e.scrollJumpRequest&&i(e):o.scroll(e))},start:o.start,stop:o.stop}},rp={base:jd="data-rbd-drag-handle",draggableId:jd+"-draggable-id",contextId:jd+"-context-id"},op=function(){var e="data-rbd-draggable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),ip=function(){var e="data-rbd-droppable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),ap={contextId:"data-rbd-scroll-container-context-id"},lp=function(e,t){return e.map((function(e){var n=e.styles[t];return n?e.selector+" { "+n+" }":""})).join(" ")},sp="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?r.useLayoutEffect:r.useEffect,up=function(){var e=document.querySelector("head");return e||Ju(!1),e},cp=function(e){var t=document.createElement("style");return e&&t.setAttribute("nonce",e),t.type="text/css",t};function fp(e,t){var n=Iu((function(){return function(e){var t,n,r=function(e){return function(t){return"["+t+'="'+e+'"]'}}(e),o=(t="\n cursor: -webkit-grab;\n cursor: grab;\n ",{selector:r(rp.contextId),styles:{always:"\n -webkit-touch-callout: none;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n touch-action: manipulation;\n ",resting:t,dragging:"pointer-events: none;",dropAnimating:t}}),i=[(n="\n transition: "+od.outOfTheWay+";\n ",{selector:r(op.contextId),styles:{dragging:n,dropAnimating:n,userCancel:n}}),o,{selector:r(ip.contextId),styles:{always:"overflow-anchor: none;"}},{selector:"body",styles:{dragging:"\n cursor: grabbing;\n cursor: -webkit-grabbing;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n overflow-anchor: none;\n "}}];return{always:lp(i,"always"),resting:lp(i,"resting"),dragging:lp(i,"dragging"),dropAnimating:lp(i,"dropAnimating"),userCancel:lp(i,"userCancel")}}(e)}),[e]),o=(0,r.useRef)(null),i=(0,r.useRef)(null),a=Ru(Ku((function(e){var t=i.current;t||Ju(!1),t.textContent=e})),[]),l=Ru((function(e){var t=o.current;t||Ju(!1),t.textContent=e}),[]);sp((function(){(o.current||i.current)&&Ju(!1);var r=cp(t),s=cp(t);return o.current=r,i.current=s,r.setAttribute("data-rbd-always",e),s.setAttribute("data-rbd-dynamic",e),up().appendChild(r),up().appendChild(s),l(n.always),a(n.resting),function(){var e=function(e){var t=e.current;t||Ju(!1),up().removeChild(t),e.current=null};e(o),e(i)}}),[t,l,a,n.always,n.resting,e]);var s=Ru((function(){return a(n.dragging)}),[a,n.dragging]),u=Ru((function(e){a("DROP"!==e?n.userCancel:n.dropAnimating)}),[a,n.dropAnimating,n.userCancel]),c=Ru((function(){i.current&&a(n.resting)}),[a,n.resting]);return Iu((function(){return{dragging:s,dropping:u,resting:c}}),[s,u,c])}var dp=function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window};function pp(e){return e instanceof dp(e).HTMLElement}function hp(e,t){var n="["+rp.contextId+'="'+e+'"]',r=Oc(document.querySelectorAll(n));if(!r.length)return null;var o=Sc(r,(function(e){return e.getAttribute(rp.draggableId)===t}));return o&&pp(o)?o:null}function mp(){var e={draggables:{},droppables:{}},t=[];function n(e){t.length&&t.forEach((function(t){return t(e)}))}function r(t){return e.draggables[t]||null}function o(t){return e.droppables[t]||null}return{draggable:{register:function(t){e.draggables[t.descriptor.id]=t,n({type:"ADDITION",value:t})},update:function(t,n){var r=e.draggables[n.descriptor.id];r&&r.uniqueId===t.uniqueId&&(delete e.draggables[n.descriptor.id],e.draggables[t.descriptor.id]=t)},unregister:function(t){var o=t.descriptor.id,i=r(o);i&&t.uniqueId===i.uniqueId&&(delete e.draggables[o],n({type:"REMOVAL",value:t}))},getById:function(e){var t=r(e);return t||Ju(!1),t},findById:r,exists:function(e){return Boolean(r(e))},getAllByType:function(t){return Ec(e.draggables).filter((function(e){return e.descriptor.type===t}))}},droppable:{register:function(t){e.droppables[t.descriptor.id]=t},unregister:function(t){var n=o(t.descriptor.id);n&&t.uniqueId===n.uniqueId&&delete e.droppables[t.descriptor.id]},getById:function(e){var t=o(e);return t||Ju(!1),t},findById:o,exists:function(e){return Boolean(o(e))},getAllByType:function(t){return Ec(e.droppables).filter((function(e){return e.descriptor.type===t}))}},subscribe:function(e){return t.push(e),function(){var n=t.indexOf(e);-1!==n&&t.splice(n,1)}},clean:function(){e.draggables={},e.droppables={},t.length=0}}}var vp=r.createContext(null),gp=function(){var e=document.body;return e||Ju(!1),e},yp={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"};var bp=0,wp={separator:"::"};function xp(e,t){return void 0===t&&(t=wp),Iu((function(){return""+e+t.separator+bp++}),[t.separator,e])}var Ep=r.createContext(null);function _p(e){0}function Sp(e,t){_p()}function Op(){Sp()}function kp(e){var t=(0,r.useRef)(e);return(0,r.useEffect)((function(){t.current=e})),t}var Cp,Pp=((Cp={})[13]=!0,Cp[9]=!0,Cp),Tp=function(e){Pp[e.keyCode]&&e.preventDefault()},Ap=function(){var e="visibilitychange";return"undefined"==typeof document?e:Sc([e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],(function(e){return"on"+e in document}))||e}();var jp,Ip={type:"IDLE"};function Rp(e){var t=e.cancel,n=e.completed,r=e.getPhase,o=e.setPhase;return[{eventName:"mousemove",fn:function(e){var t=e.button,n=e.clientX,i=e.clientY;if(0===t){var a={x:n,y:i},l=r();if("DRAGGING"===l.type)return e.preventDefault(),void l.actions.move(a);"PENDING"!==l.type&&Ju(!1);var s=l.point;if(u=s,c=a,Math.abs(c.x-u.x)>=5||Math.abs(c.y-u.y)>=5){var u,c;e.preventDefault();var f=l.actions.fluidLift(a);o({type:"DRAGGING",actions:f})}}}},{eventName:"mouseup",fn:function(e){var o=r();"DRAGGING"===o.type?(e.preventDefault(),o.actions.drop({shouldBlockNextClick:!0}),n()):t()}},{eventName:"mousedown",fn:function(e){"DRAGGING"===r().type&&e.preventDefault(),t()}},{eventName:"keydown",fn:function(e){if("PENDING"!==r().type)return 27===e.keyCode?(e.preventDefault(),void t()):void Tp(e);t()}},{eventName:"resize",fn:t},{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(){"PENDING"===r().type&&t()}},{eventName:"webkitmouseforcedown",fn:function(e){var n=r();"IDLE"===n.type&&Ju(!1),n.actions.shouldRespectForcePress()?t():e.preventDefault()}},{eventName:Ap,fn:t}]}function Dp(){}var Np=((jp={})[34]=!0,jp[33]=!0,jp[36]=!0,jp[35]=!0,jp);function Mp(e,t){function n(){t(),e.cancel()}return[{eventName:"keydown",fn:function(r){return 27===r.keyCode?(r.preventDefault(),void n()):32===r.keyCode?(r.preventDefault(),t(),void e.drop()):40===r.keyCode?(r.preventDefault(),void e.moveDown()):38===r.keyCode?(r.preventDefault(),void e.moveUp()):39===r.keyCode?(r.preventDefault(),void e.moveRight()):37===r.keyCode?(r.preventDefault(),void e.moveLeft()):void(Np[r.keyCode]?r.preventDefault():Tp(r))}},{eventName:"mousedown",fn:n},{eventName:"mouseup",fn:n},{eventName:"click",fn:n},{eventName:"touchstart",fn:n},{eventName:"resize",fn:n},{eventName:"wheel",fn:n,options:{passive:!0}},{eventName:Ap,fn:n}]}var Lp={type:"IDLE"};var Fp={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function Bp(e,t){var n=t.target;return!!pp(n)&&function e(t,n){if(null==n)return!1;if(Boolean(Fp[n.tagName.toLowerCase()]))return!0;var r=n.getAttribute("contenteditable");return"true"===r||""===r||n!==t&&e(t,n.parentElement)}(e,n)}var zp=function(e){return Du(e.getBoundingClientRect()).center};var Wp="undefined"==typeof document?"matches":Sc(["matches","msMatchesSelector","webkitMatchesSelector"],(function(e){return e in Element.prototype}))||"matches";function Up(e,t){return e.closest?e.closest(t):function e(t,n){return null==t?null:t[Wp](n)?t:e(t.parentElement,n)}(e,t)}function Zp(e,t){var n,r=t.target;if(!((n=r)instanceof dp(n).Element))return null;var o=Up(r,function(e){return"["+rp.contextId+'="'+e+'"]'}(e));return o&&pp(o)?o:null}function Hp(e){e.preventDefault()}function Gp(e){var t=e.expected,n=e.phase,r=e.isLockActive;e.shouldWarn;return!!r()&&t===n}function Kp(e){var t=e.lockAPI,n=e.store,r=e.registry,o=e.draggableId;if(t.isClaimed())return!1;var i=r.draggable.findById(o);return!!i&&(!!i.options.isEnabled&&!!Rd(n.getState(),o))}function Vp(e){var t=e.lockAPI,n=e.contextId,r=e.store,o=e.registry,i=e.draggableId,a=e.forceSensorStop,l=e.sourceEvent;if(!Kp({lockAPI:t,store:r,registry:o,draggableId:i}))return null;var s=o.draggable.getById(i),u=function(e,t){var n="["+op.contextId+'="'+e+'"]',r=Sc(Oc(document.querySelectorAll(n)),(function(e){return e.getAttribute(op.id)===t}));return r&&pp(r)?r:null}(n,s.descriptor.id);if(!u)return null;if(l&&!s.options.canDragInteractiveElements&&Bp(u,l))return null;var c=t.claim(a||qu),f="PRE_DRAG";function d(){return s.options.shouldRespectForcePress}function p(){return t.isActive(c)}var h=function(e,t){Gp({expected:e,phase:f,isLockActive:p,shouldWarn:!0})&&r.dispatch(t())}.bind(null,"DRAGGING");function m(e){function n(){t.release(),f="COMPLETED"}function o(t,o){if(void 0===o&&(o={shouldBlockNextClick:!1}),e.cleanup(),o.shouldBlockNextClick){var i=Yu(window,[{eventName:"click",fn:Hp,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(i)}n(),r.dispatch(Jf({reason:t}))}return"PRE_DRAG"!==f&&(n(),"PRE_DRAG"!==f&&Ju(!1)),r.dispatch(function(e){return{type:"LIFT",payload:e}}(e.liftActionArgs)),f="DRAGGING",(0,$n.Z)({isActive:function(){return Gp({expected:"DRAGGING",phase:f,isLockActive:p,shouldWarn:!1})},shouldRespectForcePress:d,drop:function(e){return o("DROP",e)},cancel:function(e){return o("CANCEL",e)}},e.actions)}return{isActive:function(){return Gp({expected:"PRE_DRAG",phase:f,isLockActive:p,shouldWarn:!1})},shouldRespectForcePress:d,fluidLift:function(e){var t=Vu((function(e){h((function(){return Kf({client:e})}))})),n=m({liftActionArgs:{id:i,clientSelection:e,movementMode:"FLUID"},cleanup:function(){return t.cancel()},actions:{move:t}});return(0,$n.Z)({},n,{move:t})},snapLift:function(){var e={moveUp:function(){return h(Vf)},moveRight:function(){return h(qf)},moveDown:function(){return h($f)},moveLeft:function(){return h(Yf)}};return m({liftActionArgs:{id:i,clientSelection:zp(u),movementMode:"SNAP"},cleanup:qu,actions:e})},abort:function(){Gp({expected:"PRE_DRAG",phase:f,isLockActive:p,shouldWarn:!0})&&t.release()}}}var $p=[function(e){var t=(0,r.useRef)(Ip),n=(0,r.useRef)(qu),o=Iu((function(){return{eventName:"mousedown",fn:function(t){if(!t.defaultPrevented&&0===t.button&&!(t.ctrlKey||t.metaKey||t.shiftKey||t.altKey)){var r=e.findClosestDraggableId(t);if(r){var o=e.tryGetLock(r,l,{sourceEvent:t});if(o){t.preventDefault();var i={x:t.clientX,y:t.clientY};n.current(),c(o,i)}}}}}}),[e]),i=Iu((function(){return{eventName:"webkitmouseforcewillbegin",fn:function(t){if(!t.defaultPrevented){var n=e.findClosestDraggableId(t);if(n){var r=e.findOptionsForDraggable(n);r&&(r.shouldRespectForcePress||e.canGetLock(n)&&t.preventDefault())}}}}}),[e]),a=Ru((function(){n.current=Yu(window,[i,o],{passive:!1,capture:!0})}),[i,o]),l=Ru((function(){"IDLE"!==t.current.type&&(t.current=Ip,n.current(),a())}),[a]),s=Ru((function(){var e=t.current;l(),"DRAGGING"===e.type&&e.actions.cancel({shouldBlockNextClick:!0}),"PENDING"===e.type&&e.actions.abort()}),[l]),u=Ru((function(){var e=Rp({cancel:s,completed:l,getPhase:function(){return t.current},setPhase:function(e){t.current=e}});n.current=Yu(window,e,{capture:!0,passive:!1})}),[s,l]),c=Ru((function(e,n){"IDLE"!==t.current.type&&Ju(!1),t.current={type:"PENDING",point:n,actions:e},u()}),[u]);sp((function(){return a(),function(){n.current()}}),[a])},function(e){var t=(0,r.useRef)(Dp),n=Iu((function(){return{eventName:"keydown",fn:function(n){if(!n.defaultPrevented&&32===n.keyCode){var r=e.findClosestDraggableId(n);if(r){var i=e.tryGetLock(r,s,{sourceEvent:n});if(i){n.preventDefault();var a=!0,l=i.snapLift();t.current(),t.current=Yu(window,Mp(l,s),{capture:!0,passive:!1})}}}function s(){a||Ju(!1),a=!1,t.current(),o()}}}}),[e]),o=Ru((function(){t.current=Yu(window,[n],{passive:!1,capture:!0})}),[n]);sp((function(){return o(),function(){t.current()}}),[o])},function(e){var t=(0,r.useRef)(Lp),n=(0,r.useRef)(qu),o=Ru((function(){return t.current}),[]),i=Ru((function(e){t.current=e}),[]),a=Iu((function(){return{eventName:"touchstart",fn:function(t){if(!t.defaultPrevented){var r=e.findClosestDraggableId(t);if(r){var o=e.tryGetLock(r,s,{sourceEvent:t});if(o){var i=t.touches[0],a={x:i.clientX,y:i.clientY};n.current(),d(o,a)}}}}}}),[e]),l=Ru((function(){n.current=Yu(window,[a],{capture:!0,passive:!1})}),[a]),s=Ru((function(){var e=t.current;"IDLE"!==e.type&&("PENDING"===e.type&&clearTimeout(e.longPressTimerId),i(Lp),n.current(),l())}),[l,i]),u=Ru((function(){var e=t.current;s(),"DRAGGING"===e.type&&e.actions.cancel({shouldBlockNextClick:!0}),"PENDING"===e.type&&e.actions.abort()}),[s]),c=Ru((function(){var e={capture:!0,passive:!1},t={cancel:u,completed:s,getPhase:o},r=Yu(window,function(e){var t=e.cancel,n=e.completed,r=e.getPhase;return[{eventName:"touchmove",options:{capture:!1},fn:function(e){var n=r();if("DRAGGING"===n.type){n.hasMoved=!0;var o=e.touches[0],i={x:o.clientX,y:o.clientY};e.preventDefault(),n.actions.move(i)}else t()}},{eventName:"touchend",fn:function(e){var o=r();"DRAGGING"===o.type?(e.preventDefault(),o.actions.drop({shouldBlockNextClick:!0}),n()):t()}},{eventName:"touchcancel",fn:function(e){"DRAGGING"===r().type?(e.preventDefault(),t()):t()}},{eventName:"touchforcechange",fn:function(e){var n=r();"IDLE"===n.type&&Ju(!1);var o=e.touches[0];if(o&&o.force>=.15){var i=n.actions.shouldRespectForcePress();if("PENDING"!==n.type)return i?n.hasMoved?void e.preventDefault():void t():void e.preventDefault();i&&t()}}},{eventName:Ap,fn:t}]}(t),e),i=Yu(window,function(e){var t=e.cancel,n=e.getPhase;return[{eventName:"orientationchange",fn:t},{eventName:"resize",fn:t},{eventName:"contextmenu",fn:function(e){e.preventDefault()}},{eventName:"keydown",fn:function(e){"DRAGGING"===n().type?(27===e.keyCode&&e.preventDefault(),t()):t()}},{eventName:Ap,fn:t}]}(t),e);n.current=function(){r(),i()}}),[u,o,s]),f=Ru((function(){var e=o();"PENDING"!==e.type&&Ju(!1);var t=e.actions.fluidLift(e.point);i({type:"DRAGGING",actions:t,hasMoved:!1})}),[o,i]),d=Ru((function(e,t){"IDLE"!==o().type&&Ju(!1);var n=setTimeout(f,120);i({type:"PENDING",point:t,actions:e,longPressTimerId:n}),c()}),[c,o,i,f]);sp((function(){return l(),function(){n.current();var e=o();"PENDING"===e.type&&(clearTimeout(e.longPressTimerId),i(Lp))}}),[o,l,i]),sp((function(){return Yu(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}])}),[])}];function qp(e){var t=e.contextId,n=e.store,o=e.registry,i=e.customSensors,a=e.enableDefaultSensors,l=[].concat(a?$p:[],i||[]),s=(0,r.useState)((function(){return function(){var e=null;function t(){e||Ju(!1),e=null}return{isClaimed:function(){return Boolean(e)},isActive:function(t){return t===e},claim:function(t){e&&Ju(!1);var n={abandon:t};return e=n,n},release:t,tryAbandon:function(){e&&(e.abandon(),t())}}}()}))[0],u=Ru((function(e,t){e.isDragging&&!t.isDragging&&s.tryAbandon()}),[s]);sp((function(){var e=n.getState();return n.subscribe((function(){var t=n.getState();u(e,t),e=t}))}),[s,n,u]),sp((function(){return s.tryAbandon}),[s.tryAbandon]);var c=Ru((function(e){return Kp({lockAPI:s,registry:o,store:n,draggableId:e})}),[s,o,n]),f=Ru((function(e,r,i){return Vp({lockAPI:s,registry:o,contextId:t,store:n,draggableId:e,forceSensorStop:r,sourceEvent:i&&i.sourceEvent?i.sourceEvent:null})}),[t,s,o,n]),d=Ru((function(e){return function(e,t){var n=Zp(e,t);return n?n.getAttribute(rp.draggableId):null}(t,e)}),[t]),p=Ru((function(e){var t=o.draggable.findById(e);return t?t.options:null}),[o.draggable]),h=Ru((function(){s.isClaimed()&&(s.tryAbandon(),"IDLE"!==n.getState().phase&&n.dispatch({type:"FLUSH",payload:null}))}),[s,n]),m=Ru(s.isClaimed,[s]),v=Iu((function(){return{canGetLock:c,tryGetLock:f,findClosestDraggableId:d,findOptionsForDraggable:p,tryReleaseLock:h,isLockClaimed:m}}),[c,f,d,p,h,m]);_p();for(var g=0;g<l.length;g++)l[g](v)}function Yp(e){return e.current||Ju(!1),e.current}function Xp(e){var t=e.contextId,n=e.setCallbacks,o=e.sensors,i=e.nonce,a=e.dragHandleUsageInstructions,l=(0,r.useRef)(null);Op();var s=kp(e),u=Ru((function(){return function(e){return{onBeforeCapture:e.onBeforeCapture,onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragEnd:e.onDragEnd,onDragUpdate:e.onDragUpdate}}(s.current)}),[s]),c=function(e){var t=Iu((function(){return function(e){return"rbd-announcement-"+e}(e)}),[e]),n=(0,r.useRef)(null);return(0,r.useEffect)((function(){var e=document.createElement("div");return n.current=e,e.id=t,e.setAttribute("aria-live","assertive"),e.setAttribute("aria-atomic","true"),(0,$n.Z)(e.style,yp),gp().appendChild(e),function(){setTimeout((function(){var t=gp();t.contains(e)&&t.removeChild(e),e===n.current&&(n.current=null)}))}}),[t]),Ru((function(e){var t=n.current;t&&(t.textContent=e)}),[])}(t),f=function(e){var t=e.contextId,n=e.text,o=xp("hidden-text",{separator:"-"}),i=Iu((function(){return function(e){return"rbd-hidden-text-"+e.contextId+"-"+e.uniqueId}({contextId:t,uniqueId:o})}),[o,t]);return(0,r.useEffect)((function(){var e=document.createElement("div");return e.id=i,e.textContent=n,e.style.display="none",gp().appendChild(e),function(){var t=gp();t.contains(e)&&t.removeChild(e)}}),[i,n]),i}({contextId:t,text:a}),p=fp(t,i),h=Ru((function(e){Yp(l).dispatch(e)}),[]),m=Iu((function(){return d({publishWhileDragging:Wf,updateDroppableScroll:Zf,updateDroppableIsEnabled:Hf,updateDroppableIsCombineEnabled:Gf,collectionStarting:Uf},h)}),[h]),v=function(){var e=Iu(mp,[]);return(0,r.useEffect)((function(){return function(){requestAnimationFrame(e.clean)}}),[e]),e}(),g=Iu((function(){return Id(v,m)}),[v,m]),y=Iu((function(){return np((0,$n.Z)({scrollWindow:Dd,scrollDroppable:g.scrollDroppable},d({move:Kf},h)))}),[g.scrollDroppable,h]),b=function(e){var t=(0,r.useRef)({}),n=(0,r.useRef)(null),o=(0,r.useRef)(null),i=(0,r.useRef)(!1),a=Ru((function(e,n){var r={id:e,focus:n};return t.current[e]=r,function(){var n=t.current;n[e]!==r&&delete n[e]}}),[]),l=Ru((function(t){var n=hp(e,t);n&&n!==document.activeElement&&n.focus()}),[e]),s=Ru((function(e,t){n.current===e&&(n.current=t)}),[]),u=Ru((function(){o.current||i.current&&(o.current=requestAnimationFrame((function(){o.current=null;var e=n.current;e&&l(e)})))}),[l]),c=Ru((function(e){n.current=null;var t=document.activeElement;t&&t.getAttribute(rp.draggableId)===e&&(n.current=e)}),[]);return sp((function(){return i.current=!0,function(){i.current=!1;var e=o.current;e&&cancelAnimationFrame(e)}}),[]),Iu((function(){return{register:a,tryRecordFocus:c,tryRestoreFocusRecorded:u,tryShiftRecord:s}}),[a,c,u,s])}(t),w=Iu((function(){return Sd({announce:c,autoScroller:y,dimensionMarshal:g,focusMarshal:b,getResponders:u,styleMarshal:p})}),[c,y,g,b,u,p]);l.current=w;var x=Ru((function(){var e=Yp(l);"IDLE"!==e.getState().phase&&e.dispatch({type:"FLUSH",payload:null})}),[]),E=Ru((function(){var e=Yp(l).getState();return e.isDragging||"DROP_ANIMATING"===e.phase}),[]);n(Iu((function(){return{isDragging:E,tryAbort:x}}),[E,x]));var _=Ru((function(e){return Rd(Yp(l).getState(),e)}),[]),S=Ru((function(){return wf(Yp(l).getState())}),[]),O=Iu((function(){return{marshal:g,focus:b,contextId:t,canLift:_,isMovementAllowed:S,dragHandleUsageInstructionsId:f,registry:v}}),[t,g,f,b,_,S,v]);return qp({contextId:t,store:w,registry:v,customSensors:o,enableDefaultSensors:!1!==e.enableDefaultSensors}),(0,r.useEffect)((function(){return x}),[x]),r.createElement(Ep.Provider,{value:O},r.createElement(Ar,{context:vp,store:w},e.children))}var Jp=0;function Qp(e){var t=Iu((function(){return""+Jp++}),[]),n=e.dragHandleUsageInstructions||oc;return r.createElement(Qu,null,(function(o){return r.createElement(Xp,{nonce:e.nonce,contextId:t,setCallbacks:o,dragHandleUsageInstructions:n,enableDefaultSensors:e.enableDefaultSensors,sensors:e.sensors,onBeforeCapture:e.onBeforeCapture,onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragUpdate:e.onDragUpdate,onDragEnd:e.onDragEnd},e.children)}))}var eh=function(e){return function(t){return e===t}},th=eh("scroll"),nh=eh("auto"),rh=(eh("visible"),function(e,t){return t(e.overflowX)||t(e.overflowY)}),oh=function(e){var t=window.getComputedStyle(e),n={overflowX:t.overflowX,overflowY:t.overflowY};return rh(n,th)||rh(n,nh)},ih=function e(t){return null==t||t===document.body||t===document.documentElement?null:oh(t)?t:e(t.parentElement)},ah=function(e){return{x:e.scrollLeft,y:e.scrollTop}},lh=function(e){return{closestScrollable:ih(e),isFixedOnPage:function e(t){return!!t&&("fixed"===window.getComputedStyle(t).position||e(t.parentElement))}(e)}},sh=function(e){var t=e.ref,n=e.descriptor,r=e.env,o=e.windowScroll,i=e.direction,a=e.isDropDisabled,l=e.isCombineEnabled,s=e.shouldClipSubject,u=r.closestScrollable,c=function(e,t){var n=Zu(e);if(!t)return n;if(e!==t)return n;var r=n.paddingBox.top-t.scrollTop,o=n.paddingBox.left-t.scrollLeft,i=r+t.scrollHeight,a=o+t.scrollWidth,l=Nu({top:r,right:a,bottom:i,left:o},n.border);return Fu({borderBox:l,margin:n.margin,border:n.border,padding:n.padding})}(t,u),f=Wu(c,o),d=function(){if(!u)return null;var e=Zu(u),t={scrollHeight:u.scrollHeight,scrollWidth:u.scrollWidth};return{client:e,page:Wu(e,o),scroll:ah(u),scrollSize:t,shouldClipSubject:s}}();return function(e){var t=e.descriptor,n=e.isEnabled,r=e.isCombineEnabled,o=e.isFixedOnPage,i=e.direction,a=e.client,l=e.page,s=e.closest,u=function(){if(!s)return null;var e=s.scrollSize,t=s.client,n=Od({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,height:t.paddingBox.height,width:t.paddingBox.width});return{pageMarginBox:s.page.marginBox,frameClient:t,scrollSize:e,shouldClipSubject:s.shouldClipSubject,scroll:{initial:s.scroll,current:s.scroll,max:n,diff:{value:sc,displacement:sc}}}}(),c="vertical"===i?Wc:Uc;return{descriptor:t,isCombineEnabled:r,isFixedOnPage:o,axis:c,isEnabled:n,client:a,page:l,frame:u,subject:wc({page:l,withPlaceholder:null,axis:c,frame:u})}}({descriptor:n,isEnabled:!a,isCombineEnabled:l,isFixedOnPage:r.isFixedOnPage,direction:i,client:c,page:f,closest:d})},uh={passive:!1},ch={passive:!0},fh=function(e){return e.shouldPublishImmediately?uh:ch};function dh(e){var t=(0,r.useContext)(e);return t||Ju(!1),t}var ph=function(e){return e&&e.env.closestScrollable||null};function hh(){}var mh={width:0,height:0,margin:{top:0,right:0,bottom:0,left:0}},vh=function(e){var t=e.isAnimatingOpenOnMount,n=e.placeholder,r=e.animate,o=function(e){var t=e.isAnimatingOpenOnMount,n=e.placeholder,r=e.animate;return t||"close"===r?mh:{height:n.client.borderBox.height,width:n.client.borderBox.width,margin:n.client.margin}}({isAnimatingOpenOnMount:t,placeholder:n,animate:r});return{display:n.display,boxSizing:"border-box",width:o.width,height:o.height,marginTop:o.margin.top,marginRight:o.margin.right,marginBottom:o.margin.bottom,marginLeft:o.margin.left,flexShrink:"0",flexGrow:"0",pointerEvents:"none",transition:"none"!==r?od.placeholder:null}};var gh=r.memo((function(e){var t=(0,r.useRef)(null),n=Ru((function(){t.current&&(clearTimeout(t.current),t.current=null)}),[]),o=e.animate,i=e.onTransitionEnd,a=e.onClose,l=e.contextId,s=(0,r.useState)("open"===e.animate),u=s[0],c=s[1];(0,r.useEffect)((function(){return u?"open"!==o?(n(),c(!1),hh):t.current?hh:(t.current=setTimeout((function(){t.current=null,c(!1)})),n):hh}),[o,u,n]);var f=Ru((function(e){"height"===e.propertyName&&(i(),"close"===o&&a())}),[o,a,i]),d=vh({isAnimatingOpenOnMount:u,animate:e.animate,placeholder:e.placeholder});return r.createElement(e.placeholder.tagName,{style:d,"data-rbd-placeholder-context-id":l,onTransitionEnd:f,ref:e.innerRef})})),yh=r.createContext(null);var bh=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).state={isVisible:Boolean(t.props.on),data:t.props.on,animate:t.props.shouldAnimate&&t.props.on?"open":"none"},t.onClose=function(){"close"===t.state.animate&&t.setState({isVisible:!1})},t}return(0,ar.Z)(t,e),t.getDerivedStateFromProps=function(e,t){return e.shouldAnimate?e.on?{isVisible:!0,data:e.on,animate:"open"}:t.isVisible?{isVisible:!0,data:t.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:Boolean(e.on),data:e.on,animate:"none"}},t.prototype.render=function(){if(!this.state.isVisible)return null;var e={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(e)},t}(r.PureComponent),wh=5e3,xh=4500,Eh=function(e,t){return t?od.drop(t.duration):e?od.snap:od.fluid},_h=function(e,t){return e?t?td.drop:td.combining:null};function Sh(e){return"DRAGGING"===e.type?function(e){var t=e.dimension.client,n=e.offset,r=e.combineWith,o=e.dropping,i=Boolean(r),a=function(e){return null!=e.forceShouldAnimate?e.forceShouldAnimate:"SNAP"===e.mode}(e),l=Boolean(o),s=l?ld(n,i):ad(n);return{position:"fixed",top:t.marginBox.top,left:t.marginBox.left,boxSizing:"border-box",width:t.borderBox.width,height:t.borderBox.height,transition:Eh(a,o),transform:s,opacity:_h(i,l),zIndex:l?xh:wh,pointerEvents:"none"}}(e):{transform:ad((t=e).offset),transition:t.shouldAnimateDisplacement?null:"none"};var t}function Oh(e){var t=xp("draggable"),n=e.descriptor,o=e.registry,i=e.getDraggableRef,a=e.canDragInteractiveElements,l=e.shouldRespectForcePress,s=e.isEnabled,u=Iu((function(){return{canDragInteractiveElements:a,shouldRespectForcePress:l,isEnabled:s}}),[a,s,l]),c=Ru((function(e){var t=i();return t||Ju(!1),function(e,t,n){void 0===n&&(n=sc);var r=window.getComputedStyle(t),o=t.getBoundingClientRect(),i=Uu(o,r),a=Wu(i,n);return{descriptor:e,placeholder:{client:i,tagName:t.tagName.toLowerCase(),display:r.display},displaceBy:{x:i.marginBox.width,y:i.marginBox.height},client:i,page:a}}(n,t,e)}),[n,i]),f=Iu((function(){return{uniqueId:t,descriptor:n,options:u,getDimension:c}}),[n,c,u,t]),d=(0,r.useRef)(f),p=(0,r.useRef)(!0);sp((function(){return o.draggable.register(d.current),function(){return o.draggable.unregister(d.current)}}),[o.draggable]),sp((function(){if(p.current)p.current=!1;else{var e=d.current;d.current=f,o.draggable.update(f,e)}}),[f,o.draggable])}function kh(e,t,n){Sp()}function Ch(e){e.preventDefault()}var Ph=function(e,t){return e===t},Th=function(e){var t=e.combine,n=e.destination;return n?n.droppableId:t?t.droppableId:null};function Ah(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var jh={mapped:{type:"SECONDARY",offset:sc,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:Ah(null)}};var Ih=ro((function(){var e,t,n,r=(e=Ku((function(e,t){return{x:e,y:t}})),t=Ku((function(e,t,n,r,o){return{isDragging:!0,isClone:t,isDropAnimating:Boolean(o),dropAnimation:o,mode:e,draggingOver:n,combineWith:r,combineTargetFor:null}})),n=Ku((function(e,n,r,o,i,a,l){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:i,combineWith:a,mode:n,offset:e,dimension:r,forceShouldAnimate:l,snapshot:t(n,o,i,a,null)}}})),function(r,o){if(r.isDragging){if(r.critical.draggable.id!==o.draggableId)return null;var i=r.current.client.offset,a=r.dimensions.draggables[o.draggableId],l=yf(r.impact),s=(c=r.impact).at&&"COMBINE"===c.at.type?c.at.combine.draggableId:null,u=r.forceShouldAnimate;return n(e(i.x,i.y),r.movementMode,a,o.isClone,l,s,u)}var c;if("DROP_ANIMATING"===r.phase){var f=r.completed;if(f.result.draggableId!==o.draggableId)return null;var d=o.isClone,p=r.dimensions.draggables[o.draggableId],h=f.result,m=h.mode,v=Th(h),g=function(e){return e.combine?e.combine.draggableId:null}(h),y={duration:r.dropDuration,curve:ed,moveTo:r.newHomeClientOffset,opacity:g?td.drop:null,scale:g?nd.drop:null};return{mapped:{type:"DRAGGING",offset:r.newHomeClientOffset,dimension:p,dropping:y,draggingOver:v,combineWith:g,mode:m,forceShouldAnimate:null,snapshot:t(m,d,v,g,y)}}}return null}),o=function(){var e=Ku((function(e,t){return{x:e,y:t}})),t=Ku(Ah),n=Ku((function(e,n,r){return void 0===n&&(n=null),{mapped:{type:"SECONDARY",offset:e,combineTargetFor:n,shouldAnimateDisplacement:r,snapshot:t(n)}}})),r=function(e){return e?n(sc,e,!0):null},o=function(t,o,i,a){var l=i.displaced.visible[t],s=Boolean(a.inVirtualList&&a.effected[t]),u=Ic(i),c=u&&u.draggableId===t?o:null;if(!l){if(!s)return r(c);if(i.displaced.invisible[t])return null;var f=dc(a.displacedBy.point),d=e(f.x,f.y);return n(d,c,!0)}if(s)return r(c);var p=i.displacedBy.point,h=e(p.x,p.y);return n(h,c,l.shouldAnimate)};return function(e,t){if(e.isDragging)return e.critical.draggable.id===t.draggableId?null:o(t.draggableId,e.critical.draggable.id,e.impact,e.afterCritical);if("DROP_ANIMATING"===e.phase){var n=e.completed;return n.result.draggableId===t.draggableId?null:o(t.draggableId,n.result.draggableId,n.impact,n.afterCritical)}return null}}();return function(e,t){return r(e,t)||o(e,t)||jh}}),{dropAnimationFinished:Qf},null,{context:vp,pure:!0,areStatePropsEqual:Ph})((function(e){var t=(0,r.useRef)(null),n=Ru((function(e){t.current=e}),[]),o=Ru((function(){return t.current}),[]),i=dh(Ep),a=i.contextId,l=i.dragHandleUsageInstructionsId,s=i.registry,u=dh(yh),c=u.type,f=u.droppableId,d=Iu((function(){return{id:e.draggableId,index:e.index,type:c,droppableId:f}}),[e.draggableId,e.index,c,f]),p=e.children,h=e.draggableId,m=e.isEnabled,v=e.shouldRespectForcePress,g=e.canDragInteractiveElements,y=e.isClone,b=e.mapped,w=e.dropAnimationFinished;kh(),_p(),y||Oh(Iu((function(){return{descriptor:d,registry:s,getDraggableRef:o,canDragInteractiveElements:g,shouldRespectForcePress:v,isEnabled:m}}),[d,s,o,g,v,m]));var x=Iu((function(){return m?{tabIndex:0,role:"button","aria-describedby":l,"data-rbd-drag-handle-draggable-id":h,"data-rbd-drag-handle-context-id":a,draggable:!1,onDragStart:Ch}:null}),[a,l,h,m]),E=Ru((function(e){"DRAGGING"===b.type&&b.dropping&&"transform"===e.propertyName&&w()}),[w,b]),_=Iu((function(){var e=Sh(b),t="DRAGGING"===b.type&&b.dropping?E:null;return{innerRef:n,draggableProps:{"data-rbd-draggable-context-id":a,"data-rbd-draggable-id":h,style:e,onTransitionEnd:t},dragHandleProps:x}}),[a,x,h,b,E,n]),S=Iu((function(){return{draggableId:d.id,type:d.type,source:{index:d.index,droppableId:d.droppableId}}}),[d.droppableId,d.id,d.index,d.type]);return p(_,b.snapshot,S)}));function Rh(e){return dh(yh).isUsingCloneFor!==e.draggableId||e.isClone?r.createElement(Ih,e):null}function Dh(e){var t="boolean"!=typeof e.isDragDisabled||!e.isDragDisabled,n=Boolean(e.disableInteractiveElementBlocking),o=Boolean(e.shouldRespectForcePress);return r.createElement(Rh,(0,$n.Z)({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:n,shouldRespectForcePress:o}))}var Nh=function(e,t){return e===t.droppable.type},Mh=function(e,t){return t.draggables[e.draggable.id]};var Lh={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:function(){return document.body||Ju(!1),document.body}},Fh=ro((function(){var e={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},t=(0,$n.Z)({},e,{shouldAnimatePlaceholder:!1}),n=Ku((function(e){return{draggableId:e.id,type:e.type,source:{index:e.index,droppableId:e.droppableId}}})),r=Ku((function(r,o,i,a,l,s){var u=l.descriptor.id;if(l.descriptor.droppableId===r){var c=s?{render:s,dragging:n(l.descriptor)}:null,f={isDraggingOver:i,draggingOverWith:i?u:null,draggingFromThisWith:u,isUsingPlaceholder:!0};return{placeholder:l.placeholder,shouldAnimatePlaceholder:!1,snapshot:f,useClone:c}}if(!o)return t;if(!a)return e;var d={isDraggingOver:i,draggingOverWith:u,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:l.placeholder,shouldAnimatePlaceholder:!0,snapshot:d,useClone:null}}));return function(n,o){var i=o.droppableId,a=o.type,l=!o.isDropDisabled,s=o.renderClone;if(n.isDragging){var u=n.critical;if(!Nh(a,u))return t;var c=Mh(u,n.dimensions),f=yf(n.impact)===i;return r(i,l,f,f,c,s)}if("DROP_ANIMATING"===n.phase){var d=n.completed;if(!Nh(a,d.critical))return t;var p=Mh(d.critical,n.dimensions);return r(i,l,Th(d.result)===i,yf(d.impact)===i,p,s)}if("IDLE"===n.phase&&n.completed&&!n.shouldFlush){var h=n.completed;if(!Nh(a,h.critical))return t;var m=yf(h.impact)===i,v=Boolean(h.impact.at&&"COMBINE"===h.impact.at.type),g=h.critical.droppable.id===i;return m?v?e:t:g?e:t}return t}}),{updateViewportMaxScroll:function(e){return{type:"UPDATE_VIEWPORT_MAX_SCROLL",payload:e}}},null,{context:vp,pure:!0,areStatePropsEqual:Ph})((function(e){var t=(0,r.useContext)(Ep);t||Ju(!1);var n=t.contextId,i=t.isMovementAllowed,a=(0,r.useRef)(null),l=(0,r.useRef)(null),s=e.children,u=e.droppableId,c=e.type,f=e.mode,d=e.direction,p=e.ignoreContainerClipping,h=e.isDropDisabled,m=e.isCombineEnabled,v=e.snapshot,g=e.useClone,y=e.updateViewportMaxScroll,b=e.getContainerForClone,w=Ru((function(){return a.current}),[]),x=Ru((function(e){a.current=e}),[]),E=(Ru((function(){return l.current}),[]),Ru((function(e){l.current=e}),[]));Sp();var _=Ru((function(){i()&&y({maxScroll:Cd()})}),[i,y]);!function(e){var t=(0,r.useRef)(null),n=dh(Ep),o=xp("droppable"),i=n.registry,a=n.marshal,l=kp(e),s=Iu((function(){return{id:e.droppableId,type:e.type,mode:e.mode}}),[e.droppableId,e.mode,e.type]),u=(0,r.useRef)(s),c=Iu((function(){return Ku((function(e,n){t.current||Ju(!1);var r={x:e,y:n};a.updateDroppableScroll(s.id,r)}))}),[s.id,a]),f=Ru((function(){var e=t.current;return e&&e.env.closestScrollable?ah(e.env.closestScrollable):sc}),[]),d=Ru((function(){var e=f();c(e.x,e.y)}),[f,c]),p=Iu((function(){return Vu(d)}),[d]),h=Ru((function(){var e=t.current,n=ph(e);e&&n||Ju(!1),e.scrollOptions.shouldPublishImmediately?d():p()}),[p,d]),m=Ru((function(e,r){t.current&&Ju(!1);var o=l.current,i=o.getDroppableRef();i||Ju(!1);var a=lh(i),u={ref:i,descriptor:s,env:a,scrollOptions:r};t.current=u;var c=sh({ref:i,descriptor:s,env:a,windowScroll:e,direction:o.direction,isDropDisabled:o.isDropDisabled,isCombineEnabled:o.isCombineEnabled,shouldClipSubject:!o.ignoreContainerClipping}),f=a.closestScrollable;return f&&(f.setAttribute(ap.contextId,n.contextId),f.addEventListener("scroll",h,fh(u.scrollOptions))),c}),[n.contextId,s,h,l]),v=Ru((function(){var e=t.current,n=ph(e);return e&&n||Ju(!1),ah(n)}),[]),g=Ru((function(){var e=t.current;e||Ju(!1);var n=ph(e);t.current=null,n&&(p.cancel(),n.removeAttribute(ap.contextId),n.removeEventListener("scroll",h,fh(e.scrollOptions)))}),[h,p]),y=Ru((function(e){var n=t.current;n||Ju(!1);var r=ph(n);r||Ju(!1),r.scrollTop+=e.y,r.scrollLeft+=e.x}),[]),b=Iu((function(){return{getDimensionAndWatchScroll:m,getScrollWhileDragging:v,dragStopped:g,scroll:y}}),[g,m,v,y]),w=Iu((function(){return{uniqueId:o,descriptor:s,callbacks:b}}),[b,s,o]);sp((function(){return u.current=w.descriptor,i.droppable.register(w),function(){t.current&&g(),i.droppable.unregister(w)}}),[b,s,g,w,a,i.droppable]),sp((function(){t.current&&a.updateDroppableIsEnabled(u.current.id,!e.isDropDisabled)}),[e.isDropDisabled,a]),sp((function(){t.current&&a.updateDroppableIsCombineEnabled(u.current.id,e.isCombineEnabled)}),[e.isCombineEnabled,a])}({droppableId:u,type:c,mode:f,direction:d,isDropDisabled:h,isCombineEnabled:m,ignoreContainerClipping:p,getDroppableRef:w});var S=r.createElement(bh,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},(function(e){var t=e.onClose,o=e.data,i=e.animate;return r.createElement(gh,{placeholder:o,onClose:t,innerRef:E,animate:i,contextId:n,onTransitionEnd:_})})),O=Iu((function(){return{innerRef:x,placeholder:S,droppableProps:{"data-rbd-droppable-id":u,"data-rbd-droppable-context-id":n}}}),[n,u,S,x]),k=g?g.dragging.draggableId:null,C=Iu((function(){return{droppableId:u,type:c,isUsingCloneFor:k}}),[u,k,c]);return r.createElement(yh.Provider,{value:C},s(O,v),function(){if(!g)return null;var e=g.dragging,t=g.render,n=r.createElement(Rh,{draggableId:e.draggableId,index:e.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},(function(n,r){return t(n,r,e)}));return o.createPortal(n,b())}())}));function Bh(e){var t="; ".concat(document.cookie).split("; ".concat(e,"="));return 2===t.length&&t.pop().split(";").shift()}function zh(e,t){document.cookie=e+"="+t}function Wh(e){var t=e.articleId,n=e.setting,o=e.size,i=void 0===o?"medium":o,a=e.tiny,l=void 0!==a&&a,s=e.style;return l?r.createElement("a",{href:"https://community.buttonizer.pro/knowledgebase/".concat(t),target:"_blank",style:s},r.createElement("i",{className:(0,Xn.Z)("knowledgebase-icon",i,"fas fa-question-circle")})):r.createElement("a",{href:"https://community.buttonizer.pro/knowledgebase/".concat(t),target:"_blank",className:(0,Xn.Z)("knowledgebase-link",i),dangerouslySetInnerHTML:{__html:M("utils.knowledge_link",n)}})}function Uh(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 Zh(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Uh(Object(n),!0).forEach((function(t){Hh(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Uh(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Hh(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Gh(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("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 Kh(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 Kh(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 Kh(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}Fh.defaultProps=Lh;var Vh=r.forwardRef((function(e,t){var n=e.isGroup,o=void 0===n||n,i=e.currentGroup,a=void 0===i?null:i,l=Gh((0,r.useState)(!1),2),s=l[0],u=l[1],c=Gh((0,r.useState)(!1),2),f=c[0],d=c[1],p=Gh((0,r.useState)([]),2),h=p[0],m=p[1],v=(0,r.useRef)(null),g=so();return r.createElement(r.Fragment,null,r.createElement(Cl,{onClick:function(){return u(!0)},ref:t},r.createElement(Tl,null,r.createElement(dl,{className:"fas fa-file-import"})),r.createElement(di,{variant:"inherit"},M("import_export.import_button"))),r.createElement(ui,{open:s,onClose:function(){return u(!1)},maxWidth:"xs",fullWidth:!0,"aria-labelledby":"import-button-dialog-title","aria-describedby":"import-button-dialog-description","data-testid":"dialog:import-dialog"},r.createElement(hi,{id:"import-button-dialog-title"},"BETA: ",M("import_export.import_button")),r.createElement(vi,null,!f&&r.createElement(r.Fragment,null,r.createElement(yi,{id:"import-button-dialog-description",component:"div"},"Import buttons and groups into this group. Please select a Buttonizer export file."),r.createElement(Er,{variant:"contained",fullWidth:!0,startIcon:r.createElement(dl,{className:"fas fa-file-import",style:{marginRight:10}}),style:{padding:"10px 20px",marginBottom:15},onClick:function(){return v.current.click()}},"Click here to select a file"),r.createElement("input",{type:"file",id:"input",ref:v,accept:"application/JSON",onChange:function(e){if(0!==e.target.files.length){var t=e.target.files[0],n=new FileReader;n.addEventListener("load",(function(e){var t=e.target.result;try{var n=JSON.parse(t);if(!n.export_type||"group"===n.export_type&&!n.buttons)throw new Error("This file is not a Buttonizer file.");if(o&&"group"===n.export_type){if(0===n.buttons.length)return void alert("This group does not have any buttons to import.");m(n.buttons)}else o&&"button"===n.export_type&&m([Zh(Zh({},n),{},{export_type:null})]);d(n)}catch(e){alert("The file you have selected is malformed or the file is not a Buttonizer file.")}})),n.readAsText(t)}},style:{overflow:"hidden",width:0,height:0}}),r.createElement(yi,{id:"import-button-dialog-knowledge-base",component:"div"},r.createElement(Wh,{articleId:653,setting:"Import & export"}))),f&&r.createElement(r.Fragment,null,r.createElement(yi,{component:"div"},"You're about to import ",h.length," button(s):"),h.map((function(e,t){var n=Object.keys(e).length;return r.createElement(yi,{component:"div",key:t},r.createElement("i",null,"Button ",t+1),": ",N()(e,"name","Unnamed"),"."," ",n," properties"," ",0===n&&r.createElement("span",{style:{color:"red"}},"- Button will not be imported"))})))),r.createElement(wi,null,r.createElement(Er,{onClick:function(){return u(!1)}},"Cancel"),f&&r.createElement(Er,{onClick:function(){return d(null)}},"Re-upload file"),r.createElement(Er,{onClick:function(){return h.map((function(e){if(0===Object.keys(e).length)return!1;vl(Zh(Zh({},e),{},{id:void 0}),a.id,!1,g)})),u(!1),d(null),void m([])},color:"primary",disabled:!f},"Import"))))}));function $h(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 qh(){return(qh=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 Yh(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("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 Xh(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 Xh(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 Xh(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 Jh(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 Qh(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Jh(Object(n),!0).forEach((function(t){em(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Jh(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function em(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function tm(e,t){return t.isDropAnimating?Qh(Qh({},e),{},{opacity:"0.5"}):e}var nm=ro((function(e){return{getButtonsCount:function(t){return ie(t,e)},getGroupCount:function(){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:window.store.getState();return e.groups?Object.keys(e.groups).length:0}(e)},groups:e.groups,state:e}}),(function(e){return{set:function(){return e($.apply(void 0,arguments))},addButton:function(t,n,r){return vl(t,n,r,e)},dispatch:e}}),(function(e,t,n){var r=e.state,o=$h(e,["state"]),i=t.dispatch;return Qh(Qh(Qh({removeGroup:function(e){return function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:window.store.getState(),n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:window.store.dispatch;t.groups[e]||console.error("ID "+e+" not in store!");var r=re(e,t);n(X(e,"groups")),Object.keys(r).map((function(e){return n(X(e,"buttons"))}))}(e,r,i)},duplicateGroup:function(e,t){return function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:window.store.getState(),r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:window.store.dispatch;if(n.groups[e]){var o=hl(hl({},n.groups[e]),{},{name:n.groups[e].name+" Copy",id:void 0,children:[]},t);delete o.id;var i=re(e,n),a=Object.values(n.groups).reduce((function(t,n,r){return n.id===e?r+1:t}),""),l=r(Y(o,"groups",a)).payload.record.id;Object.keys(i).map((function(e){wl(i[e].id,l,{name:i[e].name},n,r)}))}else console.error("ID "+e+" not in group store!");Sn()}(e,t,r,i)}},$h(t,["dispatch"])),o),n)}))((function(e){var t=e.groupId,n=e.groups,o=e.set,i=e.provided,a=e.currentDrop,l=e.getButtonsCount,s=e.getGroupCount,u=e.addButton,c=e.removeGroup,f=(e.duplicateGroup,Yh((0,r.useState)(!!Bh("buttonizer_bar_state_opened")&&N()(JSON.parse(Bh("buttonizer_bar_state_opened")),t,!1)),2)),d=f[0],p=f[1],h=Yh((0,r.useState)(!1),2),m=h[0],v=h[1],g=Yh((0,r.useState)(n[t]),2),y=g[0],b=g[1];void 0===y&&mn((function(e){e.setExtra({groups:n,groupId:t,group:y}),hn(new Error("group is undefined. Send groups and groupId data"))}));var w=y.children.length<2;return(0,r.useEffect)((function(){b(n[t])}),[n[t]]),r.createElement("div",{className:(0,Xn.Z)("button-group-container mdc-card",d&&"opened",a&&!d&&a),ref:i.innerRef},r.createElement("div",{className:"group-info"},r.createElement(Er,{onClick:function(){var e=Bh("buttonizer_bar_state_opened")?JSON.parse(Bh("buttonizer_bar_state_opened")):{};e[t]=!d,p(!d),zh("buttonizer_bar_state_opened",JSON.stringify(e))},color:"primary","data-testid":"open-group"},r.createElement("i",{className:"group-arrow"},r.createElement("i",{className:"fas fa-chevron-right"})),r.createElement("span",{className:"group-name"},y.name)),r.createElement("div",{className:"group-action-spacer"}),r.createElement("div",{className:"group-actions"},r.createElement(fo,{disabled:!w,content:M("settings.tippy_single_button"),trigger:"click",style:{float:"left"}},r.createElement(pu,{singleButton:w,onClick:function(){return document.location.hash="#/group/"+y.id},"data-testid":"edit-button-group"})),r.createElement(fo,{trigger:"click",content:M("premium.warning_duplicate"),style:{float:"left"}},r.createElement(cu,{name:y.name,disabled:!0,singleButton:!1})),r.createElement(Eu,null,r.createElement(yu,{name:y.name,singleButton:!1,onChange:function(e){return o("groups",y.id,"name",e)},inDropdown:!0}),r.createElement(Ou,{object:y,type:"group"}),r.createElement(Vh,{currentGroup:y}),r.createElement(Dl,{model:"group","data-testid":"delete-button-group",buttonCount:l(y.id),deleteDisabled:s()<=1,onClose:function(){return c(y.id)},inDropdown:!0})))),r.createElement("div",qh({className:"buttons"+a},i.droppableProps),y.children.map((function(e,t){return r.createElement(Dh,{draggableId:e,index:t,key:e},(function(n,o){return r.createElement(Au,{provided:n,groupId:y.id,buttonId:e,currentDrag:o.isDragging?" currentDrag":"",styleDrop:tm(n.draggableProps.style,o),openNewButtonDialog:function(){return v(t+1)}})}))})),i.placeholder,r.createElement("div",{style:{textAlign:"center"}},r.createElement(iu,{open:!1!==m,title:M("utils.new_button"),text:M("utils.choose_button_name"),defaultValue:M("utils.new_button"),onClose:function(e,t){v(!1),"confirm"===e&&u({name:t},y.id,m)}}))))}));function rm(){return r.createElement("span",{className:"buttonizer-premium","data-testid":"buttonizer-premium-tag"})}function om(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("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 im(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 im(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 im(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 am=ro((function(e){return{groups:e.groups,hasPremium:e.misc._premium,isPremiumCode:e.misc._premiumCode}}),(function(e){return{addRelation:function(t){return e(G(t))},addRecord:function(t){return e(Y(t))},addGroup:function(t,n){return function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:Kn.dispatch,r=n(Y(hl({name:M("utils.new_group"),show_mobile:!0,show_desktop:!0,children:[]},e),"groups",t)).payload.record,o=n(Y({name:M("utils.new_button"),show_mobile:!0,show_desktop:!0},"buttons")).payload.record;n(G(o.id,r.id))}(t,n,e)},changeRelation:function(){return e(K.apply(void 0,arguments))}}}))((function(e){var t=e.groups,n=void 0===t?null:t,o=e.changeRelation,i=e.testDragSensor,a=void 0===i?function(){}:i,l=e.hasPremium,s=e.isPremiumCode,u=(e.addGroup,e.scrollBar),c=void 0!==u&&u,f=om((0,r.useState)(!1),2);f[0],f[1],(0,r.useEffect)((function(){return c&&c.current&&(c.current.scrollTop=Bh("buttonizer_bar_state_scroll")||0),function(){c&&c.current&&(c.current.scrollTop=0)}}),[]);var d=(0,r.useCallback)((function(){window.navigator.vibrate&&window.navigator.vibrate(100)}),[]),p=(0,r.useCallback)((function(e){var t=e.destination,n=e.source,r=e.draggableId;t&&(n.droppableId===t.droppableId&&n.index===t.index||o(r,n.droppableId,t.droppableId,t.index))}),[n]);return r.createElement("div",{className:"overview"},r.createElement("div",{className:"buttonizer-logo"},r.createElement("img",{src:window.buttonizer_admin.assets+"/images/logo.png"})),r.createElement(cl,null),l&&!s&&r.createElement("div",{className:"mdc-card dashboard-warning-msg"},r.createElement("b",null,M("warnings.premium_license_free_version.title")),M("warnings.premium_license_free_version.information")," ",r.createElement("a",{href:"https://community.buttonizer.pro/knowledgebase/321",target:"_blank"},M("common.learn_more"),".")),!buttonizer_admin.php_version_supported&&r.createElement("div",{className:"mdc-card dashboard-warning-msg"},r.createElement("b",null,M("warnings.php_version_outdated.title")),M("warnings.php_version_outdated.information",buttonizer_admin.php_version)," ",r.createElement("a",{href:"https://community.buttonizer.pro/knowledgebase/434",target:"_blank"},M("common.learn_more"),".")),r.createElement(Qp,{sensors:[a],onDragEnd:p,onDragStart:d},r.createElement(r.Fragment,null,r.createElement(Fh,{droppableId:Object.keys(n)[0]},(function(e,t){return r.createElement(nm,{groupId:Object.keys(n)[0],provided:e,currentDrop:t.isDraggingOver?" currentDrop":""})})),r.createElement("div",{style:{textAlign:"center",marginTop:"20px"}},r.createElement(Er,{onClick:function(){return app.showPremiumDialog(M("premium.multiple_button_groups"),"Qxs1oGCVATU")},color:"primary",className:"Mui-buzz-premium",startIcon:r.createElement(dl,{className:"fas fa-plus-circle"}),"data-testid":"new-group"},M("utils.create_group")," ",r.createElement(rm,null))))))}));function lm(e){var t=e.isButtonGroupNotFound,n=void 0!==t&&t;return r.createElement("div",{className:"item-not-found"},r.createElement("div",{className:"buttonizer-logo"},r.createElement("img",{src:window.buttonizer_admin.assets+"/images/logo.png"})),r.createElement("i",{className:n?"fas fa-binoculars":"far fa-dizzy"}),r.createElement("h4",null,"Sorry! We could not find this ".concat(n?"button or group":"page","!")),r.createElement(Er,{onClick:function(){document.location.hash="#/"},color:"primary",variant:"contained","data-testid":"return-to-overview"},"Return to overview"))}var sm,um=r.forwardRef((function(e,t){var n=e.classes,o=e.className,i=e.disabled,a=void 0!==i&&i,l=e.disableFocusRipple,s=void 0!==l&&l,u=e.fullWidth,c=e.icon,f=e.indicator,d=e.label,p=e.onChange,h=e.onClick,m=e.onFocus,v=e.selected,g=e.selectionFollowsFocus,y=e.textColor,b=void 0===y?"inherit":y,w=e.value,x=e.wrapped,E=void 0!==x&&x,_=(0,Vn.Z)(e,["classes","className","disabled","disableFocusRipple","fullWidth","icon","indicator","label","onChange","onClick","onFocus","selected","selectionFollowsFocus","textColor","value","wrapped"]);return r.createElement(br,(0,$n.Z)({focusRipple:!s,className:(0,Xn.Z)(n.root,n["textColor".concat((0,wr.Z)(b))],o,a&&n.disabled,v&&n.selected,d&&c&&n.labelIcon,u&&n.fullWidth,E&&n.wrapped),ref:t,role:"tab","aria-selected":v,disabled:a,onClick:function(e){p&&p(e,w),h&&h(e)},onFocus:function(e){g&&!v&&p&&p(e,w),m&&m(e)},tabIndex:v?0:-1},_),r.createElement("span",{className:n.wrapper},c,d),f)})),cm=(0,Jn.Z)((function(e){var t;return{root:(0,$n.Z)({},e.typography.button,(t={maxWidth:264,minWidth:72,position:"relative",boxSizing:"border-box",minHeight:48,flexShrink:0,padding:"6px 12px"},(0,xo.Z)(t,e.breakpoints.up("sm"),{padding:"6px 24px"}),(0,xo.Z)(t,"overflow","hidden"),(0,xo.Z)(t,"whiteSpace","normal"),(0,xo.Z)(t,"textAlign","center"),(0,xo.Z)(t,e.breakpoints.up("sm"),{minWidth:160}),t)),labelIcon:{minHeight:72,paddingTop:9,"& $wrapper > *:first-child":{marginBottom:6}},textColorInherit:{color:"inherit",opacity:.7,"&$selected":{opacity:1},"&$disabled":{opacity:.5}},textColorPrimary:{color:e.palette.text.secondary,"&$selected":{color:e.palette.primary.main},"&$disabled":{color:e.palette.text.disabled}},textColorSecondary:{color:e.palette.text.secondary,"&$selected":{color:e.palette.secondary.main},"&$disabled":{color:e.palette.text.disabled}},selected:{},disabled:{},fullWidth:{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"},wrapped:{fontSize:e.typography.pxToRem(12),lineHeight:1.5},wrapper:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:"100%",flexDirection:"column"}}}),{name:"MuiTab"})(um);function fm(){if(sm)return sm;var e=document.createElement("div"),t=document.createElement("div");return t.style.width="10px",t.style.height="1px",e.appendChild(t),e.dir="rtl",e.style.fontSize="14px",e.style.width="4px",e.style.height="1px",e.style.position="absolute",e.style.top="-1000px",e.style.overflow="scroll",document.body.appendChild(e),sm="reverse",e.scrollLeft>0?sm="default":(e.scrollLeft=1,0===e.scrollLeft&&(sm="negative")),document.body.removeChild(e),sm}function dm(e,t){var n=e.scrollLeft;if("rtl"!==t)return n;switch(fm()){case"negative":return e.scrollWidth-e.clientWidth+n;case"reverse":return e.scrollWidth-e.clientWidth-n;default:return n}}function pm(e){return(1+Math.sin(Math.PI*e-Math.PI/2))/2}var hm={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function mm(e){var t=e.onChange,n=(0,Vn.Z)(e,["onChange"]),o=r.useRef(),i=r.useRef(null),a=function(){o.current=i.current.offsetHeight-i.current.clientHeight};return r.useEffect((function(){var e=(0,zl.Z)((function(){var e=o.current;a(),e!==o.current&&t(o.current)}));return window.addEventListener("resize",e),function(){e.clear(),window.removeEventListener("resize",e)}}),[t]),r.useEffect((function(){a(),t(o.current)}),[t]),r.createElement("div",(0,$n.Z)({style:hm,ref:i},n))}var vm=r.forwardRef((function(e,t){var n=e.classes,o=e.className,i=e.color,a=e.orientation,l=(0,Vn.Z)(e,["classes","className","color","orientation"]);return r.createElement("span",(0,$n.Z)({className:(0,Xn.Z)(n.root,n["color".concat((0,wr.Z)(i))],o,"vertical"===a&&n.vertical),ref:t},l))})),gm=(0,Jn.Z)((function(e){return{root:{position:"absolute",height:2,bottom:0,width:"100%",transition:e.transitions.create()},colorPrimary:{backgroundColor:e.palette.primary.main},colorSecondary:{backgroundColor:e.palette.secondary.main},vertical:{height:"100%",width:2,right:0}}}),{name:"PrivateTabIndicator"})(vm),ym=(0,zs.Z)(r.createElement("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),bm=(0,zs.Z)(r.createElement("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight"),wm=r.createElement(ym,{fontSize:"small"}),xm=r.createElement(bm,{fontSize:"small"}),Em=r.forwardRef((function(e,t){var n=e.classes,o=e.className,i=e.direction,a=e.orientation,l=e.disabled,s=(0,Vn.Z)(e,["classes","className","direction","orientation","disabled"]);return r.createElement(br,(0,$n.Z)({component:"div",className:(0,Xn.Z)(n.root,o,l&&n.disabled,"vertical"===a&&n.vertical),ref:t,role:null,tabIndex:null},s),"left"===i?wm:xm)})),_m=(0,Jn.Z)({root:{width:40,flexShrink:0,opacity:.8,"&$disabled":{opacity:0}},vertical:{width:"100%",height:40,"& svg":{transform:"rotate(90deg)"}},disabled:{}},{name:"MuiTabScrollButton"})(Em),Sm=r.forwardRef((function(e,t){var n=e["aria-label"],o=e["aria-labelledby"],i=e.action,a=e.centered,l=void 0!==a&&a,s=e.children,u=e.classes,c=e.className,f=e.component,d=void 0===f?"div":f,p=e.indicatorColor,h=void 0===p?"secondary":p,m=e.onChange,v=e.orientation,g=void 0===v?"horizontal":v,y=e.ScrollButtonComponent,b=void 0===y?_m:y,w=e.scrollButtons,x=void 0===w?"auto":w,E=e.selectionFollowsFocus,_=e.TabIndicatorProps,S=void 0===_?{}:_,O=e.TabScrollButtonProps,k=e.textColor,C=void 0===k?"inherit":k,P=e.value,T=e.variant,A=void 0===T?"standard":T,j=(0,Vn.Z)(e,["aria-label","aria-labelledby","action","centered","children","classes","className","component","indicatorColor","onChange","orientation","ScrollButtonComponent","scrollButtons","selectionFollowsFocus","TabIndicatorProps","TabScrollButtonProps","textColor","value","variant"]),I=Xo(),R="scrollable"===A,D="rtl"===I.direction,N="vertical"===g,M=N?"scrollTop":"scrollLeft",L=N?"top":"left",F=N?"bottom":"right",B=N?"clientHeight":"clientWidth",z=N?"height":"width";var W=r.useState(!1),U=W[0],Z=W[1],H=r.useState({}),G=H[0],K=H[1],V=r.useState({start:!1,end:!1}),$=V[0],q=V[1],Y=r.useState({overflow:"hidden",marginBottom:null}),X=Y[0],J=Y[1],Q=new Map,ee=r.useRef(null),te=r.useRef(null),ne=function(){var e,t,n=ee.current;if(n){var r=n.getBoundingClientRect();e={clientWidth:n.clientWidth,scrollLeft:n.scrollLeft,scrollTop:n.scrollTop,scrollLeftNormalized:dm(n,I.direction),scrollWidth:n.scrollWidth,top:r.top,bottom:r.bottom,left:r.left,right:r.right}}if(n&&!1!==P){var o=te.current.children;if(o.length>0){var i=o[Q.get(P)];0,t=i?i.getBoundingClientRect():null}}return{tabsMeta:e,tabMeta:t}},re=(0,tr.Z)((function(){var e,t=ne(),n=t.tabsMeta,r=t.tabMeta,o=0;if(r&&n)if(N)o=r.top-n.top+n.scrollTop;else{var i=D?n.scrollLeftNormalized+n.clientWidth-n.scrollWidth:n.scrollLeft;o=r.left-n.left+i}var a=(e={},(0,xo.Z)(e,L,o),(0,xo.Z)(e,z,r?r[z]:0),e);if(isNaN(G[L])||isNaN(G[z]))K(a);else{var l=Math.abs(G[L]-a[L]),s=Math.abs(G[z]-a[z]);(l>=1||s>=1)&&K(a)}})),oe=function(e){!function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:function(){},i=r.ease,a=void 0===i?pm:i,l=r.duration,s=void 0===l?300:l,u=null,c=t[e],f=!1,d=function(){f=!0},p=function r(i){if(f)o(new Error("Animation cancelled"));else{null===u&&(u=i);var l=Math.min(1,(i-u)/s);t[e]=a(l)*(n-c)+c,l>=1?requestAnimationFrame((function(){o(null)})):requestAnimationFrame(r)}};c===n?o(new Error("Element already at target position")):requestAnimationFrame(p)}(M,ee.current,e)},ie=function(e){var t=ee.current[M];N?t+=e:(t+=e*(D?-1:1),t*=D&&"reverse"===fm()?-1:1),oe(t)},ae=function(){ie(-ee.current[B])},le=function(){ie(ee.current[B])},se=r.useCallback((function(e){J({overflow:null,marginBottom:-e})}),[]),ue=(0,tr.Z)((function(){var e=ne(),t=e.tabsMeta,n=e.tabMeta;if(n&&t)if(n[L]<t[L]){var r=t[M]+(n[L]-t[L]);oe(r)}else if(n[F]>t[F]){var o=t[M]+(n[F]-t[F]);oe(o)}})),ce=(0,tr.Z)((function(){if(R&&"off"!==x){var e,t,n=ee.current,r=n.scrollTop,o=n.scrollHeight,i=n.clientHeight,a=n.scrollWidth,l=n.clientWidth;if(N)e=r>1,t=r<o-i-1;else{var s=dm(ee.current,I.direction);e=D?s<a-l-1:s>1,t=D?s>1:s<a-l-1}e===$.start&&t===$.end||q({start:e,end:t})}}));r.useEffect((function(){var e=(0,zl.Z)((function(){re(),ce()})),t=(0,Io.Z)(ee.current);return t.addEventListener("resize",e),function(){e.clear(),t.removeEventListener("resize",e)}}),[re,ce]);var fe=r.useCallback((0,zl.Z)((function(){ce()})));r.useEffect((function(){return function(){fe.clear()}}),[fe]),r.useEffect((function(){Z(!0)}),[]),r.useEffect((function(){re(),ce()})),r.useEffect((function(){ue()}),[ue,G]),r.useImperativeHandle(i,(function(){return{updateIndicator:re,updateScrollButtons:ce}}),[re,ce]);var de=r.createElement(gm,(0,$n.Z)({className:u.indicator,orientation:g,color:h},S,{style:(0,$n.Z)({},G,S.style)})),pe=0,he=r.Children.map(s,(function(e){if(!r.isValidElement(e))return null;var t=void 0===e.props.value?pe:e.props.value;Q.set(t,pe);var n=t===P;return pe+=1,r.cloneElement(e,{fullWidth:"fullWidth"===A,indicator:n&&!U&&de,selected:n,selectionFollowsFocus:E,onChange:m,textColor:C,value:t})})),me=function(){var e={};e.scrollbarSizeListener=R?r.createElement(mm,{className:u.scrollable,onChange:se}):null;var t=$.start||$.end,n=R&&("auto"===x&&t||"desktop"===x||"on"===x);return e.scrollButtonStart=n?r.createElement(b,(0,$n.Z)({orientation:g,direction:D?"right":"left",onClick:ae,disabled:!$.start,className:(0,Xn.Z)(u.scrollButtons,"on"!==x&&u.scrollButtonsDesktop)},O)):null,e.scrollButtonEnd=n?r.createElement(b,(0,$n.Z)({orientation:g,direction:D?"left":"right",onClick:le,disabled:!$.end,className:(0,Xn.Z)(u.scrollButtons,"on"!==x&&u.scrollButtonsDesktop)},O)):null,e}();return r.createElement(d,(0,$n.Z)({className:(0,Xn.Z)(u.root,c,N&&u.vertical),ref:t},j),me.scrollButtonStart,me.scrollbarSizeListener,r.createElement("div",{className:(0,Xn.Z)(u.scroller,R?u.scrollable:u.fixed),style:X,ref:ee,onScroll:fe},r.createElement("div",{"aria-label":n,"aria-labelledby":o,className:(0,Xn.Z)(u.flexContainer,N&&u.flexContainerVertical,l&&!R&&u.centered),onKeyDown:function(e){var t=e.target;if("tab"===t.getAttribute("role")){var n=null,r="vertical"!==g?"ArrowLeft":"ArrowUp",o="vertical"!==g?"ArrowRight":"ArrowDown";switch("vertical"!==g&&"rtl"===I.direction&&(r="ArrowRight",o="ArrowLeft"),e.key){case r:n=t.previousElementSibling||te.current.lastChild;break;case o:n=t.nextElementSibling||te.current.firstChild;break;case"Home":n=te.current.firstChild;break;case"End":n=te.current.lastChild}null!==n&&(n.focus(),e.preventDefault())}},ref:te,role:"tablist"},he),U&&de),me.scrollButtonEnd)})),Om=(0,Jn.Z)((function(e){return{root:{overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex"},vertical:{flexDirection:"column"},flexContainer:{display:"flex"},flexContainerVertical:{flexDirection:"column"},centered:{justifyContent:"center"},scroller:{position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap"},fixed:{overflowX:"hidden",width:"100%"},scrollable:{overflowX:"scroll",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}},scrollButtons:{},scrollButtonsDesktop:(0,xo.Z)({},e.breakpoints.down("xs"),{display:"none"}),indicator:{}}}),{name:"MuiTabs"})(Sm),km=n(73914);var Cm=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return(0,km.Z)(e,(0,$n.Z)({defaultTheme:Yo.Z},t))};function Pm(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("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 Tm(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 Tm(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 Tm(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 Am=Cm((function(){return{selected:{color:"#ed8219",backgroundColor:"#fae1ca !important",cursor:"default",pointerEvents:"none"}}}));var jm=ol((function(e){var t=e.button,n=e.group,o=e.groups,i=e.history,a=e.getChildrenIndex,l="",s=!1;t&&(s=o[t.parent].children.length<=1),["style","general","advanced"].indexOf(i.location.pathname.substr(i.location.pathname.lastIndexOf("/")+1))>-1&&(l="/".concat(i.location.pathname.substr(i.location.pathname.lastIndexOf("/")+1)));var u=Pm(r.useState(null),2),c=u[0],f=u[1],d=Am(),p=function(e){f(null),t?s?o[e].children.length<=1?i.push("/group/".concat(e).concat(l,"/button/").concat(o[e].children[0])):i.push("/group/".concat(e).concat(l)):i.push("/group/".concat(t.parent,"/button/").concat(e).concat(l)):n&&(o[e].children.length<=1?i.push("/group/".concat(e,"/button/").concat(o[e].children[0]).concat(l)):i.push("/group/".concat(e).concat(l)))},h=Boolean(c),m=h?"simple-popover":void 0;return r.createElement(r.Fragment,null,r.createElement(Er,{"aria-describedby":m,color:"secondary",variant:"contained",onClick:function(e){f(e.currentTarget)},"data-testid":"breadcrumb:button"},r.createElement("span",{className:"breadcrumb-text","data-testid":"breadcrumb:name"},t?s?o[t.parent].name:t.name:n.name),r.createElement("i",{className:"fas fa-chevron-down"})),r.createElement(Ss,{id:m,className:"button-select-menu",open:h,anchorEl:c,onClose:function(){f(null)},anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},"data-testid":"breadcrumb:popup"},t&&!s?Object.values(a(o[t.parent].children)).map((function(e,n){return r.createElement(Cl,{key:n,className:"breadcrumb-select-options",onClick:function(){return p(e.id)},"data-testid":"breadcrumbitem:".concat(N()(e,"name","test-id")),classes:{selected:d.selected},selected:t.id===e.id},e.name)})):Object.entries(o).map((function(e,o){return r.createElement(Cl,{className:"breadcrumb-select-options",key:o,onClick:function(){return p(e[1].id)},classes:{selected:d.selected},"data-testid":"breadcrumbitem:".concat(N()(e[1],"name","test-id")),selected:t?t.parent===e[1].id:n.id===e[1].id},e[1].name)}))))})),Im=ro((function(e){return{groups:e.groups,getChildrenIndex:function(t){return oe(t,e)}}}))(jm);function Rm(){return(Rm=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)}var Dm=ol((function(e){var t=e.group,n=e.button,o=e.history,i=e.tab,a=void 0===i?0:i,l=t.children.length<2,s=function(e){var i="/group/".concat(t.id,"/button/").concat(n.id,"/").concat(e.page);return r.createElement(cm,Rm({component:"a",href:"#".concat(i),onClick:function(){o.location.pathname!==i&&o.push(i)},"data-testid":"buttongroupheader:button:".concat(e.page)},e))};return r.createElement("div",{className:"bar-header"},r.createElement("div",{className:"breadcrumb"},r.createElement(fo,{content:M("bar.breadcrumb.tippy_home")},r.createElement(Er,{onClick:function(){o.push("/")},color:"primary",className:"home-button"},r.createElement("span",{className:"breadcrumb-text"},M("bar.breadcrumb.home")),r.createElement("i",{className:"fas fa-chevron-right"}))),!l&&r.createElement(fo,{content:M("bar.breadcrumb.tippy_group")},r.createElement(Er,{onClick:function(){o.push("/group/".concat(t.id))},color:"primary"},r.createElement("span",{className:"breadcrumb-text"},t.name),r.createElement("i",{className:"fas fa-chevron-right"}))),r.createElement(Im,{button:n})),r.createElement(cl,null),!l&&r.createElement("div",{className:"back-to-group"},r.createElement("a",{href:"#/group/"+t.id},r.createElement("i",{className:"fas fa-chevron-down"}),M("bar.edit_group_settings"))),r.createElement("div",{className:"mdc-card top-header"},r.createElement(Om,{value:a,variant:"fullWidth",indicatorColor:"secondary",textColor:"secondary",className:"tab-bordered"},r.createElement(s,{label:M("settings.setting_categories.general"),id:0,page:"general","data-testid":"general-tab",icon:r.createElement("i",{className:"fas fa-wrench"})}),r.createElement(s,{label:M("utils.style"),id:1,page:"style","data-testid":"style-tab",icon:r.createElement("i",{className:"fas fa-paint-brush"})}),r.createElement(s,{label:M("utils.advanced"),id:2,page:"advanced","data-testid":"advanced-tab",icon:r.createElement("i",{className:"fas fa-sliders-h"})}))))}));function Nm(){return(Nm=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 Mm(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("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 Lm(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 Lm(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 Lm(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 Fm(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 Bm(e){var t=e.opened,n=void 0!==t&&t,o=e.title,i=void 0===o?"":o,a=e.bodySpacing,l=void 0===a||a,s=e.className,u=void 0===s?null:s,c=e.children,f=e.onSetIsOpened,d=Fm(e,["opened","title","bodySpacing","className","children","onSetIsOpened"]);if(null==c)return null;var p=Mm((0,r.useState)(n),2),h=p[0],m=p[1];(0,r.useEffect)((function(){m(n)}),[n]);return r.createElement("div",{className:(0,Xn.Z)("collapsible-group mdc-card",h&&"collapsible-opened",u)},r.createElement(Er,Nm({onClick:function(){var e=!h;f&&f(e),m(e)},color:"primary"},d),i," ",r.createElement("i",{className:"fas fa-chevron-down"})),h&&r.createElement("div",{className:(0,Xn.Z)(l&&"collapsible-body")},c))}function zm(){return(zm=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 Wm(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 Um(e){var t=e.className,n=void 0===t?null:t,o=e.title,i=void 0===o?null:o,a=e.children,l=void 0===a?null:a,s=e.fullWidth,u=void 0===s||s,c=Wm(e,["className","title","children","fullWidth"]);return r.createElement("div",zm({className:(0,Xn.Z)("settings-container",u&&"container-full-width",n)},c),i?r.createElement("span",{className:"settings-title"},i):r.createElement(r.Fragment,null),r.createElement("div",{className:"settings-content"},l))}function Zm(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("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 Hm(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 Hm(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 Hm(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 Gm(e){var t=e.mobile,n=void 0!==t&&t,o=e.desktop,i=void 0!==o&&o,a=e.onChange,l=Zm((0,r.useState)(n),2),s=l[0],u=l[1],c=Zm((0,r.useState)(i),2),f=c[0],d=c[1];return(0,r.useEffect)((function(){u(n),d(i)}),[n,i]),r.createElement(Um,{title:M("settings.show_mobile_desktop.title"),fullWidth:!1,className:"desktop-mobile-visibility"},r.createElement(fo,{content:M("settings.show_mobile_desktop.mobile")},r.createElement(Er,{className:"buttonMobile",onClick:function(){var e=!s;u(e),a("show_mobile",e)},variant:s?"contained":"outlined",color:"primary","data-testid":"setting:mobile-visibility"},r.createElement("i",{className:"fas fa-mobile-alt"}))),r.createElement(fo,{content:M("settings.show_mobile_desktop.desktop")},r.createElement(Er,{onClick:function(){var e=!f;d(e),a("show_desktop",e)},variant:f?"contained":"outlined",color:"primary","data-testid":"setting:desktop-visibility"},r.createElement("i",{className:"fas fa-desktop"}))))}function Km(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("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 Vm(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 Vm(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 Vm(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 $m(e){var t=e.value,n=e.onChange,o=e.placeholder,i=void 0===o?"":o,a=Km((0,r.useState)(t),2),l=a[0],s=a[1],u=Km((0,r.useState)(!0),2),c=u[0],f=u[1],d=Km((0,r.useState)(i),2),p=d[0],h=d[1];return(0,r.useEffect)((function(){s(t)}),[t]),(0,r.useEffect)((function(){h(i),f(!0)}),[i]),r.createElement(Qs,{variant:"outlined",label:M("settings.label.placeholder"),onChange:function(e){f(!1),s(e.target.value),n(e.target.value)},value:l||(c?p:l),fullWidth:!0,inputProps:{"data-testid":"setting:label"}})}function qm(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("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 Ym(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 Ym(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 Ym(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 Xm(e){var t=e.value,n=void 0===t?"":t,o=e.subject,i=void 0===o?"":o,a=e.body,l=void 0===a?"":a,s=e.cc,u=void 0===s?"":s,c=e.bcc,f=void 0===c?"":c,d=e.onChange,p=qm((0,r.useState)(!1),2),h=p[0],m=p[1],v=qm((0,r.useState)(""!==u),2),g=v[0],y=v[1],b=qm((0,r.useState)(""!==f),2),w=b[0],x=b[1],E=/^(([^<>()\[\]\.,;:\s@\"]+(\.[^<>()\[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i;return r.createElement("div",{className:"button-action-value"},r.createElement(Qs,{variant:"outlined",fullWidth:!0,value:n,inputProps:{"data-testid":"action:field"},label:M("settings.button_action.placeholders.mail.recipient"),helperText:!E.test(n)&&""!==n&&h?M("settings.button_action.actions.mail.invalid"):null,error:!E.test(n)&&""!==n&&h,onChange:function(e){d(e.target.value)},onBlur:function(e){""===e.target.value||E.test(n)?m(!1):m(!0)}}),r.createElement(Qs,{variant:"outlined",fullWidth:!0,value:i,label:M("settings.button_action.placeholders.mail.subject"),onChange:function(e){d(e.target.value,"text_subject")},inputProps:{"data-testid":"action:field"}}),g?r.createElement(Qs,{variant:"outlined",fullWidth:!0,value:u,label:M("settings.button_action.placeholders.mail.cc"),onChange:function(e){d(e.target.value,"text_cc")}}):r.createElement(Er,{color:"primary",size:"small",style:{textTransform:"capitalize",marginBottom:"15px"},startIcon:"+",onClick:function(){return y(!0)}},"Cc"),w?r.createElement(Qs,{variant:"outlined",fullWidth:!0,value:f,label:M("settings.button_action.placeholders.mail.bcc"),onChange:function(e){d(e.target.value,"text_bcc")}}):r.createElement(Er,{color:"primary",size:"small",style:{textTransform:"capitalize",marginBottom:"15px"},onClick:function(){return x(!0)},startIcon:"+"},"Bcc"),r.createElement(Qs,{variant:"outlined",fullWidth:!0,multiline:!0,rows:4,inputProps:{"data-testid":"action:field"},value:l,label:M("settings.button_action.placeholders.mail.body"),onChange:function(e){d(e.target.value,"text_body")}}))}function Jm(e){var t=e.value,n=void 0===t?"":t,o=e.body,i=void 0===o?"":o,a=e.onChange,l=/^\+?\d+$/;return r.createElement("div",{className:"button-action-subject"},r.createElement(Qs,{variant:"outlined",fullWidth:!0,value:n,helperText:l.test(n)||""===n?null:M("settings.button_action.actions.phone_number.invalid"),error:!l.test(n)&&""!==n,label:M("settings.button_action.actions.phone_number.number"),inputProps:{"data-testid":"action:field"},onChange:function(e){a(e.target.value)}}),r.createElement(Qs,{variant:"outlined",fullWidth:!0,multiline:!0,rows:4,value:i,label:M("settings.button_action.placeholders.message"),inputProps:{"data-testid":"action:field"},onChange:function(e){a(e.target.value,"text_body")}}),r.createElement("p",{dangerouslySetInnerHTML:{__html:M("settings.button_action.actions.whatsapp_info")}}))}var Qm=r.forwardRef((function(e,t){var n=e.classes,o=e.className,i=e.color,a=void 0===i?"default":i,l=e.component,s=void 0===l?"li":l,u=e.disableGutters,c=void 0!==u&&u,f=e.disableSticky,d=void 0!==f&&f,p=e.inset,h=void 0!==p&&p,m=(0,Vn.Z)(e,["classes","className","color","component","disableGutters","disableSticky","inset"]);return r.createElement(s,(0,$n.Z)({className:(0,Xn.Z)(n.root,o,"default"!==a&&n["color".concat((0,wr.Z)(a))],h&&n.inset,!d&&n.sticky,!c&&n.gutters),ref:t},m))})),ev=(0,Jn.Z)((function(e){return{root:{boxSizing:"border-box",lineHeight:"48px",listStyle:"none",color:e.palette.text.secondary,fontFamily:e.typography.fontFamily,fontWeight:e.typography.fontWeightMedium,fontSize:e.typography.pxToRem(14)},colorPrimary:{color:e.palette.primary.main},colorInherit:{color:"inherit"},gutters:{paddingLeft:16,paddingRight:16},inset:{paddingLeft:72},sticky:{position:"sticky",top:0,zIndex:1,backgroundColor:"inherit"}}}),{name:"MuiListSubheader"})(Qm),tv=(0,zs.Z)(r.createElement("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel");function nv(e){return"Backspace"===e.key||"Delete"===e.key}var rv=r.forwardRef((function(e,t){var n=e.avatar,o=e.classes,i=e.className,a=e.clickable,l=e.color,s=void 0===l?"default":l,u=e.component,c=e.deleteIcon,f=e.disabled,d=void 0!==f&&f,p=e.icon,h=e.label,m=e.onClick,v=e.onDelete,g=e.onKeyDown,y=e.onKeyUp,b=e.size,w=void 0===b?"medium":b,x=e.variant,E=void 0===x?"default":x,_=(0,Vn.Z)(e,["avatar","classes","className","clickable","color","component","deleteIcon","disabled","icon","label","onClick","onDelete","onKeyDown","onKeyUp","size","variant"]),S=r.useRef(null),O=(0,er.Z)(S,t),k=function(e){e.stopPropagation(),v&&v(e)},C=!(!1===a||!m)||a,P="small"===w,T=u||(C?br:"div"),A=T===br?{component:"div"}:{},j=null;if(v){var I=(0,Xn.Z)("default"!==s&&("default"===E?o["deleteIconColor".concat((0,wr.Z)(s))]:o["deleteIconOutlinedColor".concat((0,wr.Z)(s))]),P&&o.deleteIconSmall);j=c&&r.isValidElement(c)?r.cloneElement(c,{className:(0,Xn.Z)(c.props.className,o.deleteIcon,I),onClick:k}):r.createElement(tv,{className:(0,Xn.Z)(o.deleteIcon,I),onClick:k})}var R=null;n&&r.isValidElement(n)&&(R=r.cloneElement(n,{className:(0,Xn.Z)(o.avatar,n.props.className,P&&o.avatarSmall,"default"!==s&&o["avatarColor".concat((0,wr.Z)(s))])}));var D=null;return p&&r.isValidElement(p)&&(D=r.cloneElement(p,{className:(0,Xn.Z)(o.icon,p.props.className,P&&o.iconSmall,"default"!==s&&o["iconColor".concat((0,wr.Z)(s))])})),r.createElement(T,(0,$n.Z)({role:C||v?"button":void 0,className:(0,Xn.Z)(o.root,i,"default"!==s&&[o["color".concat((0,wr.Z)(s))],C&&o["clickableColor".concat((0,wr.Z)(s))],v&&o["deletableColor".concat((0,wr.Z)(s))]],"default"!==E&&[o.outlined,{primary:o.outlinedPrimary,secondary:o.outlinedSecondary}[s]],d&&o.disabled,P&&o.sizeSmall,C&&o.clickable,v&&o.deletable),"aria-disabled":!!d||void 0,tabIndex:C||v?0:void 0,onClick:m,onKeyDown:function(e){e.currentTarget===e.target&&nv(e)&&e.preventDefault(),g&&g(e)},onKeyUp:function(e){e.currentTarget===e.target&&(v&&nv(e)?v(e):"Escape"===e.key&&S.current&&S.current.blur()),y&&y(e)},ref:O},A,_),R||D,r.createElement("span",{className:(0,Xn.Z)(o.label,P&&o.labelSmall)},h),j)})),ov=(0,Jn.Z)((function(e){var t="light"===e.palette.type?e.palette.grey[300]:e.palette.grey[700],n=(0,Qn.U1)(e.palette.text.primary,.26);return{root:{fontFamily:e.typography.fontFamily,fontSize:e.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:e.palette.getContrastText(t),backgroundColor:t,borderRadius:16,whiteSpace:"nowrap",transition:e.transitions.create(["background-color","box-shadow"]),cursor:"default",outline:0,textDecoration:"none",border:"none",padding:0,verticalAlign:"middle",boxSizing:"border-box","&$disabled":{opacity:.5,pointerEvents:"none"},"& $avatar":{marginLeft:5,marginRight:-6,width:24,height:24,color:"light"===e.palette.type?e.palette.grey[700]:e.palette.grey[300],fontSize:e.typography.pxToRem(12)},"& $avatarColorPrimary":{color:e.palette.primary.contrastText,backgroundColor:e.palette.primary.dark},"& $avatarColorSecondary":{color:e.palette.secondary.contrastText,backgroundColor:e.palette.secondary.dark},"& $avatarSmall":{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:e.typography.pxToRem(10)}},sizeSmall:{height:24},colorPrimary:{backgroundColor:e.palette.primary.main,color:e.palette.primary.contrastText},colorSecondary:{backgroundColor:e.palette.secondary.main,color:e.palette.secondary.contrastText},disabled:{},clickable:{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover, &:focus":{backgroundColor:(0,Qn._4)(t,.08)},"&:active":{boxShadow:e.shadows[1]}},clickableColorPrimary:{"&:hover, &:focus":{backgroundColor:(0,Qn._4)(e.palette.primary.main,.08)}},clickableColorSecondary:{"&:hover, &:focus":{backgroundColor:(0,Qn._4)(e.palette.secondary.main,.08)}},deletable:{"&:focus":{backgroundColor:(0,Qn._4)(t,.08)}},deletableColorPrimary:{"&:focus":{backgroundColor:(0,Qn._4)(e.palette.primary.main,.2)}},deletableColorS
8
  *
9
  * Buttonizer is Freemium software. The free version (build) does not contain premium functionality.
10
  *
11
+ * (C) 2017-2021 Buttonizer v2.4.2
12
  *
13
  */
14
  /*!
21
  *
22
  * Buttonizer is Freemium software. The free version (build) does not contain premium functionality.
23
  *
24
+ * (C) 2017-2021 Buttonizer v2.4.2
25
  *
26
  */!function(){var e={50676:function(e,t,n){"use strict";function r(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}n.d(t,{Z:function(){return r}})},83614:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(50676);function o(e){if(Array.isArray(e))return(0,r.Z)(e)}},63349:function(e,t,n){"use strict";function r(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}n.d(t,{Z:function(){return r}})},5991:function(e,t,n){"use strict";function r(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 o(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}n.d(t,{Z:function(){return o}})},96156:function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,{Z:function(){return r}})},22122:function(e,t,n){"use strict";function r(){return(r=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)}n.d(t,{Z:function(){return r}})},41788:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(14665);function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,(0,r.Z)(e,t)}},96410:function(e,t,n){"use strict";function r(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}n.d(t,{Z:function(){return r}})},62303:function(e,t,n){"use strict";function r(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}n.d(t,{Z:function(){return r}})},81253:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(19756);function o(e,t){if(null==e)return{};var n,o,i=(0,r.Z)(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)n=a[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}},19756:function(e,t,n){"use strict";function r(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}n.d(t,{Z:function(){return r}})},14665:function(e,t,n){"use strict";function r(e,t){return(r=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}n.d(t,{Z:function(){return r}})},34699:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(82961);function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null!=n){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)||(0,r.Z)(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.")}()}},78927:function(e,t,n){"use strict";n.d(t,{Z:function(){return l}});var r=n(83614),o=n(96410),i=n(82961),a=n(62303);function l(e){return(0,r.Z)(e)||(0,o.Z)(e)||(0,i.Z)(e)||(0,a.Z)()}},90484:function(e,t,n){"use strict";function r(e){return(r="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)}n.d(t,{Z:function(){return r}})},82961:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(50676);function o(e,t){if(e){if("string"==typeof e)return(0,r.Z)(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)?(0,r.Z)(e,t):void 0}}},95318:function(e){e.exports=function(e){return e&&e.__esModule?e:{default:e}},e.exports.default=e.exports,e.exports.__esModule=!0},20862:function(e,t,n){var r=n(50008).default;function o(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return o=function(){return e},e}e.exports=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var t=o();if(t&&t.has(e))return t.get(e);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){var l=i?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(n,a,l):n[a]=e[a]}return n.default=e,t&&t.set(e,n),n},e.exports.default=e.exports,e.exports.__esModule=!0},50008:function(e){function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(e.exports=t=function(e){return typeof e},e.exports.default=e.exports,e.exports.__esModule=!0):(e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.default=e.exports,e.exports.__esModule=!0),t(n)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},70597:function(e,t,n){"use strict";var r,o=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},i=n(67294),a=(r=i)&&r.__esModule?r:{default:r};t.Z=function(e){var t=e.fill,n=void 0===t?"currentColor":t,r=e.width,i=void 0===r?24:r,l=e.height,s=void 0===l?24:l,u=e.style,c=void 0===u?{}:u,f=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}(e,["fill","width","height","style"]);return a.default.createElement("svg",o({viewBox:"0 0 24 24",style:o({fill:n,width:i,height:s},c)},f),a.default.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))}},43891:function(e,t,n){"use strict";var r,o=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},i=n(67294),a=(r=i)&&r.__esModule?r:{default:r};t.Z=function(e){var t=e.fill,n=void 0===t?"currentColor":t,r=e.width,i=void 0===r?24:r,l=e.height,s=void 0===l?24:l,u=e.style,c=void 0===u?{}:u,f=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}(e,["fill","width","height","style"]);return a.default.createElement("svg",o({viewBox:"0 0 24 24",style:o({fill:n,width:i,height:s},c)},f),a.default.createElement("path",{d:"M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"}))}},59693:function(e,t,n){"use strict";n.d(t,{mi:function(){return l},_4:function(){return u},U1:function(){return c},_j:function(){return f},$n:function(){return d}});var r=n(60288);function o(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return Math.min(Math.max(t,e),n)}function i(e){if(e.type)return e;if("#"===e.charAt(0))return i(function(e){e=e.substr(1);var t=new RegExp(".{1,".concat(e.length>=6?2:1,"}"),"g"),n=e.match(t);return n&&1===n[0].length&&(n=n.map((function(e){return e+e}))),n?"rgb".concat(4===n.length?"a":"","(").concat(n.map((function(e,t){return t<3?parseInt(e,16):Math.round(parseInt(e,16)/255*1e3)/1e3})).join(", "),")"):""}(e));var t=e.indexOf("("),n=e.substring(0,t);if(-1===["rgb","rgba","hsl","hsla"].indexOf(n))throw new Error((0,r.Z)(3,e));var o=e.substring(t+1,e.length-1).split(",");return{type:n,values:o=o.map((function(e){return parseFloat(e)}))}}function a(e){var t=e.type,n=e.values;return-1!==t.indexOf("rgb")?n=n.map((function(e,t){return t<3?parseInt(e,10):e})):-1!==t.indexOf("hsl")&&(n[1]="".concat(n[1],"%"),n[2]="".concat(n[2],"%")),"".concat(t,"(").concat(n.join(", "),")")}function l(e,t){var n=s(e),r=s(t);return(Math.max(n,r)+.05)/(Math.min(n,r)+.05)}function s(e){var t="hsl"===(e=i(e)).type?i(function(e){var t=(e=i(e)).values,n=t[0],r=t[1]/100,o=t[2]/100,l=r*Math.min(o,1-o),s=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:(e+n/30)%12;return o-l*Math.max(Math.min(t-3,9-t,1),-1)},u="rgb",c=[Math.round(255*s(0)),Math.round(255*s(8)),Math.round(255*s(4))];return"hsla"===e.type&&(u+="a",c.push(t[3])),a({type:u,values:c})}(e)).values:e.values;return t=t.map((function(e){return(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)})),Number((.2126*t[0]+.7152*t[1]+.0722*t[2]).toFixed(3))}function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:.15;return s(e)>.5?f(e,t):d(e,t)}function c(e,t){return e=i(e),t=o(t),"rgb"!==e.type&&"hsl"!==e.type||(e.type+="a"),e.values[3]=t,a(e)}function f(e,t){if(e=i(e),t=o(t),-1!==e.type.indexOf("hsl"))e.values[2]*=1-t;else if(-1!==e.type.indexOf("rgb"))for(var n=0;n<3;n+=1)e.values[n]*=1-t;return a(e)}function d(e,t){if(e=i(e),t=o(t),-1!==e.type.indexOf("hsl"))e.values[2]+=(100-e.values[2])*t;else if(-1!==e.type.indexOf("rgb"))for(var n=0;n<3;n+=1)e.values[n]+=(255-e.values[n])*t;return a(e)}},49277:function(e,t,n){"use strict";n.d(t,{Z:function(){return $}});var r=n(81253),o=n(35953),i=n(22122),a=["xs","sm","md","lg","xl"];function l(e){var t=e.values,n=void 0===t?{xs:0,sm:600,md:960,lg:1280,xl:1920}:t,o=e.unit,l=void 0===o?"px":o,s=e.step,u=void 0===s?5:s,c=(0,r.Z)(e,["values","unit","step"]);function f(e){var t="number"==typeof n[e]?n[e]:e;return"@media (min-width:".concat(t).concat(l,")")}function d(e,t){var r=a.indexOf(t);return r===a.length-1?f(e):"@media (min-width:".concat("number"==typeof n[e]?n[e]:e).concat(l,") and ")+"(max-width:".concat((-1!==r&&"number"==typeof n[a[r+1]]?n[a[r+1]]:t)-u/100).concat(l,")")}return(0,i.Z)({keys:a,values:n,up:f,down:function(e){var t=a.indexOf(e)+1,r=n[a[t]];return t===a.length?f("xs"):"@media (max-width:".concat(("number"==typeof r&&t>0?r:e)-u/100).concat(l,")")},between:d,only:function(e){return d(e,e)},width:function(e){return n[e]}},c)}var s=n(96156);function u(e,t,n){var r;return(0,i.Z)({gutters:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.Z)({paddingLeft:t(2),paddingRight:t(2)},n,(0,s.Z)({},e.up("sm"),(0,i.Z)({paddingLeft:t(3),paddingRight:t(3)},n[e.up("sm")])))},toolbar:(r={minHeight:56},(0,s.Z)(r,"".concat(e.up("xs")," and (orientation: landscape)"),{minHeight:48}),(0,s.Z)(r,e.up("sm"),{minHeight:64}),r)},n)}var c=n(60288),f={black:"#000",white:"#fff"},d={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#d5d5d5",A200:"#aaaaaa",A400:"#303030",A700:"#616161"},p={50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",A100:"#8c9eff",A200:"#536dfe",A400:"#3d5afe",A700:"#304ffe"},h={50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",A100:"#ff80ab",A200:"#ff4081",A400:"#f50057",A700:"#c51162"},m={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000"},v={50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",A100:"#ffd180",A200:"#ffab40",A400:"#ff9100",A700:"#ff6d00"},g={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff"},y={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853"},b=n(59693),w={text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.54)",disabled:"rgba(0, 0, 0, 0.38)",hint:"rgba(0, 0, 0, 0.38)"},divider:"rgba(0, 0, 0, 0.12)",background:{paper:f.white,default:d[50]},action:{active:"rgba(0, 0, 0, 0.54)",hover:"rgba(0, 0, 0, 0.04)",hoverOpacity:.04,selected:"rgba(0, 0, 0, 0.08)",selectedOpacity:.08,disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(0, 0, 0, 0.12)",disabledOpacity:.38,focus:"rgba(0, 0, 0, 0.12)",focusOpacity:.12,activatedOpacity:.12}},x={text:{primary:f.white,secondary:"rgba(255, 255, 255, 0.7)",disabled:"rgba(255, 255, 255, 0.5)",hint:"rgba(255, 255, 255, 0.5)",icon:"rgba(255, 255, 255, 0.5)"},divider:"rgba(255, 255, 255, 0.12)",background:{paper:d[800],default:"#303030"},action:{active:f.white,hover:"rgba(255, 255, 255, 0.08)",hoverOpacity:.08,selected:"rgba(255, 255, 255, 0.16)",selectedOpacity:.16,disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)",disabledOpacity:.38,focus:"rgba(255, 255, 255, 0.12)",focusOpacity:.12,activatedOpacity:.24}};function E(e,t,n,r){var o=r.light||r,i=r.dark||1.5*r;e[t]||(e.hasOwnProperty(n)?e[t]=e[n]:"light"===t?e.light=(0,b.$n)(e.main,o):"dark"===t&&(e.dark=(0,b._j)(e.main,i)))}function _(e){var t=e.primary,n=void 0===t?{light:p[300],main:p[500],dark:p[700]}:t,a=e.secondary,l=void 0===a?{light:h.A200,main:h.A400,dark:h.A700}:a,s=e.error,u=void 0===s?{light:m[300],main:m[500],dark:m[700]}:s,_=e.warning,S=void 0===_?{light:v[300],main:v[500],dark:v[700]}:_,O=e.info,k=void 0===O?{light:g[300],main:g[500],dark:g[700]}:O,C=e.success,P=void 0===C?{light:y[300],main:y[500],dark:y[700]}:C,T=e.type,A=void 0===T?"light":T,j=e.contrastThreshold,I=void 0===j?3:j,R=e.tonalOffset,D=void 0===R?.2:R,N=(0,r.Z)(e,["primary","secondary","error","warning","info","success","type","contrastThreshold","tonalOffset"]);function M(e){return(0,b.mi)(e,x.text.primary)>=I?x.text.primary:w.text.primary}var L=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:300,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:700;if(!(e=(0,i.Z)({},e)).main&&e[t]&&(e.main=e[t]),!e.main)throw new Error((0,c.Z)(4,t));if("string"!=typeof e.main)throw new Error((0,c.Z)(5,JSON.stringify(e.main)));return E(e,"light",n,D),E(e,"dark",r,D),e.contrastText||(e.contrastText=M(e.main)),e},F={dark:x,light:w};return(0,o.Z)((0,i.Z)({common:f,type:A,primary:L(n),secondary:L(l,"A400","A200","A700"),error:L(u),warning:L(S),info:L(k),success:L(P),grey:d,contrastThreshold:I,getContrastText:M,augmentColor:L,tonalOffset:D},F[A]),N)}function S(e){return Math.round(1e5*e)/1e5}var O={textTransform:"uppercase"};function k(e,t){var n="function"==typeof t?t(e):t,a=n.fontFamily,l=void 0===a?'"Roboto", "Helvetica", "Arial", sans-serif':a,s=n.fontSize,u=void 0===s?14:s,c=n.fontWeightLight,f=void 0===c?300:c,d=n.fontWeightRegular,p=void 0===d?400:d,h=n.fontWeightMedium,m=void 0===h?500:h,v=n.fontWeightBold,g=void 0===v?700:v,y=n.htmlFontSize,b=void 0===y?16:y,w=n.allVariants,x=n.pxToRem,E=(0,r.Z)(n,["fontFamily","fontSize","fontWeightLight","fontWeightRegular","fontWeightMedium","fontWeightBold","htmlFontSize","allVariants","pxToRem"]);var _=u/14,k=x||function(e){return"".concat(e/b*_,"rem")},C=function(e,t,n,r,o){return(0,i.Z)({fontFamily:l,fontWeight:e,fontSize:k(t),lineHeight:n},'"Roboto", "Helvetica", "Arial", sans-serif'===l?{letterSpacing:"".concat(S(r/t),"em")}:{},o,w)},P={h1:C(f,96,1.167,-1.5),h2:C(f,60,1.2,-.5),h3:C(p,48,1.167,0),h4:C(p,34,1.235,.25),h5:C(p,24,1.334,0),h6:C(m,20,1.6,.15),subtitle1:C(p,16,1.75,.15),subtitle2:C(m,14,1.57,.1),body1:C(p,16,1.5,.15),body2:C(p,14,1.43,.15),button:C(m,14,1.75,.4,O),caption:C(p,12,1.66,.4),overline:C(p,12,2.66,1,O)};return(0,o.Z)((0,i.Z)({htmlFontSize:b,pxToRem:k,round:S,fontFamily:l,fontSize:u,fontWeightLight:f,fontWeightRegular:p,fontWeightMedium:m,fontWeightBold:g},P),E,{clone:!1})}function C(){return["".concat(arguments.length<=0?void 0:arguments[0],"px ").concat(arguments.length<=1?void 0:arguments[1],"px ").concat(arguments.length<=2?void 0:arguments[2],"px ").concat(arguments.length<=3?void 0:arguments[3],"px rgba(0,0,0,").concat(.2,")"),"".concat(arguments.length<=4?void 0:arguments[4],"px ").concat(arguments.length<=5?void 0:arguments[5],"px ").concat(arguments.length<=6?void 0:arguments[6],"px ").concat(arguments.length<=7?void 0:arguments[7],"px rgba(0,0,0,").concat(.14,")"),"".concat(arguments.length<=8?void 0:arguments[8],"px ").concat(arguments.length<=9?void 0:arguments[9],"px ").concat(arguments.length<=10?void 0:arguments[10],"px ").concat(arguments.length<=11?void 0:arguments[11],"px rgba(0,0,0,").concat(.12,")")].join(",")}var P=["none",C(0,2,1,-1,0,1,1,0,0,1,3,0),C(0,3,1,-2,0,2,2,0,0,1,5,0),C(0,3,3,-2,0,3,4,0,0,1,8,0),C(0,2,4,-1,0,4,5,0,0,1,10,0),C(0,3,5,-1,0,5,8,0,0,1,14,0),C(0,3,5,-1,0,6,10,0,0,1,18,0),C(0,4,5,-2,0,7,10,1,0,2,16,1),C(0,5,5,-3,0,8,10,1,0,3,14,2),C(0,5,6,-3,0,9,12,1,0,3,16,2),C(0,6,6,-3,0,10,14,1,0,4,18,3),C(0,6,7,-4,0,11,15,1,0,4,20,3),C(0,7,8,-4,0,12,17,2,0,5,22,4),C(0,7,8,-4,0,13,19,2,0,5,24,4),C(0,7,9,-4,0,14,21,2,0,5,26,4),C(0,8,9,-5,0,15,22,2,0,6,28,5),C(0,8,10,-5,0,16,24,2,0,6,30,5),C(0,8,11,-5,0,17,26,2,0,6,32,5),C(0,9,11,-5,0,18,28,2,0,7,34,6),C(0,9,12,-6,0,19,29,2,0,7,36,6),C(0,10,13,-6,0,20,31,3,0,8,38,7),C(0,10,13,-6,0,21,33,3,0,8,40,7),C(0,10,14,-6,0,22,35,3,0,8,42,7),C(0,11,14,-7,0,23,36,3,0,9,44,8),C(0,11,15,-7,0,24,38,3,0,9,46,8)],T={borderRadius:4},A=n(34699),j=n(90484),I=(n(45697),{xs:0,sm:600,md:960,lg:1280,xl:1920}),R={keys:["xs","sm","md","lg","xl"],up:function(e){return"@media (min-width:".concat(I[e],"px)")}};var D=function(e,t){return t?(0,o.Z)(e,t,{clone:!1}):e};var N,M,L={m:"margin",p:"padding"},F={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},B={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},z=(N=function(e){if(e.length>2){if(!B[e])return[e];e=B[e]}var t=e.split(""),n=(0,A.Z)(t,2),r=n[0],o=n[1],i=L[r],a=F[o]||"";return Array.isArray(a)?a.map((function(e){return i+e})):[i+a]},M={},function(e){return void 0===M[e]&&(M[e]=N(e)),M[e]}),W=["m","mt","mr","mb","ml","mx","my","p","pt","pr","pb","pl","px","py","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY"];function U(e){var t=e.spacing||8;return"number"==typeof t?function(e){return t*e}:Array.isArray(t)?function(e){return t[e]}:"function"==typeof t?t:function(){}}function Z(e,t){return function(n){return e.reduce((function(e,r){return e[r]=function(e,t){if("string"==typeof t||null==t)return t;var n=e(Math.abs(t));return t>=0?n:"number"==typeof n?-n:"-".concat(n)}(t,n),e}),{})}}function H(e){var t=U(e.theme);return Object.keys(e).map((function(n){if(-1===W.indexOf(n))return null;var r=Z(z(n),t),o=e[n];return function(e,t,n){if(Array.isArray(t)){var r=e.theme.breakpoints||R;return t.reduce((function(e,o,i){return e[r.up(r.keys[i])]=n(t[i]),e}),{})}if("object"===(0,j.Z)(t)){var o=e.theme.breakpoints||R;return Object.keys(t).reduce((function(e,r){return e[o.up(r)]=n(t[r]),e}),{})}return n(t)}(e,o,r)})).reduce(D,{})}H.propTypes={},H.filterProps=W;function G(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:8;if(e.mui)return e;var t=U({spacing:e}),n=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return 0===n.length?t(1):1===n.length?t(n[0]):n.map((function(e){if("string"==typeof e)return e;var n=t(e);return"number"==typeof n?"".concat(n,"px"):n})).join(" ")};return Object.defineProperty(n,"unit",{get:function(){return e}}),n.mui=!0,n}var K=n(43366),V=n(92781);var $=function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.breakpoints,n=void 0===t?{}:t,i=e.mixins,a=void 0===i?{}:i,s=e.palette,c=void 0===s?{}:s,f=e.spacing,d=e.typography,p=void 0===d?{}:d,h=(0,r.Z)(e,["breakpoints","mixins","palette","spacing","typography"]),m=_(c),v=l(n),g=G(f),y=(0,o.Z)({breakpoints:v,direction:"ltr",mixins:u(v,g,a),overrides:{},palette:m,props:{},shadows:P,typography:k(m,p),spacing:g,shape:T,transitions:K.ZP,zIndex:V.Z},h),b=arguments.length,w=new Array(b>1?b-1:0),x=1;x<b;x++)w[x-1]=arguments[x];return y=w.reduce((function(e,t){return(0,o.Z)(e,t)}),y)}},99700:function(e,t,n){"use strict";var r=(0,n(49277).Z)();t.Z=r},43366:function(e,t,n){"use strict";n.d(t,{x9:function(){return i}});var r=n(81253),o={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},i={shortest:150,shorter:200,short:250,standard:300,complex:375,enteringScreen:225,leavingScreen:195};function a(e){return"".concat(Math.round(e),"ms")}t.ZP={easing:o,duration:i,create:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["all"],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.duration,l=void 0===n?i.standard:n,s=t.easing,u=void 0===s?o.easeInOut:s,c=t.delay,f=void 0===c?0:c;(0,r.Z)(t,["duration","easing","delay"]);return(Array.isArray(e)?e:[e]).map((function(e){return"".concat(e," ").concat("string"==typeof l?l:a(l)," ").concat(u," ").concat("string"==typeof f?f:a(f))})).join(",")},getAutoHeightDuration:function(e){if(!e)return 0;var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}}},14670:function(e,t,n){"use strict";n.d(t,{Z:function(){return p}});var r=n(22122),o=n(81253),i=n(67294),a=(n(45697),n(8679)),l=n.n(a),s=n(73914),u=n(93869),c=n(159),f=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return function(n){var a=t.defaultTheme,f=t.withTheme,d=void 0!==f&&f,p=t.name,h=(0,o.Z)(t,["defaultTheme","withTheme","name"]);var m=p,v=(0,s.Z)(e,(0,r.Z)({defaultTheme:a,Component:n,name:p||n.displayName,classNamePrefix:m},h)),g=i.forwardRef((function(e,t){e.classes;var l,s=e.innerRef,f=(0,o.Z)(e,["classes","innerRef"]),h=v((0,r.Z)({},n.defaultProps,e)),m=f;return("string"==typeof p||d)&&(l=(0,c.Z)()||a,p&&(m=(0,u.Z)({theme:l,name:p,props:f})),d&&!m.theme&&(m.theme=l)),i.createElement(n,(0,r.Z)({ref:s||t,classes:h},m))}));return l()(g,n),g}},d=n(99700);var p=function(e,t){return f(e,(0,r.Z)({defaultTheme:d.Z},t))}},92781:function(e,t){"use strict";t.Z={mobileStepper:1e3,speedDial:1050,appBar:1100,drawer:1200,modal:1300,snackbar:1400,tooltip:1500}},93871:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(60288);function o(e){if("string"!=typeof e)throw new Error((0,r.Z)(7));return e.charAt(0).toUpperCase()+e.slice(1)}},82568:function(e,t,n){"use strict";function r(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.reduce((function(e,t){return null==t?e:function(){for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];e.apply(this,r),t.apply(this,r)}}),(function(){}))}n.d(t,{Z:function(){return r}})},25209:function(e,t,n){"use strict";n.d(t,{Z:function(){return f}});var r=n(22122),o=n(67294),i=n(81253),a=(n(45697),n(86010)),l=n(14670),s=n(93871),u=o.forwardRef((function(e,t){var n=e.children,l=e.classes,u=e.className,c=e.color,f=void 0===c?"inherit":c,d=e.component,p=void 0===d?"svg":d,h=e.fontSize,m=void 0===h?"default":h,v=e.htmlColor,g=e.titleAccess,y=e.viewBox,b=void 0===y?"0 0 24 24":y,w=(0,i.Z)(e,["children","classes","className","color","component","fontSize","htmlColor","titleAccess","viewBox"]);return o.createElement(p,(0,r.Z)({className:(0,a.Z)(l.root,u,"inherit"!==f&&l["color".concat((0,s.Z)(f))],"default"!==m&&l["fontSize".concat((0,s.Z)(m))]),focusable:"false",viewBox:b,color:v,"aria-hidden":!g||void 0,role:g?"img":void 0,ref:t},w),n,g?o.createElement("title",null,g):null)}));u.muiName="SvgIcon";var c=(0,l.Z)((function(e){return{root:{userSelect:"none",width:"1em",height:"1em",display:"inline-block",fill:"currentColor",flexShrink:0,fontSize:e.typography.pxToRem(24),transition:e.transitions.create("fill",{duration:e.transitions.duration.shorter})},colorPrimary:{color:e.palette.primary.main},colorSecondary:{color:e.palette.secondary.main},colorAction:{color:e.palette.action.active},colorError:{color:e.palette.error.main},colorDisabled:{color:e.palette.action.disabled},fontSizeInherit:{fontSize:"inherit"},fontSizeSmall:{fontSize:e.typography.pxToRem(20)},fontSizeLarge:{fontSize:e.typography.pxToRem(35)}}}),{name:"MuiSvgIcon"})(u);function f(e,t){var n=function(t,n){return o.createElement(c,(0,r.Z)({ref:n},t),e)};return n.muiName=c.muiName,o.memo(o.forwardRef(n))}},79437:function(e,t,n){"use strict";function r(e){var t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:166;function r(){for(var r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];var a=this,l=function(){e.apply(a,o)};clearTimeout(t),t=setTimeout(l,n)}return r.clear=function(){clearTimeout(t)},r}n.d(t,{Z:function(){return r}})},28546:function(e,t,n){"use strict";n.r(t),n.d(t,{capitalize:function(){return r.Z},createChainedFunction:function(){return o.Z},createSvgIcon:function(){return i.Z},debounce:function(){return a.Z},deprecatedPropType:function(){return l},isMuiElement:function(){return s.Z},ownerDocument:function(){return u.Z},ownerWindow:function(){return c.Z},requirePropFactory:function(){return f},setRef:function(){return d.Z},unstable_useId:function(){return g.Z},unsupportedProp:function(){return p},useControlled:function(){return h.Z},useEventCallback:function(){return m.Z},useForkRef:function(){return v.Z},useIsFocusVisible:function(){return y.Z}});var r=n(93871),o=n(82568),i=n(25209),a=n(79437);function l(e,t){return function(){return null}}var s=n(83711),u=n(30626),c=n(80713);function f(e){return function(){return null}}var d=n(34236);function p(e,t,n,r,o){return null}var h=n(22775),m=n(55192),v=n(17294),g=n(95001),y=n(24896)},83711:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(67294);function o(e,t){return r.isValidElement(e)&&-1!==t.indexOf(e.type.muiName)}},30626:function(e,t,n){"use strict";function r(e){return e&&e.ownerDocument||document}n.d(t,{Z:function(){return r}})},80713:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(30626);function o(e){return(0,r.Z)(e).defaultView||window}},34236:function(e,t,n){"use strict";function r(e,t){"function"==typeof e?e(t):e&&(e.current=t)}n.d(t,{Z:function(){return r}})},95001:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(67294);function o(e){var t=r.useState(e),n=t[0],o=t[1],i=e||n;return r.useEffect((function(){null==n&&o("mui-".concat(Math.round(1e5*Math.random())))}),[n]),i}},22775:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(67294);function o(e){var t=e.controlled,n=e.default,o=(e.name,e.state,r.useRef(void 0!==t).current),i=r.useState(n),a=i[0],l=i[1];return[o?t:a,r.useCallback((function(e){o||l(e)}),[])]}},55192:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});var r=n(67294),o="undefined"!=typeof window?r.useLayoutEffect:r.useEffect;function i(e){var t=r.useRef(e);return o((function(){t.current=e})),r.useCallback((function(){return t.current.apply(void 0,arguments)}),[])}},17294:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});var r=n(67294),o=n(34236);function i(e,t){return r.useMemo((function(){return null==e&&null==t?null:function(n){(0,o.Z)(e,n),(0,o.Z)(t,n)}}),[e,t])}},24896:function(e,t,n){"use strict";n.d(t,{Z:function(){return h}});var r=n(67294),o=n(73935),i=!0,a=!1,l=null,s={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function u(e){e.metaKey||e.altKey||e.ctrlKey||(i=!0)}function c(){i=!1}function f(){"hidden"===this.visibilityState&&a&&(i=!0)}function d(e){var t,n,r,o=e.target;try{return o.matches(":focus-visible")}catch(e){}return i||(n=(t=o).type,!("INPUT"!==(r=t.tagName)||!s[n]||t.readOnly)||"TEXTAREA"===r&&!t.readOnly||!!t.isContentEditable)}function p(){a=!0,window.clearTimeout(l),l=window.setTimeout((function(){a=!1}),100)}function h(){return{isFocusVisible:d,onBlurVisible:p,ref:r.useCallback((function(e){var t,n=o.findDOMNode(e);null!=n&&((t=n.ownerDocument).addEventListener("keydown",u,!0),t.addEventListener("mousedown",c,!0),t.addEventListener("pointerdown",c,!0),t.addEventListener("touchstart",c,!0),t.addEventListener("visibilitychange",f,!0))}),[])}}},78513:function(e,t,n){"use strict";var r=n(95318),o=n(20862);t.Z=void 0;var i=o(n(67294)),a=(0,r(n(2108)).default)(i.createElement("path",{d:"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreVert");t.Z=a},2108:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return r.createSvgIcon}});var r=n(28546)},4137:function(e,t,n){"use strict";n.d(t,{NU:function(){return p},ZP:function(){return h}});var r=n(22122),o=n(81253),i=n(67294),a=(n(45697),n(17076)),l=["checked","disabled","error","focused","focusVisible","required","expanded","selected"];var s,u=n(54013),c=n(60246),f=(0,u.Ue)((0,c.Z)()),d={disableGeneration:!1,generateClassName:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.disableGlobal,n=void 0!==t&&t,r=e.productionPrefix,o=void 0===r?"jss":r,i=e.seed,s=void 0===i?"":i,u=""===s?"":"".concat(s,"-"),c=0,f=function(){return c+=1};return function(e,t){var r=t.options.name;if(r&&0===r.indexOf("Mui")&&!t.options.link&&!n){if(-1!==l.indexOf(e.key))return"Mui-".concat(e.key);var i="".concat(u).concat(r,"-").concat(e.key);return t.options.theme[a.Z]&&""===s?"".concat(i,"-").concat(f()):i}return"".concat(u).concat(o).concat(f())}}(),jss:f,sheetsCache:null,sheetsManager:new Map,sheetsRegistry:null},p=i.createContext(d);function h(e){var t=e.children,n=e.injectFirst,a=void 0!==n&&n,l=e.disableGeneration,f=void 0!==l&&l,d=(0,o.Z)(e,["children","injectFirst","disableGeneration"]),h=i.useContext(p),m=(0,r.Z)({},h,{disableGeneration:f},d);if(!m.jss.options.insertionPoint&&a&&"undefined"!=typeof window){if(!s){var v=document.head;s=document.createComment("mui-inject-first"),v.insertBefore(s,v.firstChild)}m.jss=(0,u.Ue)({plugins:(0,c.Z)().plugins,insertionPoint:s})}return i.createElement(p.Provider,{value:m},t)}},17076:function(e,t){"use strict";var n="function"==typeof Symbol&&Symbol.for;t.Z=n?Symbol.for("mui.nested"):"__THEME_NESTED__"},93869:function(e,t,n){"use strict";function r(e){var t=e.theme,n=e.name,r=e.props;if(!t||!t.props||!t.props[n])return r;var o,i=t.props[n];for(o in i)void 0===r[o]&&(r[o]=i[o]);return r}n.d(t,{Z:function(){return r}})},60246:function(e,t,n){"use strict";n.d(t,{Z:function(){return Re}});var r=n(54013),o=Date.now(),i="fnValues"+o,a="fnStyle"+ ++o,l=function(){return{onCreateRule:function(e,t,n){if("function"!=typeof t)return null;var o=(0,r.JH)(e,{},n);return o[a]=t,o},onProcessStyle:function(e,t){if(i in t||a in t)return e;var n={};for(var r in e){var o=e[r];"function"==typeof o&&(delete e[r],n[r]=o)}return t[i]=n,e},onUpdate:function(e,t,n,r){var o=t,l=o[a];l&&(o.style=l(e)||{});var s=o[i];if(s)for(var u in s)o.prop(u,s[u](e),r)}}},s=n(22122),u="@global",c=function(){function e(e,t,n){for(var o in this.type="global",this.at=u,this.rules=void 0,this.options=void 0,this.key=void 0,this.isProcessed=!1,this.key=e,this.options=n,this.rules=new r.RB((0,s.Z)({},n,{parent:this})),t)this.rules.add(o,t[o]);this.rules.process()}var t=e.prototype;return t.getRule=function(e){return this.rules.get(e)},t.addRule=function(e,t,n){var r=this.rules.add(e,t,n);return r&&this.options.jss.plugins.onProcessRule(r),r},t.indexOf=function(e){return this.rules.indexOf(e)},t.toString=function(){return this.rules.toString()},e}(),f=function(){function e(e,t,n){this.type="global",this.at=u,this.options=void 0,this.rule=void 0,this.isProcessed=!1,this.key=void 0,this.key=e,this.options=n;var r=e.substr("@global ".length);this.rule=n.jss.createRule(r,t,(0,s.Z)({},n,{parent:this}))}return e.prototype.toString=function(e){return this.rule?this.rule.toString(e):""},e}(),d=/\s*,\s*/g;function p(e,t){for(var n=e.split(d),r="",o=0;o<n.length;o++)r+=t+" "+n[o].trim(),n[o+1]&&(r+=", ");return r}var h=function(){return{onCreateRule:function(e,t,n){if(!e)return null;if(e===u)return new c(e,t,n);if("@"===e[0]&&"@global "===e.substr(0,"@global ".length))return new f(e,t,n);var r=n.parent;return r&&("global"===r.type||r.options.parent&&"global"===r.options.parent.type)&&(n.scoped=!1),!1===n.scoped&&(n.selector=e),null},onProcessRule:function(e,t){"style"===e.type&&t&&(function(e,t){var n=e.options,r=e.style,o=r?r[u]:null;if(o){for(var i in o)t.addRule(i,o[i],(0,s.Z)({},n,{selector:p(i,e.selector)}));delete r[u]}}(e,t),function(e,t){var n=e.options,r=e.style;for(var o in r)if("@"===o[0]&&o.substr(0,u.length)===u){var i=p(o.substr(u.length),e.selector);t.addRule(i,r[o],(0,s.Z)({},n,{selector:i})),delete r[o]}}(e,t))}}},m=/\s*,\s*/g,v=/&/g,g=/\$([\w-]+)/g;var y=function(){function e(e,t){return function(n,r){var o=e.getRule(r)||t&&t.getRule(r);return o?(o=o).selector:r}}function t(e,t){for(var n=t.split(m),r=e.split(m),o="",i=0;i<n.length;i++)for(var a=n[i],l=0;l<r.length;l++){var s=r[l];o&&(o+=", "),o+=-1!==s.indexOf("&")?s.replace(v,a):a+" "+s}return o}function n(e,t,n){if(n)return(0,s.Z)({},n,{index:n.index+1});var r=e.options.nestingLevel;r=void 0===r?1:r+1;var o=(0,s.Z)({},e.options,{nestingLevel:r,index:t.indexOf(e)+1});return delete o.name,o}return{onProcessStyle:function(r,o,i){if("style"!==o.type)return r;var a,l,u=o,c=u.options.parent;for(var f in r){var d=-1!==f.indexOf("&"),p="@"===f[0];if(d||p){if(a=n(u,c,a),d){var h=t(f,u.selector);l||(l=e(c,i)),h=h.replace(g,l),c.addRule(h,r[f],(0,s.Z)({},a,{selector:h}))}else p&&c.addRule(f,{},a).addRule(u.key,r[f],{selector:u.selector});delete r[f]}}return r}}},b=/[A-Z]/g,w=/^ms-/,x={};function E(e){return"-"+e.toLowerCase()}var _=function(e){if(x.hasOwnProperty(e))return x[e];var t=e.replace(b,E);return x[e]=w.test(t)?"-"+t:t};function S(e){var t={};for(var n in e){t[0===n.indexOf("--")?n:_(n)]=e[n]}return e.fallbacks&&(Array.isArray(e.fallbacks)?t.fallbacks=e.fallbacks.map(S):t.fallbacks=S(e.fallbacks)),t}var O=function(){return{onProcessStyle:function(e){if(Array.isArray(e)){for(var t=0;t<e.length;t++)e[t]=S(e[t]);return e}return S(e)},onChangeValue:function(e,t,n){if(0===t.indexOf("--"))return e;var r=_(t);return t===r?e:(n.prop(r,e),null)}}},k=r.HZ&&CSS?CSS.px:"px",C=r.HZ&&CSS?CSS.ms:"ms",P=r.HZ&&CSS?CSS.percent:"%";function T(e){var t=/(-[a-z])/g,n=function(e){return e[1].toUpperCase()},r={};for(var o in e)r[o]=e[o],r[o.replace(t,n)]=e[o];return r}var A=T({"animation-delay":C,"animation-duration":C,"background-position":k,"background-position-x":k,"background-position-y":k,"background-size":k,border:k,"border-bottom":k,"border-bottom-left-radius":k,"border-bottom-right-radius":k,"border-bottom-width":k,"border-left":k,"border-left-width":k,"border-radius":k,"border-right":k,"border-right-width":k,"border-top":k,"border-top-left-radius":k,"border-top-right-radius":k,"border-top-width":k,"border-width":k,"border-block":k,"border-block-end":k,"border-block-end-width":k,"border-block-start":k,"border-block-start-width":k,"border-block-width":k,"border-inline":k,"border-inline-end":k,"border-inline-end-width":k,"border-inline-start":k,"border-inline-start-width":k,"border-inline-width":k,"border-start-start-radius":k,"border-start-end-radius":k,"border-end-start-radius":k,"border-end-end-radius":k,margin:k,"margin-bottom":k,"margin-left":k,"margin-right":k,"margin-top":k,"margin-block":k,"margin-block-end":k,"margin-block-start":k,"margin-inline":k,"margin-inline-end":k,"margin-inline-start":k,padding:k,"padding-bottom":k,"padding-left":k,"padding-right":k,"padding-top":k,"padding-block":k,"padding-block-end":k,"padding-block-start":k,"padding-inline":k,"padding-inline-end":k,"padding-inline-start":k,"mask-position-x":k,"mask-position-y":k,"mask-size":k,height:k,width:k,"min-height":k,"max-height":k,"min-width":k,"max-width":k,bottom:k,left:k,top:k,right:k,inset:k,"inset-block":k,"inset-block-end":k,"inset-block-start":k,"inset-inline":k,"inset-inline-end":k,"inset-inline-start":k,"box-shadow":k,"text-shadow":k,"column-gap":k,"column-rule":k,"column-rule-width":k,"column-width":k,"font-size":k,"font-size-delta":k,"letter-spacing":k,"text-decoration-thickness":k,"text-indent":k,"text-stroke":k,"text-stroke-width":k,"word-spacing":k,motion:k,"motion-offset":k,outline:k,"outline-offset":k,"outline-width":k,perspective:k,"perspective-origin-x":P,"perspective-origin-y":P,"transform-origin":P,"transform-origin-x":P,"transform-origin-y":P,"transform-origin-z":P,"transition-delay":C,"transition-duration":C,"vertical-align":k,"flex-basis":k,"shape-margin":k,size:k,gap:k,grid:k,"grid-gap":k,"row-gap":k,"grid-row-gap":k,"grid-column-gap":k,"grid-template-rows":k,"grid-template-columns":k,"grid-auto-rows":k,"grid-auto-columns":k,"box-shadow-x":k,"box-shadow-y":k,"box-shadow-blur":k,"box-shadow-spread":k,"font-line-height":k,"text-shadow-x":k,"text-shadow-y":k,"text-shadow-blur":k});function j(e,t,n){if(null==t)return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)t[r]=j(e,t[r],n);else if("object"==typeof t)if("fallbacks"===e)for(var o in t)t[o]=j(o,t[o],n);else for(var i in t)t[i]=j(e+"-"+i,t[i],n);else if("number"==typeof t&&!1===isNaN(t)){var a=n[e]||A[e];return!a||0===t&&a===k?t.toString():"function"==typeof a?a(t).toString():""+t+a}return t}var I=function(e){void 0===e&&(e={});var t=T(e);return{onProcessStyle:function(e,n){if("style"!==n.type)return e;for(var r in e)e[r]=j(r,e[r],t);return e},onChangeValue:function(e,n){return j(n,e,t)}}},R=n(33827),D=n(78927),N="",M="",L="",F="",B=R.Z&&"ontouchstart"in document.documentElement;if(R.Z){var z={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},W=document.createElement("p").style;for(var U in z)if(U+"Transform"in W){N=U,M=z[U];break}"Webkit"===N&&"msHyphens"in W&&(N="ms",M=z.ms,F="edge"),"Webkit"===N&&"-apple-trailing-word"in W&&(L="apple")}var Z=N,H=M,G=L,K=F,V=B;var $={noPrefill:["appearance"],supportedProperty:function(e){return"appearance"===e&&("ms"===Z?"-webkit-"+e:H+e)}},q={noPrefill:["color-adjust"],supportedProperty:function(e){return"color-adjust"===e&&("Webkit"===Z?H+"print-"+e:e)}},Y=/[-\s]+(.)?/g;function X(e,t){return t?t.toUpperCase():""}function J(e){return e.replace(Y,X)}function Q(e){return J("-"+e)}var ee,te={noPrefill:["mask"],supportedProperty:function(e,t){if(!/^mask/.test(e))return!1;if("Webkit"===Z){if(J("mask-image")in t)return e;if(Z+Q("mask-image")in t)return H+e}return e}},ne={noPrefill:["text-orientation"],supportedProperty:function(e){return"text-orientation"===e&&("apple"!==G||V?e:H+e)}},re={noPrefill:["transform"],supportedProperty:function(e,t,n){return"transform"===e&&(n.transform?e:H+e)}},oe={noPrefill:["transition"],supportedProperty:function(e,t,n){return"transition"===e&&(n.transition?e:H+e)}},ie={noPrefill:["writing-mode"],supportedProperty:function(e){return"writing-mode"===e&&("Webkit"===Z||"ms"===Z&&"edge"!==K?H+e:e)}},ae={noPrefill:["user-select"],supportedProperty:function(e){return"user-select"===e&&("Moz"===Z||"ms"===Z||"apple"===G?H+e:e)}},le={supportedProperty:function(e,t){return!!/^break-/.test(e)&&("Webkit"===Z?"WebkitColumn"+Q(e)in t&&H+"column-"+e:"Moz"===Z&&("page"+Q(e)in t&&"page-"+e))}},se={supportedProperty:function(e,t){if(!/^(border|margin|padding)-inline/.test(e))return!1;if("Moz"===Z)return e;var n=e.replace("-inline","");return Z+Q(n)in t&&H+n}},ue={supportedProperty:function(e,t){return J(e)in t&&e}},ce={supportedProperty:function(e,t){var n=Q(e);return"-"===e[0]||"-"===e[0]&&"-"===e[1]?e:Z+n in t?H+e:"Webkit"!==Z&&"Webkit"+n in t&&"-webkit-"+e}},fe={supportedProperty:function(e){return"scroll-snap"===e.substring(0,11)&&("ms"===Z?""+H+e:e)}},de={supportedProperty:function(e){return"overscroll-behavior"===e&&("ms"===Z?H+"scroll-chaining":e)}},pe={"flex-grow":"flex-positive","flex-shrink":"flex-negative","flex-basis":"flex-preferred-size","justify-content":"flex-pack",order:"flex-order","align-items":"flex-align","align-content":"flex-line-pack"},he={supportedProperty:function(e,t){var n=pe[e];return!!n&&(Z+Q(n)in t&&H+n)}},me={flex:"box-flex","flex-grow":"box-flex","flex-direction":["box-orient","box-direction"],order:"box-ordinal-group","align-items":"box-align","flex-flow":["box-orient","box-direction"],"justify-content":"box-pack"},ve=Object.keys(me),ge=function(e){return H+e},ye=[$,q,te,ne,re,oe,ie,ae,le,se,ue,ce,fe,de,he,{supportedProperty:function(e,t,n){var r=n.multiple;if(ve.indexOf(e)>-1){var o=me[e];if(!Array.isArray(o))return Z+Q(o)in t&&H+o;if(!r)return!1;for(var i=0;i<o.length;i++)if(!(Z+Q(o[0])in t))return!1;return o.map(ge)}return!1}}],be=ye.filter((function(e){return e.supportedProperty})).map((function(e){return e.supportedProperty})),we=ye.filter((function(e){return e.noPrefill})).reduce((function(e,t){return e.push.apply(e,(0,D.Z)(t.noPrefill)),e}),[]),xe={};if(R.Z){ee=document.createElement("p");var Ee=window.getComputedStyle(document.documentElement,"");for(var _e in Ee)isNaN(_e)||(xe[Ee[_e]]=Ee[_e]);we.forEach((function(e){return delete xe[e]}))}function Se(e,t){if(void 0===t&&(t={}),!ee)return e;if(null!=xe[e])return xe[e];"transition"!==e&&"transform"!==e||(t[e]=e in ee.style);for(var n=0;n<be.length&&(xe[e]=be[n](e,ee.style,t),!xe[e]);n++);try{ee.style[e]=""}catch(e){return!1}return xe[e]}var Oe,ke={},Ce={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},Pe=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g;function Te(e,t,n){if("var"===t)return"var";if("all"===t)return"all";if("all"===n)return", all";var r=t?Se(t):", "+Se(n);return r||(t||n)}function Ae(e,t){var n=t;if(!Oe||"content"===e)return t;if("string"!=typeof n||!isNaN(parseInt(n,10)))return n;var r=e+n;if(null!=ke[r])return ke[r];try{Oe.style[e]=n}catch(e){return ke[r]=!1,!1}if(Ce[e])n=n.replace(Pe,Te);else if(""===Oe.style[e]&&("-ms-flex"===(n=H+n)&&(Oe.style[e]="-ms-flexbox"),Oe.style[e]=n,""===Oe.style[e]))return ke[r]=!1,!1;return Oe.style[e]="",ke[r]=n,ke[r]}R.Z&&(Oe=document.createElement("p"));var je=function(){function e(t){for(var n in t){var o=t[n];if("fallbacks"===n&&Array.isArray(o))t[n]=o.map(e);else{var i=!1,a=Se(n);a&&a!==n&&(i=!0);var l=!1,s=Ae(a,(0,r.EK)(o));s&&s!==o&&(l=!0),(i||l)&&(i&&delete t[n],t[a||n]=s||o)}}return t}return{onProcessRule:function(e){if("keyframes"===e.type){var t=e;t.at=function(e){return"-"===e[1]||"ms"===Z?e:"@"+H+"keyframes"+e.substr(10)}(t.at)}},onProcessStyle:function(t,n){return"style"!==n.type?t:e(t)},onChangeValue:function(e,t){return Ae(t,(0,r.EK)(e))||e}}};var Ie=function(){var e=function(e,t){return e.length===t.length?e>t?1:-1:e.length-t.length};return{onProcessStyle:function(t,n){if("style"!==n.type)return t;for(var r={},o=Object.keys(t).sort(e),i=0;i<o.length;i++)r[o[i]]=t[o[i]];return r}}};function Re(){return{plugins:[l(),h(),y(),O(),I(),"undefined"==typeof window?null:je(),Ie()]}}},73914:function(e,t,n){"use strict";n.d(t,{Z:function(){return x}});var r=n(81253),o=n(22122),i=n(67294),a=n(54013),l=n(65835),s={set:function(e,t,n,r){var o=e.get(t);o||(o=new Map,e.set(t,o)),o.set(n,r)},get:function(e,t,n){var r=e.get(t);return r?r.get(n):void 0},delete:function(e,t,n){e.get(t).delete(n)}},u=n(159),c=n(4137),f=-1e9;function d(){return f+=1}var p=n(35953);function h(e){var t="function"==typeof e;return{create:function(n,r){var i;try{i=t?e(n):e}catch(e){throw e}if(!r||!n.overrides||!n.overrides[r])return i;var a=n.overrides[r],l=(0,o.Z)({},i);return Object.keys(a).forEach((function(e){l[e]=(0,p.Z)(l[e],a[e])})),l},options:{}}}var m={};function v(e,t,n){var r=e.state;if(e.stylesOptions.disableGeneration)return t||{};r.cacheClasses||(r.cacheClasses={value:null,lastProp:null,lastJSS:{}});var o=!1;return r.classes!==r.cacheClasses.lastJSS&&(r.cacheClasses.lastJSS=r.classes,o=!0),t!==r.cacheClasses.lastProp&&(r.cacheClasses.lastProp=t,o=!0),o&&(r.cacheClasses.value=(0,l.Z)({baseClasses:r.cacheClasses.lastJSS,newClasses:t,Component:n})),r.cacheClasses.value}function g(e,t){var n=e.state,r=e.theme,i=e.stylesOptions,u=e.stylesCreator,c=e.name;if(!i.disableGeneration){var f=s.get(i.sheetsManager,u,r);f||(f={refs:0,staticSheet:null,dynamicStyles:null},s.set(i.sheetsManager,u,r,f));var d=(0,o.Z)({},u.options,i,{theme:r,flip:"boolean"==typeof i.flip?i.flip:"rtl"===r.direction});d.generateId=d.serverGenerateClassName||d.generateClassName;var p=i.sheetsRegistry;if(0===f.refs){var h;i.sheetsCache&&(h=s.get(i.sheetsCache,u,r));var m=u.create(r,c);h||((h=i.jss.createStyleSheet(m,(0,o.Z)({link:!1},d))).attach(),i.sheetsCache&&s.set(i.sheetsCache,u,r,h)),p&&p.add(h),f.staticSheet=h,f.dynamicStyles=(0,a._$)(m)}if(f.dynamicStyles){var v=i.jss.createStyleSheet(f.dynamicStyles,(0,o.Z)({link:!0},d));v.update(t),v.attach(),n.dynamicSheet=v,n.classes=(0,l.Z)({baseClasses:f.staticSheet.classes,newClasses:v.classes}),p&&p.add(v)}else n.classes=f.staticSheet.classes;f.refs+=1}}function y(e,t){var n=e.state;n.dynamicSheet&&n.dynamicSheet.update(t)}function b(e){var t=e.state,n=e.theme,r=e.stylesOptions,o=e.stylesCreator;if(!r.disableGeneration){var i=s.get(r.sheetsManager,o,n);i.refs-=1;var a=r.sheetsRegistry;0===i.refs&&(s.delete(r.sheetsManager,o,n),r.jss.removeStyleSheet(i.staticSheet),a&&a.remove(i.staticSheet)),t.dynamicSheet&&(r.jss.removeStyleSheet(t.dynamicSheet),a&&a.remove(t.dynamicSheet))}}function w(e,t){var n,r=i.useRef([]),o=i.useMemo((function(){return{}}),t);r.current!==o&&(r.current=o,n=e()),i.useEffect((function(){return function(){n&&n()}}),[o])}function x(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.name,a=t.classNamePrefix,l=t.Component,s=t.defaultTheme,f=void 0===s?m:s,p=(0,r.Z)(t,["name","classNamePrefix","Component","defaultTheme"]),x=h(e),E=n||a||"makeStyles";x.options={index:d(),name:n,meta:E,classNamePrefix:E};var _=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,u.Z)()||f,r=(0,o.Z)({},i.useContext(c.NU),p),a=i.useRef(),s=i.useRef();w((function(){var o={name:n,state:{},stylesCreator:x,stylesOptions:r,theme:t};return g(o,e),s.current=!1,a.current=o,function(){b(o)}}),[t,x]),i.useEffect((function(){s.current&&y(a.current,e),s.current=!0}));var d=v(a.current,e.classes,l);return d};return _}},65835:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(22122);function o(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.baseClasses,n=e.newClasses;e.Component;if(!n)return t;var o=(0,r.Z)({},t);return Object.keys(n).forEach((function(e){n[e]&&(o[e]="".concat(t[e]," ").concat(n[e]))})),o}},83800:function(e,t,n){"use strict";var r=n(67294).createContext(null);t.Z=r},159:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});var r=n(67294),o=n(83800);function i(){return r.useContext(o.Z)}},35953:function(e,t,n){"use strict";n.d(t,{Z:function(){return a}});var r=n(22122),o=n(90484);function i(e){return e&&"object"===(0,o.Z)(e)&&e.constructor===Object}function a(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{clone:!0},o=n.clone?(0,r.Z)({},e):e;return i(e)&&i(t)&&Object.keys(t).forEach((function(r){"__proto__"!==r&&(i(t[r])&&r in e?o[r]=a(e[r],t[r],n):o[r]=t[r])})),o}},60288:function(e,t,n){"use strict";function r(e){for(var t="https://material-ui.com/production-error/?code="+e,n=1;n<arguments.length;n+=1)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified Material-UI error #"+e+"; visit "+t+" for the full message."}n.d(t,{Z:function(){return r}})},62844:function(e,t,n){"use strict";n.d(t,{Rf:function(){return i},DM:function(){return a},en:function(){return l},jH:function(){return s},Cf:function(){return u},Db:function(){return c},EG:function(){return f},l4:function(){return d},JY:function(){return p}});var r=n(61422),o={};function i(){return(0,r.KV)()?n.g:"undefined"!=typeof window?window:"undefined"!=typeof self?self:o}function a(){var e=i(),t=e.crypto||e.msCrypto;if(void 0!==t&&t.getRandomValues){var n=new Uint16Array(8);t.getRandomValues(n),n[3]=4095&n[3]|16384,n[4]=16383&n[4]|32768;var r=function(e){for(var t=e.toString(16);t.length<4;)t="0"+t;return t};return r(n[0])+r(n[1])+r(n[2])+r(n[3])+r(n[4])+r(n[5])+r(n[6])+r(n[7])}return"xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)}))}function l(e){if(!e)return{};var t=e.match(/^(([^:/?#]+):)?(\/\/([^/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?$/);if(!t)return{};var n=t[6]||"",r=t[8]||"";return{host:t[4],path:t[5],protocol:t[2],relative:t[5]+n+r}}function s(e){if(e.message)return e.message;if(e.exception&&e.exception.values&&e.exception.values[0]){var t=e.exception.values[0];return t.type&&t.value?t.type+": "+t.value:t.type||t.value||e.event_id||"<unknown>"}return e.event_id||"<unknown>"}function u(e){var t=i();if(!("console"in t))return e();var n=t.console,r={};["debug","info","warn","error","log","assert"].forEach((function(e){e in t.console&&n[e].__sentry_original__&&(r[e]=n[e],n[e]=n[e].__sentry_original__)}));var o=e();return Object.keys(r).forEach((function(e){n[e]=r[e]})),o}function c(e,t,n){e.exception=e.exception||{},e.exception.values=e.exception.values||[],e.exception.values[0]=e.exception.values[0]||{},e.exception.values[0].value=e.exception.values[0].value||t||"",e.exception.values[0].type=e.exception.values[0].type||n||"Error"}function f(e,t){void 0===t&&(t={});try{e.exception.values[0].mechanism=e.exception.values[0].mechanism||{},Object.keys(t).forEach((function(n){e.exception.values[0].mechanism[n]=t[n]}))}catch(e){}}function d(){try{return document.location.href}catch(e){return""}}function p(e,t){if(!t)return 6e4;var n=parseInt(""+t,10);if(!isNaN(n))return 1e3*n;var r=Date.parse(""+t);return isNaN(r)?6e4:r-e}},61422:function(e,t,n){"use strict";function r(){return"[object process]"===Object.prototype.toString.call("undefined"!=typeof process?process:0)}function o(e,t){return e.require(t)}n.d(t,{KV:function(){return r},l$:function(){return o}}),e=n.hmd(e)},21170:function(e,t,n){"use strict";n.d(t,{yW:function(){return s}});var r=n(62844),o=n(61422);e=n.hmd(e);var i={nowSeconds:function(){return Date.now()/1e3}};var a=(0,o.KV)()?function(){try{return(0,o.l$)(e,"perf_hooks").performance}catch(e){return}}():function(){var e=(0,r.Rf)().performance;if(e&&e.now)return{now:function(){return e.now()},timeOrigin:Date.now()-e.now()}}(),l=void 0===a?i:{nowSeconds:function(){return(a.timeOrigin+a.now())/1e3}},s=i.nowSeconds.bind(i);l.nowSeconds.bind(l),function(){var e=(0,r.Rf)().performance;if(e)e.timeOrigin?e.timeOrigin:e.timing&&e.timing.navigationStart||Date.now()}()},9669:function(e,t,n){e.exports=n(51609)},55448:function(e,t,n){"use strict";var r=n(64867),o=n(36026),i=n(4372),a=n(15327),l=n(94097),s=n(84109),u=n(67985),c=n(85061);e.exports=function(e){return new Promise((function(t,n){var f=e.data,d=e.headers;r.isFormData(f)&&delete d["Content-Type"];var p=new XMLHttpRequest;if(e.auth){var h=e.auth.username||"",m=e.auth.password?unescape(encodeURIComponent(e.auth.password)):"";d.Authorization="Basic "+btoa(h+":"+m)}var v=l(e.baseURL,e.url);if(p.open(e.method.toUpperCase(),a(v,e.params,e.paramsSerializer),!0),p.timeout=e.timeout,p.onreadystatechange=function(){if(p&&4===p.readyState&&(0!==p.status||p.responseURL&&0===p.responseURL.indexOf("file:"))){var r="getAllResponseHeaders"in p?s(p.getAllResponseHeaders()):null,i={data:e.responseType&&"text"!==e.responseType?p.response:p.responseText,status:p.status,statusText:p.statusText,headers:r,config:e,request:p};o(t,n,i),p=null}},p.onabort=function(){p&&(n(c("Request aborted",e,"ECONNABORTED",p)),p=null)},p.onerror=function(){n(c("Network Error",e,null,p)),p=null},p.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),n(c(t,e,"ECONNABORTED",p)),p=null},r.isStandardBrowserEnv()){var g=(e.withCredentials||u(v))&&e.xsrfCookieName?i.read(e.xsrfCookieName):void 0;g&&(d[e.xsrfHeaderName]=g)}if("setRequestHeader"in p&&r.forEach(d,(function(e,t){void 0===f&&"content-type"===t.toLowerCase()?delete d[t]:p.setRequestHeader(t,e)})),r.isUndefined(e.withCredentials)||(p.withCredentials=!!e.withCredentials),e.responseType)try{p.responseType=e.responseType}catch(t){if("json"!==e.responseType)throw t}"function"==typeof e.onDownloadProgress&&p.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&p.upload&&p.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then((function(e){p&&(p.abort(),n(e),p=null)})),f||(f=null),p.send(f)}))}},51609:function(e,t,n){"use strict";var r=n(64867),o=n(91849),i=n(30321),a=n(47185);function l(e){var t=new i(e),n=o(i.prototype.request,t);return r.extend(n,i.prototype,t),r.extend(n,t),n}var s=l(n(45655));s.Axios=i,s.create=function(e){return l(a(s.defaults,e))},s.Cancel=n(65263),s.CancelToken=n(14972),s.isCancel=n(26502),s.all=function(e){return Promise.all(e)},s.spread=n(8713),s.isAxiosError=n(16268),e.exports=s,e.exports.default=s},65263:function(e){"use strict";function t(e){this.message=e}t.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},t.prototype.__CANCEL__=!0,e.exports=t},14972:function(e,t,n){"use strict";var r=n(65263);function o(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise((function(e){t=e}));var n=this;e((function(e){n.reason||(n.reason=new r(e),t(n.reason))}))}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.source=function(){var e;return{token:new o((function(t){e=t})),cancel:e}},e.exports=o},26502:function(e){"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},30321:function(e,t,n){"use strict";var r=n(64867),o=n(15327),i=n(80782),a=n(13572),l=n(47185);function s(e){this.defaults=e,this.interceptors={request:new i,response:new i}}s.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{}).url=arguments[0]:e=e||{},(e=l(this.defaults,e)).method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var t=[a,void 0],n=Promise.resolve(e);for(this.interceptors.request.forEach((function(e){t.unshift(e.fulfilled,e.rejected)})),this.interceptors.response.forEach((function(e){t.push(e.fulfilled,e.rejected)}));t.length;)n=n.then(t.shift(),t.shift());return n},s.prototype.getUri=function(e){return e=l(this.defaults,e),o(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},r.forEach(["delete","get","head","options"],(function(e){s.prototype[e]=function(t,n){return this.request(l(n||{},{method:e,url:t,data:(n||{}).data}))}})),r.forEach(["post","put","patch"],(function(e){s.prototype[e]=function(t,n,r){return this.request(l(r||{},{method:e,url:t,data:n}))}})),e.exports=s},80782:function(e,t,n){"use strict";var r=n(64867);function o(){this.handlers=[]}o.prototype.use=function(e,t){return this.handlers.push({fulfilled:e,rejected:t}),this.handlers.length-1},o.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},o.prototype.forEach=function(e){r.forEach(this.handlers,(function(t){null!==t&&e(t)}))},e.exports=o},94097:function(e,t,n){"use strict";var r=n(91793),o=n(7303);e.exports=function(e,t){return e&&!r(t)?o(e,t):t}},85061:function(e,t,n){"use strict";var r=n(80481);e.exports=function(e,t,n,o,i){var a=new Error(e);return r(a,t,n,o,i)}},13572:function(e,t,n){"use strict";var r=n(64867),o=n(18527),i=n(26502),a=n(45655);function l(e){e.cancelToken&&e.cancelToken.throwIfRequested()}e.exports=function(e){return l(e),e.headers=e.headers||{},e.data=o(e.data,e.headers,e.transformRequest),e.headers=r.merge(e.headers.common||{},e.headers[e.method]||{},e.headers),r.forEach(["delete","get","head","post","put","patch","common"],(function(t){delete e.headers[t]})),(e.adapter||a.adapter)(e).then((function(t){return l(e),t.data=o(t.data,t.headers,e.transformResponse),t}),(function(t){return i(t)||(l(e),t&&t.response&&(t.response.data=o(t.response.data,t.response.headers,e.transformResponse))),Promise.reject(t)}))}},80481:function(e){"use strict";e.exports=function(e,t,n,r,o){return e.config=t,n&&(e.code=n),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},e}},47185:function(e,t,n){"use strict";var r=n(64867);e.exports=function(e,t){t=t||{};var n={},o=["url","method","data"],i=["headers","auth","proxy","params"],a=["baseURL","transformRequest","transformResponse","paramsSerializer","timeout","timeoutMessage","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","decompress","maxContentLength","maxBodyLength","maxRedirects","transport","httpAgent","httpsAgent","cancelToken","socketPath","responseEncoding"],l=["validateStatus"];function s(e,t){return r.isPlainObject(e)&&r.isPlainObject(t)?r.merge(e,t):r.isPlainObject(t)?r.merge({},t):r.isArray(t)?t.slice():t}function u(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=s(void 0,e[o])):n[o]=s(e[o],t[o])}r.forEach(o,(function(e){r.isUndefined(t[e])||(n[e]=s(void 0,t[e]))})),r.forEach(i,u),r.forEach(a,(function(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=s(void 0,e[o])):n[o]=s(void 0,t[o])})),r.forEach(l,(function(r){r in t?n[r]=s(e[r],t[r]):r in e&&(n[r]=s(void 0,e[r]))}));var c=o.concat(i).concat(a).concat(l),f=Object.keys(e).concat(Object.keys(t)).filter((function(e){return-1===c.indexOf(e)}));return r.forEach(f,u),n}},36026:function(e,t,n){"use strict";var r=n(85061);e.exports=function(e,t,n){var o=n.config.validateStatus;n.status&&o&&!o(n.status)?t(r("Request failed with status code "+n.status,n.config,null,n.request,n)):e(n)}},18527:function(e,t,n){"use strict";var r=n(64867);e.exports=function(e,t,n){return r.forEach(n,(function(n){e=n(e,t)})),e}},45655:function(e,t,n){"use strict";var r=n(64867),o=n(16016),i={"Content-Type":"application/x-www-form-urlencoded"};function a(e,t){!r.isUndefined(e)&&r.isUndefined(e["Content-Type"])&&(e["Content-Type"]=t)}var l,s={adapter:(("undefined"!=typeof XMLHttpRequest||"undefined"!=typeof process&&"[object process]"===Object.prototype.toString.call(process))&&(l=n(55448)),l),transformRequest:[function(e,t){return o(t,"Accept"),o(t,"Content-Type"),r.isFormData(e)||r.isArrayBuffer(e)||r.isBuffer(e)||r.isStream(e)||r.isFile(e)||r.isBlob(e)?e:r.isArrayBufferView(e)?e.buffer:r.isURLSearchParams(e)?(a(t,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):r.isObject(e)?(a(t,"application/json;charset=utf-8"),JSON.stringify(e)):e}],transformResponse:[function(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,validateStatus:function(e){return e>=200&&e<300}};s.headers={common:{Accept:"application/json, text/plain, */*"}},r.forEach(["delete","get","head"],(function(e){s.headers[e]={}})),r.forEach(["post","put","patch"],(function(e){s.headers[e]=r.merge(i)})),e.exports=s},91849:function(e){"use strict";e.exports=function(e,t){return function(){for(var n=new Array(arguments.length),r=0;r<n.length;r++)n[r]=arguments[r];return e.apply(t,n)}}},15327:function(e,t,n){"use strict";var r=n(64867);function o(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}e.exports=function(e,t,n){if(!t)return e;var i;if(n)i=n(t);else if(r.isURLSearchParams(t))i=t.toString();else{var a=[];r.forEach(t,(function(e,t){null!=e&&(r.isArray(e)?t+="[]":e=[e],r.forEach(e,(function(e){r.isDate(e)?e=e.toISOString():r.isObject(e)&&(e=JSON.stringify(e)),a.push(o(t)+"="+o(e))})))})),i=a.join("&")}if(i){var l=e.indexOf("#");-1!==l&&(e=e.slice(0,l)),e+=(-1===e.indexOf("?")?"?":"&")+i}return e}},7303:function(e){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},4372:function(e,t,n){"use strict";var r=n(64867);e.exports=r.isStandardBrowserEnv()?{write:function(e,t,n,o,i,a){var l=[];l.push(e+"="+encodeURIComponent(t)),r.isNumber(n)&&l.push("expires="+new Date(n).toGMTString()),r.isString(o)&&l.push("path="+o),r.isString(i)&&l.push("domain="+i),!0===a&&l.push("secure"),document.cookie=l.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},91793:function(e){"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},16268:function(e){"use strict";e.exports=function(e){return"object"==typeof e&&!0===e.isAxiosError}},67985:function(e,t,n){"use strict";var r=n(64867);e.exports=r.isStandardBrowserEnv()?function(){var e,t=/(msie|trident)/i.test(navigator.userAgent),n=document.createElement("a");function o(e){var r=e;return t&&(n.setAttribute("href",r),r=n.href),n.setAttribute("href",r),{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:"/"===n.pathname.charAt(0)?n.pathname:"/"+n.pathname}}return e=o(window.location.href),function(t){var n=r.isString(t)?o(t):t;return n.protocol===e.protocol&&n.host===e.host}}():function(){return!0}},16016:function(e,t,n){"use strict";var r=n(64867);e.exports=function(e,t){r.forEach(e,(function(n,r){r!==t&&r.toUpperCase()===t.toUpperCase()&&(e[t]=n,delete e[r])}))}},84109:function(e,t,n){"use strict";var r=n(64867),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,n,i,a={};return e?(r.forEach(e.split("\n"),(function(e){if(i=e.indexOf(":"),t=r.trim(e.substr(0,i)).toLowerCase(),n=r.trim(e.substr(i+1)),t){if(a[t]&&o.indexOf(t)>=0)return;a[t]="set-cookie"===t?(a[t]?a[t]:[]).concat([n]):a[t]?a[t]+", "+n:n}})),a):a}},8713:function(e){"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}},64867:function(e,t,n){"use strict";var r=n(91849),o=Object.prototype.toString;function i(e){return"[object Array]"===o.call(e)}function a(e){return void 0===e}function l(e){return null!==e&&"object"==typeof e}function s(e){if("[object Object]"!==o.call(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.prototype}function u(e){return"[object Function]"===o.call(e)}function c(e,t){if(null!=e)if("object"!=typeof e&&(e=[e]),i(e))for(var n=0,r=e.length;n<r;n++)t.call(null,e[n],n,e);else for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.call(null,e[o],o,e)}e.exports={isArray:i,isArrayBuffer:function(e){return"[object ArrayBuffer]"===o.call(e)},isBuffer:function(e){return null!==e&&!a(e)&&null!==e.constructor&&!a(e.constructor)&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)},isFormData:function(e){return"undefined"!=typeof FormData&&e instanceof FormData},isArrayBufferView:function(e){return"undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer},isString:function(e){return"string"==typeof e},isNumber:function(e){return"number"==typeof e},isObject:l,isPlainObject:s,isUndefined:a,isDate:function(e){return"[object Date]"===o.call(e)},isFile:function(e){return"[object File]"===o.call(e)},isBlob:function(e){return"[object Blob]"===o.call(e)},isFunction:u,isStream:function(e){return l(e)&&u(e.pipe)},isURLSearchParams:function(e){return"undefined"!=typeof URLSearchParams&&e instanceof URLSearchParams},isStandardBrowserEnv:function(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&("undefined"!=typeof window&&"undefined"!=typeof document)},forEach:c,merge:function e(){var t={};function n(n,r){s(t[r])&&s(n)?t[r]=e(t[r],n):s(n)?t[r]=e({},n):i(n)?t[r]=n.slice():t[r]=n}for(var r=0,o=arguments.length;r<o;r++)c(arguments[r],n);return t},extend:function(e,t,n){return c(t,(function(t,o){e[o]=n&&"function"==typeof t?r(t,n):t})),e},trim:function(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")},stripBOM:function(e){return 65279===e.charCodeAt(0)&&(e=e.slice(1)),e}}},93264:function(e,t,n){"use strict";var r=n(67294),o=n(73935),i=n(67121),a=function(){return Math.random().toString(36).substring(7).split("").join(".")},l={INIT:"@@redux/INIT"+a(),REPLACE:"@@redux/REPLACE"+a(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+a()}};function s(e){if("object"!=typeof e||null===e)return!1;for(var t=e;null!==Object.getPrototypeOf(t);)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}function u(e,t,n){var r;if("function"==typeof t&&"function"==typeof n||"function"==typeof n&&"function"==typeof arguments[3])throw new Error("It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function.");if("function"==typeof t&&void 0===n&&(n=t,t=void 0),void 0!==n){if("function"!=typeof n)throw new Error("Expected the enhancer to be a function.");return n(u)(e,t)}if("function"!=typeof e)throw new Error("Expected the reducer to be a function.");var o=e,a=t,c=[],f=c,d=!1;function p(){f===c&&(f=c.slice())}function h(){if(d)throw new Error("You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");return a}function m(e){if("function"!=typeof e)throw new Error("Expected the listener to be a function.");if(d)throw new Error("You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api-reference/store#subscribelistener for more details.");var t=!0;return p(),f.push(e),function(){if(t){if(d)throw new Error("You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api-reference/store#subscribelistener for more details.");t=!1,p();var n=f.indexOf(e);f.splice(n,1),c=null}}}function v(e){if(!s(e))throw new Error("Actions must be plain objects. Use custom middleware for async actions.");if(void 0===e.type)throw new Error('Actions may not have an undefined "type" property. Have you misspelled a constant?');if(d)throw new Error("Reducers may not dispatch actions.");try{d=!0,a=o(a,e)}finally{d=!1}for(var t=c=f,n=0;n<t.length;n++){(0,t[n])()}return e}function g(e){if("function"!=typeof e)throw new Error("Expected the nextReducer to be a function.");o=e,v({type:l.REPLACE})}function y(){var e,t=m;return(e={subscribe:function(e){if("object"!=typeof e||null===e)throw new TypeError("Expected the observer to be an object.");function n(){e.next&&e.next(h())}return n(),{unsubscribe:t(n)}}})[i.Z]=function(){return this},e}return v({type:l.INIT}),(r={dispatch:v,subscribe:m,getState:h,replaceReducer:g})[i.Z]=y,r}function c(e,t){var n=t&&t.type;return"Given "+(n&&'action "'+String(n)+'"'||"an action")+', reducer "'+e+'" returned undefined. To ignore an action, you must explicitly return the previous state. If you want this reducer to hold no value, you can return null instead of undefined.'}function f(e,t){return function(){return t(e.apply(this,arguments))}}function d(e,t){if("function"==typeof e)return f(e,t);if("object"!=typeof e||null===e)throw new Error("bindActionCreators expected an object or a function, instead received "+(null===e?"null":typeof e)+'. Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?');var n={};for(var r in e){var o=e[r];"function"==typeof o&&(n[r]=f(o,t))}return n}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}function h(e,t){var n=Object.keys(e);return Object.getOwnPropertySymbols&&n.push.apply(n,Object.getOwnPropertySymbols(e)),t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(n,!0).forEach((function(t){p(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function v(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return 0===t.length?function(e){return e}:1===t.length?t[0]:t.reduce((function(e,t){return function(){return e(t.apply(void 0,arguments))}}))}function g(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(e){return function(){var n=e.apply(void 0,arguments),r=function(){throw new Error("Dispatching while constructing your middleware is not allowed. Other middleware would not be applied to this dispatch.")},o={getState:n.getState,dispatch:function(){return r.apply(void 0,arguments)}},i=t.map((function(e){return e(o)}));return m({},n,{dispatch:r=v.apply(void 0,i)(n.dispatch)})}}}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={INIT:"INIT",ADD_MODEL:"ADD_MODEL",ADD_RELATION:"ADD_RELATION",CHANGE_RELATION:"CHANGE_RELATION",REMOVE_RELATION:"REMOVE_RELATION",GET_DATA_BEGIN:"GET_DATA_BEGIN",GET_DATA_SUCCESS:"GET_DATA_SUCCESS",GET_DATA_FAILURE:"GET_DATA_FAILURE",GET_DATA_END:"GET_DATA_END",HAS_CHANGES:"HAS_CHANGES",IS_UPDATING:"IS_UPDATING",STOP_LOADING:"STOP_LOADING",SET_SETTING_VALUE:"SET_SETTING_VALUE",OPEN_DRAWER:"OPENING DRAWER",CLOSE_DRAWER:"CLOSING DRAWER",groups:{ADD_RECORD:"ADDING GROUP RECORD",REMOVE_RECORD:"REMOVING GROUP RECORD",SET_KEY_VALUE:"SET KEY VALUE GROUPS",SET_KEY_FORMAT:"SET FORMATTED KEY VALUE PAIRS GROUPS"},buttons:{ADD_RECORD:"ADDING BUTTON RECORD",REMOVE_RECORD:"REMOVING BUTTON RECORD",SET_KEY_VALUE:"SET KEY VALUE BUTTONS",SET_KEY_FORMAT:"SET FORMATTED KEY VALUE PAIRS BUTTONS"},timeSchedules:{ADD_RECORD:"ADDING TIME SCHEDULE",REMOVE_RECORD:"REMOVING TIME SCHEDULE",SET_KEY_VALUE:"SET KEY VALUE TIMESCHEDULES",SET_KEY_FORMAT:"SET FORMATTED KEY VALUE PAIRS TIMESCHEDULES",ADD_TIMESCHEDULE:"ADD_TIMESCHEDULE",SET_WEEKDAY:"SET_WEEKDAY",ADD_EXCLUDED_DATE:"ADD_EXCLUDED_DATE",SET_EXCLUDED_DATE:"SET_EXCLUDED_DATE",REMOVE_EXCLUDED_DATE:"REMOVE_EXCLUDED_DATE"},pageRules:{ADD_RECORD:"ADDING PAGE RULE",REMOVE_RECORD:"REMOVING PAGE RULE",SET_KEY_VALUE:"SET KEY VALUE PAGERULES",SET_KEY_FORMAT:"SET FORMATTED KEY VALUE PAIRS PAGERULES",ADD_PAGE_RULE_ROW:"ADD_PAGE_RULE_ROW",SET_PAGE_RULE_ROW:"SET_PAGE_RULE_ROW",REMOVE_PAGE_RULE_ROW:"REMOVE_PAGE_RULE_ROW"},wp:{GET_DATA_BEGIN:"GET_DATA_BEGIN_WP",GET_DATA_SUCCESS:"GET_DATA_SUCCESS_WP",GET_DATA_FAILURE:"GET_DATA_FAILURE_WP",GET_DATA_END:"GET_DATA_END_WP"},templates:{INIT:"INIT TEMPLATES",GET_DATA_BEGIN:"GET TEMPLATES DATA BEGIN",GET_DATA_FAILURE:"GET TEMPLATES DATA FAILURE",GET_DATA_END:"GET TEMPLATES DATA END",ADD_RECORD:"ADDING TEMPLATE"}},w=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"],x="buttons",E="groups",_={MENU:"menu",SETTINGS:"settings",SETTINGS_PAGES:{analytics:"analytics",iconLibrary:"iconlibrary",preferences:"preferences",reset:"reset"},TIME_SCHEDULES:"timeschedules",PAGE_RULES:"pagerules"},S={normal_hover:{format:function(e,t){return[e,t].map((function(e){return"unset"===e||null==e?"":e})).filter((function(e,t,n){return 0===t||""!==e&&e!==n[0]})).join(";")||"unset"},parse:function(e){var t=e;if("boolean"==typeof e&&(t=String(e)),"number"==typeof e&&(t=String(e)),void 0===e)return[];if("string"!=typeof t)throw console.trace(),console.log(y(t),t),TypeError("'record[key]' val is not of type String, boolean or number");return t.split(";").map((function(e){if(e)return"true"===e||"false"!==e&&(isNaN(Number(e))?e:Number(e))})).map((function(e,t,n){return 0===t?e:e===n[0]?void 0:e}))}},fourSidesPx:{format:function(e,t,n,r){return"".concat(e,"px ").concat(t,"px ").concat(n,"px ").concat(r,"px")},parse:function(e){return e.match(/\d+/g)}},position:{format:function(e,t,n){return"".concat(e,": ").concat(n).concat(t)}}},O=n(9669),k=n.n(O);function C(e,t){P(),document.location.hash+="".concat(document.location.hash.match(/\/$/)?"":"/").concat(e).concat(t?"/"+t:"")}function P(){document.location.hash=document.location.hash.replace(/\/?(settings|menu|timeschedules|pagerules).*$/i,"")}function T(e){if(!e)return null;return"".concat(e.getDate(),"-").concat(function(e,t){for(var n=String(e);n.length<(t||2);)n="0"+n;return n}(e.getMonth()+1,2),"-").concat(e.getFullYear())}var A=function(){var e=new Map;return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"fontawesome",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"5.free",r=buttonizer_admin.assets+"/icon_definitions/"+t+"."+n+".json?buttonizer-icon-cache="+buttonizer_admin.version;if(e.has(r))return e.get(r);var o=k()({url:r,dataType:"json",method:"get"});return e.set(r,o),o}}(),j=n(71171),I=n.n(j);function R(){return Array.apply(0,Array(15)).map((function(){return(e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789").charAt(Math.floor(Math.random()*e.length));var e})).join("")}var D=n(26905),N=n.n(D);function M(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o;return String.prototype.format||(String.prototype.format=function(){var e=arguments;return this.replace(/{(\d+)}/g,(function(t,n){return void 0!==e[n]?e[n]:t}))}),"undefined"!=typeof buttonizer_translations?n?(o=N()(buttonizer_translations,e,"Translation not found: "+e)).format.apply(o,n):N()(buttonizer_translations,e,"Translation not found: "+e):e}function L(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 F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){B(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}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}function z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return W(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 W(e,t)}(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 i,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw i}}}}function W(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 U(e,t){return t.url=buttonizer_admin.api+e,t.headers={"X-WP-Nonce":buttonizer_admin.nonce},k()(t)}function Z(e){var t,n=e,r={},o={},i=z(n.groups);try{for(i.s();!(t=i.n()).done;){var a=t.value,l=H(a.data);l.children=[];var s,u=z(a.buttons);try{for(u.s();!(s=u.n()).done;){var c=H(s.value);c.parent=l.id,r[c.id]=c,l.children.push(c.id)}}catch(e){u.e(e)}finally{u.f()}o[l.id]=l}}catch(e){i.e(e)}finally{i.f()}var f={},d={};return n.time_schedules&&n.time_schedules.map((function(e){f[e.id]={id:e.id,name:e.name||M("time_schedules.single_name"),weekdays:e.weekdays||w.map((function(e){return{opened:!0,open:"8:00",close:"17:00",weekday:e}})),start_date:e.start_date||T(new Date),end_date:e.end_date||null,dates:e.dates||[]}})),n.page_rules&&n.page_rules.map((function(e){d[e.id]={id:e.id,name:e.name||"Unnamed pagerule",type:e.type||"and",rules:e.rules||[{type:"page_title",value:""}]}})),{hasChanges:n.changes,buttons:r,groups:o,timeSchedules:f,pageRules:d,settings:n.settings,premium:n.premium,premium_code:n.premium_code,version:n.version,wordpress:n.wordpress,is_opt_in:n.is_opt_in,additional_permissions:n.additional_permissions}}function H(e){return e&&void 0!==e.id?e:F(F({},e),{},{id:I()()})}function G(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return{type:b.ADD_RELATION,payload:{button_id:e,group_id:t,index:n}}}function K(e,t,n,r){return{type:b.CHANGE_RELATION,payload:{button_id:e,old_group_id:t,new_group_id:n,button_index:r}}}function V(e,t){return{type:b.REMOVE_RELATION,payload:{button_id:e,group_id:t}}}var $=function(e,t,n,r){return Array.isArray(r)?{type:b[e].SET_KEY_FORMAT,payload:{id:t,format:"normal_hover",key:n,values:r}}:{type:b[e].SET_KEY_VALUE,payload:{id:t,key:n,value:r}}},q=function(e,t){return{type:b.SET_SETTING_VALUE,payload:{setting:e,value:t}}};function Y(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return{type:b[t].ADD_RECORD,payload:{record:H(e),index:n}}}function X(e,t){return{type:b[t].REMOVE_RECORD,payload:{model_id:e}}}var J=n(59528),Q=n(91747),ee=n.n(Q),te=n(82492),ne=n.n(te);function re(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:window.store.getState();if(!t.groups[e].children)return null;var n=t.groups[e].children,r=t.buttons,o={};return Object.keys(r).map((function(e){n.includes(e)&&(o[e]=r[e])})),o}function oe(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Kn.getState();if(!e)return null;var n=t.buttons,r={};return Object.keys(n).map((function(t){e.includes(t)&&e.map((function(e,o){e===t&&(r[o]=n[t])}))})),r}function ie(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:window.store.getState();return t.groups&&t.groups[e]?t.groups[e].children.length:0}function ae(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{excludeSelf:!1};if(void 0===t||void 0===e)throw console.log("record: "+t),console.log("key: "+e),TypeError("'record' argument or 'key' argument of type undefined");var i=t[e];if(!J.dashboard.formatted.includes(e))return null==i?n?le(n,e,r[e]):"":i;var a=r?S.normal_hover.parse(r[e]):[];if(null==i)return n?se(n,e,[],a):["",""];var l=S.normal_hover.parse(i);return n?se(n,e,l,a,o):ne()(["",""],l)}function le(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";if(Object.keys(J.dashboard).includes(e))return Object.keys(J.dashboard[e]).includes(t)?null==J.dashboard[e][t]?n:J.dashboard[e][t]:"";console.error("model ".concat(e," not familiar"))}function se(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(Object.keys(J.dashboard).includes(e)){if(!Object.keys(J.dashboard[e]).includes(t))return["",""];var i=J.dashboard[e][t];return"background_is_image"===t&&console.log(J.dashboard),"group"===e?ue(n,i,o):"button"===e?ce(n,r,i,o):void 0}console.error("model ".concat(e," not familiar"))}function ue(){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]:{},r=n.excludeSelf,o=void 0!==r&&r,i=[e,t,[e[0],e[0]],[t[0],t[0]]];return o&&i.shift(),ee().apply(void 0,i)}function ce(){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]:[],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=r.excludeSelf,i=void 0!==o&&o,a=[e,t,[void 0,e[0]],n,[void 0,t[0]],[void 0,n[0]]];return i&&a.shift(),ee().apply(void 0,a)}function fe(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];throw Error("[Immer] minified error nr: "+e+(n.length?" "+n.map((function(e){return"'"+e+"'"})).join(","):"")+". Find the full error at: https://bit.ly/3cXEKWf")}function de(e){return!!e&&!!e[Qe]}function pe(e){return!!e&&(function(e){if(!e||"object"!=typeof e)return!1;var t=Object.getPrototypeOf(e);if(null===t)return!0;var n=Object.hasOwnProperty.call(t,"constructor")&&t.constructor;return"function"==typeof n&&Function.toString.call(n)===et}(e)||Array.isArray(e)||!!e[Je]||!!e.constructor[Je]||we(e)||xe(e))}function he(e,t,n){void 0===n&&(n=!1),0===me(e)?(n?Object.keys:tt)(e).forEach((function(r){n&&"symbol"==typeof r||t(r,e[r],e)})):e.forEach((function(n,r){return t(r,n,e)}))}function me(e){var t=e[Qe];return t?t.i>3?t.i-4:t.i:Array.isArray(e)?1:we(e)?2:xe(e)?3:0}function ve(e,t){return 2===me(e)?e.has(t):Object.prototype.hasOwnProperty.call(e,t)}function ge(e,t){return 2===me(e)?e.get(t):e[t]}function ye(e,t,n){var r=me(e);2===r?e.set(t,n):3===r?(e.delete(t),e.add(n)):e[t]=n}function be(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function we(e){return $e&&e instanceof Map}function xe(e){return qe&&e instanceof Set}function Ee(e){return e.o||e.t}function _e(e){if(Array.isArray(e))return Array.prototype.slice.call(e);var t=nt(e);delete t[Qe];for(var n=tt(t),r=0;r<n.length;r++){var o=n[r],i=t[o];!1===i.writable&&(i.writable=!0,i.configurable=!0),(i.get||i.set)&&(t[o]={configurable:!0,writable:!0,enumerable:i.enumerable,value:e[o]})}return Object.create(Object.getPrototypeOf(e),t)}function Se(e,t){return void 0===t&&(t=!1),ke(e)||de(e)||!pe(e)||(me(e)>1&&(e.set=e.add=e.clear=e.delete=Oe),Object.freeze(e),t&&he(e,(function(e,t){return Se(t,!0)}),!0)),e}function Oe(){fe(2)}function ke(e){return null==e||"object"!=typeof e||Object.isFrozen(e)}function Ce(e){var t=rt[e];return t||fe(18,e),t}function Pe(){return Ke}function Te(e,t){t&&(Ce("Patches"),e.u=[],e.s=[],e.v=t)}function Ae(e){je(e),e.p.forEach(Re),e.p=null}function je(e){e===Ke&&(Ke=e.l)}function Ie(e){return Ke={p:[],l:Ke,h:e,m:!0,_:0}}function Re(e){var t=e[Qe];0===t.i||1===t.i?t.j():t.g=!0}function De(e,t){t._=t.p.length;var n=t.p[0],r=void 0!==e&&e!==n;return t.h.O||Ce("ES5").S(t,e,r),r?(n[Qe].P&&(Ae(t),fe(4)),pe(e)&&(e=Ne(t,e),t.l||Le(t,e)),t.u&&Ce("Patches").M(n[Qe],e,t.u,t.s)):e=Ne(t,n,[]),Ae(t),t.u&&t.v(t.u,t.s),e!==Xe?e:void 0}function Ne(e,t,n){if(ke(t))return t;var r=t[Qe];if(!r)return he(t,(function(o,i){return Me(e,r,t,o,i,n)}),!0),t;if(r.A!==e)return t;if(!r.P)return Le(e,r.t,!0),r.t;if(!r.I){r.I=!0,r.A._--;var o=4===r.i||5===r.i?r.o=_e(r.k):r.o;he(3===r.i?new Set(o):o,(function(t,i){return Me(e,r,o,t,i,n)})),Le(e,o,!1),n&&e.u&&Ce("Patches").R(r,n,e.u,e.s)}return r.o}function Me(e,t,n,r,o,i){if(de(o)){var a=Ne(e,o,i&&t&&3!==t.i&&!ve(t.D,r)?i.concat(r):void 0);if(ye(n,r,a),!de(a))return;e.m=!1}if(pe(o)&&!ke(o)){if(!e.h.F&&e._<1)return;Ne(e,o),t&&t.A.l||Le(e,o)}}function Le(e,t,n){void 0===n&&(n=!1),e.h.F&&e.m&&Se(t,n)}function Fe(e,t){var n=e[Qe];return(n?Ee(n):e)[t]}function Be(e,t){if(t in e)for(var n=Object.getPrototypeOf(e);n;){var r=Object.getOwnPropertyDescriptor(n,t);if(r)return r;n=Object.getPrototypeOf(n)}}function ze(e){e.P||(e.P=!0,e.l&&ze(e.l))}function We(e){e.o||(e.o=_e(e.t))}function Ue(e,t,n){var r=we(t)?Ce("MapSet").N(t,n):xe(t)?Ce("MapSet").T(t,n):e.O?function(e,t){var n=Array.isArray(e),r={i:n?1:0,A:t?t.A:Pe(),P:!1,I:!1,D:{},l:t,t:e,k:null,o:null,j:null,C:!1},o=r,i=ot;n&&(o=[r],i=it);var a=Proxy.revocable(o,i),l=a.revoke,s=a.proxy;return r.k=s,r.j=l,s}(t,n):Ce("ES5").J(t,n);return(n?n.A:Pe()).p.push(r),r}function Ze(e){return de(e)||fe(22,e),function e(t){if(!pe(t))return t;var n,r=t[Qe],o=me(t);if(r){if(!r.P&&(r.i<4||!Ce("ES5").K(r)))return r.t;r.I=!0,n=He(t,o),r.I=!1}else n=He(t,o);return he(n,(function(t,o){r&&ge(r.t,t)===o||ye(n,t,e(o))})),3===o?new Set(n):n}(e)}function He(e,t){switch(t){case 2:return new Map(e);case 3:return Array.from(e)}return _e(e)}var Ge,Ke,Ve="undefined"!=typeof Symbol&&"symbol"==typeof Symbol("x"),$e="undefined"!=typeof Map,qe="undefined"!=typeof Set,Ye="undefined"!=typeof Proxy&&void 0!==Proxy.revocable&&"undefined"!=typeof Reflect,Xe=Ve?Symbol.for("immer-nothing"):((Ge={})["immer-nothing"]=!0,Ge),Je=Ve?Symbol.for("immer-draftable"):"__$immer_draftable",Qe=Ve?Symbol.for("immer-state"):"__$immer_state",et=("undefined"!=typeof Symbol&&Symbol.iterator,""+Object.prototype.constructor),tt="undefined"!=typeof Reflect&&Reflect.ownKeys?Reflect.ownKeys:void 0!==Object.getOwnPropertySymbols?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:Object.getOwnPropertyNames,nt=Object.getOwnPropertyDescriptors||function(e){var t={};return tt(e).forEach((function(n){t[n]=Object.getOwnPropertyDescriptor(e,n)})),t},rt={},ot={get:function(e,t){if(t===Qe)return e;var n=Ee(e);if(!ve(n,t))return function(e,t,n){var r,o=Be(t,n);return o?"value"in o?o.value:null===(r=o.get)||void 0===r?void 0:r.call(e.k):void 0}(e,n,t);var r=n[t];return e.I||!pe(r)?r:r===Fe(e.t,t)?(We(e),e.o[t]=Ue(e.A.h,r,e)):r},has:function(e,t){return t in Ee(e)},ownKeys:function(e){return Reflect.ownKeys(Ee(e))},set:function(e,t,n){var r=Be(Ee(e),t);if(null==r?void 0:r.set)return r.set.call(e.k,n),!0;if(!e.P){var o=Fe(Ee(e),t),i=null==o?void 0:o[Qe];if(i&&i.t===n)return e.o[t]=n,e.D[t]=!1,!0;if(be(n,o)&&(void 0!==n||ve(e.t,t)))return!0;We(e),ze(e)}return e.o[t]===n&&"number"!=typeof n||(e.o[t]=n,e.D[t]=!0,!0)},deleteProperty:function(e,t){return void 0!==Fe(e.t,t)||t in e.t?(e.D[t]=!1,We(e),ze(e)):delete e.D[t],e.o&&delete e.o[t],!0},getOwnPropertyDescriptor:function(e,t){var n=Ee(e),r=Reflect.getOwnPropertyDescriptor(n,t);return r?{writable:!0,configurable:1!==e.i||"length"!==t,enumerable:r.enumerable,value:n[t]}:r},defineProperty:function(){fe(11)},getPrototypeOf:function(e){return Object.getPrototypeOf(e.t)},setPrototypeOf:function(){fe(12)}},it={};he(ot,(function(e,t){it[e]=function(){return arguments[0]=arguments[0][0],t.apply(this,arguments)}})),it.deleteProperty=function(e,t){return ot.deleteProperty.call(this,e[0],t)},it.set=function(e,t,n){return ot.set.call(this,e[0],t,n,e[0])};var at=new(function(){function e(e){var t=this;this.O=Ye,this.F=!0,this.produce=function(e,n,r){if("function"==typeof e&&"function"!=typeof n){var o=n;n=e;var i=t;return function(e){var t=this;void 0===e&&(e=o);for(var r=arguments.length,a=Array(r>1?r-1:0),l=1;l<r;l++)a[l-1]=arguments[l];return i.produce(e,(function(e){var r;return(r=n).call.apply(r,[t,e].concat(a))}))}}var a;if("function"!=typeof n&&fe(6),void 0!==r&&"function"!=typeof r&&fe(7),pe(e)){var l=Ie(t),s=Ue(t,e,void 0),u=!0;try{a=n(s),u=!1}finally{u?Ae(l):je(l)}return"undefined"!=typeof Promise&&a instanceof Promise?a.then((function(e){return Te(l,r),De(e,l)}),(function(e){throw Ae(l),e})):(Te(l,r),De(a,l))}if(!e||"object"!=typeof e){if((a=n(e))===Xe)return;return void 0===a&&(a=e),t.F&&Se(a,!0),a}fe(21,e)},this.produceWithPatches=function(e,n){return"function"==typeof e?function(n){for(var r=arguments.length,o=Array(r>1?r-1:0),i=1;i<r;i++)o[i-1]=arguments[i];return t.produceWithPatches(n,(function(t){return e.apply(void 0,[t].concat(o))}))}:[t.produce(e,n,(function(e,t){r=e,o=t})),r,o];var r,o},"boolean"==typeof(null==e?void 0:e.useProxies)&&this.setUseProxies(e.useProxies),"boolean"==typeof(null==e?void 0:e.autoFreeze)&&this.setAutoFreeze(e.autoFreeze)}var t=e.prototype;return t.createDraft=function(e){pe(e)||fe(8),de(e)&&(e=Ze(e));var t=Ie(this),n=Ue(this,e,void 0);return n[Qe].C=!0,je(t),n},t.finishDraft=function(e,t){var n=(e&&e[Qe]).A;return Te(n,t),De(void 0,n)},t.setAutoFreeze=function(e){this.F=e},t.setUseProxies=function(e){e&&!Ye&&fe(20),this.O=e},t.applyPatches=function(e,t){var n;for(n=t.length-1;n>=0;n--){var r=t[n];if(0===r.path.length&&"replace"===r.op){e=r.value;break}}var o=Ce("Patches").$;return de(e)?o(e,t):this.produce(e,(function(e){return o(e,t.slice(n+1))}))},e}()),lt=at.produce,st=(at.produceWithPatches.bind(at),at.setAutoFreeze.bind(at),at.setUseProxies.bind(at),at.applyPatches.bind(at),at.createDraft.bind(at),at.finishDraft.bind(at),lt);function ut(e,t){return t.url=buttonizer_admin.api+e,t.headers={"X-WP-Nonce":buttonizer_admin.nonce},k()(t)}function ct(e){return{type:b.HAS_CHANGES,payload:{hasChanges:e}}}function ft(e){return{type:b.IS_UPDATING,payload:{isUpdating:e}}}function dt(){return{type:b.STOP_LOADING}}
27
  /*! *****************************************************************************
38
  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
39
  PERFORMANCE OF THIS SOFTWARE.
40
  ***************************************************************************** */