playbook_ui 13.16.0.pre.alpha.play1141iconkitusinglibrary2107 → 13.16.0.pre.alpha.play1141iconkitusinglibrary2130
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +1 -2
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +1 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx +52 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md +1 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md +7 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx +59 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md +18 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx +60 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.md +3 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx +1 -6
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md +5 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx +63 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.md +3 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx +57 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.md +3 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx +61 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.md +3 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +55 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.md +1 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +10 -4
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +7 -0
- data/app/pb_kits/playbook/pb_advanced_table/scss_partials/_loading.scss +4 -3
- data/app/pb_kits/playbook/pb_icon/_icon.tsx +2 -3
- data/dist/playbook-rails.js +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +17 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d9149abf441539c9cdffef8e9373c9c7c2544af0933a351b4857add6ec897b82
|
4
|
+
data.tar.gz: 04edb628c6b3247d7367fced64adee216370c6aa80a7658753f47623c96ba6f4
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 3c37901de060aae8b887ed0de2ced21d68d8fb86d7af3e87cac8ea0b254d5d3ddb1ae4f1cc5d2029ecb987d41d47006c3adcd395811b3c3947cb2a768e6de75c
|
7
|
+
data.tar.gz: 90234fe808d0df3d774b1cdf582be05c1cf0bcb67b20485a4b546340d5bcec89eb7e79eb3763013cf9b04f104089ab3227e61dc120561175e17334e061ca475e
|
@@ -72,7 +72,6 @@ const cellId = `${loading ?
|
|
72
72
|
<Flex
|
73
73
|
alignItems="center"
|
74
74
|
justify={header.index === 0 && enableSorting ? "between" : header.index === 0 && !enableSorting ? "start" : "end"}
|
75
|
-
paddingLeft={loading ? "sm" : "none"}
|
76
75
|
>
|
77
76
|
{header.index === 0 &&
|
78
77
|
!loading &&
|
@@ -114,7 +113,7 @@ const cellId = `${loading ?
|
|
114
113
|
header.column.getCanSort() &&
|
115
114
|
enableSorting &&
|
116
115
|
(loading ? (
|
117
|
-
<div className="loading-toggle-icon
|
116
|
+
<div className="loading-toggle-icon" />
|
118
117
|
) : (
|
119
118
|
<SortIconButton header={header}
|
120
119
|
sortIcon={sortIcon}
|
@@ -162,6 +162,7 @@ const AdvancedTable = (props: AdvancedTableProps) => {
|
|
162
162
|
getExpandedRowModel: getExpandedRowModel(),
|
163
163
|
getSortedRowModel: getSortedRowModel(),
|
164
164
|
enableSortingRemoval: false,
|
165
|
+
sortDescFirst: true,
|
165
166
|
...expandAndSortState(),
|
166
167
|
...tableOptions,
|
167
168
|
});
|
@@ -0,0 +1,52 @@
|
|
1
|
+
import React from "react";
|
2
|
+
import { AdvancedTable } from "../../";
|
3
|
+
import { MOCK_DATA } from "./_mock_data";
|
4
|
+
|
5
|
+
const AdvancedTableCollapsibleTrail = (props) => {
|
6
|
+
const columnDefinitions = [
|
7
|
+
{
|
8
|
+
accessor: "year",
|
9
|
+
label: "Year",
|
10
|
+
cellAccessors: ["quarter", "month", "day"],
|
11
|
+
},
|
12
|
+
{
|
13
|
+
accessor: "newEnrollments",
|
14
|
+
label: "New Enrollments",
|
15
|
+
},
|
16
|
+
{
|
17
|
+
accessor: "scheduledMeetings",
|
18
|
+
label: "Scheduled Meetings",
|
19
|
+
},
|
20
|
+
{
|
21
|
+
accessor: "attendanceRate",
|
22
|
+
label: "Attendance Rate",
|
23
|
+
},
|
24
|
+
{
|
25
|
+
accessor: "completedClasses",
|
26
|
+
label: "Completed Classes",
|
27
|
+
},
|
28
|
+
{
|
29
|
+
accessor: "classCompletionRate",
|
30
|
+
label: "Class Completion Rate",
|
31
|
+
},
|
32
|
+
{
|
33
|
+
accessor: "graduatedStudents",
|
34
|
+
label: "Graduated Students",
|
35
|
+
},
|
36
|
+
];
|
37
|
+
|
38
|
+
return (
|
39
|
+
<div>
|
40
|
+
<AdvancedTable
|
41
|
+
columnDefinitions={columnDefinitions}
|
42
|
+
tableData={MOCK_DATA}
|
43
|
+
{...props}
|
44
|
+
>
|
45
|
+
<AdvancedTable.Header />
|
46
|
+
<AdvancedTable.Body collapsibleTrail={false} />
|
47
|
+
</AdvancedTable>
|
48
|
+
</div>
|
49
|
+
);
|
50
|
+
};
|
51
|
+
|
52
|
+
export default AdvancedTableCollapsibleTrail;
|
@@ -0,0 +1 @@
|
|
1
|
+
`collapsibleTrail` is an optional prop that is set to 'true' by default. If set to 'false', it will remove the trail on the left of rows when subRows are toggled open.
|
@@ -1,7 +1,12 @@
|
|
1
|
-
The AdvancedTable kit
|
1
|
+
The AdvancedTable kit accepts tree data and automatically renders expansion controls for nested subrows, to any depth, based on the data it is given. In it's simplest form, __the kit has two required props__:
|
2
2
|
|
3
|
-
|
3
|
+
### tableData
|
4
4
|
|
5
|
+
`tableData` accepts an array of objects as the table data. Each object is a table row, and each key:value pair within an object is a column value within that row. Nested children within a data object are automatically rendered as subrows under their parent row. Each parent row is prepended with expansion controls for toggling its nested child rows. The `toggleExpansionAll` button in the first column header can also be used to toggle expansion of all parent rows within the table.
|
6
|
+
|
7
|
+
For a visual of the data structure needed for `tableData`, see [here](https://github.com/powerhome/playbook/tree/master/playbook/app/pb_kits/playbook/pb_advanced_table#readme).
|
8
|
+
|
9
|
+
### columnDefinitions
|
5
10
|
|
6
11
|
`columnDefinitions` maps to the columns prop on the Tanstack table. Column definitions are the single most important part of building a table as they are responsible for building the underlying data model that is used for all sorting, expansion, etc. `ColumnDefinitions` in the AdvancedTable kit is a array of objects as seen in the code snippet below. Each object within the array has two REQUIRED items:
|
7
12
|
|
@@ -0,0 +1,59 @@
|
|
1
|
+
import React, { useState } from "react";
|
2
|
+
import { AdvancedTable } from "../../";
|
3
|
+
import { MOCK_DATA } from "./_mock_data";
|
4
|
+
|
5
|
+
const AdvancedTableExpandedControl = (props) => {
|
6
|
+
const columnDefinitions = [
|
7
|
+
{
|
8
|
+
accessor: "year",
|
9
|
+
label: "Year",
|
10
|
+
cellAccessors: ["quarter", "month", "day"],
|
11
|
+
},
|
12
|
+
{
|
13
|
+
accessor: "newEnrollments",
|
14
|
+
label: "New Enrollments",
|
15
|
+
},
|
16
|
+
{
|
17
|
+
accessor: "scheduledMeetings",
|
18
|
+
label: "Scheduled Meetings",
|
19
|
+
},
|
20
|
+
{
|
21
|
+
accessor: "attendanceRate",
|
22
|
+
label: "Attendance Rate",
|
23
|
+
},
|
24
|
+
{
|
25
|
+
accessor: "completedClasses",
|
26
|
+
label: "Completed Classes",
|
27
|
+
},
|
28
|
+
{
|
29
|
+
accessor: "classCompletionRate",
|
30
|
+
label: "Class Completion Rate",
|
31
|
+
},
|
32
|
+
{
|
33
|
+
accessor: "graduatedStudents",
|
34
|
+
label: "Graduated Students",
|
35
|
+
},
|
36
|
+
];
|
37
|
+
|
38
|
+
//State for manually effecting what is expanded
|
39
|
+
const [expanded, setExpanded] = useState({'0': true, '0.0': true, '0.0.1': true})
|
40
|
+
|
41
|
+
//Passing expanded state to AdvancedTable as prop
|
42
|
+
const expandedControl = {
|
43
|
+
value: expanded,
|
44
|
+
onChange: setExpanded,
|
45
|
+
}
|
46
|
+
|
47
|
+
return (
|
48
|
+
<div>
|
49
|
+
<AdvancedTable
|
50
|
+
columnDefinitions={columnDefinitions}
|
51
|
+
expandedControl={expandedControl}
|
52
|
+
tableData={MOCK_DATA}
|
53
|
+
{...props}
|
54
|
+
/>
|
55
|
+
</div>
|
56
|
+
);
|
57
|
+
};
|
58
|
+
|
59
|
+
export default AdvancedTableExpandedControl;
|
@@ -0,0 +1,18 @@
|
|
1
|
+
`expandedControl` is an optional prop that can be used to gain greater control over the expansion state of the Advanced Table. Tanstack handles expansion itself, however it does provide for a way to handle the state manually if needed. Usecases for this include needing to store the expansion state so it persists on page reload, set an initial expansion state, etc.
|
2
|
+
|
3
|
+
In this example we are showing that if initial expansion state is set, it will render the table expanded according to that state.
|
4
|
+
|
5
|
+
The expanded state must be an object with key/value pairs where the key is the row id and the value is a boolean, true or false. Tanstack by default assigns row ids based on index and depth of the row as can be seen in this example. For more information on row ids, see [here](https://tanstack.com/table/v8/docs/api/core/row#id).
|
6
|
+
|
7
|
+
### Single Row Expansion
|
8
|
+
|
9
|
+
By default, the click event on the row level toggleExpansion icon simply toggles the immediate sub rows open or closed. If you want to attach further logic to that button, the optional `onRowToggleClick` prop can be used. This click event provides one argument that can be hooked into: the current `row` object. Any additional functionality provided through this onClick will be applied in addition to the default.
|
10
|
+
|
11
|
+
### Multi-Row Expansion
|
12
|
+
|
13
|
+
Similar to the row level click event, the default of the click event on the toggleExpansion buttons that render in the first column header (and the subRow Header rows if prop enabled) toggles all top level rows open and closed. If you want to attach further logic to that button, the optional `onToggleExpansionClick` prop can be used. This click event provides one argument that can be hooked into: the current `row` object. Any additional functionality provided through this onClick will be applied in addition to the default.
|
14
|
+
|
15
|
+
### ToggleExpansionIcon
|
16
|
+
|
17
|
+
`ToggleExpansionIcon` is another optional prop that can be used to customize the icon for the toggleExpansion button. This prop takes a string value with the default set to `arrows-from-line`. All strings must be valid FA icons.
|
18
|
+
|
@@ -0,0 +1,60 @@
|
|
1
|
+
import React, { useState } from "react";
|
2
|
+
import { AdvancedTable } from "../../";
|
3
|
+
import { Button } from "../../"
|
4
|
+
import { MOCK_DATA } from "./_mock_data";
|
5
|
+
|
6
|
+
const AdvancedTableLoading = (props) => {
|
7
|
+
|
8
|
+
const [isloading, setIsLoading] = useState(true)
|
9
|
+
|
10
|
+
const columnDefinitions = [
|
11
|
+
{
|
12
|
+
accessor: "year",
|
13
|
+
label: "Year",
|
14
|
+
cellAccessors: ["quarter", "month", "day"],
|
15
|
+
},
|
16
|
+
{
|
17
|
+
accessor: "newEnrollments",
|
18
|
+
label: "New Enrollments",
|
19
|
+
},
|
20
|
+
{
|
21
|
+
accessor: "scheduledMeetings",
|
22
|
+
label: "Scheduled Meetings",
|
23
|
+
},
|
24
|
+
{
|
25
|
+
accessor: "attendanceRate",
|
26
|
+
label: "Attendance Rate",
|
27
|
+
},
|
28
|
+
{
|
29
|
+
accessor: "completedClasses",
|
30
|
+
label: "Completed Classes",
|
31
|
+
},
|
32
|
+
{
|
33
|
+
accessor: "classCompletionRate",
|
34
|
+
label: "Class Completion Rate",
|
35
|
+
},
|
36
|
+
{
|
37
|
+
accessor: "graduatedStudents",
|
38
|
+
label: "Graduated Students",
|
39
|
+
},
|
40
|
+
];
|
41
|
+
|
42
|
+
return (
|
43
|
+
<div>
|
44
|
+
<Button marginBottom="md"
|
45
|
+
onClick={()=> setIsLoading(!isloading)}
|
46
|
+
text="Toggle Loading State"
|
47
|
+
variant="secondary"
|
48
|
+
{...props}
|
49
|
+
/>
|
50
|
+
<AdvancedTable
|
51
|
+
columnDefinitions={columnDefinitions}
|
52
|
+
loading={isloading}
|
53
|
+
tableData={MOCK_DATA}
|
54
|
+
{...props}
|
55
|
+
/>
|
56
|
+
</div>
|
57
|
+
);
|
58
|
+
};
|
59
|
+
|
60
|
+
export default AdvancedTableLoading;
|
@@ -0,0 +1,3 @@
|
|
1
|
+
the optional `loading` prop takes a boolean value that can be managed using state. If loading is true, the table will display the loading skeleton and once loading is false, the table will render with the data provided.
|
2
|
+
|
3
|
+
By default, the inital row count of the loading skeleton is set to 10. If you want more control over this initial row count, the optional `initialLoadingRowCount` prop can be used to to pass in a number. __NOTE__: This is only for the first render of the table, subsequent loading skeleton row count logic is handled within the kit itself.
|
@@ -35,20 +35,15 @@ const AdvancedTableSort = (props) => {
|
|
35
35
|
},
|
36
36
|
];
|
37
37
|
|
38
|
-
//Render the subRow header rows
|
39
|
-
const subRowHeaders = ["Quarter", "Month", "Day"]
|
40
|
-
|
41
|
-
|
42
38
|
return (
|
43
39
|
<div>
|
44
40
|
<AdvancedTable
|
45
41
|
columnDefinitions={columnDefinitions}
|
46
|
-
enableToggleExpansion="all"
|
47
42
|
tableData={MOCK_DATA}
|
48
43
|
{...props}
|
49
44
|
>
|
50
45
|
<AdvancedTable.Header enableSorting />
|
51
|
-
<AdvancedTable.Body
|
46
|
+
<AdvancedTable.Body />
|
52
47
|
</AdvancedTable>
|
53
48
|
</div>
|
54
49
|
);
|
@@ -0,0 +1,5 @@
|
|
1
|
+
the `enableSorting` prop is a boolean prop set to false by default. If true, the table will add sort logic linked to the sort button in the header. Clicking the sort button will toggle sort between ascending and descending. Currently this sort functionality is only available on the first column.
|
2
|
+
|
3
|
+
### sortIcon
|
4
|
+
|
5
|
+
An optional prop, `sortIcon` allows you to customize your icon sets by passing it an array of any comma-separated pair of icon values. The first icon value will replace the kit's default icon when sort direction is desc, and the second value will replace the default icon when sort direction is asc. `sortIcon` also allows you to pass it a single icon as a string, in which case the icon will not toggle with the sort state. Default for this prop is `["arrow-up-short-wide", "arrow-down-short-wide"]`. All strings must be valid FA icons.
|
@@ -0,0 +1,63 @@
|
|
1
|
+
import React, { useState } from "react";
|
2
|
+
import { AdvancedTable } from "../..";
|
3
|
+
import { MOCK_DATA } from "./_mock_data";
|
4
|
+
|
5
|
+
const AdvancedTableSortControl = (props) => {
|
6
|
+
const columnDefinitions = [
|
7
|
+
{
|
8
|
+
accessor: "year",
|
9
|
+
label: "Year",
|
10
|
+
cellAccessors: ["quarter", "month", "day"],
|
11
|
+
},
|
12
|
+
{
|
13
|
+
accessor: "newEnrollments",
|
14
|
+
label: "New Enrollments",
|
15
|
+
},
|
16
|
+
{
|
17
|
+
accessor: "scheduledMeetings",
|
18
|
+
label: "Scheduled Meetings",
|
19
|
+
},
|
20
|
+
{
|
21
|
+
accessor: "attendanceRate",
|
22
|
+
label: "Attendance Rate",
|
23
|
+
},
|
24
|
+
{
|
25
|
+
accessor: "completedClasses",
|
26
|
+
label: "Completed Classes",
|
27
|
+
},
|
28
|
+
{
|
29
|
+
accessor: "classCompletionRate",
|
30
|
+
label: "Class Completion Rate",
|
31
|
+
},
|
32
|
+
{
|
33
|
+
accessor: "graduatedStudents",
|
34
|
+
label: "Graduated Students",
|
35
|
+
},
|
36
|
+
];
|
37
|
+
|
38
|
+
//State for sort direction
|
39
|
+
const [isSortDesc, setIsSortDesc] = useState({desc: false})
|
40
|
+
|
41
|
+
// //Passing sort state to AdvancedTable as prop
|
42
|
+
const sortControl = {
|
43
|
+
value: isSortDesc,
|
44
|
+
onChange: setIsSortDesc,
|
45
|
+
}
|
46
|
+
|
47
|
+
|
48
|
+
return (
|
49
|
+
<div>
|
50
|
+
<AdvancedTable
|
51
|
+
columnDefinitions={columnDefinitions}
|
52
|
+
sortControl={sortControl}
|
53
|
+
tableData={MOCK_DATA}
|
54
|
+
{...props}
|
55
|
+
>
|
56
|
+
<AdvancedTable.Header enableSorting />
|
57
|
+
<AdvancedTable.Body />
|
58
|
+
</AdvancedTable>
|
59
|
+
</div>
|
60
|
+
);
|
61
|
+
};
|
62
|
+
|
63
|
+
export default AdvancedTableSortControl;
|
@@ -0,0 +1,3 @@
|
|
1
|
+
`sortControl` is an optional prop that can be used to gain greater control over the sort state of the Advanced Table. Tanstack handles sort itself, however it does provide for a way to handle the state manually if needed. Usecases for this include needing to store the sort state so it persists on page reload, set an initial sort state, etc.
|
2
|
+
|
3
|
+
The sort state must be an object with a single key/value pair, with the key being "desc" and the value being a boolean. The default for sort directino is `desc: true`.
|
@@ -0,0 +1,57 @@
|
|
1
|
+
import React from "react";
|
2
|
+
import { AdvancedTable } from "../..";
|
3
|
+
import { MOCK_DATA } from "./_mock_data";
|
4
|
+
|
5
|
+
const AdvancedTableSubrowHeaders = (props) => {
|
6
|
+
const columnDefinitions = [
|
7
|
+
{
|
8
|
+
accessor: "year",
|
9
|
+
label: "Year",
|
10
|
+
cellAccessors: ["quarter", "month", "day"],
|
11
|
+
},
|
12
|
+
{
|
13
|
+
accessor: "newEnrollments",
|
14
|
+
label: "New Enrollments",
|
15
|
+
},
|
16
|
+
{
|
17
|
+
accessor: "scheduledMeetings",
|
18
|
+
label: "Scheduled Meetings",
|
19
|
+
},
|
20
|
+
{
|
21
|
+
accessor: "attendanceRate",
|
22
|
+
label: "Attendance Rate",
|
23
|
+
},
|
24
|
+
{
|
25
|
+
accessor: "completedClasses",
|
26
|
+
label: "Completed Classes",
|
27
|
+
},
|
28
|
+
{
|
29
|
+
accessor: "classCompletionRate",
|
30
|
+
label: "Class Completion Rate",
|
31
|
+
},
|
32
|
+
{
|
33
|
+
accessor: "graduatedStudents",
|
34
|
+
label: "Graduated Students",
|
35
|
+
},
|
36
|
+
];
|
37
|
+
|
38
|
+
//Render the subRow header rows
|
39
|
+
const subRowHeaders = ["Quarter", "Month", "Day"]
|
40
|
+
|
41
|
+
|
42
|
+
return (
|
43
|
+
<div>
|
44
|
+
<AdvancedTable
|
45
|
+
columnDefinitions={columnDefinitions}
|
46
|
+
enableToggleExpansion="all"
|
47
|
+
tableData={MOCK_DATA}
|
48
|
+
{...props}
|
49
|
+
>
|
50
|
+
<AdvancedTable.Header />
|
51
|
+
<AdvancedTable.Body subRowHeaders={subRowHeaders}/>
|
52
|
+
</AdvancedTable>
|
53
|
+
</div>
|
54
|
+
);
|
55
|
+
};
|
56
|
+
|
57
|
+
export default AdvancedTableSubrowHeaders;
|
@@ -0,0 +1,3 @@
|
|
1
|
+
`subRowHeaders` is an optional prop that if present will add header rows at each level of the nested data. The prop takes an array of strings, each string being the text for each header row. The array of strings must be in the order in which they need to be rendered in the UI according to depth.
|
2
|
+
|
3
|
+
`enableToggleExpansion` is an additional optional prop that can be used in conjunction with the subRowHeaders prop. `enableToggleExpansion` is a string that can be 'all' or 'header". If set to 'all', the toggle exapansion button will appear in the table header as well as in the subRow headers. If set to 'header' button will only appear in header and NOT in subRow headers. This is set to 'headeer' by default.
|
@@ -0,0 +1,61 @@
|
|
1
|
+
import React from "react";
|
2
|
+
import { AdvancedTable } from "../../";
|
3
|
+
import { MOCK_DATA } from "./_mock_data";
|
4
|
+
|
5
|
+
const AdvancedTableTableOptions = (props) => {
|
6
|
+
const columnDefinitions = [
|
7
|
+
{
|
8
|
+
accessor: "year",
|
9
|
+
label: "Year",
|
10
|
+
cellAccessors: ["quarter", "month", "day"],
|
11
|
+
},
|
12
|
+
{
|
13
|
+
accessor: "newEnrollments",
|
14
|
+
label: "New Enrollments",
|
15
|
+
},
|
16
|
+
{
|
17
|
+
accessor: "scheduledMeetings",
|
18
|
+
label: "Scheduled Meetings",
|
19
|
+
},
|
20
|
+
{
|
21
|
+
accessor: "attendanceRate",
|
22
|
+
label: "Attendance Rate",
|
23
|
+
},
|
24
|
+
{
|
25
|
+
accessor: "completedClasses",
|
26
|
+
label: "Completed Classes",
|
27
|
+
},
|
28
|
+
{
|
29
|
+
accessor: "classCompletionRate",
|
30
|
+
label: "Class Completion Rate",
|
31
|
+
},
|
32
|
+
{
|
33
|
+
accessor: "graduatedStudents",
|
34
|
+
label: "Graduated Students",
|
35
|
+
},
|
36
|
+
];
|
37
|
+
|
38
|
+
const tableOptions = {
|
39
|
+
initialState: {
|
40
|
+
sorting: [
|
41
|
+
{
|
42
|
+
id: "year",
|
43
|
+
desc: true,
|
44
|
+
},
|
45
|
+
],
|
46
|
+
},
|
47
|
+
}
|
48
|
+
|
49
|
+
return (
|
50
|
+
<div>
|
51
|
+
<AdvancedTable
|
52
|
+
columnDefinitions={columnDefinitions}
|
53
|
+
tableData={MOCK_DATA}
|
54
|
+
tableOptions={tableOptions}
|
55
|
+
{...props}
|
56
|
+
/>
|
57
|
+
</div>
|
58
|
+
);
|
59
|
+
};
|
60
|
+
|
61
|
+
export default AdvancedTableTableOptions;
|
@@ -0,0 +1,3 @@
|
|
1
|
+
The Tanstack table consumes the useReactTable hook to create the table. This hook takes an object that can contain any of the functions that the Tanstack table provides. The advancedTable's optional `tableOptions` can be used to pass tanstack options to the kit.
|
2
|
+
|
3
|
+
In the above example, we are using the initialState option provided by tanstack that takes sort as one of it's values. Setting it to true for the first column is reversing the sort order on first render of the table. For a complete list of possible options and hoe to use them, see [here](https://tanstack.com/table/v8/docs/api/core/table#usereacttable--createsolidtable--usevuetable--createsveltetable)
|
@@ -0,0 +1,55 @@
|
|
1
|
+
import React from "react";
|
2
|
+
import { AdvancedTable } from "../../";
|
3
|
+
import { MOCK_DATA } from "./_mock_data";
|
4
|
+
|
5
|
+
const AdvancedTableTableProps = (props) => {
|
6
|
+
const columnDefinitions = [
|
7
|
+
{
|
8
|
+
accessor: "year",
|
9
|
+
label: "Year",
|
10
|
+
cellAccessors: ["quarter", "month", "day"],
|
11
|
+
},
|
12
|
+
{
|
13
|
+
accessor: "newEnrollments",
|
14
|
+
label: "New Enrollments",
|
15
|
+
},
|
16
|
+
{
|
17
|
+
accessor: "scheduledMeetings",
|
18
|
+
label: "Scheduled Meetings",
|
19
|
+
},
|
20
|
+
{
|
21
|
+
accessor: "attendanceRate",
|
22
|
+
label: "Attendance Rate",
|
23
|
+
},
|
24
|
+
{
|
25
|
+
accessor: "completedClasses",
|
26
|
+
label: "Completed Classes",
|
27
|
+
},
|
28
|
+
{
|
29
|
+
accessor: "classCompletionRate",
|
30
|
+
label: "Class Completion Rate",
|
31
|
+
},
|
32
|
+
{
|
33
|
+
accessor: "graduatedStudents",
|
34
|
+
label: "Graduated Students",
|
35
|
+
},
|
36
|
+
];
|
37
|
+
|
38
|
+
const tableProps = {
|
39
|
+
container: false,
|
40
|
+
sticky: true
|
41
|
+
}
|
42
|
+
|
43
|
+
return (
|
44
|
+
<div>
|
45
|
+
<AdvancedTable
|
46
|
+
columnDefinitions={columnDefinitions}
|
47
|
+
tableData={MOCK_DATA}
|
48
|
+
tableProps={tableProps}
|
49
|
+
{...props}
|
50
|
+
/>
|
51
|
+
</div>
|
52
|
+
);
|
53
|
+
};
|
54
|
+
|
55
|
+
export default AdvancedTableTableProps;
|
@@ -0,0 +1 @@
|
|
1
|
+
This kit uses the [Table kit](https://playbook.powerapp.cloud/kits/table/react) under the hood which comes with it's own set of props. If you want to apply certain Table props to that underlying kit, you can do so by using the optional `tableProps` prop. This prop must be an object that contains valid Table props. For a full list of Table props, see [here](https://playbook.powerapp.cloud/kits/table/react).
|
@@ -1,6 +1,12 @@
|
|
1
1
|
examples:
|
2
2
|
react:
|
3
|
-
- advanced_table_default: Default
|
4
|
-
|
5
|
-
|
6
|
-
|
3
|
+
- advanced_table_default: Default (Required Props)
|
4
|
+
- advanced_table_loading: Loading State
|
5
|
+
- advanced_table_sort: enable Sorting
|
6
|
+
- advanced_table_sort_control: Sort Control
|
7
|
+
- advanced_table_expanded_control: Expanded Control
|
8
|
+
- advanced_table_subrow_headers: SubRow Headers
|
9
|
+
- advanced_table_collapsible_trail: Collapsible Trail
|
10
|
+
- advanced_table_table_options: Table Options
|
11
|
+
- advanced_table_table_props: Table Props
|
12
|
+
|
@@ -1,2 +1,9 @@
|
|
1
1
|
export { default as AdvancedTableDefault } from './_advanced_table_default.jsx'
|
2
2
|
export { default as AdvancedTableSort } from './_advanced_table_sort.jsx'
|
3
|
+
export { default as AdvancedTableSortControl } from './_advanced_table_sort_control.jsx'
|
4
|
+
export { default as AdvancedTableLoading } from './_advanced_table_loading.jsx'
|
5
|
+
export { default as AdvancedTableExpandedControl } from './_advanced_table_expanded_control.jsx'
|
6
|
+
export { default as AdvancedTableSubrowHeaders } from './_advanced_table_subrow_headers.jsx'
|
7
|
+
export { default as AdvancedTableCollapsibleTrail } from './_advanced_table_collapsible_trail.jsx'
|
8
|
+
export { default as AdvancedTableTableOptions } from './_advanced_table_table_options.jsx'
|
9
|
+
export { default as AdvancedTableTableProps } from './_advanced_table_table_props.jsx'
|
@@ -55,11 +55,12 @@
|
|
55
55
|
}
|
56
56
|
|
57
57
|
.loading-toggle-icon {
|
58
|
-
width: $space_sm -
|
59
|
-
height: $space_sm -
|
58
|
+
width: $space_sm - 3;
|
59
|
+
height: $space_sm - 4;
|
60
|
+
margin-right: $space_xxs;
|
60
61
|
margin-bottom: $space_xxs + 2;
|
61
62
|
&::after {
|
62
|
-
height: $space_sm -
|
63
|
+
height: $space_sm - 4;
|
63
64
|
border-radius: $border_radius_rounded;
|
64
65
|
}
|
65
66
|
}
|
@@ -47,10 +47,9 @@ const flipMap = {
|
|
47
47
|
none: ""
|
48
48
|
}
|
49
49
|
|
50
|
-
|
51
50
|
declare global {
|
52
51
|
// eslint-disable-next-line no-var
|
53
|
-
var
|
52
|
+
var PB_ICONS: {[key: string]: React.FunctionComponent<any>}
|
54
53
|
}
|
55
54
|
|
56
55
|
const Icon = (props: IconProps) => {
|
@@ -91,7 +90,7 @@ const Icon = (props: IconProps) => {
|
|
91
90
|
|
92
91
|
if (!customIcon && !iconElement) {
|
93
92
|
const PowerIcon: React.FunctionComponent<any> | undefined =
|
94
|
-
window.
|
93
|
+
window.PB_ICONS ? window.PB_ICONS[icon as string] : null
|
95
94
|
|
96
95
|
if (PowerIcon) {
|
97
96
|
iconElement = <PowerIcon /> as ReactSVGElement
|
data/dist/playbook-rails.js
CHANGED
@@ -3,7 +3,7 @@
|
|
3
3
|
Copyright (c) 2018 Jed Watson.
|
4
4
|
Licensed under the MIT License (MIT), see
|
5
5
|
http://jedwatson.github.io/classnames
|
6
|
-
*/!function(){"use strict";var n={}.hasOwnProperty;function r(){for(var t=[],e=0;e<arguments.length;e++){var i=arguments[e];if(i){var o=typeof i;if("string"===o||"number"===o)t.push(i);else if(Array.isArray(i)){if(i.length){var a=r.apply(null,i);a&&t.push(a)}}else if("object"===o){if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]")){t.push(i.toString());continue}for(var s in i)n.call(i,s)&&i[s]&&t.push(s)}}}return t.join(" ")}t.exports?(r.default=r,t.exports=r):void 0===(i=function(){return r}.apply(e,[]))||(t.exports=i)}()},function(t,e,n){"use strict";n.d(e,"c",(function(){return c})),n.d(e,"a",(function(){return u})),n.d(e,"b",(function(){return h}));var i=n(24),r=n(51),o=[0,1];function a(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var i,r,o,a,s=[],l=!0,d=!1;try{if(o=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(i=o.call(n)).done)&&(s.push(i.value),s.length!==e);l=!0);}catch(t){d=!0,r=t}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(d)throw r}}return s}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return s(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return s(t,e)}(t,e)||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 s(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}var l=function(t,e){return Object.keys(t).map((function(n){var i="string"==typeof t[n]?Object(r.a)(t[n]):t[n];return"".concat(e,"_").concat(n,"_").concat(i)})).join(" ")},d={hoverProps:function(t){var e=t.hover,n="";return e?(n+=e.shadow?"hover_shadow_".concat(e.shadow," "):"",n+=e.background?"hover_background_".concat(e.background," "):"",n+=e.scale?"hover_scale_".concat(e.scale," "):"",n+=e.color?"hover_color_".concat(e.color," "):""):n},spacingProps:function(t){var e=t.marginRight,n=t.marginLeft,i=t.marginTop,r=t.marginBottom,o=t.marginX,s=t.marginY,l=t.margin,d=t.paddingRight,c=t.paddingLeft,u=t.paddingTop,h=t.paddingBottom,p=t.paddingX,f=t.paddingY,g=t.padding,m="",v={marginRight:e,marginLeft:n,marginTop:i,marginBottom:r,marginX:o,marginY:s,margin:l,paddingRight:d,paddingLeft:c,paddingTop:u,paddingBottom:h,paddingX:p,paddingY:f,padding:g},b=["xs","sm","md","lg","xl"];function y(t){return{marginRight:"mr",marginLeft:"ml",marginTop:"mt",marginBottom:"mb",marginX:"mx",marginY:"my",margin:"m",paddingRight:"pr",paddingLeft:"pl",paddingTop:"pt",paddingBottom:"pb",paddingX:"px",paddingY:"py",padding:"p"}[t]}return Object.entries(v).forEach((function(t){var e=a(t,2),n=e[0],i=e[1];if(i)if("object"==typeof i)m+=function(t,e){var n="",i=t.break||"on",r=t.default||null;return Object.entries(t).forEach((function(t){var r=a(t,2),o=r[0],s=r[1];b.includes(o)&&(n+="break_".concat(i,"_").concat(o,":").concat(e,"_").concat(s," "))})),r&&(n+="".concat(e,"_").concat(r," ")),n}(i,y(n));else{var r=y(n);m+="".concat(r,"_").concat(i," ")}})),m.trim()},borderRadiusProps:function(t){var e=t.borderRadius,n="";return n+=e?"border_radius_".concat(e," "):""},overflowProps:function(t){var e=t.overflow,n=t.overflowX,i=t.overflowY,r="";return r+=e?"overflow_".concat(e):"",r+=n?"overflow_x_".concat(n):"",r+=i?"overflow_y_".concat(i):""},truncateProps:function(t){var e=t.truncate;return"object"==typeof e?"":e?"truncate_".concat(e):""},darkProps:function(t){return t.dark?"dark":""},numberSpacingProps:function(t){var e=t.numberSpacing,n="";return n+=e?"ns_".concat(e," "):""},maxWidthProps:function(t){var e=t.maxWidth,n="";return n+=e?"max_width_".concat(e," "):""},zIndexProps:function(t){var e="";return Object.entries(t).forEach((function(t){"zIndex"==t[0]&&("number"==typeof t[1]?e+="z_index_".concat(t[1]," "):"object"==typeof t[1]&&Object.entries(t[1]).forEach((function(t){e+="z_index_".concat(t[0],"_").concat(t[1]," ")})))})),e},shadowProps:function(t){var e=t.shadow,n="";return n+=e?"shadow_".concat(e," "):""},lineHeightProps:function(t){var e=t.lineHeight,n="";return n+=e?"line_height_".concat(e," "):""},displayProps:function(t){var e="";return Object.entries(t).forEach((function(t){"display"==t[0]&&("string"==typeof t[1]?e+="display_".concat(t[1]," "):"object"==typeof t[1]&&Object.entries(t[1]).forEach((function(t){e+="display_".concat(t[0],"_").concat(t[1]," ")})))})),e},cursorProps:function(t){var e=t.cursor,n="";return n+=e?"cursor_".concat(Object(r.a)(e)):""},alignContentProps:function(t){var e=t.alignContent;return"object"==typeof e?l(e,"align_content"):e?"align_content_".concat(Object(r.a)(e)):""},alignItemsProps:function(t){var e=t.alignItems;return"object"==typeof e?l(e,"align_items"):e?"align_items_".concat(Object(r.a)(e)):""},alignSelfProps:function(t){var e=t.alignSelf;return"object"==typeof e?l(e,"align_self"):e?"align_self_".concat(e):""},flexDirectionProps:function(t){var e=t.flexDirection;return"object"==typeof e?l(e,"flex_direction"):e?"flex_direction_".concat(Object(r.a)(e)):""},flexWrapProps:function(t){var e=t.flexWrap;return"object"==typeof e?l(e,"flex_wrap"):e?"flex_wrap_".concat(Object(r.a)(e)):""},flexProps:function(t){var e=t.flex;return"object"==typeof e?l(e,"flex"):e?"flex_".concat(e):""},flexGrowProps:function(t){var e=t.flexGrow;return"object"==typeof e?l(e,"flex_grow"):o.includes(e)?"flex_grow_".concat(e):""},flexShrinkProps:function(t){var e=t.flexShrink;return"object"==typeof e?l(e,"flex_shrink"):o.includes(e)?"flex_shrink_".concat(e):""},justifyContentProps:function(t){var e=t.justifyContent;return"object"==typeof e?l(e,"justify_content"):e?"justify_content_".concat(Object(r.a)(e)):""},justifySelfProps:function(t){var e=t.justifySelf;return"object"==typeof e?l(e,"justify_self"):e?"justify_self_".concat(e):""},orderProps:function(t){var e=t.order;return"object"==typeof e?l(e,"flex_order"):e?"flex_order_".concat(e):""},positionProps:function(t){var e=t.position,n="";return n+=e&&"static"!==e?"position_".concat(e):""},textAlignProps:function(t){var e=t.textAlign;return"object"==typeof e?l(e,"text_align"):e?"text_align_".concat(e," "):""}},c=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=Object.assign(Object.assign({},t),e);return Object.keys(d).map((function(t){return d[t](n)})).filter((function(t){return(null==t?void 0:t.length)>0})).join(" ")},u=function(){},h=function(t){return Object(i.omit)(t,["marginRight","marginLeft","marginTop","marginBottom","marginX","marginY","margin","paddingRight","paddingLeft","paddingTop","paddingBottom","paddingX","paddingY","padding","dark"])}},function(t,e,n){"use strict";var i=n(0),r=n.n(i),o=n(3),a=n.n(o),s=n(2),l=n(4),d=n(108);function c(t,e,n){return(e=function(t){var e=function(t,e){if("object"!=typeof t||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var u={horizontal:"fa-flip-horizontal",vertical:"fa-flip-vertical",both:"fa-flip-horizontal fa-flip-vertical",none:""};e.a=function(t){var e,n=t.aria,i=void 0===n?{}:n,o=t.border,h=void 0!==o&&o,p=t.className,f=t.customIcon,g=t.data,m=void 0===g?{}:g,v=t.fixedWidth,b=void 0===v||v,y=t.flip,x=void 0===y?"none":y,_=t.htmlOptions,O=void 0===_?{}:_,w=t.icon,$=void 0===w?"":w,C=t.id,k=t.inverse,S=void 0!==k&&k,j=t.listItem,E=void 0!==j&&j,M=t.pull,A=t.pulse,P=void 0!==A&&A,T=t.rotation,D=t.size,L=t.fontStyle,I=void 0===L?"far":L,N=t.spin,R="object"==typeof $?$:null,F=(c(e={"fa-border":h,"fa-fw":b,"fa-inverse":S,"fa-li":E,"fa-pulse":P,"fa-spin":void 0!==N&&N},"fa-".concat(D),D),c(e,"fa-pull-".concat(M),M),c(e,"fa-rotate-".concat(T),T),e);if(!f&&!R){var B=window.POWER_ICONS?window.POWER_ICONS[$]:null;B?R=r.a.createElement(B,null):F["fa-".concat($)]=$}var z=a()(u[x],R||f?"":"pb_icon_kit",R||f?"pb_custom_icon":I,F,Object(l.c)(t),p),H=a()("pb_icon_kit_emoji",Object(l.c)(t),p);!i.label&&(i.label="".concat($," icon"));var W=Object(s.a)(i),Y=Object(s.c)(m),U=Object(s.d)(O);return r.a.createElement(r.a.Fragment,null,function(t){return R||t?r.a.createElement(r.a.Fragment,null,r.a.cloneElement(R||t,Object.assign(Object.assign(Object.assign({},Y),U),{className:z,id:C,width:"auto",height:"auto"}))):Object(d.a)($)?r.a.createElement(r.a.Fragment,null,r.a.createElement("span",Object.assign({},Y,U,{className:H,id:C}),$)):r.a.createElement(r.a.Fragment,null,r.a.createElement("i",Object.assign({},Y,U,{className:z,id:C})),r.a.createElement("span",Object.assign({},W,{hidden:!0})))}(f))}},function(t,e,n){"use strict";n.d(e,"a",(function(){return p})),n.d(e,"b",(function(){return c})),n.d(e,"c",(function(){return f})),n.d(e,"d",(function(){return d})),n.d(e,"e",(function(){return m})),n.d(e,"f",(function(){return x})),n.d(e,"g",(function(){return _})),n.d(e,"h",(function(){return b})),n.d(e,"i",(function(){return O})),n.d(e,"j",(function(){return w})),n.d(e,"k",(function(){return v})),n.d(e,"l",(function(){return $})),n.d(e,"m",(function(){return C})),n.d(e,"n",(function(){return k})),n.d(e,"o",(function(){return g})),n.d(e,"p",(function(){return y})),n.d(e,"q",(function(){return s})),n.d(e,"r",(function(){return a})),n.d(e,"s",(function(){return o})),n.d(e,"t",(function(){return S})),n.d(e,"u",(function(){return l})),n.d(e,"v",(function(){return i}));const i=["top","right","bottom","left"],r=["start","end"],o=i.reduce((t,e)=>t.concat(e,e+"-"+r[0],e+"-"+r[1]),[]),a=Math.min,s=Math.max,l=Math.round,d=Math.floor,c=t=>({x:t,y:t}),u={left:"right",right:"left",bottom:"top",top:"bottom"},h={start:"end",end:"start"};function p(t,e,n){return s(t,a(e,n))}function f(t,e){return"function"==typeof t?t(e):t}function g(t){return t.split("-")[0]}function m(t){return t.split("-")[1]}function v(t){return"x"===t?"y":"x"}function b(t){return"y"===t?"height":"width"}function y(t){return["top","bottom"].includes(g(t))?"y":"x"}function x(t){return v(y(t))}function _(t,e,n){void 0===n&&(n=!1);const i=m(t),r=x(t),o=b(r);let a="x"===r?i===(n?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[o]>e.floating[o]&&(a=C(a)),[a,C(a)]}function O(t){const e=C(t);return[w(t),e,w(e)]}function w(t){return t.replace(/start|end/g,t=>h[t])}function $(t,e,n,i){const r=m(t);let o=function(t,e,n){const i=["left","right"],r=["right","left"],o=["top","bottom"],a=["bottom","top"];switch(t){case"top":case"bottom":return n?e?r:i:e?i:r;case"left":case"right":return e?o:a;default:return[]}}(g(t),"start"===n,i);return r&&(o=o.map(t=>t+"-"+r),e&&(o=o.concat(o.map(w)))),o}function C(t){return t.replace(/left|right|bottom|top/g,t=>u[t])}function k(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function S(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}},function(t,e,n){t.exports={windows:"#003DB2",siding:"#6000AC",doors:"#B85C00",solar:"#007E8F",roofing:"#760B24",gutters:"#008540",insulation:"#96006C",product_1_background:"#003DB2",product_1_highlight:"#0057FF",product_2_background:"#6000AC",product_2_highlight:"#8200E9",product_3_background:"#B85C00",product_3_highlight:"#CE7500",product_4_background:"#007E8F",product_4_highlight:"#00B9D2",product_5_background:"#760B24",product_5_highlight:"#B8032E",product_6_background:"#008540",product_6_highlight:"#00A851",product_7_background:"#96006C",product_7_highlight:"#CD0094",product_8_background:"#144075",product_8_highlight:"#1A569E",product_9_background:"#fcc419",product_9_highlight:"#ffd43b",product_10_background:"#20c997",product_10_highlight:"#38d9a9",success:"#1CA05C",success_secondary:"#24cb75",success_sm:"#157F48",success_subtle:"rgba(28,160,92,0.1)",warning:"#F9BB00",warning_secondary:"#ffcb2d",warning_subtle:"rgba(249,187,0,0.1)",error:"#DA0014",error_secondary:"#ff0e24",error_subtle:"rgba(218,0,20,0.1)",info:"#00C4D7",info_secondary:"#0be9ff",info_subtle:"rgba(0,196,215,0.1)",neutral:"#C1CDD6",neutral_secondary:"#e0e6ea",neutral_subtle:"rgba(193,205,214,0.1)",primary:"#0056CF",primary_secondary:"#036cff",data_1:"#0056CF",data_2:"#F9BB00",data_3:"#9E64E9",data_4:"#1CA05C",data_5:"#FD804C",data_6:"#144075",data_7:"#00C4D7",data_8:"#DA0014",shadow:"rgba(60,106,172,0.2)",shadow_dark:"#0a0527",royal:"#0056CF",purple:"#9E64E9",teal:"#00C4D7",red:"#DA0014","#ff0":"#F9BB00",green:"#1CA05C",orange:"#FD804C",default:"#93a8b8","#fff":"#fff",silver:"#F3F7FB",slate:"#C1CDD6",charcoal:"#242B42","#000":"#000",secondary:"#F9BB00",tertiary:"#9E64E9",bg_light:"#F3F7FB",bg_dark:"#0a0527",bg_dark_card:"#231E3D",card_light:"#fff",card_dark:"#231e3d",active_light:"#f7fbff",active_dark:"#0082ff",primary_action:"#0056CF",primary_action_dark:"#0082ff",hover_light:"#e0eaf5",hover_dark:"rgba(255,255,255,0.2)",border_light:"#E4E8F0",border_dark:"#3b3752",text_lt_default:"#242B42",text_lt_light:"#687887",text_lt_lighter:"#C1CDD6",text_dk_default:"#fff",text_dk_light:"rgba(255,255,255,0.6)",text_dk_lighter:"rgba(255,255,255,0.4)",category_1:"#0056CF",category_2:"#0CD2E5",category_3:"#F9BB00",category_4:"#14D595",category_5:"#A057FF",category_6:"#FF7034",category_7:"#97DA22",category_8:"#EA599F",category_9:"#0091FF",category_10:"#5027E4",category_11:"#DA0014",category_12:"#109922",category_13:"#058F9D",category_14:"#A33E6F",category_15:"#B2171C",category_16:"#0A5C49",category_17:"#325B91",category_18:"#BE4714",category_19:"navy",category_20:"#5C0E0A",category_21:"#040830",gradient_start:"#1C75F2",gradient_end:"#0056CF"}},function(t,e,n){"use strict";var i=n(0),r=n.n(i),o=n(3),a=n.n(o),s=n(2),l=n(4);e.a=function(t){var e=t.align,n=void 0===e?"none":e,i=t.children,o=t.className,d=t.data,c=void 0===d?{}:d,u=t.inline,h=void 0!==u&&u,p=t.horizontal,f=void 0===p?"left":p,g=t.htmlOptions,m=void 0===g?{}:g,v=t.justify,b=void 0===v?"none":v,y=t.orientation,x=void 0===y?"row":y,_=t.spacing,O=void 0===_?"none":_,w=t.gap,$=void 0===w?"none":w,C=t.rowGap,k=void 0===C?"none":C,S=t.columnGap,j=void 0===S?"none":S,E=t.reverse,M=void 0!==E&&E,A=t.vertical,P=void 0===A?"top":A,T=t.wrap,D=void 0!==T&&T,L=t.alignSelf,I=void 0===L?"none":L,N=void 0!==x?"orientation_".concat(x):"",R="justify_content_".concat("none"!==b?b:f),F="align_items_".concat("none"!==n?n:P),B=!0===h?"inline":"",z=void 0!==O?"spacing_".concat(O):"",H="none"!==$?"gap_".concat($):"",W="none"!==k?"rowGap_".concat(k):"",Y="none"!==j?"columnGap_".concat(j):"",U=!0===D?"wrap":"",G=!0===M?"reverse":"",V="none"!==I?"align_self_".concat(I):"",X=Object(s.c)(c),q=Object(s.d)(m);return r.a.createElement("div",Object.assign({className:a()(Object(s.b)("pb_flex_kit",N,R,F,B,G,U,z,H,W,Y,V),Object(l.c)(t),o)},X,q),i)}},function(t,e,n){t.exports={font_family_base:'"Proxima Nova","Helvetica Neue",Helvetica,Arial,sans_serif',text_jumbo:"36px",text_largest:"32px",text_larger:"28px",text_large:"20px",text_base:"16px",text_default:"16px",text_normal:"16px",text_medium:"16px",text_small:"14px",text_smaller:"12px",text_smallest:"11px",heading_1:"46px",heading_2:"34px",heading_3:"28px",heading_4:"16px",lighter:"100",light:"300",bold:"600",regular:"400"}},function(t,e,n){"use strict";var i=n(0),r=n.n(i),o=n(3),a=n.n(o),s=n(2),l=n(4),d=n(132);e.a=function(t){t.variant&&Object(l.a)();var e=t.aria,n=void 0===e?{}:e,i=t.children,o=t.className,c=t.color,u=void 0===c?"":c,h=t.data,p=void 0===h?{}:h,f=t.highlightedText,g=void 0===f?[]:f,m=t.highlighting,v=void 0!==m&&m,b=t.htmlOptions,y=void 0===b?{}:b,x=t.id,_=void 0===x?"":x,O=t.status,w=void 0===O?null:O,$=t.tag,C=void 0===$?"div":$,k=t.text,S=void 0===k?"":k,j=t.variant,E=void 0===j?null:j,M=Object(s.a)(n),A=Object(s.c)(p),P=Object(s.d)(y),T=a()(Object(s.b)("pb_body_kit",u,E,w),Object(l.c)(t),o),D="".concat(C);return r.a.createElement(D,Object.assign({},M,A,P,{className:T,id:_}),v&&r.a.createElement(d.a,{highlightedText:g,text:S},i),!v&&(S||i))}},function(t,e,n){"use strict";n.d(e,"m",(function(){return i})),n.d(e,"c",(function(){return r})),n.d(e,"k",(function(){return o})),n.d(e,"f",(function(){return a})),n.d(e,"a",(function(){return s})),n.d(e,"b",(function(){return l})),n.d(e,"l",(function(){return d})),n.d(e,"e",(function(){return c})),n.d(e,"d",(function(){return u})),n.d(e,"o",(function(){return h})),n.d(e,"i",(function(){return p})),n.d(e,"j",(function(){return f})),n.d(e,"n",(function(){return g})),n.d(e,"h",(function(){return m})),n.d(e,"g",(function(){return v}));var i="top",r="bottom",o="right",a="left",s="auto",l=[i,r,o,a],d="start",c="end",u="clippingParents",h="viewport",p="popper",f="reference",g=l.reduce((function(t,e){return t.concat([e+"-"+d,e+"-"+c])}),[]),m=[].concat(l,[s]).reduce((function(t,e){return t.concat([e,e+"-"+d,e+"-"+c])}),[]),v=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"]},function(t,e,n){"use strict";var i=n(0),r=n.n(i),o=n(3),a=n.n(o),s=n(2),l=n(4);e.a=function(t){t.variant&&Object(l.a)();var e,n=t.aria,i=void 0===n?{}:n,o=t.children,d=t.className,c=t.color,u=t.data,h=void 0===u?{}:u,p=t.htmlOptions,f=void 0===p?{}:p,g=t.id,m=t.size,v=void 0===m?3:m,b=t.bold,y=void 0===b||b,x=t.tag,_=void 0===x?"h3":x,O=t.text,w=t.variant,$=void 0===w?null:w,C=Object(s.a)(i),k=Object(s.c)(h),S=Object(s.d)(f),j=y?"":"thin",E="number"==typeof v||"string"==typeof v,M=a()(Object(s.b)("pb_title_kit",E?"size_".concat(v):"",$,c,j),Object(l.c)(t),(e="",E||Object.entries(v).forEach((function(t){e+="pb_title_kit_".concat(t[0],"_").concat(t[1]," ")})),e.trim()),d),A="".concat(_);return r.a.createElement(A,Object.assign({},C,k,S,{className:M,id:g}),O||o)}},function(t,e,n){t.exports=n(239)()},function(t,e,n){"use strict";function i(t){return a(t)?(t.nodeName||"").toLowerCase():"#document"}function r(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function o(t){var e;return null==(e=(a(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function a(t){return t instanceof Node||t instanceof r(t).Node}function s(t){return t instanceof Element||t instanceof r(t).Element}function l(t){return t instanceof HTMLElement||t instanceof r(t).HTMLElement}function d(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof r(t).ShadowRoot)}function c(t){const{overflow:e,overflowX:n,overflowY:i,display:r}=m(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!["inline","contents"].includes(r)}function u(t){return["table","td","th"].includes(i(t))}function h(t){const e=f(),n=m(t);return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some(t=>(n.willChange||"").includes(t))||["paint","layout","strict","content"].some(t=>(n.contain||"").includes(t))}function p(t){let e=b(t);for(;l(e)&&!g(e);){if(h(e))return e;e=b(e)}return null}function f(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function g(t){return["html","body","#document"].includes(i(t))}function m(t){return r(t).getComputedStyle(t)}function v(t){return s(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function b(t){if("html"===i(t))return t;const e=t.assignedSlot||t.parentNode||d(t)&&t.host||o(t);return d(e)?e.host:e}function y(t,e,n){var i;void 0===e&&(e=[]),void 0===n&&(n=!0);const o=function t(e){const n=b(e);return g(n)?e.ownerDocument?e.ownerDocument.body:e.body:l(n)&&c(n)?n:t(n)}(t),a=o===(null==(i=t.ownerDocument)?void 0:i.body),s=r(o);return a?e.concat(s,s.visualViewport||[],c(o)?o:[],s.frameElement&&n?y(s.frameElement):[]):e.concat(o,y(o,[],n))}n.d(e,"a",(function(){return m})),n.d(e,"b",(function(){return p})),n.d(e,"c",(function(){return o})),n.d(e,"d",(function(){return i})),n.d(e,"e",(function(){return v})),n.d(e,"f",(function(){return y})),n.d(e,"g",(function(){return b})),n.d(e,"h",(function(){return r})),n.d(e,"i",(function(){return h})),n.d(e,"j",(function(){return s})),n.d(e,"k",(function(){return l})),n.d(e,"l",(function(){return g})),n.d(e,"m",(function(){return c})),n.d(e,"n",(function(){return u})),n.d(e,"o",(function(){return f}))},function(t,e,n){"use strict";var i=n(0),r=n.n(i),o=n(3),a=n.n(o),s=n(2),l=n(4);e.a=function(t){t.variant&&Object(l.a)();var e=t.aria,n=void 0===e?{}:e,i=t.children,o=t.className,d=t.color,c=t.data,u=void 0===c?{}:c,h=t.htmlOptions,p=void 0===h?{}:h,f=t.id,g=t.size,m=void 0===g?"md":g,v=t.tag,b=void 0===v?"div":v,y=t.text,x=t.variant,_=void 0===x?null:x,O=["h1","h2","h3","h4","h5","h6","p","span","div","caption"].includes(b)?b:"div",w=Object(s.a)(n),$=Object(s.c)(u),C=Object(s.d)(p),k=a()(Object(s.b)("pb_caption_kit",m,_,d),Object(l.c)(t),o);return r.a.createElement(O,Object.assign({},w,$,C,{className:k,id:f}),y||i)}},function(t,e,n){"use strict";var i=n(0),r=n.n(i),o=n(3),a=n.n(o),s=n(2),l=n(4);e.a=function(t){var e=t.children,n=t.className,i=t.fixedSize,o=t.grow,d=t.htmlOptions,c=void 0===d?{}:d,u=t.shrink,h=t.flex,p=void 0===h?"none":h,f=t.order,g=void 0===f?"none":f,m=t.alignSelf,v=t.displayFlex,b=!0===o?"grow":"",y=!0===v?"display_flex_".concat(v):"",x="none"!==p?"flex_".concat(p):"",_=!0===u?"shrink":"",O=m?"align_self_".concat(m):"",w=void 0!==i?{flexBasis:"".concat(i)}:null,$="none"!==g?"order_".concat(g):null,C=Object(s.d)(c);return r.a.createElement("div",Object.assign({},C,{className:a()(Object(s.b)("pb_flex_item_kit",b,_,x,y),$,O,Object(l.c)(t),n),style:w}),e)}},function(t,e,n){"use strict";n.d(e,"a",(function(){return o}));var i=n(78);function r(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function o(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?r(Object(n),!0).forEach((function(e){Object(i.a)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}},function(t,e,n){"use strict";n.d(e,"a",(function(){return s})),n.d(e,"b",(function(){return a})),n.d(e,"c",(function(){return l}));var i=n(41),r=n(0),o=(n(79),n(109),n(110)),a=(n(106),n(282),n(121),n(182),function(t,e){var n=arguments;if(null==e||!i.e.call(e,"css"))return r.createElement.apply(void 0,n);var o=n.length,a=new Array(o);a[0]=i.b,a[1]=Object(i.d)(t,e);for(var s=2;s<o;s++)a[s]=n[s];return r.createElement.apply(null,a)});function s(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return Object(o.a)(e)}var l=function(){var t=s.apply(void 0,arguments),e="animation-"+t.name;return{name:e,styles:"@keyframes "+e+"{"+t.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}}},function(t,e,n){"use strict";function i(){return(i=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t}).apply(this,arguments)}n.d(e,"a",(function(){return i}))},function(t,e,n){"use strict";var i=n(0),r=n.n(i),o=n(24),a=n(3),s=n.n(a),l=n(2),d=n(4);function c(t,e,n){return(e=function(t){var e=function(t,e){if("object"!=typeof t||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var u=function(t){var e,n,i=t.aria,a=void 0===i?{}:i,u=t.background,h=void 0===u?"none":u,p=t.borderNone,f=void 0!==p&&p,g=t.borderRadius,m=void 0===g?"md":g,v=t.children,b=t.className,y=t.data,x=void 0===y?{}:y,_=t.highlight,O=void 0===_?{}:_,w=t.htmlOptions,$=void 0===w?{}:w,C=t.selected,k=void 0!==C&&C,S=t.tag,j=void 0===S?"div":S,E=1==f?"border_none":"",M=1==k?"selected":"deselected",A="none"==h?"":"background_".concat(h),P=Object(l.b)("pb_card_kit",M,E,"border_radius_".concat(m),A,(c(e={},"highlight_".concat(O.position),O.position),c(e,"highlight_".concat(O.color),O.color),e)),T=Object(l.a)(a),D=Object(l.c)(x),L=Object(l.d)($),I=r.a.Children.toArray(v),N=I.filter((function(t){return"Header"!==Object(o.get)(t,"type.displayName")})),R=["div","section","footer","header","article","aside","main","nav"].includes(j)?j:"div";return r.a.createElement(R,Object.assign({},T,D,L,{className:s()(P,Object(d.c)(t),b)}),(n="Header",I.filter((function(t){return Object(o.get)(t,"type.displayName")===n})).map((function(t,e){if(r.a.isValidElement(t))return r.a.cloneElement(t,{key:"".concat(n.toLowerCase(),"-").concat(e)})}))),N)};u.Header=function(t){var e=t.children,n=t.className,i=t.headerColor,o=void 0===i?"category_1":i,a=t.headerColorStriped,c=void 0!==a&&a,u=Object(l.b)("pb_card_header_kit","".concat(o),c?"striped":""),h=Object(d.c)(t);return r.a.createElement("div",{className:s()(u,h,n)},e)},u.Body=function(t){var e=t.children,n=t.className,i=Object(l.b)("pb_card_body_kit"),o=Object(d.c)(t);return r.a.createElement("div",{className:s()(i,o,n)},e)},e.a=u},function(t,e,n){"use strict";n.d(e,"a",(function(){return E})),n.d(e,"b",(function(){return N})),n.d(e,"c",(function(){return I})),n.d(e,"d",(function(){return L})),n.d(e,"e",(function(){return v})),n.d(e,"f",(function(){return It})),n.d(e,"g",(function(){return O})),n.d(e,"h",(function(){return b})),n.d(e,"i",(function(){return S})),n.d(e,"j",(function(){return g})),n.d(e,"k",(function(){return D})),n.d(e,"l",(function(){return _})),n.d(e,"m",(function(){return G})),n.d(e,"n",(function(){return ht})),n.d(e,"o",(function(){return Q})),n.d(e,"p",(function(){return Lt})),n.d(e,"q",(function(){return vt})),n.d(e,"r",(function(){return ut})),n.d(e,"s",(function(){return _t})),n.d(e,"t",(function(){return xt})),n.d(e,"u",(function(){return pt})),n.d(e,"v",(function(){return et})),n.d(e,"w",(function(){return $t})),n.d(e,"x",(function(){return Z})),n.d(e,"y",(function(){return gt})),n.d(e,"z",(function(){return Y})),n.d(e,"A",(function(){return X})),n.d(e,"B",(function(){return J})),n.d(e,"C",(function(){return jt})),n.d(e,"D",(function(){return Et})),n.d(e,"E",(function(){return R})),n.d(e,"F",(function(){return T})),n.d(e,"G",(function(){return Mt})),n.d(e,"H",(function(){return K})),n.d(e,"I",(function(){return Pt})),n.d(e,"J",(function(){return Tt})),n.d(e,"K",(function(){return Dt})),n.d(e,"L",(function(){return tt})),n.d(e,"M",(function(){return j}));var i=n(17),r=n(19),o=n(18),a=n(39),s=n(50),l=n(77);var d=n(78),c=n(0),u=n(29),h=n(37),p=n(83),f=["className","clearValue","cx","getStyles","getClassNames","getValue","hasValue","isMulti","isRtl","options","selectOption","selectProps","setValue","theme"],g=function(){};function m(t,e){return e?"-"===e[0]?t+e:t+"__"+e:t}function v(t,e){for(var n=arguments.length,i=new Array(n>2?n-2:0),r=2;r<n;r++)i[r-2]=arguments[r];var o=[].concat(i);if(e&&t)for(var a in e)e.hasOwnProperty(a)&&e[a]&&o.push("".concat(m(t,a)));return o.filter((function(t){return t})).map((function(t){return String(t).trim()})).join(" ")}var b=function(t){return e=t,Array.isArray(e)?t.filter(Boolean):"object"===Object(l.a)(t)&&null!==t?[t]:[];var e},y=function(t){t.className,t.clearValue,t.cx,t.getStyles,t.getClassNames,t.getValue,t.hasValue,t.isMulti,t.isRtl,t.options,t.selectOption,t.selectProps,t.setValue,t.theme;var e=Object(s.a)(t,f);return Object(i.a)({},e)},x=function(t,e,n){var i=t.cx,r=t.getStyles,o=t.getClassNames,a=t.className;return{css:r(e,t),className:i(null!=n?n:{},o(e,t),a)}};function _(t,e,n){if(n){var i=n(t,e);if("string"==typeof i)return i}return t}function O(t){return[document.documentElement,document.body,window].indexOf(t)>-1}function w(t){return O(t)?window.pageYOffset:t.scrollTop}function $(t,e){O(t)?window.scrollTo(0,e):t.scrollTop=e}function C(t,e,n,i){return n*((t=t/i-1)*t*t+1)+e}function k(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:200,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:g,r=w(t),o=e-r,a=10,s=0;function l(){var e=C(s+=a,r,o,n);$(t,e),s<n?window.requestAnimationFrame(l):i(t)}l()}function S(t,e){var n=t.getBoundingClientRect(),i=e.getBoundingClientRect(),r=e.offsetHeight/3;i.bottom+r>n.bottom?$(t,Math.min(e.offsetTop+e.clientHeight-t.offsetHeight+r,t.scrollHeight)):i.top-r<n.top&&$(t,Math.max(e.offsetTop-r,0))}function j(){try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}}function E(){try{return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)}catch(t){return!1}}var M=!1,A={get passive(){return M=!0}},P="undefined"!=typeof window?window:{};P.addEventListener&&P.removeEventListener&&(P.addEventListener("p",g,A),P.removeEventListener("p",g,!1));var T=M;function D(t){return null!=t}function L(t,e,n){return t?e:n}function I(t){return t}function N(t){return t}var R=function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];var r=Object.entries(t).filter((function(t){var e=Object(a.a)(t,1)[0];return!n.includes(e)}));return r.reduce((function(t,e){var n=Object(a.a)(e,2),i=n[0],r=n[1];return t[i]=r,t}),{})},F=["children","innerProps"],B=["children","innerProps"];function z(t){var e=t.maxHeight,n=t.menuEl,i=t.minHeight,r=t.placement,o=t.shouldScroll,a=t.isFixedPosition,s=t.controlHeight,l=function(t){var e=getComputedStyle(t),n="absolute"===e.position,i=/(auto|scroll)/;if("fixed"===e.position)return document.documentElement;for(var r=t;r=r.parentElement;)if(e=getComputedStyle(r),(!n||"static"!==e.position)&&i.test(e.overflow+e.overflowY+e.overflowX))return r;return document.documentElement}(n),d={placement:"bottom",maxHeight:e};if(!n||!n.offsetParent)return d;var c,u=l.getBoundingClientRect().height,h=n.getBoundingClientRect(),p=h.bottom,f=h.height,g=h.top,m=n.offsetParent.getBoundingClientRect().top,v=a?window.innerHeight:O(c=l)?window.innerHeight:c.clientHeight,b=w(l),y=parseInt(getComputedStyle(n).marginBottom,10),x=parseInt(getComputedStyle(n).marginTop,10),_=m-x,C=v-g,S=_+b,j=u-b-g,E=p-v+b+y,M=b+g-x;switch(r){case"auto":case"bottom":if(C>=f)return{placement:"bottom",maxHeight:e};if(j>=f&&!a)return o&&k(l,E,160),{placement:"bottom",maxHeight:e};if(!a&&j>=i||a&&C>=i)return o&&k(l,E,160),{placement:"bottom",maxHeight:a?C-y:j-y};if("auto"===r||a){var A=e,P=a?_:S;return P>=i&&(A=Math.min(P-y-s,e)),{placement:"top",maxHeight:A}}if("bottom"===r)return o&&$(l,E),{placement:"bottom",maxHeight:e};break;case"top":if(_>=f)return{placement:"top",maxHeight:e};if(S>=f&&!a)return o&&k(l,M,160),{placement:"top",maxHeight:e};if(!a&&S>=i||a&&_>=i){var T=e;return(!a&&S>=i||a&&_>=i)&&(T=a?_-x:S-x),o&&k(l,M,160),{placement:"top",maxHeight:T}}return{placement:"bottom",maxHeight:e};default:throw new Error('Invalid placement provided "'.concat(r,'".'))}return d}var H,W=function(t){return"auto"===t?"bottom":t},Y=function(t,e){var n,r=t.placement,o=t.theme,a=o.borderRadius,s=o.spacing,l=o.colors;return Object(i.a)((n={label:"menu"},Object(d.a)(n,function(t){return t?{bottom:"top",top:"bottom"}[t]:"bottom"}(r),"100%"),Object(d.a)(n,"position","absolute"),Object(d.a)(n,"width","100%"),Object(d.a)(n,"zIndex",1),n),e?{}:{backgroundColor:l.neutral0,borderRadius:a,boxShadow:"0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)",marginBottom:s.menuGutter,marginTop:s.menuGutter})},U=Object(c.createContext)(null),G=function(t){var e=t.children,n=t.minMenuHeight,r=t.maxMenuHeight,o=t.menuPlacement,s=t.menuPosition,l=t.menuShouldScrollIntoView,d=t.theme,u=(Object(c.useContext)(U)||{}).setPortalPlacement,h=Object(c.useRef)(null),f=Object(c.useState)(r),g=Object(a.a)(f,2),m=g[0],v=g[1],b=Object(c.useState)(null),y=Object(a.a)(b,2),x=y[0],_=y[1],O=d.spacing.controlHeight;return Object(p.a)((function(){var t=h.current;if(t){var e="fixed"===s,i=z({maxHeight:r,menuEl:t,minHeight:n,placement:o,shouldScroll:l&&!e,isFixedPosition:e,controlHeight:O});v(i.maxHeight),_(i.placement),null==u||u(i.placement)}}),[r,o,s,l,n,u,O]),e({ref:h,placerProps:Object(i.a)(Object(i.a)({},t),{},{placement:x||W(o),maxHeight:m})})},V=function(t){var e=t.children,n=t.innerRef,i=t.innerProps;return Object(o.b)("div",Object(r.a)({},x(t,"menu",{menu:!0}),{ref:n},i),e)},X=function(t,e){var n=t.maxHeight,r=t.theme.spacing.baseUnit;return Object(i.a)({maxHeight:n,overflowY:"auto",position:"relative",WebkitOverflowScrolling:"touch"},e?{}:{paddingBottom:r,paddingTop:r})},q=function(t,e){var n=t.theme,r=n.spacing.baseUnit,o=n.colors;return Object(i.a)({textAlign:"center"},e?{}:{color:o.neutral40,padding:"".concat(2*r,"px ").concat(3*r,"px")})},K=q,Z=q,J=function(t){var e=t.rect,n=t.offset,i=t.position;return{left:e.left,position:i,top:n,width:e.width,zIndex:1}},Q=function(t){var e=t.isDisabled;return{label:"container",direction:t.isRtl?"rtl":void 0,pointerEvents:e?"none":void 0,position:"relative"}},tt=function(t,e){var n=t.theme.spacing,r=t.isMulti,o=t.hasValue,a=t.selectProps.controlShouldRenderValue;return Object(i.a)({alignItems:"center",display:r&&o&&a?"flex":"grid",flex:1,flexWrap:"wrap",WebkitOverflowScrolling:"touch",position:"relative",overflow:"hidden"},e?{}:{padding:"".concat(n.baseUnit/2,"px ").concat(2*n.baseUnit,"px")})},et=function(){return{alignItems:"center",alignSelf:"stretch",display:"flex",flexShrink:0}},nt=["size"],it=["innerProps","isRtl","size"];var rt,ot,at={name:"8mmkcg",styles:"display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0"},st=function(t){var e=t.size,n=Object(s.a)(t,nt);return Object(o.b)("svg",Object(r.a)({height:e,width:e,viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",css:at},n))},lt=function(t){return Object(o.b)(st,Object(r.a)({size:20},t),Object(o.b)("path",{d:"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"}))},dt=function(t){return Object(o.b)(st,Object(r.a)({size:20},t),Object(o.b)("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},ct=function(t,e){var n=t.isFocused,r=t.theme,o=r.spacing.baseUnit,a=r.colors;return Object(i.a)({label:"indicatorContainer",display:"flex",transition:"color 150ms"},e?{}:{color:n?a.neutral60:a.neutral20,padding:2*o,":hover":{color:n?a.neutral80:a.neutral40}})},ut=ct,ht=ct,pt=function(t,e){var n=t.isDisabled,r=t.theme,o=r.spacing.baseUnit,a=r.colors;return Object(i.a)({label:"indicatorSeparator",alignSelf:"stretch",width:1},e?{}:{backgroundColor:n?a.neutral10:a.neutral20,marginBottom:2*o,marginTop:2*o})},ft=Object(o.c)(H||(rt=["\n 0%, 80%, 100% { opacity: 0; }\n 40% { opacity: 1; }\n"],ot||(ot=rt.slice(0)),H=Object.freeze(Object.defineProperties(rt,{raw:{value:Object.freeze(ot)}})))),gt=function(t,e){var n=t.isFocused,r=t.size,o=t.theme,a=o.colors,s=o.spacing.baseUnit;return Object(i.a)({label:"loadingIndicator",display:"flex",transition:"color 150ms",alignSelf:"center",fontSize:r,lineHeight:1,marginRight:r,textAlign:"center",verticalAlign:"middle"},e?{}:{color:n?a.neutral60:a.neutral20,padding:2*s})},mt=function(t){var e=t.delay,n=t.offset;return Object(o.b)("span",{css:Object(o.a)({animation:"".concat(ft," 1s ease-in-out ").concat(e,"ms infinite;"),backgroundColor:"currentColor",borderRadius:"1em",display:"inline-block",marginLeft:n?"1em":void 0,height:"1em",verticalAlign:"top",width:"1em"},"","")})},vt=function(t,e){var n=t.isDisabled,r=t.isFocused,o=t.theme,a=o.colors,s=o.borderRadius,l=o.spacing;return Object(i.a)({label:"control",alignItems:"center",cursor:"default",display:"flex",flexWrap:"wrap",justifyContent:"space-between",minHeight:l.controlHeight,outline:"0 !important",position:"relative",transition:"all 100ms"},e?{}:{backgroundColor:n?a.neutral5:a.neutral0,borderColor:n?a.neutral10:r?a.primary:a.neutral20,borderRadius:s,borderStyle:"solid",borderWidth:1,boxShadow:r?"0 0 0 1px ".concat(a.primary):void 0,"&:hover":{borderColor:r?a.primary:a.neutral30}})},bt=function(t){var e=t.children,n=t.isDisabled,i=t.isFocused,a=t.innerRef,s=t.innerProps,l=t.menuIsOpen;return Object(o.b)("div",Object(r.a)({ref:a},x(t,"control",{control:!0,"control--is-disabled":n,"control--is-focused":i,"control--menu-is-open":l}),s,{"aria-disabled":n||void 0}),e)},yt=["data"],xt=function(t,e){var n=t.theme.spacing;return e?{}:{paddingBottom:2*n.baseUnit,paddingTop:2*n.baseUnit}},_t=function(t,e){var n=t.theme,r=n.colors,o=n.spacing;return Object(i.a)({label:"group",cursor:"default",display:"block"},e?{}:{color:r.neutral40,fontSize:"75%",fontWeight:500,marginBottom:"0.25em",paddingLeft:3*o.baseUnit,paddingRight:3*o.baseUnit,textTransform:"uppercase"})},Ot=function(t){var e=t.children,n=t.cx,i=t.getStyles,a=t.getClassNames,s=t.Heading,l=t.headingProps,d=t.innerProps,c=t.label,u=t.theme,h=t.selectProps;return Object(o.b)("div",Object(r.a)({},x(t,"group",{group:!0}),d),Object(o.b)(s,Object(r.a)({},l,{selectProps:h,theme:u,getStyles:i,getClassNames:a,cx:n}),c),Object(o.b)("div",null,e))},wt=["innerRef","isDisabled","isHidden","inputClassName"],$t=function(t,e){var n=t.isDisabled,r=t.value,o=t.theme,a=o.spacing,s=o.colors;return Object(i.a)(Object(i.a)({visibility:n?"hidden":"visible",transform:r?"translateZ(0)":""},kt),e?{}:{margin:a.baseUnit/2,paddingBottom:a.baseUnit/2,paddingTop:a.baseUnit/2,color:s.neutral80})},Ct={gridArea:"1 / 2",font:"inherit",minWidth:"2px",border:0,margin:0,outline:0,padding:0},kt={flex:"1 1 auto",display:"inline-grid",gridArea:"1 / 1 / 2 / 3",gridTemplateColumns:"0 min-content","&:after":Object(i.a)({content:'attr(data-value) " "',visibility:"hidden",whiteSpace:"pre"},Ct)},St=function(t){return Object(i.a)({label:"input",color:"inherit",background:0,opacity:t?0:1,width:"100%"},Ct)},jt=function(t,e){var n=t.theme,r=n.spacing,o=n.borderRadius,a=n.colors;return Object(i.a)({label:"multiValue",display:"flex",minWidth:0},e?{}:{backgroundColor:a.neutral10,borderRadius:o/2,margin:r.baseUnit/2})},Et=function(t,e){var n=t.theme,r=n.borderRadius,o=n.colors,a=t.cropWithEllipsis;return Object(i.a)({overflow:"hidden",textOverflow:a||void 0===a?"ellipsis":void 0,whiteSpace:"nowrap"},e?{}:{borderRadius:r/2,color:o.neutral80,fontSize:"85%",padding:3,paddingLeft:6})},Mt=function(t,e){var n=t.theme,r=n.spacing,o=n.borderRadius,a=n.colors,s=t.isFocused;return Object(i.a)({alignItems:"center",display:"flex"},e?{}:{borderRadius:o/2,backgroundColor:s?a.dangerLight:void 0,paddingLeft:r.baseUnit,paddingRight:r.baseUnit,":hover":{backgroundColor:a.dangerLight,color:a.danger}})},At=function(t){var e=t.children,n=t.innerProps;return Object(o.b)("div",n,e)};var Pt=function(t,e){var n=t.isDisabled,r=t.isFocused,o=t.isSelected,a=t.theme,s=a.spacing,l=a.colors;return Object(i.a)({label:"option",cursor:"default",display:"block",fontSize:"inherit",width:"100%",userSelect:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)"},e?{}:{backgroundColor:o?l.primary:r?l.primary25:"transparent",color:n?l.neutral20:o?l.neutral0:"inherit",padding:"".concat(2*s.baseUnit,"px ").concat(3*s.baseUnit,"px"),":active":{backgroundColor:n?void 0:o?l.primary:l.primary50}})},Tt=function(t,e){var n=t.theme,r=n.spacing,o=n.colors;return Object(i.a)({label:"placeholder",gridArea:"1 / 1 / 2 / 3"},e?{}:{color:o.neutral50,marginLeft:r.baseUnit/2,marginRight:r.baseUnit/2})},Dt=function(t,e){var n=t.isDisabled,r=t.theme,o=r.spacing,a=r.colors;return Object(i.a)({label:"singleValue",gridArea:"1 / 1 / 2 / 3",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},e?{}:{color:n?a.neutral40:a.neutral80,marginLeft:o.baseUnit/2,marginRight:o.baseUnit/2})},Lt={ClearIndicator:function(t){var e=t.children,n=t.innerProps;return Object(o.b)("div",Object(r.a)({},x(t,"clearIndicator",{indicator:!0,"clear-indicator":!0}),n),e||Object(o.b)(lt,null))},Control:bt,DropdownIndicator:function(t){var e=t.children,n=t.innerProps;return Object(o.b)("div",Object(r.a)({},x(t,"dropdownIndicator",{indicator:!0,"dropdown-indicator":!0}),n),e||Object(o.b)(dt,null))},DownChevron:dt,CrossIcon:lt,Group:Ot,GroupHeading:function(t){var e=y(t);e.data;var n=Object(s.a)(e,yt);return Object(o.b)("div",Object(r.a)({},x(t,"groupHeading",{"group-heading":!0}),n))},IndicatorsContainer:function(t){var e=t.children,n=t.innerProps;return Object(o.b)("div",Object(r.a)({},x(t,"indicatorsContainer",{indicators:!0}),n),e)},IndicatorSeparator:function(t){var e=t.innerProps;return Object(o.b)("span",Object(r.a)({},e,x(t,"indicatorSeparator",{"indicator-separator":!0})))},Input:function(t){var e=t.cx,n=t.value,i=y(t),a=i.innerRef,l=i.isDisabled,d=i.isHidden,c=i.inputClassName,u=Object(s.a)(i,wt);return Object(o.b)("div",Object(r.a)({},x(t,"input",{"input-container":!0}),{"data-value":n||""}),Object(o.b)("input",Object(r.a)({className:e({input:!0},c),ref:a,style:St(d),disabled:l},u)))},LoadingIndicator:function(t){var e=t.innerProps,n=t.isRtl,a=t.size,l=void 0===a?4:a,d=Object(s.a)(t,it);return Object(o.b)("div",Object(r.a)({},x(Object(i.a)(Object(i.a)({},d),{},{innerProps:e,isRtl:n,size:l}),"loadingIndicator",{indicator:!0,"loading-indicator":!0}),e),Object(o.b)(mt,{delay:0,offset:n}),Object(o.b)(mt,{delay:160,offset:!0}),Object(o.b)(mt,{delay:320,offset:!n}))},Menu:V,MenuList:function(t){var e=t.children,n=t.innerProps,i=t.innerRef,a=t.isMulti;return Object(o.b)("div",Object(r.a)({},x(t,"menuList",{"menu-list":!0,"menu-list--is-multi":a}),{ref:i},n),e)},MenuPortal:function(t){var e=t.appendTo,n=t.children,s=t.controlElement,l=t.innerProps,d=t.menuPlacement,f=t.menuPosition,g=Object(c.useRef)(null),m=Object(c.useRef)(null),v=Object(c.useState)(W(d)),b=Object(a.a)(v,2),y=b[0],_=b[1],O=Object(c.useMemo)((function(){return{setPortalPlacement:_}}),[]),w=Object(c.useState)(null),$=Object(a.a)(w,2),C=$[0],k=$[1],S=Object(c.useCallback)((function(){if(s){var t=function(t){var e=t.getBoundingClientRect();return{bottom:e.bottom,height:e.height,left:e.left,right:e.right,top:e.top,width:e.width}}(s),e="fixed"===f?0:window.pageYOffset,n=t[y]+e;n===(null==C?void 0:C.offset)&&t.left===(null==C?void 0:C.rect.left)&&t.width===(null==C?void 0:C.rect.width)||k({offset:n,rect:t})}}),[s,f,y,null==C?void 0:C.offset,null==C?void 0:C.rect.left,null==C?void 0:C.rect.width]);Object(p.a)((function(){S()}),[S]);var j=Object(c.useCallback)((function(){"function"==typeof m.current&&(m.current(),m.current=null),s&&g.current&&(m.current=Object(h.b)(s,g.current,S,{elementResize:"ResizeObserver"in window}))}),[s,S]);Object(p.a)((function(){j()}),[j]);var E=Object(c.useCallback)((function(t){g.current=t,j()}),[j]);if(!e&&"fixed"!==f||!C)return null;var M=Object(o.b)("div",Object(r.a)({ref:E},x(Object(i.a)(Object(i.a)({},t),{},{offset:C.offset,position:f,rect:C.rect}),"menuPortal",{"menu-portal":!0}),l),n);return Object(o.b)(U.Provider,{value:O},e?Object(u.createPortal)(M,e):M)},LoadingMessage:function(t){var e=t.children,n=void 0===e?"Loading...":e,a=t.innerProps,l=Object(s.a)(t,B);return Object(o.b)("div",Object(r.a)({},x(Object(i.a)(Object(i.a)({},l),{},{children:n,innerProps:a}),"loadingMessage",{"menu-notice":!0,"menu-notice--loading":!0}),a),n)},NoOptionsMessage:function(t){var e=t.children,n=void 0===e?"No options":e,a=t.innerProps,l=Object(s.a)(t,F);return Object(o.b)("div",Object(r.a)({},x(Object(i.a)(Object(i.a)({},l),{},{children:n,innerProps:a}),"noOptionsMessage",{"menu-notice":!0,"menu-notice--no-options":!0}),a),n)},MultiValue:function(t){var e=t.children,n=t.components,r=t.data,a=t.innerProps,s=t.isDisabled,l=t.removeProps,d=t.selectProps,c=n.Container,u=n.Label,h=n.Remove;return Object(o.b)(c,{data:r,innerProps:Object(i.a)(Object(i.a)({},x(t,"multiValue",{"multi-value":!0,"multi-value--is-disabled":s})),a),selectProps:d},Object(o.b)(u,{data:r,innerProps:Object(i.a)({},x(t,"multiValueLabel",{"multi-value__label":!0})),selectProps:d},e),Object(o.b)(h,{data:r,innerProps:Object(i.a)(Object(i.a)({},x(t,"multiValueRemove",{"multi-value__remove":!0})),{},{"aria-label":"Remove ".concat(e||"option")},l),selectProps:d}))},MultiValueContainer:At,MultiValueLabel:At,MultiValueRemove:function(t){var e=t.children,n=t.innerProps;return Object(o.b)("div",Object(r.a)({role:"button"},n),e||Object(o.b)(lt,{size:14}))},Option:function(t){var e=t.children,n=t.isDisabled,i=t.isFocused,a=t.isSelected,s=t.innerRef,l=t.innerProps;return Object(o.b)("div",Object(r.a)({},x(t,"option",{option:!0,"option--is-disabled":n,"option--is-focused":i,"option--is-selected":a}),{ref:s,"aria-disabled":n},l),e)},Placeholder:function(t){var e=t.children,n=t.innerProps;return Object(o.b)("div",Object(r.a)({},x(t,"placeholder",{placeholder:!0}),n),e)},SelectContainer:function(t){var e=t.children,n=t.innerProps,i=t.isDisabled,a=t.isRtl;return Object(o.b)("div",Object(r.a)({},x(t,"container",{"--is-disabled":i,"--is-rtl":a}),n),e)},SingleValue:function(t){var e=t.children,n=t.isDisabled,i=t.innerProps;return Object(o.b)("div",Object(r.a)({},x(t,"singleValue",{"single-value":!0,"single-value--is-disabled":n}),i),e)},ValueContainer:function(t){var e=t.children,n=t.innerProps,i=t.isMulti,a=t.hasValue;return Object(o.b)("div",Object(r.a)({},x(t,"valueContainer",{"value-container":!0,"value-container--is-multi":i,"value-container--has-value":a}),n),e)}},It=function(t){return Object(i.a)(Object(i.a)({},Lt),t.components)}},function(t,e,n){"use strict";var i=["SU","M","T","W","TH","F","S"],r=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],o=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],a=function(t){return"string"!=typeof t||t.includes("T")?new Date(t):new Date(t.replace(/-/g,"/"))},s=function(t,e){return e?new Date(a(t).toLocaleString("en-US",{timeZone:e})).getDate():a(t).getDate()},l=function(t){return a(t).getMonth()+1},d=function(t,e){var n=a(t);return e?n.toLocaleTimeString("en-US",{timeZone:e,timeStyle:"short"}).split(" ")[0]:n.toLocaleTimeString("en-US",{timeStyle:"short"}).split(" ")[0]},c=function(t,e){var n=a(t);return e?n.toLocaleString("en-US",{timeZone:e,hour12:!0}).slice(-2).charAt(0).toLocaleLowerCase():n.toLocaleString("en-US",{hour12:!0}).slice(-2).charAt(0).toLocaleLowerCase()},u=function(t){var e=a(t),n=e.getDay(),i=new Date(e.setHours(0,0,0)),r=0===n?6:n-1;return i.setDate(e.getDate()-r),i},h=function(t){var e=a(t),n=e.getDay(),i=new Date(e.setHours(23,59,59,0)),r=0===n?0:7-n;return i.setDate(e.getDate()+r),i},p=function(t){var e=a(t);return new Date(e.getFullYear(),e.getMonth(),1)},f=function(t){var e=a(t);return new Date(e.getFullYear(),e.getMonth()+1,0,23,59,59)},g=function(t){var e=a(t),n=Math.floor(e.getMonth()/3);return new Date(e.getFullYear(),3*n,1)},m=function(t){var e=a(t),n=Math.floor(e.getMonth()/3),i=new Date(e.getFullYear(),3*(n+1),1);return new Date(i.getTime()-1)},v=function(t){var e=a(t);return new Date(e.getFullYear(),0,1)},b=function(t){var e=a(t);return new Date(e.getFullYear(),11,31,23,59,59)};e.a={toMinute:function(t,e){var n=a(t);return e?n.toLocaleTimeString("en-US",{timeZone:e,hour:"2-digit",minute:"2-digit"}).slice(3,5):n.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}).slice(3,5)},toHour:function(t,e){var n=a(t);return e?n.toLocaleTimeString("en-US",{timeZone:e,hour:"numeric"}).split(" ")[0]:n.toLocaleTimeString("en-US",{hour:"numeric"}).split(" ")[0]},toDay:s,toDayAbbr:function(t){var e=a(t);return i[e.getDay()]},toWeekday:function(t){var e=a(t);return r[e.getDay()]},toMonth:function(t,e){if(e){var n=new Date(a(t).toLocaleString("en-US",{timeZone:e}));return o[n.getMonth()]}var i=a(t);return o[i.getMonth()]},toMonthNum:l,toYear:function(t,e){return e?new Date(a(t).toLocaleString("en-US",{timeZone:e})).getFullYear():a(t).getFullYear()},toTime:d,toMeridiem:c,toTimeZone:function(t,e){var n=a(t);return e?n.toLocaleString("en-US",{timeZone:e,timeZoneName:"short"}).split(" ")[3]:n.toLocaleString("en-US",{timeZoneName:"short"}).split(" ")[3]},toTimeWithMeridiem:function(t,e){var n=a(t);return"".concat(d(n,e)).concat(c(n,e))},toIso:function(t){return a(t).toISOString()},fromNow:function(t){for(var e=new Date,n=a(t),i=n.getTime(),r=e.getTime()-i,o=e.getFullYear()-n.getFullYear(),s="".concat(o,1===o?" year ago":" years ago"),l=0,d=[{min:0,max:45e3,value:"a few seconds ago"},{min:45e3,max:9e4,value:"a minute ago"},{min:9e4,max:267e4,value:"".concat(Math.round(r/6e4)," minutes ago")},{min:267e4,max:54e5,value:"an hour ago"},{min:54e5,max:774e5,value:"".concat(Math.round(r/36e5)," hours ago")},{min:774e5,max:1296e5,value:"a day ago"},{min:1296e5,max:22032e5,value:"".concat(Math.round(r/864e5)," days ago")},{min:22032e5,max:3888e6,value:"a month ago"},{min:3888e6,max:2756e7,value:"".concat(function(){var t=12*o;return t-=n.getMonth(),t+=e.getMonth()}()," months ago")}];l<d.length;l++){var c=d[l],u=c.min,h=c.max,p=c.value;if(r>=u&&r<h){s=p;break}}return s},toCustomFormat:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"month_day",n=a(t);return"month_day"==e?"".concat(l(n),"/").concat(s(n)):"".concat(n.toLocaleString("en-US",{month:"short"})," ").concat(s(n))},getYesterdayDate:function(t){var e=a(t),n=new Date;return n.setDate(e.getDate()-1),n},getFirstDayOfWeek:u,getLastDayOfWeek:h,getPreviousWeekStartDate:function(t){var e=u(t);return new Date(e.getFullYear(),e.getMonth(),e.getDate()-7)},getPreviousWeekEndDate:function(t){var e=h(t);return new Date(e.getFullYear(),e.getMonth(),e.getDate()-7,e.getHours(),e.getMinutes(),e.getSeconds())},getMonthStartDate:p,getMonthEndDate:f,getPreviousMonthStartDate:function(t){var e=p(t);return new Date(e.getFullYear(),e.getMonth()-1,e.getDate())},getPreviousMonthEndDate:function(t){var e=f(t);return new Date(e.getFullYear(),e.getMonth()-1,e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds())},getQuarterStartDate:g,getQuarterEndDate:m,getPreviousQuarterStartDate:function(t){var e=g(t);return new Date(e.getFullYear(),e.getMonth()-3,e.getDate())},getPreviousQuarterEndDate:function(t){var e=m(t);return new Date(e.getFullYear(),e.getMonth()-3,e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds())},getYearStartDate:v,getYearEndDate:b,getPreviousYearStartDate:function(t){var e=v(t);return new Date(e.getFullYear()-1,e.getMonth(),e.getDate())},getPreviousYearEndDate:function(t){var e=b(t);return new Date(e.getFullYear()-1,e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds())}}},,function(t,e,n){(function(t,i){var r;
|
6
|
+
*/!function(){"use strict";var n={}.hasOwnProperty;function r(){for(var t=[],e=0;e<arguments.length;e++){var i=arguments[e];if(i){var o=typeof i;if("string"===o||"number"===o)t.push(i);else if(Array.isArray(i)){if(i.length){var a=r.apply(null,i);a&&t.push(a)}}else if("object"===o){if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]")){t.push(i.toString());continue}for(var s in i)n.call(i,s)&&i[s]&&t.push(s)}}}return t.join(" ")}t.exports?(r.default=r,t.exports=r):void 0===(i=function(){return r}.apply(e,[]))||(t.exports=i)}()},function(t,e,n){"use strict";n.d(e,"c",(function(){return c})),n.d(e,"a",(function(){return u})),n.d(e,"b",(function(){return h}));var i=n(24),r=n(51),o=[0,1];function a(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var i,r,o,a,s=[],l=!0,d=!1;try{if(o=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(i=o.call(n)).done)&&(s.push(i.value),s.length!==e);l=!0);}catch(t){d=!0,r=t}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(d)throw r}}return s}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return s(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return s(t,e)}(t,e)||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 s(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}var l=function(t,e){return Object.keys(t).map((function(n){var i="string"==typeof t[n]?Object(r.a)(t[n]):t[n];return"".concat(e,"_").concat(n,"_").concat(i)})).join(" ")},d={hoverProps:function(t){var e=t.hover,n="";return e?(n+=e.shadow?"hover_shadow_".concat(e.shadow," "):"",n+=e.background?"hover_background_".concat(e.background," "):"",n+=e.scale?"hover_scale_".concat(e.scale," "):"",n+=e.color?"hover_color_".concat(e.color," "):""):n},spacingProps:function(t){var e=t.marginRight,n=t.marginLeft,i=t.marginTop,r=t.marginBottom,o=t.marginX,s=t.marginY,l=t.margin,d=t.paddingRight,c=t.paddingLeft,u=t.paddingTop,h=t.paddingBottom,p=t.paddingX,f=t.paddingY,g=t.padding,m="",v={marginRight:e,marginLeft:n,marginTop:i,marginBottom:r,marginX:o,marginY:s,margin:l,paddingRight:d,paddingLeft:c,paddingTop:u,paddingBottom:h,paddingX:p,paddingY:f,padding:g},b=["xs","sm","md","lg","xl"];function y(t){return{marginRight:"mr",marginLeft:"ml",marginTop:"mt",marginBottom:"mb",marginX:"mx",marginY:"my",margin:"m",paddingRight:"pr",paddingLeft:"pl",paddingTop:"pt",paddingBottom:"pb",paddingX:"px",paddingY:"py",padding:"p"}[t]}return Object.entries(v).forEach((function(t){var e=a(t,2),n=e[0],i=e[1];if(i)if("object"==typeof i)m+=function(t,e){var n="",i=t.break||"on",r=t.default||null;return Object.entries(t).forEach((function(t){var r=a(t,2),o=r[0],s=r[1];b.includes(o)&&(n+="break_".concat(i,"_").concat(o,":").concat(e,"_").concat(s," "))})),r&&(n+="".concat(e,"_").concat(r," ")),n}(i,y(n));else{var r=y(n);m+="".concat(r,"_").concat(i," ")}})),m.trim()},borderRadiusProps:function(t){var e=t.borderRadius,n="";return n+=e?"border_radius_".concat(e," "):""},overflowProps:function(t){var e=t.overflow,n=t.overflowX,i=t.overflowY,r="";return r+=e?"overflow_".concat(e):"",r+=n?"overflow_x_".concat(n):"",r+=i?"overflow_y_".concat(i):""},truncateProps:function(t){var e=t.truncate;return"object"==typeof e?"":e?"truncate_".concat(e):""},darkProps:function(t){return t.dark?"dark":""},numberSpacingProps:function(t){var e=t.numberSpacing,n="";return n+=e?"ns_".concat(e," "):""},maxWidthProps:function(t){var e=t.maxWidth,n="";return n+=e?"max_width_".concat(e," "):""},zIndexProps:function(t){var e="";return Object.entries(t).forEach((function(t){"zIndex"==t[0]&&("number"==typeof t[1]?e+="z_index_".concat(t[1]," "):"object"==typeof t[1]&&Object.entries(t[1]).forEach((function(t){e+="z_index_".concat(t[0],"_").concat(t[1]," ")})))})),e},shadowProps:function(t){var e=t.shadow,n="";return n+=e?"shadow_".concat(e," "):""},lineHeightProps:function(t){var e=t.lineHeight,n="";return n+=e?"line_height_".concat(e," "):""},displayProps:function(t){var e="";return Object.entries(t).forEach((function(t){"display"==t[0]&&("string"==typeof t[1]?e+="display_".concat(t[1]," "):"object"==typeof t[1]&&Object.entries(t[1]).forEach((function(t){e+="display_".concat(t[0],"_").concat(t[1]," ")})))})),e},cursorProps:function(t){var e=t.cursor,n="";return n+=e?"cursor_".concat(Object(r.a)(e)):""},alignContentProps:function(t){var e=t.alignContent;return"object"==typeof e?l(e,"align_content"):e?"align_content_".concat(Object(r.a)(e)):""},alignItemsProps:function(t){var e=t.alignItems;return"object"==typeof e?l(e,"align_items"):e?"align_items_".concat(Object(r.a)(e)):""},alignSelfProps:function(t){var e=t.alignSelf;return"object"==typeof e?l(e,"align_self"):e?"align_self_".concat(e):""},flexDirectionProps:function(t){var e=t.flexDirection;return"object"==typeof e?l(e,"flex_direction"):e?"flex_direction_".concat(Object(r.a)(e)):""},flexWrapProps:function(t){var e=t.flexWrap;return"object"==typeof e?l(e,"flex_wrap"):e?"flex_wrap_".concat(Object(r.a)(e)):""},flexProps:function(t){var e=t.flex;return"object"==typeof e?l(e,"flex"):e?"flex_".concat(e):""},flexGrowProps:function(t){var e=t.flexGrow;return"object"==typeof e?l(e,"flex_grow"):o.includes(e)?"flex_grow_".concat(e):""},flexShrinkProps:function(t){var e=t.flexShrink;return"object"==typeof e?l(e,"flex_shrink"):o.includes(e)?"flex_shrink_".concat(e):""},justifyContentProps:function(t){var e=t.justifyContent;return"object"==typeof e?l(e,"justify_content"):e?"justify_content_".concat(Object(r.a)(e)):""},justifySelfProps:function(t){var e=t.justifySelf;return"object"==typeof e?l(e,"justify_self"):e?"justify_self_".concat(e):""},orderProps:function(t){var e=t.order;return"object"==typeof e?l(e,"flex_order"):e?"flex_order_".concat(e):""},positionProps:function(t){var e=t.position,n="";return n+=e&&"static"!==e?"position_".concat(e):""},textAlignProps:function(t){var e=t.textAlign;return"object"==typeof e?l(e,"text_align"):e?"text_align_".concat(e," "):""}},c=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=Object.assign(Object.assign({},t),e);return Object.keys(d).map((function(t){return d[t](n)})).filter((function(t){return(null==t?void 0:t.length)>0})).join(" ")},u=function(){},h=function(t){return Object(i.omit)(t,["marginRight","marginLeft","marginTop","marginBottom","marginX","marginY","margin","paddingRight","paddingLeft","paddingTop","paddingBottom","paddingX","paddingY","padding","dark"])}},function(t,e,n){"use strict";var i=n(0),r=n.n(i),o=n(3),a=n.n(o),s=n(2),l=n(4),d=n(108);function c(t,e,n){return(e=function(t){var e=function(t,e){if("object"!=typeof t||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var u={horizontal:"fa-flip-horizontal",vertical:"fa-flip-vertical",both:"fa-flip-horizontal fa-flip-vertical",none:""};e.a=function(t){var e,n=t.aria,i=void 0===n?{}:n,o=t.border,h=void 0!==o&&o,p=t.className,f=t.customIcon,g=t.data,m=void 0===g?{}:g,v=t.fixedWidth,b=void 0===v||v,y=t.flip,x=void 0===y?"none":y,_=t.htmlOptions,O=void 0===_?{}:_,w=t.icon,$=void 0===w?"":w,C=t.id,k=t.inverse,S=void 0!==k&&k,j=t.listItem,E=void 0!==j&&j,M=t.pull,A=t.pulse,P=void 0!==A&&A,T=t.rotation,D=t.size,L=t.fontStyle,I=void 0===L?"far":L,N=t.spin,R="object"==typeof $?$:null,F=(c(e={"fa-border":h,"fa-fw":b,"fa-inverse":S,"fa-li":E,"fa-pulse":P,"fa-spin":void 0!==N&&N},"fa-".concat(D),D),c(e,"fa-pull-".concat(M),M),c(e,"fa-rotate-".concat(T),T),e);if(!f&&!R){var B=window.PB_ICONS?window.PB_ICONS[$]:null;B?R=r.a.createElement(B,null):F["fa-".concat($)]=$}var z=a()(u[x],R||f?"":"pb_icon_kit",R||f?"pb_custom_icon":I,F,Object(l.c)(t),p),H=a()("pb_icon_kit_emoji",Object(l.c)(t),p);!i.label&&(i.label="".concat($," icon"));var W=Object(s.a)(i),Y=Object(s.c)(m),U=Object(s.d)(O);return r.a.createElement(r.a.Fragment,null,function(t){return R||t?r.a.createElement(r.a.Fragment,null,r.a.cloneElement(R||t,Object.assign(Object.assign(Object.assign({},Y),U),{className:z,id:C,width:"auto",height:"auto"}))):Object(d.a)($)?r.a.createElement(r.a.Fragment,null,r.a.createElement("span",Object.assign({},Y,U,{className:H,id:C}),$)):r.a.createElement(r.a.Fragment,null,r.a.createElement("i",Object.assign({},Y,U,{className:z,id:C})),r.a.createElement("span",Object.assign({},W,{hidden:!0})))}(f))}},function(t,e,n){"use strict";n.d(e,"a",(function(){return p})),n.d(e,"b",(function(){return c})),n.d(e,"c",(function(){return f})),n.d(e,"d",(function(){return d})),n.d(e,"e",(function(){return m})),n.d(e,"f",(function(){return x})),n.d(e,"g",(function(){return _})),n.d(e,"h",(function(){return b})),n.d(e,"i",(function(){return O})),n.d(e,"j",(function(){return w})),n.d(e,"k",(function(){return v})),n.d(e,"l",(function(){return $})),n.d(e,"m",(function(){return C})),n.d(e,"n",(function(){return k})),n.d(e,"o",(function(){return g})),n.d(e,"p",(function(){return y})),n.d(e,"q",(function(){return s})),n.d(e,"r",(function(){return a})),n.d(e,"s",(function(){return o})),n.d(e,"t",(function(){return S})),n.d(e,"u",(function(){return l})),n.d(e,"v",(function(){return i}));const i=["top","right","bottom","left"],r=["start","end"],o=i.reduce((t,e)=>t.concat(e,e+"-"+r[0],e+"-"+r[1]),[]),a=Math.min,s=Math.max,l=Math.round,d=Math.floor,c=t=>({x:t,y:t}),u={left:"right",right:"left",bottom:"top",top:"bottom"},h={start:"end",end:"start"};function p(t,e,n){return s(t,a(e,n))}function f(t,e){return"function"==typeof t?t(e):t}function g(t){return t.split("-")[0]}function m(t){return t.split("-")[1]}function v(t){return"x"===t?"y":"x"}function b(t){return"y"===t?"height":"width"}function y(t){return["top","bottom"].includes(g(t))?"y":"x"}function x(t){return v(y(t))}function _(t,e,n){void 0===n&&(n=!1);const i=m(t),r=x(t),o=b(r);let a="x"===r?i===(n?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[o]>e.floating[o]&&(a=C(a)),[a,C(a)]}function O(t){const e=C(t);return[w(t),e,w(e)]}function w(t){return t.replace(/start|end/g,t=>h[t])}function $(t,e,n,i){const r=m(t);let o=function(t,e,n){const i=["left","right"],r=["right","left"],o=["top","bottom"],a=["bottom","top"];switch(t){case"top":case"bottom":return n?e?r:i:e?i:r;case"left":case"right":return e?o:a;default:return[]}}(g(t),"start"===n,i);return r&&(o=o.map(t=>t+"-"+r),e&&(o=o.concat(o.map(w)))),o}function C(t){return t.replace(/left|right|bottom|top/g,t=>u[t])}function k(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function S(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}},function(t,e,n){t.exports={windows:"#003DB2",siding:"#6000AC",doors:"#B85C00",solar:"#007E8F",roofing:"#760B24",gutters:"#008540",insulation:"#96006C",product_1_background:"#003DB2",product_1_highlight:"#0057FF",product_2_background:"#6000AC",product_2_highlight:"#8200E9",product_3_background:"#B85C00",product_3_highlight:"#CE7500",product_4_background:"#007E8F",product_4_highlight:"#00B9D2",product_5_background:"#760B24",product_5_highlight:"#B8032E",product_6_background:"#008540",product_6_highlight:"#00A851",product_7_background:"#96006C",product_7_highlight:"#CD0094",product_8_background:"#144075",product_8_highlight:"#1A569E",product_9_background:"#fcc419",product_9_highlight:"#ffd43b",product_10_background:"#20c997",product_10_highlight:"#38d9a9",success:"#1CA05C",success_secondary:"#24cb75",success_sm:"#157F48",success_subtle:"rgba(28,160,92,0.1)",warning:"#F9BB00",warning_secondary:"#ffcb2d",warning_subtle:"rgba(249,187,0,0.1)",error:"#DA0014",error_secondary:"#ff0e24",error_subtle:"rgba(218,0,20,0.1)",info:"#00C4D7",info_secondary:"#0be9ff",info_subtle:"rgba(0,196,215,0.1)",neutral:"#C1CDD6",neutral_secondary:"#e0e6ea",neutral_subtle:"rgba(193,205,214,0.1)",primary:"#0056CF",primary_secondary:"#036cff",data_1:"#0056CF",data_2:"#F9BB00",data_3:"#9E64E9",data_4:"#1CA05C",data_5:"#FD804C",data_6:"#144075",data_7:"#00C4D7",data_8:"#DA0014",shadow:"rgba(60,106,172,0.2)",shadow_dark:"#0a0527",royal:"#0056CF",purple:"#9E64E9",teal:"#00C4D7",red:"#DA0014","#ff0":"#F9BB00",green:"#1CA05C",orange:"#FD804C",default:"#93a8b8","#fff":"#fff",silver:"#F3F7FB",slate:"#C1CDD6",charcoal:"#242B42","#000":"#000",secondary:"#F9BB00",tertiary:"#9E64E9",bg_light:"#F3F7FB",bg_dark:"#0a0527",bg_dark_card:"#231E3D",card_light:"#fff",card_dark:"#231e3d",active_light:"#f7fbff",active_dark:"#0082ff",primary_action:"#0056CF",primary_action_dark:"#0082ff",hover_light:"#e0eaf5",hover_dark:"rgba(255,255,255,0.2)",border_light:"#E4E8F0",border_dark:"#3b3752",text_lt_default:"#242B42",text_lt_light:"#687887",text_lt_lighter:"#C1CDD6",text_dk_default:"#fff",text_dk_light:"rgba(255,255,255,0.6)",text_dk_lighter:"rgba(255,255,255,0.4)",category_1:"#0056CF",category_2:"#0CD2E5",category_3:"#F9BB00",category_4:"#14D595",category_5:"#A057FF",category_6:"#FF7034",category_7:"#97DA22",category_8:"#EA599F",category_9:"#0091FF",category_10:"#5027E4",category_11:"#DA0014",category_12:"#109922",category_13:"#058F9D",category_14:"#A33E6F",category_15:"#B2171C",category_16:"#0A5C49",category_17:"#325B91",category_18:"#BE4714",category_19:"navy",category_20:"#5C0E0A",category_21:"#040830",gradient_start:"#1C75F2",gradient_end:"#0056CF"}},function(t,e,n){"use strict";var i=n(0),r=n.n(i),o=n(3),a=n.n(o),s=n(2),l=n(4);e.a=function(t){var e=t.align,n=void 0===e?"none":e,i=t.children,o=t.className,d=t.data,c=void 0===d?{}:d,u=t.inline,h=void 0!==u&&u,p=t.horizontal,f=void 0===p?"left":p,g=t.htmlOptions,m=void 0===g?{}:g,v=t.justify,b=void 0===v?"none":v,y=t.orientation,x=void 0===y?"row":y,_=t.spacing,O=void 0===_?"none":_,w=t.gap,$=void 0===w?"none":w,C=t.rowGap,k=void 0===C?"none":C,S=t.columnGap,j=void 0===S?"none":S,E=t.reverse,M=void 0!==E&&E,A=t.vertical,P=void 0===A?"top":A,T=t.wrap,D=void 0!==T&&T,L=t.alignSelf,I=void 0===L?"none":L,N=void 0!==x?"orientation_".concat(x):"",R="justify_content_".concat("none"!==b?b:f),F="align_items_".concat("none"!==n?n:P),B=!0===h?"inline":"",z=void 0!==O?"spacing_".concat(O):"",H="none"!==$?"gap_".concat($):"",W="none"!==k?"rowGap_".concat(k):"",Y="none"!==j?"columnGap_".concat(j):"",U=!0===D?"wrap":"",G=!0===M?"reverse":"",V="none"!==I?"align_self_".concat(I):"",X=Object(s.c)(c),q=Object(s.d)(m);return r.a.createElement("div",Object.assign({className:a()(Object(s.b)("pb_flex_kit",N,R,F,B,G,U,z,H,W,Y,V),Object(l.c)(t),o)},X,q),i)}},function(t,e,n){t.exports={font_family_base:'"Proxima Nova","Helvetica Neue",Helvetica,Arial,sans_serif',text_jumbo:"36px",text_largest:"32px",text_larger:"28px",text_large:"20px",text_base:"16px",text_default:"16px",text_normal:"16px",text_medium:"16px",text_small:"14px",text_smaller:"12px",text_smallest:"11px",heading_1:"46px",heading_2:"34px",heading_3:"28px",heading_4:"16px",lighter:"100",light:"300",bold:"600",regular:"400"}},function(t,e,n){"use strict";var i=n(0),r=n.n(i),o=n(3),a=n.n(o),s=n(2),l=n(4),d=n(132);e.a=function(t){t.variant&&Object(l.a)();var e=t.aria,n=void 0===e?{}:e,i=t.children,o=t.className,c=t.color,u=void 0===c?"":c,h=t.data,p=void 0===h?{}:h,f=t.highlightedText,g=void 0===f?[]:f,m=t.highlighting,v=void 0!==m&&m,b=t.htmlOptions,y=void 0===b?{}:b,x=t.id,_=void 0===x?"":x,O=t.status,w=void 0===O?null:O,$=t.tag,C=void 0===$?"div":$,k=t.text,S=void 0===k?"":k,j=t.variant,E=void 0===j?null:j,M=Object(s.a)(n),A=Object(s.c)(p),P=Object(s.d)(y),T=a()(Object(s.b)("pb_body_kit",u,E,w),Object(l.c)(t),o),D="".concat(C);return r.a.createElement(D,Object.assign({},M,A,P,{className:T,id:_}),v&&r.a.createElement(d.a,{highlightedText:g,text:S},i),!v&&(S||i))}},function(t,e,n){"use strict";n.d(e,"m",(function(){return i})),n.d(e,"c",(function(){return r})),n.d(e,"k",(function(){return o})),n.d(e,"f",(function(){return a})),n.d(e,"a",(function(){return s})),n.d(e,"b",(function(){return l})),n.d(e,"l",(function(){return d})),n.d(e,"e",(function(){return c})),n.d(e,"d",(function(){return u})),n.d(e,"o",(function(){return h})),n.d(e,"i",(function(){return p})),n.d(e,"j",(function(){return f})),n.d(e,"n",(function(){return g})),n.d(e,"h",(function(){return m})),n.d(e,"g",(function(){return v}));var i="top",r="bottom",o="right",a="left",s="auto",l=[i,r,o,a],d="start",c="end",u="clippingParents",h="viewport",p="popper",f="reference",g=l.reduce((function(t,e){return t.concat([e+"-"+d,e+"-"+c])}),[]),m=[].concat(l,[s]).reduce((function(t,e){return t.concat([e,e+"-"+d,e+"-"+c])}),[]),v=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"]},function(t,e,n){"use strict";var i=n(0),r=n.n(i),o=n(3),a=n.n(o),s=n(2),l=n(4);e.a=function(t){t.variant&&Object(l.a)();var e,n=t.aria,i=void 0===n?{}:n,o=t.children,d=t.className,c=t.color,u=t.data,h=void 0===u?{}:u,p=t.htmlOptions,f=void 0===p?{}:p,g=t.id,m=t.size,v=void 0===m?3:m,b=t.bold,y=void 0===b||b,x=t.tag,_=void 0===x?"h3":x,O=t.text,w=t.variant,$=void 0===w?null:w,C=Object(s.a)(i),k=Object(s.c)(h),S=Object(s.d)(f),j=y?"":"thin",E="number"==typeof v||"string"==typeof v,M=a()(Object(s.b)("pb_title_kit",E?"size_".concat(v):"",$,c,j),Object(l.c)(t),(e="",E||Object.entries(v).forEach((function(t){e+="pb_title_kit_".concat(t[0],"_").concat(t[1]," ")})),e.trim()),d),A="".concat(_);return r.a.createElement(A,Object.assign({},C,k,S,{className:M,id:g}),O||o)}},function(t,e,n){t.exports=n(239)()},function(t,e,n){"use strict";function i(t){return a(t)?(t.nodeName||"").toLowerCase():"#document"}function r(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function o(t){var e;return null==(e=(a(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function a(t){return t instanceof Node||t instanceof r(t).Node}function s(t){return t instanceof Element||t instanceof r(t).Element}function l(t){return t instanceof HTMLElement||t instanceof r(t).HTMLElement}function d(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof r(t).ShadowRoot)}function c(t){const{overflow:e,overflowX:n,overflowY:i,display:r}=m(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!["inline","contents"].includes(r)}function u(t){return["table","td","th"].includes(i(t))}function h(t){const e=f(),n=m(t);return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some(t=>(n.willChange||"").includes(t))||["paint","layout","strict","content"].some(t=>(n.contain||"").includes(t))}function p(t){let e=b(t);for(;l(e)&&!g(e);){if(h(e))return e;e=b(e)}return null}function f(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function g(t){return["html","body","#document"].includes(i(t))}function m(t){return r(t).getComputedStyle(t)}function v(t){return s(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function b(t){if("html"===i(t))return t;const e=t.assignedSlot||t.parentNode||d(t)&&t.host||o(t);return d(e)?e.host:e}function y(t,e,n){var i;void 0===e&&(e=[]),void 0===n&&(n=!0);const o=function t(e){const n=b(e);return g(n)?e.ownerDocument?e.ownerDocument.body:e.body:l(n)&&c(n)?n:t(n)}(t),a=o===(null==(i=t.ownerDocument)?void 0:i.body),s=r(o);return a?e.concat(s,s.visualViewport||[],c(o)?o:[],s.frameElement&&n?y(s.frameElement):[]):e.concat(o,y(o,[],n))}n.d(e,"a",(function(){return m})),n.d(e,"b",(function(){return p})),n.d(e,"c",(function(){return o})),n.d(e,"d",(function(){return i})),n.d(e,"e",(function(){return v})),n.d(e,"f",(function(){return y})),n.d(e,"g",(function(){return b})),n.d(e,"h",(function(){return r})),n.d(e,"i",(function(){return h})),n.d(e,"j",(function(){return s})),n.d(e,"k",(function(){return l})),n.d(e,"l",(function(){return g})),n.d(e,"m",(function(){return c})),n.d(e,"n",(function(){return u})),n.d(e,"o",(function(){return f}))},function(t,e,n){"use strict";var i=n(0),r=n.n(i),o=n(3),a=n.n(o),s=n(2),l=n(4);e.a=function(t){t.variant&&Object(l.a)();var e=t.aria,n=void 0===e?{}:e,i=t.children,o=t.className,d=t.color,c=t.data,u=void 0===c?{}:c,h=t.htmlOptions,p=void 0===h?{}:h,f=t.id,g=t.size,m=void 0===g?"md":g,v=t.tag,b=void 0===v?"div":v,y=t.text,x=t.variant,_=void 0===x?null:x,O=["h1","h2","h3","h4","h5","h6","p","span","div","caption"].includes(b)?b:"div",w=Object(s.a)(n),$=Object(s.c)(u),C=Object(s.d)(p),k=a()(Object(s.b)("pb_caption_kit",m,_,d),Object(l.c)(t),o);return r.a.createElement(O,Object.assign({},w,$,C,{className:k,id:f}),y||i)}},function(t,e,n){"use strict";var i=n(0),r=n.n(i),o=n(3),a=n.n(o),s=n(2),l=n(4);e.a=function(t){var e=t.children,n=t.className,i=t.fixedSize,o=t.grow,d=t.htmlOptions,c=void 0===d?{}:d,u=t.shrink,h=t.flex,p=void 0===h?"none":h,f=t.order,g=void 0===f?"none":f,m=t.alignSelf,v=t.displayFlex,b=!0===o?"grow":"",y=!0===v?"display_flex_".concat(v):"",x="none"!==p?"flex_".concat(p):"",_=!0===u?"shrink":"",O=m?"align_self_".concat(m):"",w=void 0!==i?{flexBasis:"".concat(i)}:null,$="none"!==g?"order_".concat(g):null,C=Object(s.d)(c);return r.a.createElement("div",Object.assign({},C,{className:a()(Object(s.b)("pb_flex_item_kit",b,_,x,y),$,O,Object(l.c)(t),n),style:w}),e)}},function(t,e,n){"use strict";n.d(e,"a",(function(){return o}));var i=n(78);function r(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function o(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?r(Object(n),!0).forEach((function(e){Object(i.a)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}},function(t,e,n){"use strict";n.d(e,"a",(function(){return s})),n.d(e,"b",(function(){return a})),n.d(e,"c",(function(){return l}));var i=n(41),r=n(0),o=(n(79),n(109),n(110)),a=(n(106),n(282),n(121),n(182),function(t,e){var n=arguments;if(null==e||!i.e.call(e,"css"))return r.createElement.apply(void 0,n);var o=n.length,a=new Array(o);a[0]=i.b,a[1]=Object(i.d)(t,e);for(var s=2;s<o;s++)a[s]=n[s];return r.createElement.apply(null,a)});function s(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return Object(o.a)(e)}var l=function(){var t=s.apply(void 0,arguments),e="animation-"+t.name;return{name:e,styles:"@keyframes "+e+"{"+t.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}}},function(t,e,n){"use strict";function i(){return(i=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t}).apply(this,arguments)}n.d(e,"a",(function(){return i}))},function(t,e,n){"use strict";var i=n(0),r=n.n(i),o=n(24),a=n(3),s=n.n(a),l=n(2),d=n(4);function c(t,e,n){return(e=function(t){var e=function(t,e){if("object"!=typeof t||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var u=function(t){var e,n,i=t.aria,a=void 0===i?{}:i,u=t.background,h=void 0===u?"none":u,p=t.borderNone,f=void 0!==p&&p,g=t.borderRadius,m=void 0===g?"md":g,v=t.children,b=t.className,y=t.data,x=void 0===y?{}:y,_=t.highlight,O=void 0===_?{}:_,w=t.htmlOptions,$=void 0===w?{}:w,C=t.selected,k=void 0!==C&&C,S=t.tag,j=void 0===S?"div":S,E=1==f?"border_none":"",M=1==k?"selected":"deselected",A="none"==h?"":"background_".concat(h),P=Object(l.b)("pb_card_kit",M,E,"border_radius_".concat(m),A,(c(e={},"highlight_".concat(O.position),O.position),c(e,"highlight_".concat(O.color),O.color),e)),T=Object(l.a)(a),D=Object(l.c)(x),L=Object(l.d)($),I=r.a.Children.toArray(v),N=I.filter((function(t){return"Header"!==Object(o.get)(t,"type.displayName")})),R=["div","section","footer","header","article","aside","main","nav"].includes(j)?j:"div";return r.a.createElement(R,Object.assign({},T,D,L,{className:s()(P,Object(d.c)(t),b)}),(n="Header",I.filter((function(t){return Object(o.get)(t,"type.displayName")===n})).map((function(t,e){if(r.a.isValidElement(t))return r.a.cloneElement(t,{key:"".concat(n.toLowerCase(),"-").concat(e)})}))),N)};u.Header=function(t){var e=t.children,n=t.className,i=t.headerColor,o=void 0===i?"category_1":i,a=t.headerColorStriped,c=void 0!==a&&a,u=Object(l.b)("pb_card_header_kit","".concat(o),c?"striped":""),h=Object(d.c)(t);return r.a.createElement("div",{className:s()(u,h,n)},e)},u.Body=function(t){var e=t.children,n=t.className,i=Object(l.b)("pb_card_body_kit"),o=Object(d.c)(t);return r.a.createElement("div",{className:s()(i,o,n)},e)},e.a=u},function(t,e,n){"use strict";n.d(e,"a",(function(){return E})),n.d(e,"b",(function(){return N})),n.d(e,"c",(function(){return I})),n.d(e,"d",(function(){return L})),n.d(e,"e",(function(){return v})),n.d(e,"f",(function(){return It})),n.d(e,"g",(function(){return O})),n.d(e,"h",(function(){return b})),n.d(e,"i",(function(){return S})),n.d(e,"j",(function(){return g})),n.d(e,"k",(function(){return D})),n.d(e,"l",(function(){return _})),n.d(e,"m",(function(){return G})),n.d(e,"n",(function(){return ht})),n.d(e,"o",(function(){return Q})),n.d(e,"p",(function(){return Lt})),n.d(e,"q",(function(){return vt})),n.d(e,"r",(function(){return ut})),n.d(e,"s",(function(){return _t})),n.d(e,"t",(function(){return xt})),n.d(e,"u",(function(){return pt})),n.d(e,"v",(function(){return et})),n.d(e,"w",(function(){return $t})),n.d(e,"x",(function(){return Z})),n.d(e,"y",(function(){return gt})),n.d(e,"z",(function(){return Y})),n.d(e,"A",(function(){return X})),n.d(e,"B",(function(){return J})),n.d(e,"C",(function(){return jt})),n.d(e,"D",(function(){return Et})),n.d(e,"E",(function(){return R})),n.d(e,"F",(function(){return T})),n.d(e,"G",(function(){return Mt})),n.d(e,"H",(function(){return K})),n.d(e,"I",(function(){return Pt})),n.d(e,"J",(function(){return Tt})),n.d(e,"K",(function(){return Dt})),n.d(e,"L",(function(){return tt})),n.d(e,"M",(function(){return j}));var i=n(17),r=n(19),o=n(18),a=n(39),s=n(50),l=n(77);var d=n(78),c=n(0),u=n(29),h=n(37),p=n(83),f=["className","clearValue","cx","getStyles","getClassNames","getValue","hasValue","isMulti","isRtl","options","selectOption","selectProps","setValue","theme"],g=function(){};function m(t,e){return e?"-"===e[0]?t+e:t+"__"+e:t}function v(t,e){for(var n=arguments.length,i=new Array(n>2?n-2:0),r=2;r<n;r++)i[r-2]=arguments[r];var o=[].concat(i);if(e&&t)for(var a in e)e.hasOwnProperty(a)&&e[a]&&o.push("".concat(m(t,a)));return o.filter((function(t){return t})).map((function(t){return String(t).trim()})).join(" ")}var b=function(t){return e=t,Array.isArray(e)?t.filter(Boolean):"object"===Object(l.a)(t)&&null!==t?[t]:[];var e},y=function(t){t.className,t.clearValue,t.cx,t.getStyles,t.getClassNames,t.getValue,t.hasValue,t.isMulti,t.isRtl,t.options,t.selectOption,t.selectProps,t.setValue,t.theme;var e=Object(s.a)(t,f);return Object(i.a)({},e)},x=function(t,e,n){var i=t.cx,r=t.getStyles,o=t.getClassNames,a=t.className;return{css:r(e,t),className:i(null!=n?n:{},o(e,t),a)}};function _(t,e,n){if(n){var i=n(t,e);if("string"==typeof i)return i}return t}function O(t){return[document.documentElement,document.body,window].indexOf(t)>-1}function w(t){return O(t)?window.pageYOffset:t.scrollTop}function $(t,e){O(t)?window.scrollTo(0,e):t.scrollTop=e}function C(t,e,n,i){return n*((t=t/i-1)*t*t+1)+e}function k(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:200,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:g,r=w(t),o=e-r,a=10,s=0;function l(){var e=C(s+=a,r,o,n);$(t,e),s<n?window.requestAnimationFrame(l):i(t)}l()}function S(t,e){var n=t.getBoundingClientRect(),i=e.getBoundingClientRect(),r=e.offsetHeight/3;i.bottom+r>n.bottom?$(t,Math.min(e.offsetTop+e.clientHeight-t.offsetHeight+r,t.scrollHeight)):i.top-r<n.top&&$(t,Math.max(e.offsetTop-r,0))}function j(){try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}}function E(){try{return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)}catch(t){return!1}}var M=!1,A={get passive(){return M=!0}},P="undefined"!=typeof window?window:{};P.addEventListener&&P.removeEventListener&&(P.addEventListener("p",g,A),P.removeEventListener("p",g,!1));var T=M;function D(t){return null!=t}function L(t,e,n){return t?e:n}function I(t){return t}function N(t){return t}var R=function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];var r=Object.entries(t).filter((function(t){var e=Object(a.a)(t,1)[0];return!n.includes(e)}));return r.reduce((function(t,e){var n=Object(a.a)(e,2),i=n[0],r=n[1];return t[i]=r,t}),{})},F=["children","innerProps"],B=["children","innerProps"];function z(t){var e=t.maxHeight,n=t.menuEl,i=t.minHeight,r=t.placement,o=t.shouldScroll,a=t.isFixedPosition,s=t.controlHeight,l=function(t){var e=getComputedStyle(t),n="absolute"===e.position,i=/(auto|scroll)/;if("fixed"===e.position)return document.documentElement;for(var r=t;r=r.parentElement;)if(e=getComputedStyle(r),(!n||"static"!==e.position)&&i.test(e.overflow+e.overflowY+e.overflowX))return r;return document.documentElement}(n),d={placement:"bottom",maxHeight:e};if(!n||!n.offsetParent)return d;var c,u=l.getBoundingClientRect().height,h=n.getBoundingClientRect(),p=h.bottom,f=h.height,g=h.top,m=n.offsetParent.getBoundingClientRect().top,v=a?window.innerHeight:O(c=l)?window.innerHeight:c.clientHeight,b=w(l),y=parseInt(getComputedStyle(n).marginBottom,10),x=parseInt(getComputedStyle(n).marginTop,10),_=m-x,C=v-g,S=_+b,j=u-b-g,E=p-v+b+y,M=b+g-x;switch(r){case"auto":case"bottom":if(C>=f)return{placement:"bottom",maxHeight:e};if(j>=f&&!a)return o&&k(l,E,160),{placement:"bottom",maxHeight:e};if(!a&&j>=i||a&&C>=i)return o&&k(l,E,160),{placement:"bottom",maxHeight:a?C-y:j-y};if("auto"===r||a){var A=e,P=a?_:S;return P>=i&&(A=Math.min(P-y-s,e)),{placement:"top",maxHeight:A}}if("bottom"===r)return o&&$(l,E),{placement:"bottom",maxHeight:e};break;case"top":if(_>=f)return{placement:"top",maxHeight:e};if(S>=f&&!a)return o&&k(l,M,160),{placement:"top",maxHeight:e};if(!a&&S>=i||a&&_>=i){var T=e;return(!a&&S>=i||a&&_>=i)&&(T=a?_-x:S-x),o&&k(l,M,160),{placement:"top",maxHeight:T}}return{placement:"bottom",maxHeight:e};default:throw new Error('Invalid placement provided "'.concat(r,'".'))}return d}var H,W=function(t){return"auto"===t?"bottom":t},Y=function(t,e){var n,r=t.placement,o=t.theme,a=o.borderRadius,s=o.spacing,l=o.colors;return Object(i.a)((n={label:"menu"},Object(d.a)(n,function(t){return t?{bottom:"top",top:"bottom"}[t]:"bottom"}(r),"100%"),Object(d.a)(n,"position","absolute"),Object(d.a)(n,"width","100%"),Object(d.a)(n,"zIndex",1),n),e?{}:{backgroundColor:l.neutral0,borderRadius:a,boxShadow:"0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)",marginBottom:s.menuGutter,marginTop:s.menuGutter})},U=Object(c.createContext)(null),G=function(t){var e=t.children,n=t.minMenuHeight,r=t.maxMenuHeight,o=t.menuPlacement,s=t.menuPosition,l=t.menuShouldScrollIntoView,d=t.theme,u=(Object(c.useContext)(U)||{}).setPortalPlacement,h=Object(c.useRef)(null),f=Object(c.useState)(r),g=Object(a.a)(f,2),m=g[0],v=g[1],b=Object(c.useState)(null),y=Object(a.a)(b,2),x=y[0],_=y[1],O=d.spacing.controlHeight;return Object(p.a)((function(){var t=h.current;if(t){var e="fixed"===s,i=z({maxHeight:r,menuEl:t,minHeight:n,placement:o,shouldScroll:l&&!e,isFixedPosition:e,controlHeight:O});v(i.maxHeight),_(i.placement),null==u||u(i.placement)}}),[r,o,s,l,n,u,O]),e({ref:h,placerProps:Object(i.a)(Object(i.a)({},t),{},{placement:x||W(o),maxHeight:m})})},V=function(t){var e=t.children,n=t.innerRef,i=t.innerProps;return Object(o.b)("div",Object(r.a)({},x(t,"menu",{menu:!0}),{ref:n},i),e)},X=function(t,e){var n=t.maxHeight,r=t.theme.spacing.baseUnit;return Object(i.a)({maxHeight:n,overflowY:"auto",position:"relative",WebkitOverflowScrolling:"touch"},e?{}:{paddingBottom:r,paddingTop:r})},q=function(t,e){var n=t.theme,r=n.spacing.baseUnit,o=n.colors;return Object(i.a)({textAlign:"center"},e?{}:{color:o.neutral40,padding:"".concat(2*r,"px ").concat(3*r,"px")})},K=q,Z=q,J=function(t){var e=t.rect,n=t.offset,i=t.position;return{left:e.left,position:i,top:n,width:e.width,zIndex:1}},Q=function(t){var e=t.isDisabled;return{label:"container",direction:t.isRtl?"rtl":void 0,pointerEvents:e?"none":void 0,position:"relative"}},tt=function(t,e){var n=t.theme.spacing,r=t.isMulti,o=t.hasValue,a=t.selectProps.controlShouldRenderValue;return Object(i.a)({alignItems:"center",display:r&&o&&a?"flex":"grid",flex:1,flexWrap:"wrap",WebkitOverflowScrolling:"touch",position:"relative",overflow:"hidden"},e?{}:{padding:"".concat(n.baseUnit/2,"px ").concat(2*n.baseUnit,"px")})},et=function(){return{alignItems:"center",alignSelf:"stretch",display:"flex",flexShrink:0}},nt=["size"],it=["innerProps","isRtl","size"];var rt,ot,at={name:"8mmkcg",styles:"display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0"},st=function(t){var e=t.size,n=Object(s.a)(t,nt);return Object(o.b)("svg",Object(r.a)({height:e,width:e,viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",css:at},n))},lt=function(t){return Object(o.b)(st,Object(r.a)({size:20},t),Object(o.b)("path",{d:"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"}))},dt=function(t){return Object(o.b)(st,Object(r.a)({size:20},t),Object(o.b)("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},ct=function(t,e){var n=t.isFocused,r=t.theme,o=r.spacing.baseUnit,a=r.colors;return Object(i.a)({label:"indicatorContainer",display:"flex",transition:"color 150ms"},e?{}:{color:n?a.neutral60:a.neutral20,padding:2*o,":hover":{color:n?a.neutral80:a.neutral40}})},ut=ct,ht=ct,pt=function(t,e){var n=t.isDisabled,r=t.theme,o=r.spacing.baseUnit,a=r.colors;return Object(i.a)({label:"indicatorSeparator",alignSelf:"stretch",width:1},e?{}:{backgroundColor:n?a.neutral10:a.neutral20,marginBottom:2*o,marginTop:2*o})},ft=Object(o.c)(H||(rt=["\n 0%, 80%, 100% { opacity: 0; }\n 40% { opacity: 1; }\n"],ot||(ot=rt.slice(0)),H=Object.freeze(Object.defineProperties(rt,{raw:{value:Object.freeze(ot)}})))),gt=function(t,e){var n=t.isFocused,r=t.size,o=t.theme,a=o.colors,s=o.spacing.baseUnit;return Object(i.a)({label:"loadingIndicator",display:"flex",transition:"color 150ms",alignSelf:"center",fontSize:r,lineHeight:1,marginRight:r,textAlign:"center",verticalAlign:"middle"},e?{}:{color:n?a.neutral60:a.neutral20,padding:2*s})},mt=function(t){var e=t.delay,n=t.offset;return Object(o.b)("span",{css:Object(o.a)({animation:"".concat(ft," 1s ease-in-out ").concat(e,"ms infinite;"),backgroundColor:"currentColor",borderRadius:"1em",display:"inline-block",marginLeft:n?"1em":void 0,height:"1em",verticalAlign:"top",width:"1em"},"","")})},vt=function(t,e){var n=t.isDisabled,r=t.isFocused,o=t.theme,a=o.colors,s=o.borderRadius,l=o.spacing;return Object(i.a)({label:"control",alignItems:"center",cursor:"default",display:"flex",flexWrap:"wrap",justifyContent:"space-between",minHeight:l.controlHeight,outline:"0 !important",position:"relative",transition:"all 100ms"},e?{}:{backgroundColor:n?a.neutral5:a.neutral0,borderColor:n?a.neutral10:r?a.primary:a.neutral20,borderRadius:s,borderStyle:"solid",borderWidth:1,boxShadow:r?"0 0 0 1px ".concat(a.primary):void 0,"&:hover":{borderColor:r?a.primary:a.neutral30}})},bt=function(t){var e=t.children,n=t.isDisabled,i=t.isFocused,a=t.innerRef,s=t.innerProps,l=t.menuIsOpen;return Object(o.b)("div",Object(r.a)({ref:a},x(t,"control",{control:!0,"control--is-disabled":n,"control--is-focused":i,"control--menu-is-open":l}),s,{"aria-disabled":n||void 0}),e)},yt=["data"],xt=function(t,e){var n=t.theme.spacing;return e?{}:{paddingBottom:2*n.baseUnit,paddingTop:2*n.baseUnit}},_t=function(t,e){var n=t.theme,r=n.colors,o=n.spacing;return Object(i.a)({label:"group",cursor:"default",display:"block"},e?{}:{color:r.neutral40,fontSize:"75%",fontWeight:500,marginBottom:"0.25em",paddingLeft:3*o.baseUnit,paddingRight:3*o.baseUnit,textTransform:"uppercase"})},Ot=function(t){var e=t.children,n=t.cx,i=t.getStyles,a=t.getClassNames,s=t.Heading,l=t.headingProps,d=t.innerProps,c=t.label,u=t.theme,h=t.selectProps;return Object(o.b)("div",Object(r.a)({},x(t,"group",{group:!0}),d),Object(o.b)(s,Object(r.a)({},l,{selectProps:h,theme:u,getStyles:i,getClassNames:a,cx:n}),c),Object(o.b)("div",null,e))},wt=["innerRef","isDisabled","isHidden","inputClassName"],$t=function(t,e){var n=t.isDisabled,r=t.value,o=t.theme,a=o.spacing,s=o.colors;return Object(i.a)(Object(i.a)({visibility:n?"hidden":"visible",transform:r?"translateZ(0)":""},kt),e?{}:{margin:a.baseUnit/2,paddingBottom:a.baseUnit/2,paddingTop:a.baseUnit/2,color:s.neutral80})},Ct={gridArea:"1 / 2",font:"inherit",minWidth:"2px",border:0,margin:0,outline:0,padding:0},kt={flex:"1 1 auto",display:"inline-grid",gridArea:"1 / 1 / 2 / 3",gridTemplateColumns:"0 min-content","&:after":Object(i.a)({content:'attr(data-value) " "',visibility:"hidden",whiteSpace:"pre"},Ct)},St=function(t){return Object(i.a)({label:"input",color:"inherit",background:0,opacity:t?0:1,width:"100%"},Ct)},jt=function(t,e){var n=t.theme,r=n.spacing,o=n.borderRadius,a=n.colors;return Object(i.a)({label:"multiValue",display:"flex",minWidth:0},e?{}:{backgroundColor:a.neutral10,borderRadius:o/2,margin:r.baseUnit/2})},Et=function(t,e){var n=t.theme,r=n.borderRadius,o=n.colors,a=t.cropWithEllipsis;return Object(i.a)({overflow:"hidden",textOverflow:a||void 0===a?"ellipsis":void 0,whiteSpace:"nowrap"},e?{}:{borderRadius:r/2,color:o.neutral80,fontSize:"85%",padding:3,paddingLeft:6})},Mt=function(t,e){var n=t.theme,r=n.spacing,o=n.borderRadius,a=n.colors,s=t.isFocused;return Object(i.a)({alignItems:"center",display:"flex"},e?{}:{borderRadius:o/2,backgroundColor:s?a.dangerLight:void 0,paddingLeft:r.baseUnit,paddingRight:r.baseUnit,":hover":{backgroundColor:a.dangerLight,color:a.danger}})},At=function(t){var e=t.children,n=t.innerProps;return Object(o.b)("div",n,e)};var Pt=function(t,e){var n=t.isDisabled,r=t.isFocused,o=t.isSelected,a=t.theme,s=a.spacing,l=a.colors;return Object(i.a)({label:"option",cursor:"default",display:"block",fontSize:"inherit",width:"100%",userSelect:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)"},e?{}:{backgroundColor:o?l.primary:r?l.primary25:"transparent",color:n?l.neutral20:o?l.neutral0:"inherit",padding:"".concat(2*s.baseUnit,"px ").concat(3*s.baseUnit,"px"),":active":{backgroundColor:n?void 0:o?l.primary:l.primary50}})},Tt=function(t,e){var n=t.theme,r=n.spacing,o=n.colors;return Object(i.a)({label:"placeholder",gridArea:"1 / 1 / 2 / 3"},e?{}:{color:o.neutral50,marginLeft:r.baseUnit/2,marginRight:r.baseUnit/2})},Dt=function(t,e){var n=t.isDisabled,r=t.theme,o=r.spacing,a=r.colors;return Object(i.a)({label:"singleValue",gridArea:"1 / 1 / 2 / 3",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},e?{}:{color:n?a.neutral40:a.neutral80,marginLeft:o.baseUnit/2,marginRight:o.baseUnit/2})},Lt={ClearIndicator:function(t){var e=t.children,n=t.innerProps;return Object(o.b)("div",Object(r.a)({},x(t,"clearIndicator",{indicator:!0,"clear-indicator":!0}),n),e||Object(o.b)(lt,null))},Control:bt,DropdownIndicator:function(t){var e=t.children,n=t.innerProps;return Object(o.b)("div",Object(r.a)({},x(t,"dropdownIndicator",{indicator:!0,"dropdown-indicator":!0}),n),e||Object(o.b)(dt,null))},DownChevron:dt,CrossIcon:lt,Group:Ot,GroupHeading:function(t){var e=y(t);e.data;var n=Object(s.a)(e,yt);return Object(o.b)("div",Object(r.a)({},x(t,"groupHeading",{"group-heading":!0}),n))},IndicatorsContainer:function(t){var e=t.children,n=t.innerProps;return Object(o.b)("div",Object(r.a)({},x(t,"indicatorsContainer",{indicators:!0}),n),e)},IndicatorSeparator:function(t){var e=t.innerProps;return Object(o.b)("span",Object(r.a)({},e,x(t,"indicatorSeparator",{"indicator-separator":!0})))},Input:function(t){var e=t.cx,n=t.value,i=y(t),a=i.innerRef,l=i.isDisabled,d=i.isHidden,c=i.inputClassName,u=Object(s.a)(i,wt);return Object(o.b)("div",Object(r.a)({},x(t,"input",{"input-container":!0}),{"data-value":n||""}),Object(o.b)("input",Object(r.a)({className:e({input:!0},c),ref:a,style:St(d),disabled:l},u)))},LoadingIndicator:function(t){var e=t.innerProps,n=t.isRtl,a=t.size,l=void 0===a?4:a,d=Object(s.a)(t,it);return Object(o.b)("div",Object(r.a)({},x(Object(i.a)(Object(i.a)({},d),{},{innerProps:e,isRtl:n,size:l}),"loadingIndicator",{indicator:!0,"loading-indicator":!0}),e),Object(o.b)(mt,{delay:0,offset:n}),Object(o.b)(mt,{delay:160,offset:!0}),Object(o.b)(mt,{delay:320,offset:!n}))},Menu:V,MenuList:function(t){var e=t.children,n=t.innerProps,i=t.innerRef,a=t.isMulti;return Object(o.b)("div",Object(r.a)({},x(t,"menuList",{"menu-list":!0,"menu-list--is-multi":a}),{ref:i},n),e)},MenuPortal:function(t){var e=t.appendTo,n=t.children,s=t.controlElement,l=t.innerProps,d=t.menuPlacement,f=t.menuPosition,g=Object(c.useRef)(null),m=Object(c.useRef)(null),v=Object(c.useState)(W(d)),b=Object(a.a)(v,2),y=b[0],_=b[1],O=Object(c.useMemo)((function(){return{setPortalPlacement:_}}),[]),w=Object(c.useState)(null),$=Object(a.a)(w,2),C=$[0],k=$[1],S=Object(c.useCallback)((function(){if(s){var t=function(t){var e=t.getBoundingClientRect();return{bottom:e.bottom,height:e.height,left:e.left,right:e.right,top:e.top,width:e.width}}(s),e="fixed"===f?0:window.pageYOffset,n=t[y]+e;n===(null==C?void 0:C.offset)&&t.left===(null==C?void 0:C.rect.left)&&t.width===(null==C?void 0:C.rect.width)||k({offset:n,rect:t})}}),[s,f,y,null==C?void 0:C.offset,null==C?void 0:C.rect.left,null==C?void 0:C.rect.width]);Object(p.a)((function(){S()}),[S]);var j=Object(c.useCallback)((function(){"function"==typeof m.current&&(m.current(),m.current=null),s&&g.current&&(m.current=Object(h.b)(s,g.current,S,{elementResize:"ResizeObserver"in window}))}),[s,S]);Object(p.a)((function(){j()}),[j]);var E=Object(c.useCallback)((function(t){g.current=t,j()}),[j]);if(!e&&"fixed"!==f||!C)return null;var M=Object(o.b)("div",Object(r.a)({ref:E},x(Object(i.a)(Object(i.a)({},t),{},{offset:C.offset,position:f,rect:C.rect}),"menuPortal",{"menu-portal":!0}),l),n);return Object(o.b)(U.Provider,{value:O},e?Object(u.createPortal)(M,e):M)},LoadingMessage:function(t){var e=t.children,n=void 0===e?"Loading...":e,a=t.innerProps,l=Object(s.a)(t,B);return Object(o.b)("div",Object(r.a)({},x(Object(i.a)(Object(i.a)({},l),{},{children:n,innerProps:a}),"loadingMessage",{"menu-notice":!0,"menu-notice--loading":!0}),a),n)},NoOptionsMessage:function(t){var e=t.children,n=void 0===e?"No options":e,a=t.innerProps,l=Object(s.a)(t,F);return Object(o.b)("div",Object(r.a)({},x(Object(i.a)(Object(i.a)({},l),{},{children:n,innerProps:a}),"noOptionsMessage",{"menu-notice":!0,"menu-notice--no-options":!0}),a),n)},MultiValue:function(t){var e=t.children,n=t.components,r=t.data,a=t.innerProps,s=t.isDisabled,l=t.removeProps,d=t.selectProps,c=n.Container,u=n.Label,h=n.Remove;return Object(o.b)(c,{data:r,innerProps:Object(i.a)(Object(i.a)({},x(t,"multiValue",{"multi-value":!0,"multi-value--is-disabled":s})),a),selectProps:d},Object(o.b)(u,{data:r,innerProps:Object(i.a)({},x(t,"multiValueLabel",{"multi-value__label":!0})),selectProps:d},e),Object(o.b)(h,{data:r,innerProps:Object(i.a)(Object(i.a)({},x(t,"multiValueRemove",{"multi-value__remove":!0})),{},{"aria-label":"Remove ".concat(e||"option")},l),selectProps:d}))},MultiValueContainer:At,MultiValueLabel:At,MultiValueRemove:function(t){var e=t.children,n=t.innerProps;return Object(o.b)("div",Object(r.a)({role:"button"},n),e||Object(o.b)(lt,{size:14}))},Option:function(t){var e=t.children,n=t.isDisabled,i=t.isFocused,a=t.isSelected,s=t.innerRef,l=t.innerProps;return Object(o.b)("div",Object(r.a)({},x(t,"option",{option:!0,"option--is-disabled":n,"option--is-focused":i,"option--is-selected":a}),{ref:s,"aria-disabled":n},l),e)},Placeholder:function(t){var e=t.children,n=t.innerProps;return Object(o.b)("div",Object(r.a)({},x(t,"placeholder",{placeholder:!0}),n),e)},SelectContainer:function(t){var e=t.children,n=t.innerProps,i=t.isDisabled,a=t.isRtl;return Object(o.b)("div",Object(r.a)({},x(t,"container",{"--is-disabled":i,"--is-rtl":a}),n),e)},SingleValue:function(t){var e=t.children,n=t.isDisabled,i=t.innerProps;return Object(o.b)("div",Object(r.a)({},x(t,"singleValue",{"single-value":!0,"single-value--is-disabled":n}),i),e)},ValueContainer:function(t){var e=t.children,n=t.innerProps,i=t.isMulti,a=t.hasValue;return Object(o.b)("div",Object(r.a)({},x(t,"valueContainer",{"value-container":!0,"value-container--is-multi":i,"value-container--has-value":a}),n),e)}},It=function(t){return Object(i.a)(Object(i.a)({},Lt),t.components)}},function(t,e,n){"use strict";var i=["SU","M","T","W","TH","F","S"],r=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],o=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],a=function(t){return"string"!=typeof t||t.includes("T")?new Date(t):new Date(t.replace(/-/g,"/"))},s=function(t,e){return e?new Date(a(t).toLocaleString("en-US",{timeZone:e})).getDate():a(t).getDate()},l=function(t){return a(t).getMonth()+1},d=function(t,e){var n=a(t);return e?n.toLocaleTimeString("en-US",{timeZone:e,timeStyle:"short"}).split(" ")[0]:n.toLocaleTimeString("en-US",{timeStyle:"short"}).split(" ")[0]},c=function(t,e){var n=a(t);return e?n.toLocaleString("en-US",{timeZone:e,hour12:!0}).slice(-2).charAt(0).toLocaleLowerCase():n.toLocaleString("en-US",{hour12:!0}).slice(-2).charAt(0).toLocaleLowerCase()},u=function(t){var e=a(t),n=e.getDay(),i=new Date(e.setHours(0,0,0)),r=0===n?6:n-1;return i.setDate(e.getDate()-r),i},h=function(t){var e=a(t),n=e.getDay(),i=new Date(e.setHours(23,59,59,0)),r=0===n?0:7-n;return i.setDate(e.getDate()+r),i},p=function(t){var e=a(t);return new Date(e.getFullYear(),e.getMonth(),1)},f=function(t){var e=a(t);return new Date(e.getFullYear(),e.getMonth()+1,0,23,59,59)},g=function(t){var e=a(t),n=Math.floor(e.getMonth()/3);return new Date(e.getFullYear(),3*n,1)},m=function(t){var e=a(t),n=Math.floor(e.getMonth()/3),i=new Date(e.getFullYear(),3*(n+1),1);return new Date(i.getTime()-1)},v=function(t){var e=a(t);return new Date(e.getFullYear(),0,1)},b=function(t){var e=a(t);return new Date(e.getFullYear(),11,31,23,59,59)};e.a={toMinute:function(t,e){var n=a(t);return e?n.toLocaleTimeString("en-US",{timeZone:e,hour:"2-digit",minute:"2-digit"}).slice(3,5):n.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}).slice(3,5)},toHour:function(t,e){var n=a(t);return e?n.toLocaleTimeString("en-US",{timeZone:e,hour:"numeric"}).split(" ")[0]:n.toLocaleTimeString("en-US",{hour:"numeric"}).split(" ")[0]},toDay:s,toDayAbbr:function(t){var e=a(t);return i[e.getDay()]},toWeekday:function(t){var e=a(t);return r[e.getDay()]},toMonth:function(t,e){if(e){var n=new Date(a(t).toLocaleString("en-US",{timeZone:e}));return o[n.getMonth()]}var i=a(t);return o[i.getMonth()]},toMonthNum:l,toYear:function(t,e){return e?new Date(a(t).toLocaleString("en-US",{timeZone:e})).getFullYear():a(t).getFullYear()},toTime:d,toMeridiem:c,toTimeZone:function(t,e){var n=a(t);return e?n.toLocaleString("en-US",{timeZone:e,timeZoneName:"short"}).split(" ")[3]:n.toLocaleString("en-US",{timeZoneName:"short"}).split(" ")[3]},toTimeWithMeridiem:function(t,e){var n=a(t);return"".concat(d(n,e)).concat(c(n,e))},toIso:function(t){return a(t).toISOString()},fromNow:function(t){for(var e=new Date,n=a(t),i=n.getTime(),r=e.getTime()-i,o=e.getFullYear()-n.getFullYear(),s="".concat(o,1===o?" year ago":" years ago"),l=0,d=[{min:0,max:45e3,value:"a few seconds ago"},{min:45e3,max:9e4,value:"a minute ago"},{min:9e4,max:267e4,value:"".concat(Math.round(r/6e4)," minutes ago")},{min:267e4,max:54e5,value:"an hour ago"},{min:54e5,max:774e5,value:"".concat(Math.round(r/36e5)," hours ago")},{min:774e5,max:1296e5,value:"a day ago"},{min:1296e5,max:22032e5,value:"".concat(Math.round(r/864e5)," days ago")},{min:22032e5,max:3888e6,value:"a month ago"},{min:3888e6,max:2756e7,value:"".concat(function(){var t=12*o;return t-=n.getMonth(),t+=e.getMonth()}()," months ago")}];l<d.length;l++){var c=d[l],u=c.min,h=c.max,p=c.value;if(r>=u&&r<h){s=p;break}}return s},toCustomFormat:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"month_day",n=a(t);return"month_day"==e?"".concat(l(n),"/").concat(s(n)):"".concat(n.toLocaleString("en-US",{month:"short"})," ").concat(s(n))},getYesterdayDate:function(t){var e=a(t),n=new Date;return n.setDate(e.getDate()-1),n},getFirstDayOfWeek:u,getLastDayOfWeek:h,getPreviousWeekStartDate:function(t){var e=u(t);return new Date(e.getFullYear(),e.getMonth(),e.getDate()-7)},getPreviousWeekEndDate:function(t){var e=h(t);return new Date(e.getFullYear(),e.getMonth(),e.getDate()-7,e.getHours(),e.getMinutes(),e.getSeconds())},getMonthStartDate:p,getMonthEndDate:f,getPreviousMonthStartDate:function(t){var e=p(t);return new Date(e.getFullYear(),e.getMonth()-1,e.getDate())},getPreviousMonthEndDate:function(t){var e=f(t);return new Date(e.getFullYear(),e.getMonth()-1,e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds())},getQuarterStartDate:g,getQuarterEndDate:m,getPreviousQuarterStartDate:function(t){var e=g(t);return new Date(e.getFullYear(),e.getMonth()-3,e.getDate())},getPreviousQuarterEndDate:function(t){var e=m(t);return new Date(e.getFullYear(),e.getMonth()-3,e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds())},getYearStartDate:v,getYearEndDate:b,getPreviousYearStartDate:function(t){var e=v(t);return new Date(e.getFullYear()-1,e.getMonth(),e.getDate())},getPreviousYearEndDate:function(t){var e=b(t);return new Date(e.getFullYear()-1,e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds())}}},,function(t,e,n){(function(t,i){var r;
|
7
7
|
/**
|
8
8
|
* @license
|
9
9
|
* Lodash <https://lodash.com/>
|
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 13.16.0.pre.alpha.
|
4
|
+
version: 13.16.0.pre.alpha.play1141iconkitusinglibrary2130
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2024-02-
|
12
|
+
date: 2024-02-14 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -287,9 +287,24 @@ files:
|
|
287
287
|
- app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss
|
288
288
|
- app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx
|
289
289
|
- app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx
|
290
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx
|
291
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
|
290
292
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx
|
291
293
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
|
294
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
|
295
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md
|
296
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
|
297
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.md
|
292
298
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
|
299
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md
|
300
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx
|
301
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.md
|
302
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx
|
303
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.md
|
304
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx
|
305
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.md
|
306
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx
|
307
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.md
|
293
308
|
- app/pb_kits/playbook/pb_advanced_table/docs/_description.md
|
294
309
|
- app/pb_kits/playbook/pb_advanced_table/docs/_mock_data.js
|
295
310
|
- app/pb_kits/playbook/pb_advanced_table/docs/example.yml
|