@bbl-digital/snorre 4.0.0-beta.3 → 4.0.0-beta.5

package/lib/core/SearchSelect/SearchSelect.stories.d.ts

@@ -0,0 +1,12 @@
+import type { IProps } from './interface/IProps';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IProps>;
+export default _default;
+export declare const Default: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const CreateLabelName: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=SearchSelect.stories.d.ts.map

package/lib/core/SearchSelect/SearchSelect.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/SearchSelect/SearchSelect.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;;AAEhD,wBAGiB;AAqCjB,eAAO,MAAM,OAAO;;;CAWnB,CAAA;AAED,eAAO,MAAM,eAAe;;;CAa3B,CAAA"}

package/lib/core/SearchSelect/SearchSelect.stories.js

@@ -0,0 +1,52 @@
+import { action } from '@storybook/addon-actions';
+import SearchSelect from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/SearchSelect',
+  component: SearchSelect
+};
+const values = [{
+  id: '1',
+  label: 'one'
+}, {
+  id: '2',
+  label: 'two'
+}, {
+  id: '3',
+  label: 'three'
+}, {
+  id: '4',
+  label: 'four'
+}, {
+  id: '5',
+  label: 'five'
+}, {
+  id: '6',
+  label: 'six'
+}, {
+  id: '7',
+  label: 'seven'
+}, {
+  id: '8',
+  label: 'eight'
+}];
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(SearchSelect, {
+    defaultValue: "Default",
+    values: values,
+    fuzzyKeys: ['id', 'label'],
+    onChange: action('onChange')
+  }),
+  name: 'Default'
+};
+export const CreateLabelName = {
+  render: () => /*#__PURE__*/_jsx(SearchSelect, {
+    defaultValue: "createLabelName",
+    values: values,
+    createLabelName: item => `(${item.id}) ${item.labelName}`,
+    labelName: "labelName",
+    fuzzyKeys: ['id', 'labelName'],
+    onChange: action('onChange')
+  }),
+  name: 'createLabelName'
+};

package/lib/core/SearchSelect/hooks/useSelectSearch.js

@@ -1,6 +1,5 @@
 import { matchSorter } from 'match-sorter';
 import { useMemo, useState } from 'react';
-
 const useSelectSearch = props => {
   const [open, setOpen] = useState(false);
   const [search, setSearch] = useState('');
@@ -8,7 +7,8 @@ const useSelectSearch = props => {
     const fuzzyOptions = {
       keys: props.fuzzyKeys
     };
-    return matchSorter(props.values, search || '', fuzzyOptions); // eslint-disable-next-line react-hooks/exhaustive-deps
+    return matchSorter(props.values, search || '', fuzzyOptions);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.values, search]);
   return {
     open,
@@ -18,5 +18,4 @@ const useSelectSearch = props => {
     setSearch
   };
 };
-
 export default useSelectSearch;

package/lib/core/SearchSelect/index.js

@@ -10,7 +10,6 @@ import { OptionsWrapper, StyledLabel, Wrapper, ListWrapper, styles } from './sty
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const SelectSearch = props => {
   const ref = useRef(null);
   const inputRef = useRef(null);
@@ -21,48 +20,42 @@ const SelectSearch = props => {
     setSearch,
     setOpen
   } = useSelectSearch(props);
-
   const handleClickOutside = e => {
     const node = ref.current;
     if (node && node.contains(e.target)) return;
     setOpen(false);
     setSearch('');
   };
-
   useEffect(() => {
     if (open) {
       document.addEventListener('mousedown', handleClickOutside);
       return;
     }
-
     document.removeEventListener('mousedown', handleClickOutside);
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open, ref]);
   useEffect(() => {
     if (open && inputRef.current) {
       inputRef?.current?.focus();
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [inputRef?.current, open]);
-
   const handleOnClick = () => {
     setOpen(!open);
     if (!open) setSearch('');
   };
-
   const handleOnItemClick = item => () => {
     props.onChange(item);
     setOpen(false);
   };
-
   const getDisplayedValue = selected => {
     const item = values.find(v => v[props.keyName || 'id'] === selected);
     if (!item) return null;
     return props.createLabelName?.(item);
   };
-
   return _jsxs(Wrapper, {
     ref: ref,
     css: () => [props.type === 'opacity08' && styles.opacity08],
@@ -100,5 +93,4 @@ const SelectSearch = props => {
     })]
   });
 };
-
 export default SelectSearch;

package/lib/core/SearchSelect/styles.js

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
 export const StyledLabel = _styled("span", process.env.NODE_ENV === "production" ? {
   target: "e141unqb3"

package/lib/core/Select/Option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Select/Option.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAA;IAC1B,eAAe;IACf,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,sBAAsB;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACjC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC9C,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA6B5B,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Select/Option.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,MAAM;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAA;IAC1B,eAAe;IACf,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,sBAAsB;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACjC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC9C,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA6B5B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/core/Select/Option.js

@@ -1,9 +1,9 @@
 /** @jsxImportSource @emotion/react */
 import React from 'react';
-import { Button, ListItem } from '../..';
 import { optionButton } from './styles';
+import ListItem from '../List/Item';
+import Button from '../Button';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const Option = ({
   trackingEvent,
   trackingName,
@@ -16,7 +16,6 @@ const Option = ({
       });
     }
   };
-
   return _jsx(ListItem, {
     children: _jsx(Button, {
       nostyle: true,
@@ -31,5 +30,4 @@ const Option = ({
     }, props.key)
   });
 };
-
 export default Option;

package/lib/core/Select/Select.stories.d.ts

@@ -0,0 +1,47 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const SelectDefault: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Width: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const OptionsWidth: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const SelectNative: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Input: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Icon: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Primary10: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Opacity08: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const MaxHeight: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Disabled: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WithInfoButton: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Select.stories.d.ts.map

package/lib/core/Select/Select.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Select/Select.stories.tsx"],"names":[],"mappings":";AAMA,wBAGS;AAET,eAAO,MAAM,aAAa;;;CAYzB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAiBjB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAgBxB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAYxB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAYjB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAiBhB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAgBrB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAmBrB,CAAA;AAED,eAAO,MAAM,SAAS;;;CA4BrB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CASpB,CAAA;AAED,eAAO,MAAM,cAAc;;;CAkB1B,CAAA"}

package/lib/core/Select/Select.stories.js

@@ -0,0 +1,246 @@
+import { action } from '@storybook/addon-actions';
+import Select from '.';
+import Option from './Option';
+import IconTypeOfBuilding from '../../icons/General/IconTypeOfBuilding';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/Select',
+  component: Select
+};
+export const SelectDefault = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Sorter etter",
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Select'
+};
+export const Width = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Sorter etter",
+    type: "primary10",
+    width: "400px",
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Width'
+};
+export const OptionsWidth = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Sorter etter",
+    optionsWidth: "400px",
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Options width'
+};
+export const SelectNative = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Sorter etter",
+    native: true,
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Select - native'
+};
+export const Input = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Velg en",
+    label: "Label",
+    input: true,
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Input'
+};
+export const Icon = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Velg en",
+    label: "Label",
+    icon: /*#__PURE__*/_jsx(IconTypeOfBuilding, {
+      primary: true
+    }),
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Icon'
+};
+export const Primary10 = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Background with 10 opacity",
+    type: "primary10",
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Primary10'
+};
+export const Opacity08 = {
+  render: () => /*#__PURE__*/_jsx("div", {
+    style: {
+      backgroundColor: '#04112D',
+      padding: '2em'
+    },
+    children: /*#__PURE__*/_jsxs(Select, {
+      text: "Opacity08",
+      type: "opacity08",
+      onChange: action('onChange'),
+      children: [/*#__PURE__*/_jsx(Option, {
+        disabled: true,
+        value: "1",
+        children: "Option 1"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "2",
+        children: "Option 2"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 3"
+      })]
+    })
+  }),
+  name: 'Opacity08'
+};
+export const MaxHeight = {
+  render: () => /*#__PURE__*/_jsx("div", {
+    style: {
+      backgroundColor: '#04112D',
+      padding: '2em'
+    },
+    children: /*#__PURE__*/_jsxs(Select, {
+      text: "maxHeight",
+      type: "opacity08",
+      onChange: action('onChange'),
+      maxHeight: "100px",
+      children: [/*#__PURE__*/_jsx(Option, {
+        disabled: true,
+        value: "1",
+        children: "Option 1"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "2",
+        children: "Option 2"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 3"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 4"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 5"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 6"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 7"
+      })]
+    })
+  }),
+  name: 'MaxHeight'
+};
+export const Disabled = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Im disabled",
+    input: true,
+    disabled: true,
+    children: [/*#__PURE__*/_jsx(Option, {
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    })]
+  }),
+  name: 'Disabled'
+};
+export const WithInfoButton = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Velg en",
+    label: "With info button",
+    input: true,
+    onChange: action('onChange'),
+    info: "Ullamco nisi excepteur quis ut sint ipsum deserunt dolor. Nulla cillum exercitation labore fugiat nulla do duis irure dolore.",
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'With Info Button'
+};

package/lib/core/Select/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsxImportSource @emotion/react */
-import React, { ReactNodeArray } from 'react';
+import React, { ReactNode } from 'react';
 import { SerializedStyles } from '@emotion/react';
 import Option from './Option';
 export { Option };
@@ -15,7 +15,7 @@ interface IProps {
     /** Callback handler for when clicking option element. */
     onChange?: (value: string) => any;
     /** Option-elements, select list content */
-    children: ReactNodeArray;
+    children: ReactNode[];
     /** Adds icon to select  */
     icon?: React.ReactNode;
     /** Type of select, default is transparent, primary10 adds primary background with 10 opacity */
@@ -44,6 +44,10 @@ interface IProps {
     closeKey?: string;
     /** Add classname */
     className?: string;
+    /** Adds info-text button */
+    info?: string;
+    /** Where the info tooltip will be placed relative to the button @default left */
+    infoPlacement?: 'top' | 'left' | 'right' | 'bottom';
 }
 declare const Select: React.FC<IProps>;
 export default Select;

package/lib/core/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Select/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EACZ,cAAc,EAKf,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,MAAM,MAAM,UAAU,CAAA;AAI7B,OAAO,EAAE,MAAM,EAAE,CAAA;AAEjB,UAAU,MAAM;IACd,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,wBAAwB;IACxB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAA;IACjC,2CAA2C;IAC3C,QAAQ,EAAE,cAAc,CAAA;IACxB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,gGAAgG;IAChG,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,CAAA;IAC5C,0BAA0B;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4BAA4B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,kDAAkD;IAClD,eAAe,CAAC,EAAE,gBAAgB,CAAA;IAClC,+BAA+B;IAC/B,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmJ5B,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Select/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,MAAM,MAAM,UAAU,CAAA;AAQ7B,OAAO,EAAE,MAAM,EAAE,CAAA;AAEjB,UAAU,MAAM;IACd,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,wBAAwB;IACxB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAA;IACjC,2CAA2C;IAC3C,QAAQ,EAAE,SAAS,EAAE,CAAA;IACrB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,gGAAgG;IAChG,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,CAAA;IAC5C,0BAA0B;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4BAA4B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,kDAAkD;IAClD,eAAe,CAAC,EAAE,gBAAgB,CAAA;IAClC,+BAA+B;IAC/B,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;CACpD;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4J5B,CAAA;AAED,eAAe,MAAM,CAAA"}