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 | 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 +73 -73
- assets/dashboard.css +4 -4
- assets/dashboard.js +5700 -5836
- assets/dashboard.min.js +2 -3
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' =>
|
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.
|
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.
|
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 |
-
.
|
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.
|
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.
|
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", "
|
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
|
26084 |
},
|
26085 |
-
color:
|
26086 |
size: size,
|
26087 |
-
disabled: disabled
|
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$
|
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, ["
|
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 |
-
|
26138 |
},
|
26139 |
-
color:
|
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", "
|
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
|
26201 |
},
|
26202 |
-
color:
|
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
|
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 |
-
|
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 |
-
|
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 ?
|
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
|
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 |
-
}))),
|
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),
|
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: ./
|
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
|
44796 |
-
var GRID_SIZES = ['auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
|
44797 |
|
44798 |
-
function
|
44799 |
-
var styles = {};
|
44800 |
-
GRID_SIZES.forEach(function (size) {
|
44801 |
-
var key = "grid-".concat(breakpoint, "-").concat(size);
|
44802 |
|
44803 |
-
|
44804 |
-
// For the auto layouting
|
44805 |
-
styles[key] = {
|
44806 |
-
flexBasis: 0,
|
44807 |
-
flexGrow: 1,
|
44808 |
-
maxWidth: '100%'
|
44809 |
-
};
|
44810 |
-
return;
|
44811 |
-
}
|
44812 |
|
44813 |
-
|
44814 |
-
styles[key] = {
|
44815 |
-
flexBasis: 'auto',
|
44816 |
-
flexGrow: 0,
|
44817 |
-
maxWidth: 'none'
|
44818 |
-
};
|
44819 |
-
return;
|
44820 |
-
} // Keep 7 significant numbers.
|
44821 |
|
|
|
44822 |
|
44823 |
-
|
44824 |
-
// https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41
|
44825 |
|
44826 |
-
|
44827 |
-
flexBasis: width,
|
44828 |
-
flexGrow: 0,
|
44829 |
-
maxWidth: width
|
44830 |
-
};
|
44831 |
-
}); // No need for a media query for the first size.
|
44832 |
|
44833 |
-
|
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 |
-
|
44903 |
-
|
44904 |
-
|
44905 |
-
|
44906 |
|
44907 |
-
|
44908 |
-
|
44909 |
-
|
44910 |
-
|
44911 |
|
44912 |
-
|
44913 |
-
|
44914 |
-
|
|
|
|
|
|
|
44915 |
},
|
44916 |
-
|
44917 |
-
|
44918 |
-
|
44919 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
44920 |
},
|
44921 |
-
|
44922 |
-
|
44923 |
-
|
44924 |
-
|
|
|
|
|
|
|
44925 |
},
|
|
|
|
|
|
|
44926 |
|
44927 |
-
|
44928 |
-
|
44929 |
-
|
44930 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
44931 |
|
44932 |
-
|
44933 |
-
|
44934 |
-
alignItems: 'flex-end'
|
44935 |
-
},
|
44936 |
|
44937 |
-
|
44938 |
-
|
44939 |
-
|
|
|
|
|
44940 |
},
|
44941 |
-
|
44942 |
-
|
44943 |
-
'align-content-xs-center': {
|
44944 |
-
alignContent: 'center'
|
44945 |
},
|
44946 |
-
|
44947 |
-
|
44948 |
-
|
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 |
-
|
44983 |
-
|
44984 |
-
|
44985 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
44986 |
|
44987 |
-
|
44988 |
-
|
44989 |
-
|
|
|
|
|
44990 |
}
|
44991 |
-
}
|
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
|
45033 |
-
|
45034 |
-
|
45035 |
-
|
45036 |
-
|
45037 |
-
});
|
45038 |
-
false ? 0 : void 0;
|
45039 |
-
var StyledGrid = (0,withStyles/* default */.Z)(Grid_styles, {
|
45040 |
-
name: 'MuiGrid'
|
45041 |
-
})(Grid);
|
45042 |
|
45043 |
-
|
45044 |
|
45045 |
-
|
45046 |
-
|
|
|
|
|
45047 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45048 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45049 |
|
|
|
|
|
|
|
|
|
45050 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45051 |
|
|
|
|
|
|
|
|
|
45052 |
|
|
|
|
|
|
|
|
|
|
|
|
|
45053 |
|
|
|
|
|
|
|
45054 |
|
45055 |
-
|
45056 |
-
|
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 |
-
|
45067 |
-
filled: {
|
45068 |
-
'&$positionStart:not($hiddenLabel)': {
|
45069 |
-
marginTop: 16
|
45070 |
-
}
|
45071 |
-
},
|
45072 |
|
45073 |
-
|
45074 |
-
|
45075 |
-
|
45076 |
-
|
|
|
|
|
|
|
45077 |
|
45078 |
-
/* Styles applied to the root element if `position="end"`. */
|
45079 |
-
positionEnd: {
|
45080 |
-
marginLeft: 8
|
45081 |
-
},
|
45082 |
|
45083 |
-
|
45084 |
-
|
45085 |
-
|
45086 |
-
},
|
45087 |
|
45088 |
-
|
45089 |
-
hiddenLabel: {},
|
45090 |
|
45091 |
-
|
45092 |
-
|
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
|
45109 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45110 |
|
45111 |
-
|
45112 |
-
|
45113 |
-
|
|
|
|
|
45114 |
|
45115 |
-
|
45116 |
-
|
45117 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45118 |
|
45119 |
-
|
45120 |
-
|
45121 |
-
|
45122 |
-
|
45123 |
-
|
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 |
-
|
45139 |
|
45140 |
-
|
|
|
45141 |
|
45142 |
-
|
|
|
|
|
|
|
45143 |
|
45144 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45145 |
|
45146 |
-
|
|
|
45147 |
|
45148 |
-
|
|
|
|
|
|
|
45149 |
|
45150 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45151 |
|
45152 |
-
function
|
|
|
|
|
|
|
|
|
|
|
|
|
45153 |
|
|
|
|
|
|
|
|
|
45154 |
|
|
|
45155 |
|
|
|
|
|
|
|
|
|
|
|
45156 |
|
|
|
|
|
|
|
|
|
|
|
45157 |
|
45158 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45159 |
|
|
|
|
|
|
|
45160 |
|
45161 |
-
|
45162 |
-
|
45163 |
-
|
45164 |
-
|
45165 |
-
|
45166 |
-
|
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
|
45182 |
-
|
45183 |
-
|
45184 |
-
|
45185 |
-
onChange = _ref.onChange;
|
45186 |
-
var positionValue = value;
|
45187 |
-
var result = getPositionParameters(value);
|
45188 |
|
45189 |
-
|
45190 |
-
|
45191 |
-
currentPosition = _useState2[0],
|
45192 |
-
setCurrentPosition = _useState2[1];
|
45193 |
|
45194 |
-
|
45195 |
-
|
45196 |
-
positionMode = _useState4[0],
|
45197 |
-
setPositionMode = _useState4[1];
|
45198 |
|
45199 |
-
|
45200 |
-
|
45201 |
-
|
45202 |
-
|
|
|
|
|
|
|
|
|
45203 |
|
45204 |
-
|
45205 |
-
|
45206 |
-
advancedOpen = _useState8[0],
|
45207 |
-
setAdvancedOpen = _useState8[1];
|
45208 |
|
45209 |
-
|
45210 |
-
|
45211 |
-
|
45212 |
-
|
45213 |
-
|
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
|
45220 |
-
onChange(output);
|
45221 |
-
setPositionMode(mode);
|
45222 |
-
setCurrentPosition(value);
|
45223 |
-
/* webpack-strip-block:removed */
|
45224 |
-
};
|
45225 |
|
45226 |
-
|
45227 |
-
|
45228 |
-
|
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 |
-
|
45246 |
-
|
45247 |
-
|
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 |
-
|
|
|
|
|
45412 |
|
45413 |
-
function
|
|
|
|
|
|
|
45414 |
|
45415 |
-
|
|
|
|
|
45416 |
|
45417 |
-
|
|
|
|
|
45418 |
|
45419 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45420 |
|
45421 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45422 |
|
45423 |
-
|
|
|
|
|
45424 |
|
45425 |
-
|
|
|
|
|
45426 |
|
|
|
|
|
|
|
|
|
45427 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45428 |
|
|
|
|
|
|
|
|
|
45429 |
|
|
|
|
|
45430 |
|
|
|
|
|
|
|
45431 |
|
|
|
|
|
|
|
|
|
45432 |
|
45433 |
-
|
45434 |
-
|
45435 |
-
onChange = _ref.onChange;
|
45436 |
|
45437 |
-
|
45438 |
-
|
45439 |
-
|
45440 |
-
|
|
|
|
|
45441 |
|
45442 |
-
|
45443 |
-
|
45444 |
-
|
45445 |
-
|
|
|
45446 |
|
45447 |
-
|
45448 |
-
|
45449 |
-
|
45450 |
-
|
45451 |
-
|
45452 |
-
(0,react.useEffect)(function () {
|
45453 |
-
setGroupAnimation(value.type);
|
45454 |
-
/* webpack-strip-block:removed */
|
45455 |
-
}, [value]);
|
45456 |
|
45457 |
-
|
45458 |
-
|
45459 |
-
|
45460 |
-
repeatCount: animationRepeatCount,
|
45461 |
-
type: groupAnimation
|
45462 |
-
}, obj));
|
45463 |
-
};
|
45464 |
|
45465 |
-
|
45466 |
-
|
45467 |
-
|
45468 |
-
|
45469 |
-
|
45470 |
-
|
45471 |
-
|
45472 |
-
|
45473 |
-
|
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 |
-
|
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 |
-
|
|
|
45562 |
|
45563 |
-
|
|
|
|
|
|
|
|
|
45564 |
|
45565 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45566 |
|
45567 |
-
|
|
|
|
|
45568 |
|
45569 |
-
|
|
|
|
|
45570 |
|
|
|
45571 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45572 |
|
45573 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45574 |
|
|
|
|
|
|
|
|
|
|
|
|
|
45575 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45576 |
|
45577 |
-
|
45578 |
-
|
45579 |
-
|
45580 |
-
|
|
|
45581 |
|
45582 |
-
|
45583 |
-
|
45584 |
-
|
45585 |
-
setLabelWidth = _useState2[1];
|
45586 |
|
45587 |
-
|
45588 |
-
|
45589 |
-
|
|
|
|
|
|
|
|
|
45590 |
|
45591 |
-
|
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 |
-
}
|
45609 |
-
|
45610 |
-
|
45611 |
-
|
45612 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45613 |
}
|
45614 |
-
}, translate("settings.menu_style.styles.texticon"), " ", /*#__PURE__*/react.createElement(PremiumTag, null))];
|
45615 |
-
};
|
45616 |
|
45617 |
-
|
45618 |
-
|
45619 |
-
|
45620 |
-
|
45621 |
-
|
45622 |
-
|
45623 |
-
|
45624 |
-
|
45625 |
-
|
45626 |
-
|
45627 |
-
|
45628 |
-
|
45629 |
-
|
45630 |
-
|
45631 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45632 |
}
|
45633 |
|
45634 |
-
|
45635 |
-
|
45636 |
-
|
45637 |
-
|
45638 |
-
|
45639 |
-
|
45640 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45646 |
|
45647 |
-
|
|
|
45648 |
|
45649 |
-
|
45650 |
|
45651 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
45652 |
|
45653 |
-
|
|
|
|
|
45654 |
|
45655 |
-
|
|
|
|
|
|
|
45656 |
|
45657 |
-
|
|
|
|
|
|
|
45658 |
|
45659 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
45660 |
|
45661 |
-
|
|
|
|
|
45662 |
|
45663 |
-
|
|
|
|
|
|
|
45664 |
|
|
|
|
|
|
|
|
|
45665 |
|
|
|
|
|
45666 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45667 |
|
|
|
|
|
45668 |
|
|
|
|
|
|
|
|
|
45669 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45670 |
|
|
|
|
|
|
|
|
|
|
|
|
|
45671 |
|
|
|
|
|
45672 |
|
|
|
|
|
45673 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45674 |
|
|
|
45675 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45676 |
|
|
|
|
|
|
|
|
|
45677 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45678 |
|
45679 |
-
|
45680 |
-
|
45681 |
-
|
45682 |
-
|
45683 |
-
|
45684 |
-
|
45685 |
|
45686 |
-
|
45687 |
-
|
45688 |
-
|
45689 |
-
setOpenedGroup = _useState2[1];
|
45690 |
|
45691 |
-
|
45692 |
-
|
45693 |
-
|
45694 |
-
|
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 |
-
|
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 |
-
|
45787 |
-
|
45788 |
-
|
45789 |
-
|
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
|
45803 |
-
|
|
|
45804 |
|
45805 |
-
|
45806 |
-
|
45807 |
-
|
45808 |
-
|
45809 |
-
|
45810 |
-
}
|
45811 |
-
|
45812 |
-
|
45813 |
-
|
45814 |
-
|
45815 |
-
|
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 |
-
|
45834 |
-
|
45835 |
-
|
45836 |
-
|
45837 |
-
|
45838 |
-
|
45839 |
-
|
45840 |
-
|
45841 |
-
|
45842 |
-
|
45843 |
-
|
45844 |
-
|
45845 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45846 |
|
45847 |
-
|
45848 |
-
|
45849 |
-
|
45850 |
-
} else {
|
45851 |
-
timeoutID.id = requestAnimationFrame(tick);
|
45852 |
}
|
45853 |
-
}
|
45854 |
|
45855 |
-
|
45856 |
-
|
45857 |
-
|
45858 |
-
|
45859 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45860 |
|
45861 |
-
|
|
|
|
|
|
|
45862 |
|
45863 |
-
|
45864 |
-
|
45865 |
-
|
45866 |
-
|
|
|
45867 |
|
45868 |
-
|
45869 |
-
|
45870 |
-
|
45871 |
-
|
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 |
-
|
45880 |
-
|
45881 |
-
|
45882 |
-
|
45883 |
-
|
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
|
45889 |
-
|
45890 |
-
|
45891 |
-
|
|
|
45892 |
|
45893 |
-
|
45894 |
-
|
45895 |
-
|
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 |
-
|
45908 |
-
|
45909 |
-
|
45910 |
-
|
|
|
|
|
45911 |
|
45912 |
-
|
45913 |
-
|
45914 |
-
|
45915 |
-
|
|
|
45916 |
}
|
45917 |
-
}
|
45918 |
|
45919 |
-
|
45920 |
-
|
45921 |
-
|
|
|
|
|
|
|
45922 |
|
45923 |
-
|
45924 |
-
}
|
|
|
45925 |
|
45926 |
-
var IS_SCROLLING_DEBOUNCE_INTERVAL = 150;
|
45927 |
|
45928 |
-
var defaultItemKey = function defaultItemKey(
|
45929 |
-
|
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
|
45938 |
-
var
|
45939 |
-
var devWarningsTagName = null;
|
45940 |
|
45941 |
if (false) {}
|
45942 |
|
45943 |
-
function
|
45944 |
var _class, _temp;
|
45945 |
|
45946 |
-
var
|
45947 |
-
|
45948 |
-
|
45949 |
-
|
45950 |
-
|
45951 |
-
|
45952 |
-
|
45953 |
-
|
45954 |
-
|
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)(
|
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
|
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 |
-
|
45980 |
-
|
45981 |
-
|
45982 |
-
scrollUpdateWasRequested: false,
|
45983 |
-
verticalScrollDirection: 'forward'
|
45984 |
};
|
45985 |
_this._callOnItemsRendered = void 0;
|
45986 |
-
_this._callOnItemsRendered = memoize_one_esm(function (
|
45987 |
return _this.props.onItemsRendered({
|
45988 |
-
|
45989 |
-
|
45990 |
-
|
45991 |
-
|
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 (
|
46000 |
return _this.props.onScroll({
|
46001 |
-
|
46002 |
-
|
46003 |
-
scrollTop: scrollTop,
|
46004 |
-
verticalScrollDirection: verticalScrollDirection,
|
46005 |
scrollUpdateWasRequested: scrollUpdateWasRequested
|
46006 |
});
|
46007 |
});
|
46008 |
_this._getItemStyle = void 0;
|
46009 |
|
46010 |
-
_this._getItemStyle = function (
|
46011 |
var _this$props = _this.props,
|
46012 |
-
columnWidth = _this$props.columnWidth,
|
46013 |
direction = _this$props.direction,
|
46014 |
-
|
|
|
46015 |
|
46016 |
-
var itemStyleCache = _this._getItemStyleCache(shouldResetStyleCacheOnItemSizeChange &&
|
46017 |
|
46018 |
-
var key = rowIndex + ":" + columnIndex;
|
46019 |
var style;
|
46020 |
|
46021 |
-
if (itemStyleCache.hasOwnProperty(
|
46022 |
-
style = itemStyleCache[
|
46023 |
} else {
|
46024 |
-
var _offset =
|
|
|
|
|
46025 |
|
|
|
46026 |
var isRtl = direction === 'rtl';
|
46027 |
-
|
|
|
46028 |
position: 'absolute',
|
46029 |
-
left: isRtl ? undefined :
|
46030 |
-
right: isRtl ?
|
46031 |
-
top:
|
46032 |
-
height:
|
46033 |
-
width:
|
46034 |
};
|
46035 |
}
|
46036 |
|
@@ -46042,51 +45925,70 @@ function createGridComponent(_ref2) {
|
|
46042 |
return {};
|
46043 |
});
|
46044 |
|
46045 |
-
_this.
|
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.
|
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;
|
46063 |
-
|
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 |
-
|
46073 |
break;
|
46074 |
|
46075 |
case 'positive-descending':
|
46076 |
-
|
46077 |
break;
|
46078 |
}
|
46079 |
} // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
|
46080 |
|
46081 |
|
46082 |
-
|
46083 |
-
var calculatedScrollTop = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
|
46084 |
return {
|
46085 |
isScrolling: true,
|
46086 |
-
|
46087 |
-
|
46088 |
-
|
46089 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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 |
-
|
46130 |
-
validateSharedProps(nextProps, prevState);
|
46131 |
validateProps(nextProps);
|
46132 |
return null;
|
46133 |
};
|
46134 |
|
46135 |
-
var _proto =
|
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 (
|
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 |
-
|
46164 |
-
|
46165 |
-
|
46166 |
-
scrollUpdateWasRequested: true,
|
46167 |
-
verticalScrollDirection: prevState.scrollTop < scrollTop ? 'forward' : 'backward'
|
46168 |
};
|
46169 |
}, this._resetIsScrollingDebounced);
|
46170 |
};
|
46171 |
|
46172 |
-
_proto.scrollToItem = function scrollToItem(
|
46173 |
-
|
46174 |
-
|
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
|
46196 |
-
var
|
46197 |
-
|
46198 |
-
|
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$
|
46210 |
-
|
46211 |
-
|
46212 |
-
|
46213 |
-
if (this._outerRef != null) {
|
46214 |
-
var outerRef = this._outerRef;
|
46215 |
|
46216 |
-
|
46217 |
-
|
46218 |
-
}
|
46219 |
|
46220 |
-
if (
|
46221 |
-
outerRef.
|
|
|
|
|
46222 |
}
|
46223 |
}
|
46224 |
|
@@ -46226,39 +46082,42 @@ function createGridComponent(_ref2) {
|
|
46226 |
};
|
46227 |
|
46228 |
_proto.componentDidUpdate = function componentDidUpdate() {
|
46229 |
-
var
|
46230 |
-
|
46231 |
-
|
46232 |
-
|
46233 |
-
|
|
|
46234 |
|
46235 |
if (scrollUpdateWasRequested && this._outerRef != null) {
|
46236 |
-
|
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 === '
|
46242 |
-
|
46243 |
-
|
46244 |
-
|
46245 |
-
|
|
|
|
|
|
|
|
|
46246 |
|
46247 |
-
|
46248 |
-
|
46249 |
-
|
46250 |
|
46251 |
-
|
46252 |
-
|
46253 |
-
|
46254 |
-
|
46255 |
-
|
|
|
|
|
|
|
46256 |
}
|
46257 |
} else {
|
46258 |
-
outerRef.
|
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
|
46295 |
-
|
46296 |
-
columnStopIndex = _this$_getHorizontalR[1];
|
46297 |
|
46298 |
-
var _this$
|
46299 |
-
|
46300 |
-
|
46301 |
|
46302 |
var items = [];
|
46303 |
|
46304 |
-
if (
|
46305 |
-
for (var
|
46306 |
-
|
46307 |
-
|
46308 |
-
|
46309 |
-
|
46310 |
-
|
46311 |
-
|
46312 |
-
|
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
|
46326 |
-
var estimatedTotalWidth = getEstimatedTotalWidth(this.props, this._instanceProps);
|
46327 |
return (0,react.createElement)(outerElementType || outerTagName || 'div', {
|
46328 |
className: className,
|
46329 |
-
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:
|
46345 |
pointerEvents: isScrolling ? 'none' : undefined,
|
46346 |
-
width:
|
46347 |
}
|
46348 |
}));
|
46349 |
};
|
46350 |
|
46351 |
_proto._callPropsCallbacks = function _callPropsCallbacks() {
|
46352 |
-
|
46353 |
-
|
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 |
-
|
46367 |
-
|
46368 |
-
|
46369 |
-
|
46370 |
-
|
|
|
46371 |
|
46372 |
-
this._callOnItemsRendered(
|
46373 |
}
|
46374 |
}
|
46375 |
|
46376 |
-
if (typeof onScroll === 'function') {
|
46377 |
-
var _this$
|
46378 |
-
|
46379 |
-
|
46380 |
-
|
46381 |
-
_scrollUpdateWasRequested = _this$state3.scrollUpdateWasRequested,
|
46382 |
-
_verticalScrollDirection = _this$state3.verticalScrollDirection;
|
46383 |
|
46384 |
-
this._callOnScroll(
|
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.
|
46393 |
-
var _this$
|
46394 |
-
|
46395 |
-
|
46396 |
-
|
46397 |
-
|
46398 |
-
|
46399 |
-
|
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 (
|
46432 |
return [0, 0, 0, 0];
|
46433 |
}
|
46434 |
|
46435 |
-
var startIndex =
|
46436 |
-
var stopIndex =
|
46437 |
// If there isn't at least one extra item, tab loops back around.
|
46438 |
|
46439 |
-
var overscanBackward = !isScrolling ||
|
46440 |
-
var overscanForward = !isScrolling ||
|
46441 |
-
return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(
|
46442 |
};
|
46443 |
|
46444 |
-
return
|
46445 |
}(react.PureComponent), _class.defaultProps = {
|
46446 |
direction: 'ltr',
|
46447 |
itemData: undefined,
|
|
|
|
|
46448 |
useIsScrolling: false
|
46449 |
}, _temp;
|
46450 |
-
}
|
46451 |
-
|
46452 |
-
|
46453 |
-
|
46454 |
-
|
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 |
-
|
46504 |
-
|
46505 |
-
|
46506 |
-
|
|
|
|
|
|
|
|
|
|
|
46507 |
|
46508 |
-
|
46509 |
-
var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedColumnWidth;
|
46510 |
-
return totalSizeOfMeasuredRows + totalSizeOfUnmeasuredItems;
|
46511 |
};
|
46512 |
|
46513 |
-
var
|
46514 |
-
var itemMetadataMap, itemSize, lastMeasuredIndex;
|
46515 |
|
46516 |
-
|
46517 |
-
|
46518 |
-
|
46519 |
-
|
46520 |
-
|
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 |
-
|
46544 |
-
instanceProps.lastMeasuredColumnIndex = index;
|
46545 |
-
} else {
|
46546 |
-
instanceProps.lastMeasuredRowIndex = index;
|
46547 |
-
}
|
46548 |
}
|
46549 |
|
46550 |
return itemMetadataMap[index];
|
46551 |
};
|
46552 |
|
46553 |
-
var findNearestItem = function findNearestItem(
|
46554 |
-
var itemMetadataMap,
|
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(
|
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(
|
46574 |
}
|
46575 |
};
|
46576 |
|
46577 |
-
var findNearestItemBinarySearch = function findNearestItemBinarySearch(
|
46578 |
while (low <= high) {
|
46579 |
var middle = low + Math.floor((high - low) / 2);
|
46580 |
-
var currentOffset = getItemMetadata(
|
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(
|
46599 |
-
var itemCount =
|
46600 |
var interval = 1;
|
46601 |
|
46602 |
-
while (index < itemCount && getItemMetadata(
|
46603 |
index += interval;
|
46604 |
interval *= 2;
|
46605 |
}
|
46606 |
|
46607 |
-
return findNearestItemBinarySearch(
|
46608 |
};
|
46609 |
|
46610 |
-
var
|
46611 |
-
var
|
46612 |
-
var
|
46613 |
-
|
|
|
|
|
|
|
46614 |
|
46615 |
-
|
46616 |
-
|
46617 |
-
|
46618 |
|
46619 |
-
if (
|
46620 |
-
|
46621 |
-
|
46622 |
-
} else {
|
46623 |
-
align = 'center';
|
46624 |
-
}
|
46625 |
}
|
46626 |
|
46627 |
-
|
46628 |
-
|
46629 |
-
|
|
|
46630 |
|
46631 |
-
|
46632 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
46633 |
|
46634 |
-
|
46635 |
-
|
|
|
|
|
46636 |
|
46637 |
-
|
46638 |
-
|
46639 |
-
|
46640 |
-
|
46641 |
-
|
46642 |
-
|
46643 |
-
|
46644 |
-
return minOffset;
|
46645 |
-
} else if (scrollOffset < minOffset) {
|
46646 |
-
return minOffset;
|
46647 |
} else {
|
46648 |
-
|
46649 |
}
|
|
|
46650 |
|
46651 |
-
|
46652 |
-
|
|
|
46653 |
|
46654 |
-
|
46655 |
-
|
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 |
-
|
46672 |
-
|
46673 |
-
offset += getItemMetadata('column', props, stopIndex, instanceProps).size;
|
46674 |
-
}
|
46675 |
|
46676 |
-
|
46677 |
-
|
46678 |
-
|
46679 |
-
|
46680 |
-
|
46681 |
-
|
46682 |
-
|
46683 |
-
|
46684 |
-
|
46685 |
-
|
46686 |
-
|
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 |
-
|
46696 |
-
return findNearestItem(
|
46697 |
},
|
46698 |
-
|
46699 |
-
var
|
46700 |
-
height = props.height
|
46701 |
-
|
46702 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
46703 |
var offset = itemMetadata.offset + itemMetadata.size;
|
46704 |
var stopIndex = startIndex;
|
46705 |
|
46706 |
-
while (stopIndex <
|
46707 |
stopIndex++;
|
46708 |
-
offset += getItemMetadata(
|
46709 |
}
|
46710 |
|
46711 |
return stopIndex;
|
46712 |
},
|
46713 |
initInstanceProps: function initInstanceProps(props, instance) {
|
46714 |
-
var
|
46715 |
-
|
46716 |
-
estimatedRowHeight = _ref5.estimatedRowHeight;
|
46717 |
var instanceProps = {
|
46718 |
-
|
46719 |
-
|
46720 |
-
|
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.
|
46738 |
if (shouldForceUpdate === void 0) {
|
46739 |
shouldForceUpdate = true;
|
46740 |
}
|
46741 |
|
46742 |
-
|
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(
|
46777 |
-
var
|
46778 |
-
rowHeight = _ref7.rowHeight;
|
46779 |
|
46780 |
if (false) {}
|
46781 |
}
|
46782 |
});
|
46783 |
|
46784 |
-
var
|
46785 |
-
|
46786 |
-
|
46787 |
-
|
46788 |
-
|
46789 |
-
|
46790 |
-
|
46791 |
-
|
46792 |
-
var
|
46793 |
-
|
46794 |
-
|
46795 |
-
|
46796 |
-
|
46797 |
-
|
46798 |
-
|
46799 |
-
|
46800 |
-
|
46801 |
-
|
46802 |
-
|
46803 |
-
|
46804 |
-
|
46805 |
-
|
46806 |
-
|
46807 |
-
|
46808 |
-
|
46809 |
-
|
46810 |
-
|
46811 |
-
|
46812 |
-
|
46813 |
-
|
46814 |
-
|
46815 |
-
|
46816 |
-
|
46817 |
-
|
46818 |
-
|
|
|
46819 |
|
46820 |
-
|
46821 |
-
|
46822 |
-
|
46823 |
-
|
46824 |
-
|
46825 |
-
|
46826 |
-
|
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 |
-
|
46851 |
-
|
46852 |
-
|
46853 |
-
itemSize = _this$props.itemSize,
|
46854 |
-
layout = _this$props.layout;
|
46855 |
|
46856 |
-
|
|
|
46857 |
|
46858 |
-
|
|
|
|
|
|
|
46859 |
|
46860 |
-
if (
|
46861 |
-
|
|
|
|
|
46862 |
} else {
|
46863 |
-
|
46864 |
-
|
46865 |
-
var size = getItemSize(_this.props, index, _this._instanceProps); // TODO Deprecate direction "horizontal"
|
46866 |
|
46867 |
-
|
46868 |
-
|
46869 |
-
|
46870 |
-
|
46871 |
-
|
46872 |
-
|
46873 |
-
|
46874 |
-
|
46875 |
-
|
46876 |
-
|
46877 |
-
|
|
|
46878 |
}
|
46879 |
|
46880 |
-
|
46881 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
46882 |
|
46883 |
-
|
46884 |
-
|
46885 |
-
|
46886 |
-
}
|
|
|
|
|
|
|
46887 |
|
46888 |
-
|
46889 |
-
|
46890 |
-
|
46891 |
-
scrollLeft = _event$currentTarget.scrollLeft,
|
46892 |
-
scrollWidth = _event$currentTarget.scrollWidth;
|
46893 |
|
46894 |
-
|
46895 |
-
|
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 |
-
|
46903 |
-
|
|
|
|
|
46904 |
|
46905 |
-
|
46906 |
-
|
46907 |
-
|
46908 |
-
|
46909 |
-
|
46910 |
-
|
46911 |
-
|
46912 |
-
scrollOffset = -scrollLeft;
|
46913 |
-
break;
|
46914 |
|
46915 |
-
|
46916 |
-
|
46917 |
-
|
46918 |
-
|
46919 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
46920 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
46921 |
|
46922 |
-
|
46923 |
-
|
46924 |
-
|
46925 |
-
scrollDirection: prevState.scrollOffset < scrollLeft ? 'forward' : 'backward',
|
46926 |
-
scrollOffset: scrollOffset,
|
46927 |
-
scrollUpdateWasRequested: false
|
46928 |
-
};
|
46929 |
-
}, _this._resetIsScrollingDebounced);
|
46930 |
-
};
|
46931 |
|
46932 |
-
|
46933 |
-
|
46934 |
-
|
46935 |
-
|
46936 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
46937 |
|
46938 |
-
|
46939 |
-
|
46940 |
-
|
46941 |
-
|
46942 |
-
|
46943 |
-
|
46944 |
-
|
46945 |
|
|
|
|
|
|
|
46946 |
|
46947 |
-
|
46948 |
-
|
46949 |
-
isScrolling: true,
|
46950 |
-
scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
|
46951 |
-
scrollOffset: scrollOffset,
|
46952 |
-
scrollUpdateWasRequested: false
|
46953 |
-
};
|
46954 |
-
}, _this._resetIsScrollingDebounced);
|
46955 |
-
};
|
46956 |
|
46957 |
-
|
46958 |
-
|
46959 |
-
|
|
|
|
|
46960 |
|
46961 |
-
|
46962 |
-
|
46963 |
-
|
46964 |
-
|
|
|
|
|
|
|
46965 |
}
|
46966 |
-
};
|
46967 |
|
46968 |
-
|
46969 |
-
|
46970 |
-
|
|
|
|
|
|
|
|
|
|
|
46971 |
}
|
46972 |
|
46973 |
-
|
46974 |
-
|
46975 |
-
|
46976 |
-
|
46977 |
-
|
46978 |
-
|
46979 |
-
|
46980 |
-
|
46981 |
-
|
46982 |
-
|
46983 |
-
|
46984 |
-
|
46985 |
-
|
46986 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
46987 |
|
46988 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
46989 |
}
|
|
|
46990 |
|
46991 |
-
|
46992 |
-
|
46993 |
-
|
46994 |
-
|
46995 |
-
|
46996 |
|
46997 |
-
|
|
|
46998 |
|
46999 |
-
|
47000 |
-
|
47001 |
-
this.setState(function (prevState) {
|
47002 |
-
if (prevState.scrollOffset === scrollOffset) {
|
47003 |
-
return null;
|
47004 |
-
}
|
47005 |
|
47006 |
-
|
47007 |
-
|
47008 |
-
|
47009 |
-
scrollUpdateWasRequested: true
|
47010 |
-
};
|
47011 |
-
}, this._resetIsScrollingDebounced);
|
47012 |
-
};
|
47013 |
|
47014 |
-
|
47015 |
-
|
47016 |
-
align = 'auto';
|
47017 |
-
}
|
47018 |
|
47019 |
-
|
47020 |
-
|
47021 |
-
index = Math.max(0, Math.min(index, itemCount - 1));
|
47022 |
-
this.scrollTo(getOffsetForIndexAndAlignment(this.props, index, align, scrollOffset, this._instanceProps));
|
47023 |
-
};
|
47024 |
|
47025 |
-
|
47026 |
-
|
47027 |
-
direction = _this$props2.direction,
|
47028 |
-
initialScrollOffset = _this$props2.initialScrollOffset,
|
47029 |
-
layout = _this$props2.layout;
|
47030 |
|
47031 |
-
|
47032 |
-
|
|
|
47033 |
|
47034 |
-
if (direction === 'horizontal' || layout === 'horizontal') {
|
47035 |
-
outerRef.scrollLeft = initialScrollOffset;
|
47036 |
-
} else {
|
47037 |
-
outerRef.scrollTop = initialScrollOffset;
|
47038 |
-
}
|
47039 |
-
}
|
47040 |
|
47041 |
-
|
47042 |
-
};
|
47043 |
|
47044 |
-
|
47045 |
-
|
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 |
-
|
47053 |
-
var outerRef = this._outerRef; // TODO Deprecate direction "horizontal"
|
47054 |
|
47055 |
-
|
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 |
-
|
47066 |
-
outerRef.scrollLeft = scrollOffset;
|
47067 |
-
break;
|
47068 |
|
47069 |
-
|
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 |
-
|
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 |
-
|
47162 |
-
|
47163 |
-
|
|
|
|
|
47164 |
|
47165 |
-
|
47166 |
-
|
47167 |
-
_overscanStartIndex = _this$_getRangeToRend2[0],
|
47168 |
-
_overscanStopIndex = _this$_getRangeToRend2[1],
|
47169 |
-
_visibleStartIndex = _this$_getRangeToRend2[2],
|
47170 |
-
_visibleStopIndex = _this$_getRangeToRend2[3];
|
47171 |
|
47172 |
-
|
47173 |
-
|
47174 |
}
|
|
|
47175 |
|
47176 |
-
|
47177 |
-
|
47178 |
-
|
47179 |
-
|
47180 |
-
|
47181 |
|
47182 |
-
|
47183 |
-
|
47184 |
-
|
47185 |
-
|
47186 |
-
|
47187 |
-
// So that List can clear cached styles and force item re-render if necessary.
|
47188 |
|
|
|
|
|
|
|
|
|
47189 |
|
47190 |
-
|
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 |
-
|
47200 |
-
|
47201 |
-
|
|
|
47202 |
|
47203 |
-
|
47204 |
-
|
47205 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
47206 |
|
47207 |
-
|
47208 |
-
|
47209 |
-
|
47210 |
-
};
|
47211 |
|
47212 |
-
|
47213 |
-
|
47214 |
-
|
47215 |
-
|
47216 |
-
|
47217 |
-
|
47218 |
-
|
47219 |
-
|
47220 |
-
|
47221 |
-
|
47222 |
-
|
47223 |
-
|
47224 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
47225 |
|
47226 |
-
var
|
47227 |
-
|
47228 |
-
|
47229 |
-
|
47230 |
-
|
47231 |
-
|
47232 |
-
|
47233 |
-
|
47234 |
-
|
|
|
|
|
|
|
|
|
47235 |
|
47236 |
-
if (false) { var isHorizontal; }
|
47237 |
-
};
|
47238 |
|
47239 |
-
var DEFAULT_ESTIMATED_ITEM_SIZE$1 = 50;
|
47240 |
|
47241 |
-
var
|
47242 |
-
|
47243 |
-
|
47244 |
-
|
47245 |
-
|
|
|
|
|
|
|
|
|
|
|
47246 |
|
47247 |
-
|
47248 |
-
|
|
|
|
|
|
|
|
|
47249 |
|
47250 |
-
|
47251 |
-
|
47252 |
-
|
47253 |
-
}
|
47254 |
|
47255 |
-
|
47256 |
-
|
47257 |
-
|
47258 |
-
offset: offset,
|
47259 |
-
size: size
|
47260 |
-
};
|
47261 |
-
offset += size;
|
47262 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
47263 |
|
47264 |
-
|
47265 |
-
|
47266 |
-
|
47267 |
-
return itemMetadataMap[index];
|
47268 |
-
};
|
47269 |
|
47270 |
-
|
47271 |
-
var itemMetadataMap = instanceProps.itemMetadataMap,
|
47272 |
-
lastMeasuredIndex = instanceProps.lastMeasuredIndex;
|
47273 |
-
var lastMeasuredItemOffset = lastMeasuredIndex > 0 ? itemMetadataMap[lastMeasuredIndex].offset : 0;
|
47274 |
|
47275 |
-
|
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 |
-
|
47287 |
-
|
47288 |
-
|
47289 |
-
|
|
|
47290 |
|
47291 |
-
|
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 |
-
|
47301 |
-
return low - 1;
|
47302 |
-
} else {
|
47303 |
-
return 0;
|
47304 |
-
}
|
47305 |
-
};
|
47306 |
|
47307 |
-
var
|
47308 |
-
var itemCount = props.itemCount;
|
47309 |
-
var interval = 1;
|
47310 |
|
47311 |
-
|
47312 |
-
index += interval;
|
47313 |
-
interval *= 2;
|
47314 |
-
}
|
47315 |
|
47316 |
-
|
47317 |
-
};
|
47318 |
|
47319 |
-
|
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 |
-
|
47328 |
-
lastMeasuredIndex = itemCount - 1;
|
47329 |
-
}
|
47330 |
|
47331 |
-
|
47332 |
-
var itemMetadata = itemMetadataMap[lastMeasuredIndex];
|
47333 |
-
totalSizeOfMeasuredItems = itemMetadata.offset + itemMetadata.size;
|
47334 |
-
}
|
47335 |
|
47336 |
-
|
47337 |
-
var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedItemSize;
|
47338 |
-
return totalSizeOfMeasuredItems + totalSizeOfUnmeasuredItems;
|
47339 |
-
};
|
47340 |
|
47341 |
-
|
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 |
-
|
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 |
-
|
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 |
-
|
47367 |
-
if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {
|
47368 |
-
align = 'auto';
|
47369 |
-
} else {
|
47370 |
-
align = 'center';
|
47371 |
-
}
|
47372 |
-
}
|
47373 |
|
47374 |
-
|
47375 |
-
case 'start':
|
47376 |
-
return maxOffset;
|
47377 |
|
47378 |
-
|
47379 |
-
return minOffset;
|
47380 |
|
47381 |
-
|
47382 |
-
return Math.round(minOffset + (maxOffset - minOffset) / 2);
|
47383 |
|
47384 |
-
|
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 |
-
|
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 |
-
|
47442 |
-
|
47443 |
-
|
47444 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
47445 |
|
47446 |
-
|
47447 |
-
|
47448 |
-
shouldResetStyleCacheOnItemSizeChange: false,
|
47449 |
-
validateProps: function validateProps(_ref5) {
|
47450 |
-
var itemSize = _ref5.itemSize;
|
47451 |
|
47452 |
-
|
47453 |
-
}
|
47454 |
-
});
|
47455 |
|
47456 |
-
|
47457 |
-
|
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 |
-
|
47494 |
-
|
47495 |
-
|
47496 |
-
|
47497 |
-
align = 'center';
|
47498 |
-
}
|
47499 |
}
|
47500 |
|
47501 |
-
|
47502 |
-
case 'start':
|
47503 |
-
return maxOffset;
|
47504 |
|
47505 |
-
|
47506 |
-
|
|
|
47507 |
|
47508 |
-
|
47509 |
-
|
47510 |
-
|
47511 |
-
|
47512 |
|
47513 |
-
|
47514 |
-
|
47515 |
-
|
47516 |
-
|
47517 |
-
|
47518 |
-
|
47519 |
-
}
|
|
|
|
|
|
|
|
|
47520 |
|
47521 |
-
|
47522 |
-
|
47523 |
-
|
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 |
-
|
47546 |
-
|
47547 |
-
|
47548 |
-
|
47549 |
-
|
47550 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
47551 |
}
|
|
|
47552 |
|
47553 |
-
|
47554 |
-
|
47555 |
-
return maxOffset;
|
47556 |
|
47557 |
-
|
47558 |
-
|
|
|
|
|
|
|
47559 |
|
47560 |
-
|
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 |
-
|
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 |
-
|
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 |
-
|
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 |
-
|
47680 |
-
|
47681 |
-
|
47682 |
-
|
47683 |
-
|
47684 |
-
|
47685 |
-
|
47686 |
-
}
|
47687 |
|
47688 |
-
|
47689 |
-
|
47690 |
-
|
47691 |
-
|
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 |
-
|
59745 |
-
newValue = max;
|
59746 |
-
break;
|
59747 |
|
59748 |
-
|
59749 |
-
if (step) {
|
59750 |
-
newValue = value + tenPercents;
|
59751 |
-
}
|
59752 |
|
59753 |
-
|
59754 |
|
59755 |
-
|
59756 |
-
if (step) {
|
59757 |
-
newValue = value - tenPercents;
|
59758 |
-
}
|
59759 |
|
59760 |
-
|
59761 |
|
59762 |
-
|
59763 |
-
case 'ArrowUp':
|
59764 |
-
if (step) {
|
59765 |
-
newValue = value + step;
|
59766 |
-
} else {
|
59767 |
-
newValue = marksValues[marksIndex + 1] || marksValues[marksValues.length - 1];
|
59768 |
-
}
|
59769 |
|
59770 |
-
|
59771 |
|
59772 |
-
|
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 |
-
|
59844 |
-
percent = (bottom - finger.y) / height;
|
59845 |
-
} else {
|
59846 |
-
percent = (finger.x - left) / width;
|
59847 |
-
}
|
59848 |
|
59849 |
-
|
59850 |
-
|
59851 |
-
|
|
|
|
|
59852 |
|
59853 |
-
|
59854 |
-
|
|
|
|
|
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 |
-
|
59867 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
59868 |
|
59869 |
-
|
59870 |
-
|
59871 |
-
|
59872 |
-
|
59873 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
59874 |
}
|
|
|
|
|
59875 |
|
59876 |
-
|
59877 |
-
|
59878 |
-
|
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 |
-
|
59889 |
-
|
59890 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
59891 |
};
|
59892 |
|
59893 |
-
|
59894 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
59895 |
|
59896 |
-
|
59897 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
59898 |
}
|
|
|
|
|
|
|
|
|
|
|
59899 |
|
59900 |
-
|
59901 |
-
|
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 |
-
|
59917 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
59918 |
}
|
59919 |
-
});
|
59920 |
-
|
59921 |
-
|
|
|
|
|
|
|
59922 |
|
59923 |
-
|
59924 |
-
return;
|
59925 |
-
}
|
59926 |
|
59927 |
-
|
59928 |
-
finger: finger,
|
59929 |
-
values: values,
|
59930 |
-
source: valueDerived
|
59931 |
-
}),
|
59932 |
-
newValue = _getFingerNewValue2.newValue;
|
59933 |
|
59934 |
-
|
59935 |
|
59936 |
-
|
59937 |
-
setOpen(-1);
|
59938 |
-
}
|
59939 |
|
59940 |
-
|
59941 |
-
onChangeCommitted(event, newValue);
|
59942 |
-
}
|
59943 |
|
59944 |
-
|
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 |
-
|
59957 |
-
// A number that uniquely identifies the current finger in the touch session.
|
59958 |
-
touchId.current = touch.identifier;
|
59959 |
-
}
|
59960 |
|
59961 |
-
|
59962 |
|
59963 |
-
|
59964 |
-
finger: finger,
|
59965 |
-
values: values,
|
59966 |
-
source: valueDerived
|
59967 |
-
}),
|
59968 |
-
newValue = _getFingerNewValue3.newValue,
|
59969 |
-
activeIndex = _getFingerNewValue3.activeIndex;
|
59970 |
|
59971 |
-
|
59972 |
-
sliderRef: sliderRef,
|
59973 |
-
activeIndex: activeIndex,
|
59974 |
-
setActive: setActive
|
59975 |
-
});
|
59976 |
-
setValueState(newValue);
|
59977 |
|
59978 |
-
|
59979 |
-
onChange(event, newValue);
|
59980 |
-
}
|
59981 |
|
59982 |
-
|
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 |
-
|
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 |
-
|
60035 |
-
|
60036 |
-
|
60037 |
-
|
60038 |
-
|
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 |
-
|
60055 |
-
|
60056 |
-
|
60057 |
-
|
60058 |
-
}
|
60059 |
|
60060 |
-
|
60061 |
-
|
60062 |
-
|
60063 |
-
|
60064 |
-
|
60065 |
-
|
60066 |
-
|
60067 |
-
|
60068 |
-
|
60069 |
-
|
60070 |
-
|
60071 |
-
|
60072 |
-
|
60073 |
-
|
60074 |
-
|
60075 |
-
|
60076 |
-
|
60077 |
-
|
60078 |
-
|
60079 |
-
|
60080 |
-
|
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 |
-
|
60106 |
-
|
60107 |
-
|
60108 |
-
|
60109 |
-
|
60110 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60111 |
|
60112 |
-
|
|
|
|
|
|
|
|
|
|
|
60113 |
|
60114 |
-
|
|
|
|
|
60115 |
|
60116 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
60117 |
|
60118 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60119 |
|
60120 |
-
|
|
|
|
|
|
|
60121 |
|
60122 |
-
function
|
60123 |
|
60124 |
-
function
|
60125 |
|
60126 |
-
function
|
60127 |
|
|
|
60128 |
|
|
|
60129 |
|
|
|
60130 |
|
60131 |
|
60132 |
|
60133 |
|
60134 |
-
|
60135 |
-
|
60136 |
-
|
60137 |
-
|
60138 |
-
|
60139 |
-
|
60140 |
-
|
60141 |
-
|
60142 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60143 |
_ref$value = _ref.value,
|
60144 |
value = _ref$value === void 0 ? "" : _ref$value,
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60145 |
_ref$defaultValue = _ref.defaultValue,
|
60146 |
-
defaultValue = _ref$defaultValue === void 0 ?
|
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
|
60165 |
-
|
60166 |
-
|
60167 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60168 |
|
60169 |
-
(0,react.
|
60170 |
-
|
60171 |
-
|
60172 |
-
|
60173 |
|
60174 |
-
var
|
60175 |
-
|
60176 |
-
}; // Label format (like, 15px)
|
60177 |
|
|
|
|
|
|
|
|
|
60178 |
|
60179 |
-
var
|
60180 |
-
return
|
60181 |
-
}
|
|
|
|
|
|
|
60182 |
|
|
|
|
|
|
|
|
|
60183 |
|
60184 |
-
|
60185 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60186 |
|
60187 |
-
|
60188 |
-
setSliderValue("");
|
60189 |
-
onChange("unset");
|
60190 |
-
setSliderDisabled(true);
|
60191 |
-
return;
|
60192 |
}
|
60193 |
|
60194 |
-
|
60195 |
-
|
60196 |
-
|
60197 |
-
|
60198 |
-
|
60199 |
-
|
60200 |
-
return;
|
60201 |
-
}
|
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 |
-
|
60213 |
-
|
60214 |
-
|
60215 |
-
|
60216 |
-
|
60217 |
-
|
60218 |
-
|
60219 |
-
|
60220 |
-
|
60221 |
-
|
60222 |
-
|
60223 |
-
|
60224 |
-
|
60225 |
-
|
60226 |
-
|
|
|
|
|
60227 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60228 |
|
60229 |
-
|
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 (
|
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 |
-
|
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 |
-
}
|
60266 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60267 |
onClick: function onClick() {
|
60268 |
-
|
60269 |
-
|
60270 |
-
|
60271 |
-
|
60272 |
-
|
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/
|
60285 |
-
function
|
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 |
-
|
|
|
|
|
|
|
|
|
60299 |
}
|
60300 |
-
;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/
|
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
|
60320 |
var _onChange = _ref.onChange,
|
60321 |
-
|
60322 |
-
|
60323 |
-
_ref$
|
60324 |
-
|
60325 |
-
_ref$
|
60326 |
-
|
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:
|
60340 |
-
}, /*#__PURE__*/react.createElement(
|
60341 |
-
|
60342 |
-
|
60343 |
-
|
60344 |
-
|
60345 |
-
|
|
|
|
|
60346 |
},
|
60347 |
-
|
60348 |
-
|
60349 |
-
|
60350 |
-
|
60351 |
-
|
60352 |
-
|
60353 |
-
|
60354 |
-
|
60355 |
-
|
60356 |
-
|
60357 |
-
|
60358 |
-
|
60359 |
-
|
60360 |
-
|
60361 |
-
|
60362 |
-
|
60363 |
-
|
60364 |
-
|
60365 |
-
}))
|
60366 |
-
|
60367 |
-
|
60368 |
-
|
60369 |
-
|
60370 |
-
|
60371 |
-
|
60372 |
-
|
60373 |
-
|
60374 |
-
|
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 |
-
|
60392 |
-
_onClick();
|
60393 |
-
}
|
60394 |
},
|
60395 |
-
disabled:
|
60396 |
-
|
60397 |
style: {
|
60398 |
-
|
|
|
60399 |
},
|
60400 |
-
|
60401 |
-
},
|
60402 |
-
|
60403 |
-
|
|
|
60404 |
}
|
60405 |
-
;// CONCATENATED MODULE: ./src/js/dashboard/Pages/Button/Tabs/Styling/
|
60406 |
-
function
|
60407 |
|
60408 |
-
function
|
60409 |
|
60410 |
-
function
|
60411 |
|
60412 |
-
function
|
60413 |
|
60414 |
-
function
|
60415 |
|
60416 |
-
function
|
60417 |
|
60418 |
-
function
|
60419 |
|
60420 |
-
function
|
60421 |
|
60422 |
-
function
|
60423 |
|
60424 |
-
function
|
60425 |
|
60426 |
-
function
|
60427 |
|
60428 |
-
function
|
60429 |
|
60430 |
|
60431 |
|
@@ -60441,101 +60177,130 @@ function IconGroup_objectWithoutPropertiesLoose(source, excluded) { if (source =
|
|
60441 |
|
60442 |
|
60443 |
|
60444 |
-
/* webpack-strip-block:removed */
|
60445 |
|
60446 |
-
|
60447 |
-
|
|
|
|
|
60448 |
getParent = _ref.getParent,
|
60449 |
-
|
60450 |
-
groupProps = IconGroup_objectWithoutProperties(_ref, ["get", "getParent", "set"]);
|
60451 |
|
60452 |
var _useState = (0,react.useState)(0),
|
60453 |
-
_useState2 =
|
60454 |
hoverSettings = _useState2[0],
|
60455 |
-
setHoverSettings = _useState2[1];
|
60456 |
|
|
|
|
|
|
|
|
|
|
|
|
|
60457 |
|
60458 |
-
var
|
60459 |
/* webpack-strip-block:removed */
|
60460 |
return /*#__PURE__*/react.createElement(DisableSetting, {
|
60461 |
premiumTag: true,
|
60462 |
onClick: function onClick() {
|
60463 |
-
app.showPremiumDialog(translate("premium.
|
60464 |
}
|
60465 |
-
}, /*#__PURE__*/react.createElement(
|
60466 |
-
|
60467 |
-
|
60468 |
-
style: {
|
60469 |
-
marginTop: "-20px"
|
60470 |
-
},
|
60471 |
-
className: "Mui-buzz-premium"
|
60472 |
}));
|
60473 |
};
|
60474 |
|
60475 |
-
var
|
60476 |
-
|
60477 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60478 |
/* webpack-strip-block:removed */
|
60479 |
|
60480 |
-
return /*#__PURE__*/react.createElement(
|
60481 |
condition: hoverSettings === 1,
|
60482 |
premiumTag: true,
|
60483 |
onClick: function onClick() {
|
60484 |
app.showPremiumDialog("More hover settings!");
|
60485 |
}
|
60486 |
-
}, /*#__PURE__*/react.createElement(
|
60487 |
-
|
|
|
|
|
60488 |
onChange: function onChange(val) {
|
60489 |
-
|
60490 |
},
|
60491 |
-
|
60492 |
-
|
60493 |
-
|
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
|
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(
|
60515 |
-
|
60516 |
-
value:
|
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 |
-
|
60524 |
-
|
|
|
60525 |
}
|
60526 |
}));
|
60527 |
};
|
60528 |
|
60529 |
-
|
60530 |
-
|
60531 |
-
|
60532 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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 |
-
})),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60550 |
}
|
60551 |
|
60552 |
-
/* harmony default export */ var
|
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 =
|
60570 |
|
60571 |
var button = buttons[buttonId];
|
60572 |
var group = groups[buttons[buttonId].parent];
|
60573 |
-
return
|
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 :
|
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 |
-
})(
|
60588 |
-
;// CONCATENATED MODULE: ./src/js/
|
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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60602 |
|
60603 |
-
|
|
|
|
|
|
|
60604 |
|
60605 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60606 |
|
60607 |
-
function
|
60608 |
|
60609 |
-
function
|
60610 |
|
60611 |
-
function
|
60612 |
|
60613 |
-
function
|
60614 |
|
60615 |
-
function
|
60616 |
|
60617 |
-
function
|
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 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60694 |
/* webpack-strip-block:removed */
|
60695 |
-
|
60696 |
-
|
60697 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
60698 |
}
|
60699 |
-
}, /*#__PURE__*/react.createElement(
|
60700 |
-
|
60701 |
-
|
60702 |
-
|
60703 |
-
|
60704 |
-
|
60705 |
-
|
60706 |
-
|
60707 |
-
|
60708 |
-
|
60709 |
-
|
60710 |
-
|
60711 |
-
|
60712 |
-
|
60713 |
-
|
60714 |
-
|
60715 |
-
|
60716 |
-
|
60717 |
-
"
|
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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60733 |
}
|
60734 |
-
;// CONCATENATED MODULE: ./src/js/dashboard/Components/
|
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 |
-
|
60754 |
-
return {
|
60755 |
-
button: {
|
60756 |
-
padding: 0,
|
60757 |
-
height: "26px",
|
60758 |
-
minWidth: "25px",
|
60759 |
-
fontSize: "10px" // margin: "auto",
|
60760 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60761 |
},
|
60762 |
-
|
60763 |
-
|
60764 |
-
|
60765 |
-
fontWeight: 700,
|
60766 |
-
width: "22px",
|
60767 |
-
padding: 0,
|
60768 |
-
margin: "auto auto"
|
60769 |
}
|
60770 |
};
|
60771 |
-
|
60772 |
-
|
60773 |
-
|
60774 |
-
|
60775 |
-
|
60776 |
-
|
60777 |
-
|
60778 |
-
|
60779 |
-
|
60780 |
-
|
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 |
-
|
60815 |
-
/* webpack-strip-block:removed */
|
60816 |
|
60817 |
-
|
60818 |
-
_useState4 = TextFieldCorners_slicedToArray(_useState3, 2),
|
60819 |
-
unit = _useState4[0],
|
60820 |
-
setUnit = _useState4[1];
|
60821 |
|
60822 |
-
|
60823 |
-
return val === arrayValues[0];
|
60824 |
-
})),
|
60825 |
-
_useState6 = TextFieldCorners_slicedToArray(_useState5, 2),
|
60826 |
-
linked = _useState6[0],
|
60827 |
-
setLinked = _useState6[1];
|
60828 |
|
60829 |
-
|
60830 |
-
var newValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
|
60831 |
-
var newValues = values;
|
60832 |
-
var newUnit = unit;
|
60833 |
|
60834 |
-
|
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 |
-
|
60951 |
-
|
60952 |
-
|
60953 |
-
|
60954 |
-
|
60955 |
-
|
60956 |
-
|
60957 |
-
|
60958 |
-
|
60959 |
-
|
60960 |
-
|
60961 |
-
|
60962 |
-
|
60963 |
-
|
60964 |
-
|
60965 |
-
|
60966 |
-
|
60967 |
-
|
60968 |
-
|
60969 |
-
|
60970 |
-
|
60971 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60972 |
},
|
60973 |
-
|
60974 |
-
|
60975 |
-
|
60976 |
-
|
60977 |
-
|
60978 |
-
|
60979 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60980 |
}
|
60981 |
-
}
|
60982 |
-
|
60983 |
-
|
60984 |
-
|
60985 |
-
|
60986 |
-
|
60987 |
-
|
60988 |
-
|
60989 |
-
|
60990 |
-
},
|
60991 |
-
|
60992 |
-
|
60993 |
-
|
60994 |
-
|
60995 |
-
|
60996 |
-
|
60997 |
-
|
60998 |
-
|
60999 |
-
|
61000 |
-
|
61001 |
-
|
61002 |
-
|
61003 |
-
|
61004 |
-
|
61005 |
-
|
61006 |
-
|
61007 |
-
|
61008 |
-
|
61009 |
-
|
61010 |
-
}))
|
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 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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
|
61054 |
-
var
|
61055 |
-
|
61056 |
-
|
61057 |
-
groupProps = LabelGroup_objectWithoutProperties(_ref, ["set", "get", "getParent"]);
|
61058 |
|
61059 |
var _useState = (0,react.useState)(0),
|
61060 |
-
_useState2 =
|
61061 |
-
|
61062 |
-
|
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 |
-
|
61072 |
-
|
61073 |
-
|
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
|
61085 |
/* webpack-strip-block:removed */
|
61086 |
-
return /*#__PURE__*/react.createElement(
|
61087 |
-
|
61088 |
-
|
61089 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61090 |
}
|
61091 |
-
}, /*#__PURE__*/react.createElement(
|
61092 |
-
|
61093 |
-
|
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(
|
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 |
-
|
61122 |
-
|
61123 |
-
|
61124 |
-
|
61125 |
-
|
61126 |
-
|
61127 |
-
|
61128 |
-
|
61129 |
-
|
61130 |
-
|
61131 |
-
|
61132 |
-
|
61133 |
-
|
61134 |
-
|
61135 |
-
|
61136 |
-
set("label_border_radius", newValues);
|
61137 |
}
|
61138 |
-
}));
|
61139 |
-
};
|
61140 |
|
61141 |
-
|
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 |
-
|
61177 |
-
|
61178 |
-
|
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 |
-
}
|
61209 |
}
|
|
|
|
|
61210 |
|
61211 |
-
|
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 |
-
|
61228 |
-
props = LabelGroup_objectWithoutProperties(_ref4, ["buttonId"]);
|
61229 |
|
61230 |
-
|
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 |
-
|
|
|
61254 |
var value = _ref.value,
|
61255 |
-
|
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
|
61279 |
-
|
61280 |
-
|
61281 |
-
|
61282 |
|
|
|
|
|
|
|
61283 |
return /*#__PURE__*/react.createElement(SettingsContainer, {
|
61284 |
-
title: translate("settings.
|
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:
|
61291 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
61292 |
}));
|
61293 |
}
|
61294 |
-
;// CONCATENATED MODULE: ./
|
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 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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 |
-
|
|
|
61310 |
|
61311 |
-
function
|
|
|
|
|
|
|
61312 |
|
61313 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61314 |
|
61315 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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 |
-
/*
|
|
|
|
|
|
|
61333 |
|
61334 |
-
|
61335 |
-
|
61336 |
-
|
61337 |
-
|
61338 |
-
groupProps = ButtonGroup_objectWithoutProperties(_ref, ["get", "set", "disableBorderRadius"]);
|
61339 |
|
61340 |
-
|
61341 |
-
|
61342 |
-
|
61343 |
-
|
61344 |
|
61345 |
-
|
61346 |
-
|
61347 |
-
|
61348 |
-
|
61349 |
-
});
|
61350 |
-
var colors_parent = get("background_color", {
|
61351 |
-
getParent: true,
|
61352 |
-
returnValue: true
|
61353 |
-
});
|
61354 |
-
/* webpack-strip-block:removed */
|
61355 |
|
61356 |
-
|
61357 |
-
|
61358 |
-
|
61359 |
-
|
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 |
-
|
61371 |
-
|
61372 |
-
|
61373 |
-
|
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 |
-
|
61390 |
-
|
61391 |
-
|
61392 |
-
"data-testid": "group:button"
|
61393 |
-
}), /*#__PURE__*/react.createElement(Tabs_Tabs, {
|
61394 |
-
onChange: function onChange(_, val) {
|
61395 |
-
return setHoverSettings(val);
|
61396 |
},
|
61397 |
-
|
61398 |
-
|
|
|
|
|
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 |
-
/*
|
61417 |
-
|
61418 |
-
|
61419 |
-
|
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 |
-
|
61433 |
-
|
|
|
|
|
61434 |
|
61435 |
-
|
61436 |
-
|
61437 |
-
|
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 |
-
|
61450 |
-
|
|
|
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 |
-
|
|
|
|
|
|
|
61459 |
|
61460 |
-
|
|
|
|
|
|
|
61461 |
|
61462 |
-
|
|
|
|
|
|
|
61463 |
|
61464 |
-
|
|
|
|
|
|
|
61465 |
|
61466 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61467 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61468 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61469 |
|
|
|
61470 |
|
|
|
|
|
|
|
61471 |
|
|
|
61472 |
|
61473 |
-
function
|
61474 |
-
var buttonId = _ref.buttonId;
|
61475 |
|
61476 |
-
|
61477 |
-
_useState2 = Styling_slicedToArray(_useState, 2),
|
61478 |
-
openedGroup = _useState2[0],
|
61479 |
-
setOpenedGroup = _useState2[1];
|
61480 |
|
61481 |
-
|
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 |
-
|
61525 |
-
|
61526 |
-
|
61527 |
-
|
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 |
-
|
61545 |
-
|
61546 |
-
|
61547 |
-
|
61548 |
-
|
61549 |
-
|
61550 |
-
|
61551 |
-
|
61552 |
-
|
61553 |
-
|
|
|
|
|
61554 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61555 |
|
|
|
|
|
|
|
|
|
61556 |
|
|
|
|
|
|
|
|
|
61557 |
|
|
|
|
|
|
|
|
|
61558 |
|
|
|
|
|
|
|
|
|
61559 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61560 |
|
|
|
|
|
|
|
|
|
|
|
|
|
61561 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61562 |
|
61563 |
-
|
61564 |
-
|
61565 |
-
|
61566 |
-
|
61567 |
-
|
61568 |
-
|
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 |
-
|
61582 |
-
|
61583 |
-
|
61584 |
-
|
61585 |
-
|
61586 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61587 |
},
|
61588 |
-
|
61589 |
-
|
61590 |
-
|
61591 |
-
|
61592 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61593 |
},
|
61594 |
-
|
61595 |
-
|
61596 |
-
|
61597 |
-
|
61598 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61599 |
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61600 |
|
61601 |
-
|
61602 |
-
disabled: {},
|
61603 |
|
61604 |
-
|
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 |
-
|
61618 |
-
|
61619 |
-
|
61620 |
-
|
61621 |
-
|
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 |
-
|
61668 |
-
|
|
|
|
|
|
|
|
|
|
|
61669 |
|
61670 |
-
|
61671 |
-
|
61672 |
-
|
61673 |
-
|
61674 |
|
|
|
|
|
61675 |
|
61676 |
-
|
61677 |
-
|
61678 |
-
|
61679 |
|
61680 |
-
|
61681 |
-
|
61682 |
-
|
61683 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61684 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61685 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61686 |
|
61687 |
|
61688 |
|
61689 |
|
61690 |
-
|
61691 |
-
|
61692 |
-
|
61693 |
-
|
61694 |
-
|
61695 |
-
|
61696 |
-
|
61697 |
-
|
61698 |
-
|
61699 |
-
|
61700 |
-
|
61701 |
-
|
|
|
61702 |
},
|
61703 |
-
|
61704 |
-
|
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 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61746 |
|
61747 |
-
/* harmony default export */ var RadioGroup_RadioGroupContext = (RadioGroupContext);
|
61748 |
-
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/RadioGroup/useRadioGroup.js
|
61749 |
|
61750 |
|
61751 |
-
|
61752 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61753 |
}
|
61754 |
-
;// CONCATENATED MODULE: ./
|
|
|
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 |
-
|
61884 |
-
|
61885 |
-
|
61886 |
-
|
61887 |
-
|
61888 |
-
|
61889 |
-
|
61890 |
-
|
61891 |
-
|
61892 |
-
|
61893 |
-
|
61894 |
-
|
61895 |
-
|
61896 |
-
|
61897 |
-
|
61898 |
-
|
61899 |
-
|
61900 |
-
|
61901 |
-
|
61902 |
-
|
61903 |
-
|
61904 |
-
|
61905 |
-
|
61906 |
-
|
61907 |
-
|
61908 |
-
|
61909 |
-
|
61910 |
-
|
61911 |
-
|
61912 |
-
|
61913 |
-
|
61914 |
-
|
61915 |
-
|
61916 |
-
|
61917 |
-
|
61918 |
-
|
61919 |
-
|
61920 |
-
|
61921 |
-
|
61922 |
-
|
61923 |
-
|
61924 |
-
|
61925 |
-
|
61926 |
-
|
61927 |
-
|
61928 |
-
|
61929 |
-
|
61930 |
-
|
61931 |
-
|
61932 |
-
|
61933 |
-
|
61934 |
-
|
61935 |
-
|
61936 |
-
|
61937 |
-
|
61938 |
-
|
61939 |
-
|
61940 |
-
|
61941 |
-
|
61942 |
-
|
61943 |
-
|
61944 |
-
|
61945 |
-
|
61946 |
-
|
61947 |
-
|
61948 |
-
|
61949 |
-
|
61950 |
-
|
61951 |
-
|
61952 |
-
|
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 |
-
|
62001 |
-
}
|
62002 |
-
|
62003 |
-
function
|
62004 |
-
|
62005 |
-
|
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 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
62057 |
},
|
62058 |
-
|
62059 |
-
|
62060 |
-
|
62061 |
-
|
|
|
|
|
|
|
62062 |
}
|
62063 |
-
}, /*#__PURE__*/react.createElement(
|
62064 |
-
value: "
|
62065 |
-
|
62066 |
-
|
62067 |
-
|
62068 |
-
|
62069 |
-
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62077 |
|
62078 |
-
|
|
|
62079 |
|
62080 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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 |
-
|
62115 |
-
|
62116 |
-
|
62117 |
-
|
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 |
-
|
62129 |
-
|
62130 |
-
|
62131 |
-
|
62132 |
-
|
62133 |
-
|
62134 |
-
|
62135 |
-
|
62136 |
-
|
62137 |
-
|
62138 |
-
|
62139 |
-
key: 3
|
62140 |
-
}, translate("settings.exit_intent.animation.flip"))];
|
62141 |
};
|
62142 |
|
62143 |
-
return /*#__PURE__*/react.createElement(
|
62144 |
-
|
62145 |
-
|
62146 |
-
|
62147 |
-
|
62148 |
-
|
62149 |
-
|
62150 |
-
|
62151 |
-
|
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 |
-
|
62163 |
-
|
62164 |
-
|
62165 |
-
|
62166 |
-
|
62167 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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
|
62179 |
-
|
62180 |
|
62181 |
/* webpack-strip-block:removed */
|
62182 |
-
var
|
62183 |
/* webpack-strip-block:removed */
|
62184 |
-
return /*#__PURE__*/
|
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
|
62214 |
}
|
62215 |
-
;// CONCATENATED MODULE: ./src/js/dashboard/Pages/
|
62216 |
-
function
|
62217 |
|
62218 |
-
function
|
62219 |
|
62220 |
-
function
|
62221 |
|
62222 |
-
function
|
62223 |
|
62224 |
-
function
|
62225 |
|
62226 |
-
function
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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
|
62244 |
-
var
|
62245 |
-
buttons = _ref.buttons,
|
62246 |
set = _ref.set,
|
62247 |
-
|
62248 |
-
|
62249 |
|
62250 |
-
var
|
62251 |
-
|
62252 |
-
|
|
|
62253 |
|
62254 |
-
var
|
62255 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62256 |
};
|
62257 |
|
62258 |
-
var
|
|
|
|
|
62259 |
|
62260 |
-
|
62261 |
-
|
62262 |
-
|
62263 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62264 |
|
62265 |
-
var
|
62266 |
-
|
62267 |
-
|
62268 |
-
|
62269 |
-
|
62270 |
-
|
62271 |
-
|
62272 |
-
|
62273 |
-
|
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 |
-
|
62317 |
-
|
62318 |
-
|
62319 |
-
|
62320 |
-
|
62321 |
-
|
62322 |
-
|
62323 |
-
|
62324 |
-
|
62325 |
-
|
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 |
-
|
62359 |
-
|
62360 |
-
|
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 |
-
|
62369 |
-
|
62370 |
-
|
62371 |
-
|
62372 |
-
|
62373 |
-
|
62374 |
-
|
62375 |
-
|
62376 |
-
|
62377 |
-
|
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
|
62425 |
return {
|
62426 |
-
|
62427 |
-
time_schedules: state.timeSchedules,
|
62428 |
-
page_rules: state.pageRules,
|
62429 |
-
groups: state.groups
|
62430 |
};
|
62431 |
}, function (dispatch) {
|
62432 |
return {
|
62433 |
-
|
62434 |
-
set: function set() {
|
62435 |
return dispatch(dataActions_set.apply(void 0, arguments));
|
62436 |
}
|
62437 |
};
|
62438 |
-
}
|
62439 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62440 |
|
|
|
62441 |
|
|
|
62442 |
|
|
|
62443 |
|
|
|
62444 |
|
|
|
62445 |
|
|
|
62446 |
|
|
|
62447 |
|
|
|
62448 |
|
|
|
62449 |
|
62450 |
-
function
|
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
|
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 |
-
|
62475 |
-
|
62476 |
-
|
62477 |
-
|
62478 |
-
|
62479 |
-
|
62480 |
-
|
62481 |
-
|
62482 |
-
|
62483 |
-
|
62484 |
-
|
62485 |
-
|
62486 |
-
|
62487 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62488 |
}
|
62489 |
|
62490 |
-
/* harmony default export */ var
|
62491 |
return {
|
62492 |
-
groups: state.groups
|
62493 |
-
buttons: state.buttons
|
62494 |
};
|
62495 |
}, function (dispatch) {
|
62496 |
return {
|
62497 |
-
|
62498 |
return dispatch(dataActions_set.apply(void 0, arguments));
|
62499 |
}
|
62500 |
};
|
62501 |
-
}
|
62502 |
-
|
62503 |
-
|
62504 |
|
62505 |
-
|
|
|
62506 |
|
62507 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62508 |
|
62509 |
-
|
|
|
|
|
|
|
|
|
|
|
62510 |
|
62511 |
-
function
|
62512 |
|
62513 |
-
function
|
62514 |
|
|
|
62515 |
|
|
|
62516 |
|
|
|
62517 |
|
|
|
62518 |
|
62519 |
-
function
|
62520 |
-
var value = _ref.value,
|
62521 |
-
_onChange = _ref.onChange;
|
62522 |
|
62523 |
-
|
62524 |
-
_useState2 = StartOpened_slicedToArray(_useState, 2),
|
62525 |
-
opened = _useState2[0],
|
62526 |
-
setOpened = _useState2[1];
|
62527 |
|
62528 |
-
|
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 |
-
|
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
|
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 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62586 |
/* webpack-strip-block:removed */
|
62587 |
-
return
|
62588 |
-
|
62589 |
-
|
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 |
-
|
62606 |
-
|
62607 |
-
|
62608 |
-
|
62609 |
-
|
62610 |
-
|
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 |
-
|
62625 |
-
|
62626 |
-
|
62627 |
-
|
62628 |
-
|
62629 |
-
|
62630 |
-
|
62631 |
-
}
|
62632 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
62633 |
|
|
|
|
|
|
|
62634 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62635 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62636 |
|
62637 |
-
|
62638 |
-
var
|
62639 |
-
|
62640 |
-
|
62641 |
-
|
62642 |
-
|
62643 |
-
|
62644 |
-
|
62645 |
-
|
62646 |
-
|
62647 |
-
|
62648 |
-
|
62649 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62650 |
},
|
62651 |
-
|
62652 |
-
|
|
|
62653 |
},
|
62654 |
-
|
62655 |
-
|
62656 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62657 |
}
|
62658 |
-
;// CONCATENATED MODULE: ./src/js/dashboard/Components/Settings/CloseOnClickInside/CloseOnClickInside.js
|
62659 |
-
|
62660 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62661 |
|
|
|
|
|
62662 |
|
62663 |
-
|
62664 |
-
|
62665 |
-
|
62666 |
-
|
62667 |
-
|
62668 |
-
|
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 |
-
|
62676 |
-
return
|
62677 |
},
|
62678 |
-
|
62679 |
-
|
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 |
-
},
|
62701 |
-
|
62702 |
-
|
62703 |
-
|
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
|
62724 |
|
62725 |
-
function
|
62726 |
|
62727 |
-
function
|
62728 |
|
62729 |
-
function
|
62730 |
|
|
|
62731 |
|
62732 |
|
62733 |
|
62734 |
|
62735 |
|
|
|
|
|
62736 |
|
|
|
|
|
|
|
|
|
62737 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62738 |
|
|
|
62739 |
|
|
|
62740 |
|
|
|
62741 |
|
|
|
62742 |
|
|
|
62743 |
|
62744 |
|
62745 |
|
62746 |
|
62747 |
|
62748 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62749 |
|
|
|
|
|
|
|
|
|
62750 |
|
62751 |
-
|
62752 |
-
|
62753 |
-
|
|
|
62754 |
|
62755 |
-
|
62756 |
-
|
62757 |
-
|
62758 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62759 |
|
62760 |
-
|
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:
|
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 |
-
|
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 |
-
|
62883 |
-
props = Tabs_Options_objectWithoutProperties(_ref4, ["groupId"]);
|
62884 |
|
62885 |
-
|
62886 |
-
|
62887 |
-
|
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
|
62910 |
-
|
62911 |
-
|
62912 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62913 |
|
62914 |
-
|
62915 |
-
|
62916 |
-
|
62917 |
-
|
62918 |
-
|
62919 |
-
|
62920 |
-
|
62921 |
-
|
62922 |
-
|
62923 |
-
|
62924 |
-
|
|
|
|
|
62925 |
};
|
62926 |
|
62927 |
-
return /*#__PURE__*/react.createElement(
|
62928 |
-
|
62929 |
-
|
62930 |
-
|
62931 |
-
|
62932 |
-
content: translate("bar.breadcrumb.tippy_home")
|
62933 |
-
}, /*#__PURE__*/react.createElement(Button_Button, {
|
62934 |
-
onClick: function onClick() {
|
62935 |
-
history.push("/");
|
62936 |
},
|
62937 |
-
|
62938 |
-
|
62939 |
-
|
62940 |
-
|
62941 |
-
}, translate("
|
62942 |
-
|
62943 |
-
|
62944 |
-
|
62945 |
-
|
62946 |
-
|
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 |
-
|
62980 |
-
|
62981 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62982 |
|
62983 |
|
62984 |
|
@@ -62986,47 +62822,62 @@ function ImageSelector_objectDestructuringEmpty(obj) { if (obj == null) throw ne
|
|
62986 |
|
62987 |
|
62988 |
|
62989 |
-
|
62990 |
-
|
|
|
62991 |
|
62992 |
/* webpack-strip-block:removed */
|
62993 |
-
var
|
62994 |
/* webpack-strip-block:removed */
|
62995 |
-
return /*#__PURE__*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62996 |
};
|
62997 |
|
62998 |
-
return
|
62999 |
}
|
63000 |
-
;// CONCATENATED MODULE: ./src/js/dashboard/
|
63001 |
-
function
|
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
|
63020 |
|
63021 |
-
function
|
63022 |
|
63023 |
-
function
|
63024 |
|
63025 |
-
|
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 |
-
|
|
|
|
|
|
|
63041 |
|
63042 |
-
function
|
63043 |
-
|
63044 |
-
|
63045 |
-
|
63046 |
-
groupProps = Styling_IconGroup_objectWithoutProperties(_ref, ["defs", "set", "get"]);
|
63047 |
|
63048 |
-
var
|
63049 |
-
|
63050 |
-
|
63051 |
-
|
|
|
|
|
|
|
63052 |
|
63053 |
-
var
|
63054 |
/* webpack-strip-block:removed */
|
63055 |
-
return /*#__PURE__*/react.createElement(
|
63056 |
-
|
63057 |
-
|
63058 |
-
|
63059 |
-
|
63060 |
-
|
63061 |
-
|
63062 |
-
value:
|
63063 |
-
|
63064 |
-
}))
|
|
|
|
|
|
|
|
|
|
|
|
|
63065 |
};
|
63066 |
|
63067 |
-
|
63068 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
63069 |
/* webpack-strip-block:removed */
|
63070 |
-
|
63071 |
-
|
63072 |
-
|
63073 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
63074 |
onClick: function onClick() {
|
63075 |
-
app.showPremiumDialog("
|
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 |
-
|
63096 |
-
|
63097 |
/* webpack-strip-block:removed */
|
63098 |
-
|
63099 |
-
|
63100 |
-
|
63101 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
63102 |
onClick: function onClick() {
|
63103 |
-
app.showPremiumDialog("
|
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 |
-
|
63217 |
-
|
63218 |
-
|
63219 |
-
|
63220 |
-
|
63221 |
|
63222 |
-
|
63223 |
-
|
63224 |
-
hoverSettings = _useState2[0],
|
63225 |
-
setHoverSettings = _useState2[1];
|
63226 |
|
63227 |
-
|
63228 |
-
|
63229 |
-
|
63230 |
-
|
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 |
-
}
|
63241 |
-
disabled: true
|
63242 |
-
}));
|
63243 |
};
|
|
|
|
|
|
|
|
|
|
|
63244 |
|
63245 |
-
|
63246 |
-
|
63247 |
-
|
63248 |
-
|
63249 |
-
|
63250 |
-
|
63251 |
-
|
63252 |
-
|
63253 |
-
|
63254 |
-
|
63255 |
-
|
63256 |
-
|
63257 |
-
|
63258 |
-
|
63259 |
-
}));
|
63260 |
-
};
|
63261 |
|
63262 |
-
|
63263 |
-
|
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 |
-
|
63290 |
-
|
63291 |
-
|
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 |
-
|
63304 |
-
|
|
|
63305 |
|
63306 |
-
var
|
63307 |
-
|
63308 |
-
|
63309 |
-
|
63310 |
-
|
63311 |
-
|
63312 |
-
|
63313 |
-
|
63314 |
-
|
63315 |
-
|
63316 |
-
|
63317 |
-
|
63318 |
-
|
63319 |
-
|
63320 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
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 |
-
|
|
|
|
|
63330 |
|
63331 |
-
|
|
|
|
|
|
|
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 |
-
|
|
|
|
|
63336 |
|
63337 |
-
|
|
|
|
|
|
|
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 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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 |
-
|
63387 |
-
|
63388 |
-
|
63389 |
-
|
63390 |
-
|
63391 |
-
|
63392 |
-
}
|
63393 |
-
}, /*#__PURE__*/react.createElement(TextFieldCorners, {
|
63394 |
-
title: translate("settings.margin.title"),
|
63395 |
-
type: "sides"
|
63396 |
-
}));
|
63397 |
-
};
|
63398 |
|
63399 |
-
|
63400 |
-
|
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 |
-
|
63416 |
-
|
63417 |
-
/* webpack-strip-block:removed */
|
63418 |
|
63419 |
-
|
63420 |
-
|
63421 |
-
|
63422 |
-
|
63423 |
-
|
63424 |
-
|
63425 |
-
|
63426 |
-
|
63427 |
-
|
63428 |
-
|
63429 |
-
|
63430 |
-
set("label_font_size", val);
|
63431 |
},
|
63432 |
-
|
63433 |
-
|
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 |
-
/*
|
63524 |
-
|
63525 |
-
|
63526 |
-
|
63527 |
-
|
63528 |
-
|
63529 |
-
|
63530 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
63531 |
}
|
63532 |
};
|
63533 |
-
}
|
63534 |
-
|
63535 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
63536 |
|
63537 |
-
var
|
63538 |
-
|
|
|
|
|
63539 |
|
63540 |
-
|
63541 |
-
|
63542 |
-
|
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 |
-
|
|
|
|
|
|
|
63562 |
|
63563 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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 |
-
|
63574 |
-
var groupId = _ref.groupId;
|
63575 |
|
63576 |
-
|
63577 |
-
|
63578 |
-
openedGroup = _useState2[0],
|
63579 |
-
setOpenedGroup = _useState2[1];
|
63580 |
|
63581 |
-
|
63582 |
-
|
63583 |
-
|
63584 |
-
|
63585 |
-
|
63586 |
-
|
63587 |
-
|
63588 |
-
|
63589 |
-
|
63590 |
-
|
63591 |
-
|
63592 |
-
|
63593 |
-
|
63594 |
-
|
63595 |
-
|
63596 |
-
|
63597 |
-
|
63598 |
-
|
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.
|
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.
|
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:"​"}})));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:"​"}})))})),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:"​"}}):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:"​"}}):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 |
***************************************************************************** */
|
|