@factorearth/component-library 5.5.2 → 5.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -15,6 +15,8 @@ export interface DropDownOption extends React.DetailedHTMLProps<React.InputHTMLA
15
15
  onClick: () => void;
16
16
  icon?: React.JSX.Element;
17
17
  dataTestId?: string;
18
+ variant?: "filled" | "destructive";
19
+ disabled?: boolean;
18
20
  }
19
21
  export declare const OptionsDropdown: (props: OptionsDropdownProps) => React.JSX.Element;
20
22
  export {};
@@ -2,49 +2,51 @@ import React, { useState, useRef, useEffect } from "react";
2
2
  import styled from "@emotion/styled";
3
3
  import { Typography } from "../Typography/Typography";
4
4
  const OptionsDropdownDiv = styled.div `
5
- display: flex;
6
- align-items: flex-start;
7
- width: fit-content;
8
- border-radius: 4px;
9
- border: ${({ colorPalette }) => colorPalette.text.tertiary} 1px solid;
5
+ display: flex;
6
+ align-items: flex-start;
7
+ width: fit-content;
8
+ border-radius: 4px;
9
+ border: ${({ colorPalette }) => colorPalette.text.tertiary} 1px solid;
10
10
  `;
11
11
  const CategoryDiv = styled.div `
12
- padding: 8px;
13
- border-left: ${({ colorPalette }) => colorPalette.text.tertiary} 1px solid;
14
- background: ${({ expanded, colorPalette }) => expanded ? colorPalette.text.tertiary : "none"};
15
- color: ${({ expanded, colorPalette }) => expanded ? colorPalette.background.primary : colorPalette.text.tertiary};
16
- position: relative;
12
+ padding: 8px;
13
+ border-left: ${({ colorPalette }) => colorPalette.text.tertiary} 1px solid;
14
+ background: ${({ expanded, colorPalette }) => expanded ? colorPalette.text.tertiary : "none"};
15
+ color: ${({ expanded, colorPalette }) => expanded ? colorPalette.background.primary : colorPalette.text.tertiary};
16
+ position: relative;
17
17
 
18
- &:first-child {
19
- border-left: none;
20
- }
18
+ &:first-child {
19
+ border-left: none;
20
+ }
21
21
  `;
22
22
  const CategoryTitle = styled.div `
23
- display: inline-flex;
24
- align-items: flex-start;
25
- gap: 8px;
26
-
23
+ display: inline-flex;
24
+ align-items: flex-start;
25
+ gap: 8px;
27
26
  `;
28
27
  const AllOptionsDiv = styled.div `
29
- border-top: ${({ colorPalette }) => colorPalette.background.primary} 1px solid;
30
- display: flex;
31
- flex-direction: column;
32
- position: absolute;
33
- left: ${({ last }) => last ? "-60px" : "0px"};
34
- top: calc(100% + 1px);
28
+ border-top: ${({ colorPalette }) => colorPalette.background.primary} 1px solid;
29
+ display: flex;
30
+ flex-direction: column;
31
+ position: absolute;
32
+ left: ${({ last }) => (last ? "-60px" : "0px")};
33
+ top: calc(100% + 1px);
34
+ border-radius: 0 0 4px 4px;
35
+ padding: 8px 0;
35
36
  background: ${({ colorPalette }) => colorPalette.text.tertiary};
36
- border-radius: 0 0 4px 4px;
37
- padding: 8px;
38
37
  `;
39
38
  const OptionDiv = styled.div `
40
- display: flex;
41
- align-items: flex-start;
42
- align-self: stretch;
43
- gap: 8px;
44
- padding: 8px;
45
- width: max-content;
39
+ display: flex;
40
+ align-items: flex-start;
41
+ gap: 8px;
42
+ padding: 8px 16px;
43
+ background: ${({ colorPalette, variant }) => colorPalette.buttonBackground[variant]};
44
+ cursor: ${({ disabled }) => (disabled ? "not-allowed" : "pointer")};
45
+ ${({ disabled }) => disabled &&
46
+ `
47
+ opacity: 0.5;
48
+ `}
46
49
  `;
47
- ;
48
50
  export const OptionsDropdown = (props) => {
49
51
  const { colorPalette, optionsObj, ...inputProps } = props;
50
52
  const [open, setOpen] = useState(null);
@@ -72,14 +74,20 @@ export const OptionsDropdown = (props) => {
72
74
  setOpen(location);
73
75
  }
74
76
  };
75
- return (React.createElement(OptionsDropdownDiv, { colorPalette: colorPalette, ref: ref }, categories?.map(cat => {
76
- return (React.createElement(CategoryDiv, { "data-test": optionsObj[cat]?.dataTestId, colorPalette: colorPalette, expanded: open === cat, onClick: () => { toggleOpen(cat); } },
77
+ return (React.createElement(OptionsDropdownDiv, { colorPalette: colorPalette, ref: ref }, categories?.map((cat) => {
78
+ return (React.createElement(CategoryDiv, { "data-test": optionsObj[cat]?.dataTestId, colorPalette: colorPalette, expanded: open === cat, onClick: () => {
79
+ toggleOpen(cat);
80
+ } },
77
81
  React.createElement(CategoryTitle, { colorPalette: colorPalette },
78
82
  optionsObj[cat]?.icon,
79
- React.createElement(Typography, { textColor: open === cat ? colorPalette.background.primary : colorPalette.text.tertiary, content: optionsObj[cat]?.title || cat, variant: "Small" })),
80
- open === cat && React.createElement(AllOptionsDiv, { colorPalette: colorPalette, last: cat === categories?.[categories.length - 1] }, optionsObj[cat].options.map(op => React.createElement(OptionDiv, { "data-test": op?.dataTestId, colorPalette: colorPalette, onClick: op.onClick },
83
+ React.createElement(Typography, { textColor: open === cat
84
+ ? colorPalette.background.primary
85
+ : colorPalette.text.tertiary, content: optionsObj[cat]?.title || cat, variant: "Small" })),
86
+ open === cat && (React.createElement(AllOptionsDiv, { colorPalette: colorPalette, last: cat === categories?.[categories.length - 1] }, optionsObj[cat].options.map((op) => (React.createElement(OptionDiv, { "data-test": op?.dataTestId, colorPalette: colorPalette, onClick: op.onClick, disabled: op.disabled, variant: op.variant || "filled" },
81
87
  op?.icon,
82
- React.createElement(Typography, { textColor: open === cat ? colorPalette.background.primary : colorPalette.text.tertiary, content: op.name, variant: "Small" }))))));
88
+ React.createElement(Typography, { textColor: open === cat
89
+ ? colorPalette.background.primary
90
+ : colorPalette.text.tertiary, content: op.name, variant: "Small" }))))))));
83
91
  })));
84
92
  };
85
93
  //# sourceMappingURL=OptionsDropdown.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"OptionsDropdown.js","sourceRoot":"","sources":["../../../lib/Atoms/OptionsDropdown/OptionsDropdown.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"OptionsDropdown.js","sourceRoot":"","sources":["../../../lib/Atoms/OptionsDropdown/OptionsDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;WAKpD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ;CAC1D,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAA6C;;gBAE3D,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ;eACjD,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,CAC5C,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;UACtC,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,CACvC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ;;;;;;CAMxE,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;CAIzD,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAyC;eAC1D,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;;SAI3D,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;;;;gBAI/B,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ;CAC/D,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAI1B;;;;;eAKa,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,EAAE,CAC3C,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC;WAC7B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;GAChE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAClB,QAAQ;IACR;;GAEC;CACF,CAAC;AA+BF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC9D,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACtD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,EAAY,CAAC;IACzD,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC/D,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,kBAAkB,GAAG,CAAC,KAAU,EAAE,EAAE;QACzC,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;YACxD,OAAO,CAAC,IAAI,CAAC,CAAC;QACf,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,QAAgB,EAAE,EAAE;QACvC,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;YACvB,OAAO,CAAC,IAAI,CAAC,CAAC;QACf,CAAC;aAAM,CAAC;YACP,OAAO,CAAC,QAAQ,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,kBAAkB,IAAC,YAAY,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,IACtD,UAAU,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACxB,OAAO,CACN,oBAAC,WAAW,iBACA,UAAU,CAAC,GAAG,CAAC,EAAE,UAAU,EACtC,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,IAAI,KAAK,GAAG,EACtB,OAAO,EAAE,GAAG,EAAE;gBACb,UAAU,CAAC,GAAG,CAAC,CAAC;YACjB,CAAC;YAED,oBAAC,aAAa,IAAC,YAAY,EAAE,YAAY;gBACvC,UAAU,CAAC,GAAG,CAAC,EAAE,IAAI;gBACtB,oBAAC,UAAU,IACV,SAAS,EACR,IAAI,KAAK,GAAG;wBACX,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;wBACjC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAE9B,OAAO,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,GAAG,EACtC,OAAO,EAAE,OAAO,GACf,CACa;YACf,IAAI,KAAK,GAAG,IAAI,CAChB,oBAAC,aAAa,IACb,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,GAAG,KAAK,UAAU,EAAE,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,IAEhD,UAAU,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CACpC,oBAAC,SAAS,iBACE,EAAE,EAAE,UAAU,EACzB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,EAAE,CAAC,OAAO,EACT,QAAQ,EAAE,EAAE,CAAC,QAAQ,EACrB,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,QAAQ;gBAExC,EAAE,EAAE,IAAI;gBACT,oBAAC,UAAU,IACV,SAAS,EACR,IAAI,KAAK,GAAG;wBACX,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;wBACjC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAE9B,OAAO,EAAE,EAAE,CAAC,IAAI,EAChB,OAAO,EAAE,OAAO,GACf,CACS,CACZ,CAAC,CACa,CAChB,CACY,CACd,CAAC;IACH,CAAC,CAAC,CACkB,CACrB,CAAC;AACH,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@factorearth/component-library",
3
- "version": "5.5.2",
3
+ "version": "5.5.3",
4
4
  "description": " A storybook component library for FactorEarth",
5
5
  "author": "madtrx <marlin.makori@gmail.com>",
6
6
  "homepage": "https://github.com/FactorEarth/RecordMiddleware#readme",
@@ -46,7 +46,7 @@
46
46
  "access": "public",
47
47
  "registry": "https://registry.npmjs.org/"
48
48
  },
49
- "gitHead": "dafaa1c86aa14ac657837123915f1205422f733c",
49
+ "gitHead": "be426be7c9ed6d01ff6900fb33b6b920fb4dda36",
50
50
  "dependencies": {
51
51
  "@emotion/react": "^11.13.0",
52
52
  "@emotion/styled": "^11.13.0",
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import { Colors } from "Theme/types";
3
- interface ErrorSplashProps {
4
- colorPalette: Colors & string;
5
- title: string;
6
- description: string;
7
- image?: string;
8
- }
9
- export declare const ErrorSplash: (props: ErrorSplashProps) => React.JSX.Element;
10
- export {};
@@ -1,82 +0,0 @@
1
- import React from "react";
2
- import styled from "@emotion/styled";
3
- import { FiChevronLeft, FiRefreshCw } from "react-icons/fi";
4
- import { GoBug } from "react-icons/go";
5
- import { Button } from "../../Atoms/Buttons/Button";
6
- import { Typography } from "../../Atoms/Typography/Typography";
7
- const ErrorSplashContainer = styled.div `
8
- // width: 100vw;
9
- // height: 100vh;
10
-
11
- `;
12
- const HeaderDiv = styled.div `
13
- display: flex;
14
- padding: 24px;
15
- flex-direction: column;
16
- align-items: flex-start;
17
- gap: 16px;
18
- align-self: stretch;
19
- `;
20
- const HeaderAndBackDiv = styled.div `
21
- display: flex;
22
- justify-content: space-between;
23
- align-items: center;
24
- align-self: stretch;
25
- `;
26
- const DescriptionDiv = styled.div `
27
- display: -webkit-box;
28
- -webkit-box-orient: vertical;
29
- -webkit-line-clamp: 2;
30
- flex: 1 0 0;
31
- `;
32
- const ButtonsDiv = styled.div `
33
- //background is the topo image
34
- display: flex;
35
- height: 245px;
36
- justify-content: center;
37
- align-items: center;
38
- align-content: center;
39
- gap: 16px;
40
- flex-shrink: 0;
41
- align-self: stretch;
42
- flex-wrap: wrap;
43
- `;
44
- const AmbassadorContactDiv = styled.div `
45
- background-color: ${({ colorPalette }) => colorPalette.background.tertiary};
46
- border-top: ${({ colorPalette }) => colorPalette.border.tertiary} 1px solid;
47
- display: flex;
48
- padding: 24px 16px;
49
- flex-direction: column;
50
- align-items: center;
51
- gap: 16px;
52
- align-self: stretch;
53
- `;
54
- const ContactContainer = styled.div `
55
- background-color: ${({ colors }) => colors.background.tertiary};
56
- color: ${({ colors }) => colors.text.primary};
57
- display: flex;
58
- padding: 24px 16px;
59
- flex-direction: column;
60
- align-items: center;
61
- gap: 16px;
62
- align-self: stretch;
63
- `;
64
- export const ErrorSplash = (props) => {
65
- const { colorPalette, title, description, image, ...tableHtmlProps } = props;
66
- console.log("colorPalette:", colorPalette);
67
- return (React.createElement(ErrorSplashContainer, { colorPalette: colorPalette, ...tableHtmlProps },
68
- React.createElement(HeaderDiv, { colorPalette: colorPalette },
69
- React.createElement(HeaderAndBackDiv, { colorPalette: colorPalette },
70
- React.createElement(FiChevronLeft, null),
71
- React.createElement(Typography, { textColor: colorPalette.text.primary, content: title, variant: "Heading 3" })),
72
- React.createElement(DescriptionDiv, { colorPalette: colorPalette },
73
- React.createElement(Typography, { textColor: colorPalette.text.primary, content: description, variant: "Paragraphy Body" }))),
74
- image && React.createElement("img", { src: image, alt: "Splash Image" }),
75
- React.createElement(ButtonsDiv, { colorPalette: colorPalette },
76
- React.createElement(Button, { colorPalette: colorPalette, onClick: () => { }, label: "Refresh", variant: "outlined", icon: React.createElement(FiRefreshCw, null) }),
77
- React.createElement(Button, { colorPalette: colorPalette, onClick: () => { }, label: "Report a bug", variant: "filled", icon: React.createElement(GoBug, null) })),
78
- React.createElement(ContactContainer, { colors: colorPalette },
79
- React.createElement(Typography, { textColor: colorPalette.text.primary, content: "Please ask further questions, or reach out for additional support by emailing", variant: "Label" }),
80
- React.createElement(Typography, { textColor: colorPalette.text.primary, content: "devs@factorearth.com", variant: "Heading 4" }))));
81
- };
82
- //# sourceMappingURL=Splash.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Splash.js","sourceRoot":"","sources":["../../../lib/Organisms/Splash/Splash.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAoC,MAAM,gBAAgB,CAAC;AAC9F,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAE/D,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;CAIhE,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;CAOrD,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;CAK5D,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;CAK1D,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;;;;;CAWtD,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAA0B;qBAC5C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,QAAQ;eAC5D,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ;;;;;;;CAOhE,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAqB;sBAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ;WACrD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;;;;;;;CAO7C,CAAC;AAQF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACtD,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,GAAG,KAAK,CAAC;IAE7E,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,YAAY,CAAC,CAAA;IAE1C,OAAO,CACN,oBAAC,oBAAoB,IAAC,YAAY,EAAE,YAAY,KAAM,cAAc;QACnE,oBAAC,SAAS,IAAC,YAAY,EAAE,YAAY;YACpC,oBAAC,gBAAgB,IAAC,YAAY,EAAE,YAAY;gBAC3C,oBAAC,aAAa,OAAG;gBACjB,oBAAC,UAAU,IAAC,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,GAAI,CACxE;YACnB,oBAAC,cAAc,IAAC,YAAY,EAAE,YAAY;gBACzC,oBAAC,UAAU,IAAC,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,iBAAiB,GAAI,CACtF,CACN;QACX,KAAK,IAAI,6BAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,cAAc,GAAG;QAChD,oBAAC,UAAU,IAAC,YAAY,EAAE,YAAY;YAErC,oBAAC,MAAM,IAAC,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,oBAAC,WAAW,OAAE,GAAG;YACjH,oBAAC,MAAM,IAAC,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAE,oBAAC,KAAK,OAAE,GAAG,CAClG;QAKb,oBAAC,gBAAgB,IAAC,MAAM,EAAE,YAAY;YACnC,oBAAC,UAAU,IAAC,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,+EAA+E,EAAE,OAAO,EAAE,OAAO,GAAI;YAChK,oBAAC,UAAU,IAAC,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,OAAO,EAAE,WAAW,GAAI,CACvF,CACD,CACvB,CAAC;AACH,CAAC,CAAC"}