diff --git a/docs/storybook/iframe.html b/docs/storybook/iframe.html
index e6ea154f0..c908282c2 100644
--- a/docs/storybook/iframe.html
+++ b/docs/storybook/iframe.html
@@ -361,4 +361,4 @@
           
       
           
-            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|mxs|tsx|ts)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|mxs|tsx|ts))$"}];</script><script src="runtime~main.efe56bad.iframe.bundle.js"></script><script src="643.9175f1ae.iframe.bundle.js"></script><script src="main.2decfe4f.iframe.bundle.js"></script></body></html>
\ No newline at end of file
+            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|mxs|tsx|ts)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|mxs|tsx|ts))$"}];</script><script src="runtime~main.efe56bad.iframe.bundle.js"></script><script src="643.9175f1ae.iframe.bundle.js"></script><script src="main.4327f1e5.iframe.bundle.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/storybook/main.2decfe4f.iframe.bundle.js b/docs/storybook/main.4327f1e5.iframe.bundle.js
similarity index 63%
rename from docs/storybook/main.2decfe4f.iframe.bundle.js
rename to docs/storybook/main.4327f1e5.iframe.bundle.js
index 65c2250f2..6bfa433dc 100644
--- a/docs/storybook/main.2decfe4f.iframe.bundle.js
+++ b/docs/storybook/main.4327f1e5.iframe.bundle.js
@@ -1 +1 @@
-(self.webpackChunk_42_nl_ui=self.webpackChunk_42_nl_ui||[]).push([[179],{"./src/core/AsyncActionButton/AsyncActionButton.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_AsyncActionButton__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/AsyncActionButton/AsyncActionButton.tsx"),_FlashMessage_FlashMessage__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/FlashMessage/FlashMessage.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/buttons/AsyncActionButton",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport { AsyncActionButton } from './AsyncActionButton';\nimport FlashMessage from '../FlashMessage/FlashMessage';\n\nstoriesOf('core/buttons/AsyncActionButton', module)\n  .addParameters({ component: AsyncActionButton })\n  .add('default', () => {\n    const [counter, setCounter] = useState(0);\n    const [error, setError] = useState<string>();\n    const [success, setSuccess] = useState<string>();\n\n    function asyncAction() {\n      setError(undefined);\n      setSuccess(undefined);\n      setCounter(counter + 1);\n\n      return new Promise((resolve, reject) => {\n        setTimeout(() => {\n          if (counter % 2 === 0) {\n            resolve({\n              message: 'Confirmation successfully sent'\n            });\n          } else {\n            reject('You are not allowed to perform this action');\n          }\n        }, 1000);\n      }).then(\n        ({ message }) => setSuccess(message),\n        (reason: string) => setError(reason)\n      );\n    }\n\n    return (\n      <div className=\"text-center\">\n        <p>\n          The best user experience is when you use flash messages to make the\n          user aware the request succeeded or failed.\n        </p>\n\n        {error ? (\n          <FlashMessage color=\"danger\" onClose={() => setError(undefined)}>\n            {error}\n          </FlashMessage>\n        ) : null}\n        {success ? (\n          <FlashMessage color=\"success\" onClose={() => setSuccess(undefined)}>\n            {success}\n          </FlashMessage>\n        ) : null}\n\n        <AsyncActionButton action={asyncAction}>\n          Resend confirmation\n        </AsyncActionButton>\n      </div>\n    );\n  });\n",locationsMap:{default:{startLoc:{col:7,line:9},endLoc:{col:3,line:58},startBody:{col:18,line:9},endBody:{col:3,line:58}}}}}).addParameters({component:_AsyncActionButton__WEBPACK_IMPORTED_MODULE_2__.V}).add("default",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),2),counter=_useState2[0],setCounter=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),error=_useState4[0],setError=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),success=_useState6[0],setSuccess=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"The best user experience is when you use flash messages to make the user aware the request succeeded or failed."),error?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FlashMessage_FlashMessage__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"danger",onClose:function onClose(){return setError(void 0)}},error):null,success?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FlashMessage_FlashMessage__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",onClose:function onClose(){return setSuccess(void 0)}},success):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncActionButton__WEBPACK_IMPORTED_MODULE_2__.V,{action:function asyncAction(){return setError(void 0),setSuccess(void 0),setCounter(counter+1),new Promise((function(resolve,reject){setTimeout((function(){counter%2==0?resolve({message:"Confirmation successfully sent"}):reject("You are not allowed to perform this action")}),1e3)})).then((function(_ref){var message=_ref.message;return setSuccess(message)}),(function(reason){return setError(reason)}))}},"Resend confirmation"))}))},"./src/core/AsyncContent/AsyncContent.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_AsyncContent__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/AsyncContent/AsyncContent.tsx"),react_query__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-query/es/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/index.ts");module=__webpack_require__.hmd(module);function loadData(){return new Promise((function(resolve){setTimeout((function(){resolve({user:"Jeffrey"})}),1e3)}))}function rejectData(){return new Promise((function(resolve,reject){setTimeout((function(){reject("could not load")}),1e3)}))}function loadingData(){return new Promise((function(){}))}var client=new react_query__WEBPACK_IMPORTED_MODULE_3__.QueryClient({defaultOptions:{queries:{retry:!1,refetchOnWindowFocus:!1,cacheTime:0}}});(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/async/AsyncContent",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport AsyncContent from './AsyncContent';\nimport { QueryClient, QueryClientProvider, useQuery } from 'react-query';\nimport { action } from '@storybook/addon-actions';\nimport { ContentState, Button } from '../..';\n\nfunction loadData() {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve({ user: 'Jeffrey' });\n    }, 1000);\n  });\n}\n\nfunction rejectData() {\n  return new Promise((resolve, reject) => {\n    setTimeout(() => {\n      reject('could not load');\n    }, 1000);\n  });\n}\n\nfunction loadingData() {\n  return new Promise(() => undefined);\n}\n\nconst client = new QueryClient({\n  defaultOptions: {\n    queries: {\n      retry: false,\n      refetchOnWindowFocus: false,\n      cacheTime: 0\n    }\n  },\n});\n\nstoriesOf('core/async/AsyncContent', module)\n  .addParameters({ component: AsyncContent })\n  .addDecorator((Story) => (\n    <QueryClientProvider client={client}>\n      <Story />\n    </QueryClientProvider>\n  ))\n  .add('when loaded', () => {\n    const state = useQuery('data', loadData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent state={state}>\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  })\n\n  .add('when error', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent state={state}>\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  })\n\n  .add('when error with custom text', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent\n          state={state}\n          text={{ error: 'I’m sorry Dave, I’m afraid I can’t do that' }}\n        >\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  })\n\n  .add('when error with no retry button', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent state={state} showRetryButton={false}>\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  })\n\n  .add('when loading', () => {\n    const state = useQuery('data', loadingData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent state={state}>\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  })\n\n  .add('when loading with custom title', () => {\n    const state = useQuery('data', loadingData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent state={state} text={{ loading: 'Loading Jeffrey' }}>\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  })\n\n  .add('when empty', () => {\n    const state = useQuery('data', loadData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent\n          state={state}\n          isEmpty={(data: { user: string }) => data.user === 'Jeffrey'}\n        >\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  })\n\n  .add('when empty with title', () => {\n    const state = useQuery('data', loadData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent\n          state={state}\n          text={{ empty: \"No Jeffrey's match your parameters try again\" }}\n          isEmpty={(data: { user: string }) => data.user === 'Jeffrey'}\n        >\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  })\n\n  .add('when empty with custom empty', () => {\n    const state = useQuery('data', loadData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent\n          state={state}\n          isEmpty={(data: { user: string }) => data.user === 'Jeffrey'}\n          emptyContent={() => (\n            <ContentState mode=\"empty\" title=\"No results found\">\n              <Button icon=\"refresh\" onClick={action('clear filters')}>\n                Clear filters\n              </Button>\n            </ContentState>\n          )}\n        >\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  });\n",locationsMap:{"when-empty-with-custom-empty":{startLoc:{col:7,line:152},endLoc:{col:3,line:172},startBody:{col:39,line:152},endBody:{col:3,line:172}},"when-empty-with-title":{startLoc:{col:7,line:136},endLoc:{col:3,line:150},startBody:{col:32,line:136},endBody:{col:3,line:150}},"when-empty":{startLoc:{col:7,line:121},endLoc:{col:3,line:134},startBody:{col:21,line:121},endBody:{col:3,line:134}},"when-loading-with-custom-title":{startLoc:{col:7,line:109},endLoc:{col:3,line:119},startBody:{col:41,line:109},endBody:{col:3,line:119}},"when-loading":{startLoc:{col:7,line:97},endLoc:{col:3,line:107},startBody:{col:23,line:97},endBody:{col:3,line:107}},"when-error-with-no-retry-button":{startLoc:{col:7,line:85},endLoc:{col:3,line:95},startBody:{col:42,line:85},endBody:{col:3,line:95}},"when-error-with-custom-text":{startLoc:{col:7,line:70},endLoc:{col:3,line:83},startBody:{col:38,line:70},endBody:{col:3,line:83}},"when-error":{startLoc:{col:7,line:58},endLoc:{col:3,line:68},startBody:{col:21,line:58},endBody:{col:3,line:68}},"when-loaded":{startLoc:{col:7,line:46},endLoc:{col:3,line:56},startBody:{col:22,line:46},endBody:{col:3,line:56}}}}}).addParameters({component:_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z}).addDecorator((function(Story){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_query__WEBPACK_IMPORTED_MODULE_3__.QueryClientProvider,{client},react__WEBPACK_IMPORTED_MODULE_0__.createElement(Story,null))})).add("when loaded",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",loadData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))})).add("when error",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))})).add("when error with custom text",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state,text:{error:"I’m sorry Dave, I’m afraid I can’t do that"}},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))})).add("when error with no retry button",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state,showRetryButton:!1},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))})).add("when loading",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",loadingData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))})).add("when loading with custom title",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",loadingData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state,text:{loading:"Loading Jeffrey"}},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))})).add("when empty",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",loadData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state,isEmpty:function isEmpty(data){return"Jeffrey"===data.user}},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))})).add("when empty with title",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",loadData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state,text:{empty:"No Jeffrey's match your parameters try again"},isEmpty:function isEmpty(data){return"Jeffrey"===data.user}},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))})).add("when empty with custom empty",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",loadData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state,isEmpty:function isEmpty(data){return"Jeffrey"===data.user},emptyContent:function emptyContent(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Mi,{mode:"empty",title:"No results found"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.zx,{icon:"refresh",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_4__.action)("clear filters")},"Clear filters"))}},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))}))},"./src/core/AsyncList/AsyncList.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),react_query__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-query/es/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_AsyncList__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/AsyncList/AsyncList.tsx"),_test_fixtures__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/test/fixtures.ts"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/index.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js");module=__webpack_require__.hmd(module);function loadData(){return new Promise((function(resolve){setTimeout((function(){resolve((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_4__.o7)().content)}),1e3)}))}function emptyData(){return new Promise((function(resolve){setTimeout((function(){resolve([])}),1e3)}))}function rejectData(){return new Promise((function(resolve,reject){setTimeout((function(){reject("could not load")}),1e3)}))}function loadingData(){return new Promise((function(){}))}var client=new react_query__WEBPACK_IMPORTED_MODULE_2__.QueryClient({defaultOptions:{queries:{retry:!1,refetchOnWindowFocus:!1,cacheTime:0}}});(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Async/AsyncList",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { QueryClient, QueryClientProvider, useQuery } from 'react-query';\nimport { Button, Card, ListGroup, ListGroupItem } from 'reactstrap';\n\nimport AsyncList from './AsyncList';\n\nimport { pageOfUsers } from '../../test/fixtures';\nimport { User } from '../../test/types';\nimport { ContentState } from '../..';\nimport { action } from '@storybook/addon-actions';\n\nfunction loadData(): Promise<User[]> {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(pageOfUsers().content);\n    }, 1000);\n  });\n}\n\nfunction emptyData(): Promise<User[]> {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve([]);\n    }, 1000);\n  });\n}\n\nfunction rejectData(): Promise<User[]> {\n  return new Promise((resolve, reject) => {\n    setTimeout(() => {\n      reject('could not load');\n    }, 1000);\n  });\n}\n\nfunction loadingData(): Promise<User[]> {\n  return new Promise(() => undefined);\n}\n\nconst client = new QueryClient({\n  defaultOptions: {\n    queries: {\n      retry: false,\n      refetchOnWindowFocus: false,\n      cacheTime: 0\n    }\n  }\n});\n\nstoriesOf('core/Async/AsyncList', module)\n  .addParameters({ component: AsyncList })\n  .addDecorator((Story) => (\n    <QueryClientProvider client={client}>\n      <Story />\n    </QueryClientProvider>\n  ))\n  .add('when loaded', () => {\n    const state = useQuery('data', loadData);\n\n    return (\n      <Card body>\n        <AsyncList state={state}>\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  })\n\n  .add('when error', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <Card body>\n        <AsyncList state={state}>\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  })\n\n  .add('when error with custom text', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <Card body>\n        <AsyncList\n          state={state}\n          text={{ error: 'I’m sorry Dave, I’m afraid I can’t do that' }}\n        >\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  })\n\n  .add('when error with no retry button', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <Card body>\n        <AsyncList state={state} showRetryButton={false}>\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  })\n\n  .add('when loading', () => {\n    const state = useQuery('data', loadingData);\n\n    return (\n      <Card body>\n        <AsyncList state={state}>\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  })\n\n  .add('when loading with custom title', () => {\n    const state = useQuery('data', loadingData);\n\n    return (\n      <Card body>\n        <AsyncList state={state} text={{ loading: 'Loading Jeffrey' }}>\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  })\n\n  .add('when empty', () => {\n    const state = useQuery('data', emptyData);\n\n    return (\n      <Card body>\n        <AsyncList state={state}>\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  })\n\n  .add('when empty with custom title', () => {\n    const state = useQuery('data', emptyData);\n\n    return (\n      <Card body>\n        <AsyncList\n          state={state}\n          text={{ empty: \"No Jeffrey's match your parameters try again\" }}\n        >\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  })\n\n  .add('when empty with custom empty', () => {\n    const state = useQuery('data', emptyData);\n\n    return (\n      <Card body>\n        <AsyncList\n          state={state}\n          emptyContent={() => (\n            <ContentState mode=\"empty\" title=\"No results found\">\n              <Button icon=\"refresh\" onClick={action('clear filters')}>\n                Clear filters\n              </Button>\n            </ContentState>\n          )}\n        >\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  });\n",locationsMap:{"when-empty-with-custom-empty":{startLoc:{col:7,line:208},endLoc:{col:3,line:233},startBody:{col:39,line:208},endBody:{col:3,line:233}},"when-empty-with-custom-title":{startLoc:{col:7,line:187},endLoc:{col:3,line:206},startBody:{col:39,line:187},endBody:{col:3,line:206}},"when-empty":{startLoc:{col:7,line:169},endLoc:{col:3,line:185},startBody:{col:21,line:169},endBody:{col:3,line:185}},"when-loading-with-custom-title":{startLoc:{col:7,line:151},endLoc:{col:3,line:167},startBody:{col:41,line:151},endBody:{col:3,line:167}},"when-loading":{startLoc:{col:7,line:133},endLoc:{col:3,line:149},startBody:{col:23,line:133},endBody:{col:3,line:149}},"when-error-with-no-retry-button":{startLoc:{col:7,line:115},endLoc:{col:3,line:131},startBody:{col:42,line:115},endBody:{col:3,line:131}},"when-error-with-custom-text":{startLoc:{col:7,line:94},endLoc:{col:3,line:113},startBody:{col:38,line:94},endBody:{col:3,line:113}},"when-error":{startLoc:{col:7,line:76},endLoc:{col:3,line:92},startBody:{col:21,line:76},endBody:{col:3,line:92}},"when-loaded":{startLoc:{col:7,line:58},endLoc:{col:3,line:74},startBody:{col:22,line:58},endBody:{col:3,line:74}}}}}).addParameters({component:_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z}).addDecorator((function(Story){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_query__WEBPACK_IMPORTED_MODULE_2__.QueryClientProvider,{client},react__WEBPACK_IMPORTED_MODULE_0__.createElement(Story,null))})).add("when loaded",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",loadData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))})).add("when error",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))})).add("when error with custom text",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state,text:{error:"I’m sorry Dave, I’m afraid I can’t do that"}},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))})).add("when error with no retry button",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state,showRetryButton:!1},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))})).add("when loading",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",loadingData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))})).add("when loading with custom title",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",loadingData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state,text:{loading:"Loading Jeffrey"}},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))})).add("when empty",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",emptyData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))})).add("when empty with custom title",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",emptyData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state,text:{empty:"No Jeffrey's match your parameters try again"}},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))})).add("when empty with custom empty",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",emptyData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state,emptyContent:function emptyContent(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Mi,{mode:"empty",title:"No results found"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.zx,{icon:"refresh",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_6__.action)("clear filters")},"Clear filters"))}},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))}))},"./src/core/AsyncPage/AsyncPage.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),react_query__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-query/es/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_42_nl_spring_connect__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@42.nl/spring-connect/lib/index.js"),_AsyncPage__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/AsyncPage/AsyncPage.tsx"),_test_fixtures__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/test/fixtures.ts"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/index.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js");module=__webpack_require__.hmd(module);function loadData(){return new Promise((function(resolve){setTimeout((function(){resolve((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.o7)())}),1e3)}))}function emptyData(){return new Promise((function(resolve){setTimeout((function(){resolve((0,_42_nl_spring_connect__WEBPACK_IMPORTED_MODULE_3__.emptyPage)())}),1e3)}))}function rejectData(){return new Promise((function(resolve,reject){setTimeout((function(){reject("could not load")}),1e3)}))}function loadingData(){return new Promise((function(){}))}var client=new react_query__WEBPACK_IMPORTED_MODULE_2__.QueryClient({defaultOptions:{queries:{retry:!1,refetchOnWindowFocus:!1,cacheTime:0}}});(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/async/AsyncPage",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { QueryClient, QueryClientProvider, useQuery } from 'react-query';\nimport { Button, Card, ListGroup, ListGroupItem } from 'reactstrap';\nimport { emptyPage, Page } from '@42.nl/spring-connect';\n\nimport AsyncPage from './AsyncPage';\n\nimport { pageOfUsers } from '../../test/fixtures';\nimport { User } from '../../test/types';\nimport { ContentState } from '../..';\nimport { action } from '@storybook/addon-actions';\n\nfunction loadData(): Promise<Page<User>> {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(pageOfUsers());\n    }, 1000);\n  });\n}\n\nfunction emptyData(): Promise<Page<User>> {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(emptyPage<User>());\n    }, 1000);\n  });\n}\n\nfunction rejectData(): Promise<Page<User>> {\n  return new Promise((resolve, reject) => {\n    setTimeout(() => {\n      reject('could not load');\n    }, 1000);\n  });\n}\n\nfunction loadingData(): Promise<Page<User>> {\n  return new Promise(() => undefined);\n}\n\nconst client = new QueryClient({\n  defaultOptions: {\n    queries: {\n      retry: false,\n      refetchOnWindowFocus: false,\n      cacheTime: 0\n    }\n  }\n});\n\nstoriesOf('core/async/AsyncPage', module)\n  .addParameters({ component: AsyncPage })\n  .addDecorator((Story) => (\n    <QueryClientProvider client={client}>\n      <Story />\n    </QueryClientProvider>\n  ))\n  .add('when loaded', () => {\n    const state = useQuery('data', loadData);\n\n    return (\n      <Card body>\n        <AsyncPage state={state}>\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  })\n\n  .add('when error', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <Card body>\n        <AsyncPage state={state}>\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  })\n\n  .add('when error with custom text', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <Card body>\n        <AsyncPage\n          state={state}\n          text={{ error: 'I’m sorry Dave, I’m afraid I can’t do that' }}\n        >\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  })\n\n  .add('when error with no retry button', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <Card body>\n        <AsyncPage state={state} showRetryButton={false}>\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  })\n\n  .add('when loading', () => {\n    const state = useQuery('data', loadingData);\n\n    return (\n      <Card body>\n        <AsyncPage state={state}>\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  })\n\n  .add('when loading with custom title', () => {\n    const state = useQuery('data', loadingData);\n\n    return (\n      <Card body>\n        <AsyncPage state={state} text={{ loading: 'Loading Jeffrey' }}>\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  })\n\n  .add('when empty', () => {\n    const state = useQuery('data', emptyData);\n\n    return (\n      <Card body>\n        <AsyncPage state={state}>\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  })\n\n  .add('when empty with custom title', () => {\n    const state = useQuery('data', emptyData);\n\n    return (\n      <Card body>\n        <AsyncPage\n          state={state}\n          text={{ empty: \"No Jeffrey's match your parameters try again\" }}\n        >\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  })\n\n  .add('when empty with custom content', () => {\n    const state = useQuery('data', emptyData);\n\n    return (\n      <Card body>\n        <AsyncPage\n          state={state}\n          emptyContent={() => (\n            <ContentState mode=\"empty\" title=\"No results found\">\n              <Button icon=\"refresh\" onClick={action('clear filters')}>\n                Clear filters\n              </Button>\n            </ContentState>\n          )}\n        >\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  });\n",locationsMap:{"when-empty-with-custom-content":{startLoc:{col:7,line:209},endLoc:{col:3,line:234},startBody:{col:41,line:209},endBody:{col:3,line:234}},"when-empty-with-custom-title":{startLoc:{col:7,line:188},endLoc:{col:3,line:207},startBody:{col:39,line:188},endBody:{col:3,line:207}},"when-empty":{startLoc:{col:7,line:170},endLoc:{col:3,line:186},startBody:{col:21,line:170},endBody:{col:3,line:186}},"when-loading-with-custom-title":{startLoc:{col:7,line:152},endLoc:{col:3,line:168},startBody:{col:41,line:152},endBody:{col:3,line:168}},"when-loading":{startLoc:{col:7,line:134},endLoc:{col:3,line:150},startBody:{col:23,line:134},endBody:{col:3,line:150}},"when-error-with-no-retry-button":{startLoc:{col:7,line:116},endLoc:{col:3,line:132},startBody:{col:42,line:116},endBody:{col:3,line:132}},"when-error-with-custom-text":{startLoc:{col:7,line:95},endLoc:{col:3,line:114},startBody:{col:38,line:95},endBody:{col:3,line:114}},"when-error":{startLoc:{col:7,line:77},endLoc:{col:3,line:93},startBody:{col:21,line:77},endBody:{col:3,line:93}},"when-loaded":{startLoc:{col:7,line:59},endLoc:{col:3,line:75},startBody:{col:22,line:59},endBody:{col:3,line:75}}}}}).addParameters({component:_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z}).addDecorator((function(Story){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_query__WEBPACK_IMPORTED_MODULE_2__.QueryClientProvider,{client},react__WEBPACK_IMPORTED_MODULE_0__.createElement(Story,null))})).add("when loaded",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",loadData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))})).add("when error",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))})).add("when error with custom text",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state,text:{error:"I’m sorry Dave, I’m afraid I can’t do that"}},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))})).add("when error with no retry button",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state,showRetryButton:!1},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))})).add("when loading",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",loadingData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))})).add("when loading with custom title",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",loadingData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state,text:{loading:"Loading Jeffrey"}},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))})).add("when empty",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",emptyData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))})).add("when empty with custom title",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",emptyData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state,text:{empty:"No Jeffrey's match your parameters try again"}},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))})).add("when empty with custom content",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",emptyData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state,emptyContent:function emptyContent(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Mi,{mode:"empty",title:"No results found"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.zx,{icon:"refresh",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_7__.action)("clear filters")},"Clear filters"))}},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))}))},"./src/core/Avatar/Avatar.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_Avatar__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Avatar/Avatar.tsx"),_AvatarStack__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Avatar/AvatarStack.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Avatar",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport Avatar from \'./Avatar\';\nimport AvatarStack from \'./AvatarStack\';\n\nstoriesOf(\'core/Avatar\', module)\n  .addParameters({ component: Avatar })\n  .add(\'default\', () => (\n    <div className="text-center pt-5">\n      <Avatar alt="lg" size="lg" src="https://www.placecage.com/100/100" />\n      <Avatar alt="md" size="md" src="https://www.placecage.com/100/100" />\n      <Avatar alt="sm" size="sm" src="https://www.placecage.com/100/100" />\n      <Avatar alt="xs" size="xs" src="https://www.placecage.com/100/100" />\n      <Avatar alt="muted avatar" src="https://www.placecage.com/100/100">\n        <small className="text-muted">John Doe</small>\n      </Avatar>\n    </div>\n  ))\n  .add(\'stacked avatars\', () => (\n    <div className="text-center">\n      <AvatarStack>\n        <Avatar\n          alt="Avatar numbero 1"\n          size="xs"\n          src="https://www.placecage.com/100/100"\n        />\n        <Avatar\n          alt="Avatar numbero 2"\n          size="xs"\n          src="https://www.placecage.com/100/100"\n        />\n        <Avatar\n          alt="Avatar numbero 3"\n          size="xs"\n          src="https://www.placecage.com/100/100"\n        />\n        <Avatar\n          alt="Avatar numbero 4"\n          size="xs"\n          src="https://www.placecage.com/100/100"\n        />\n      </AvatarStack>\n    </div>\n  ));\n',locationsMap:{"stacked-avatars":{startLoc:{col:7,line:20},endLoc:{col:3,line:45},startBody:{col:26,line:20},endBody:{col:3,line:45}},default:{startLoc:{col:7,line:9},endLoc:{col:3,line:19},startBody:{col:18,line:9},endBody:{col:3,line:19}}}}}).addParameters({component:_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center pt-5"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"lg",size:"lg",src:"https://www.placecage.com/100/100"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"md",size:"md",src:"https://www.placecage.com/100/100"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"sm",size:"sm",src:"https://www.placecage.com/100/100"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"xs",size:"xs",src:"https://www.placecage.com/100/100"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"muted avatar",src:"https://www.placecage.com/100/100"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("small",{className:"text-muted"},"John Doe")))})).add("stacked avatars",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AvatarStack__WEBPACK_IMPORTED_MODULE_3__.Z,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"Avatar numbero 1",size:"xs",src:"https://www.placecage.com/100/100"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"Avatar numbero 2",size:"xs",src:"https://www.placecage.com/100/100"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"Avatar numbero 3",size:"xs",src:"https://www.placecage.com/100/100"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"Avatar numbero 4",size:"xs",src:"https://www.placecage.com/100/100"})))}))},"./src/core/BooleanIcon/BooleanIcon.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/BooleanIcon/BooleanIcon.tsx"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/BooleanIcon",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport { BooleanIcon } from \'./BooleanIcon\';\nimport { action } from \'@storybook/addon-actions\';\n\nstoriesOf(\'core/BooleanIcon\', module)\n  .addParameters({ component: BooleanIcon })\n  .add(\'basic\', () => {\n    return (\n      <div className="text-center align-middle">\n        true <BooleanIcon value={true} />\n        <br />\n        false <BooleanIcon value={false} />\n      </div>\n    );\n  })\n  .add(\'size\', () => {\n    return (\n      <div className="text-center align-middle">\n        small <BooleanIcon value={true} size={10} />{\' \'}\n        <BooleanIcon value={false} size={10} />\n        <br />\n        default <BooleanIcon value={true} /> <BooleanIcon value={false} />\n        <br />\n        big <BooleanIcon value={true} size={30} />{\' \'}\n        <BooleanIcon value={false} size={30} />\n      </div>\n    );\n  })\n  .add(\'color\', () => {\n    return (\n      <div className="text-center align-middle">\n        default\n        <BooleanIcon value={true} />\n        <BooleanIcon value={false} />\n        <br />\n        primary\n        <BooleanIcon value={true} color="primary" />\n        <BooleanIcon value={false} color="primary" />\n        <br />\n        secondary\n        <BooleanIcon value={true} color="secondary" />\n        <BooleanIcon value={false} color="secondary" />\n        <br />\n        success\n        <BooleanIcon value={true} color="success" />\n        <BooleanIcon value={false} color="success" />\n        <br />\n        info\n        <BooleanIcon value={true} color="info" />\n        <BooleanIcon value={false} color="info" />\n        <br />\n        warning\n        <BooleanIcon value={true} color="warning" />\n        <BooleanIcon value={false} color="warning" />\n        <br />\n        danger\n        <BooleanIcon value={true} color="danger" />\n        <BooleanIcon value={false} color="danger" />\n        <br />\n        link\n        <BooleanIcon value={true} color="link" />\n        <BooleanIcon value={false} color="link" />\n        <br />\n        muted\n        <BooleanIcon value={true} color="muted" />\n        <BooleanIcon value={false} color="muted" />\n        <br />\n        dark\n        <BooleanIcon value={true} color="dark" />\n        <BooleanIcon value={false} color="dark" />\n        <br />\n        light\n        <BooleanIcon value={true} color="light" />\n        <BooleanIcon value={false} color="light" />\n      </div>\n    );\n  })\n  .add(\'hover color\', () => {\n      return (\n        <div className="text-center align-middle">\n            true <BooleanIcon value={true} hoverColor="primary" onChange={action(\'active icon clicked\')} />\n            <br />\n            false <BooleanIcon value={false} hoverColor="primary" onChange={action(\'inactive icon clicked\')} />\n        </div>\n      );\n  });\n',locationsMap:{"hover-color":{startLoc:{col:7,line:80},endLoc:{col:3,line:88},startBody:{col:22,line:80},endBody:{col:3,line:88}},color:{startLoc:{col:7,line:31},endLoc:{col:3,line:79},startBody:{col:16,line:31},endBody:{col:3,line:79}},size:{startLoc:{col:7,line:18},endLoc:{col:3,line:30},startBody:{col:15,line:18},endBody:{col:3,line:30}},basic:{startLoc:{col:7,line:9},endLoc:{col:3,line:17},startBody:{col:16,line:9},endBody:{col:3,line:17}}}}}).addParameters({component:_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center align-middle"},"true ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"false ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1}))})).add("size",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center align-middle"},"small ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,size:10})," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,size:10}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"default ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0})," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"big ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,size:30})," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,size:30}))})).add("color",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center align-middle"},"default",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"primary",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"primary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"primary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"secondary",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"secondary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"secondary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"success",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"success"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"success"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"info",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"info"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"info"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"warning",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"warning"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"warning"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"danger",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"danger"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"danger"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"link",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"link"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"link"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"muted",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"muted"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"muted"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"dark",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"dark"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"dark"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"light",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"light"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"light"}))})).add("hover color",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center align-middle"},"true ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,hoverColor:"primary",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("active icon clicked")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"false ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,hoverColor:"primary",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("inactive icon clicked")}))}))},"./src/core/Button/Button.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Button/Button.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/buttons/Button",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { action } from \'@storybook/addon-actions\';\nimport { Row, Col } from \'reactstrap\';\n\nimport Button from \'./Button\';\n\nstoriesOf(\'core/buttons/Button\', module)\n  .addParameters({ component: Button })\n  .add(\'sizes\', () => {\n    return (\n      <Row>\n        <Col xs={12}>\n          <h5>Button</h5>\n          <Button onClick={action(\'Button clicked\')} color="primary" size="sm">\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            size="md"\n          >\n            md\n          </Button>\n          <Button onClick={action(\'Button clicked\')} color="success" size="lg">\n            lg\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            size="sm"\n            icon="save"\n          >\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            size="md"\n            icon="save"\n          >\n            md\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="success"\n            size="lg"\n            icon="save"\n          >\n            lg\n          </Button>\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Button in progress</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="primary"\n            size="sm"\n          >\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="secondary"\n            size="md"\n          >\n            md\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="success"\n            size="lg"\n          >\n            lg\n          </Button>\n\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Button with icon right</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            size="sm"\n            icon="save"\n            iconPosition="right"\n          >\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            size="md"\n            icon="save"\n            iconPosition="right"\n          >\n            md\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="success"\n            size="lg"\n            icon="save"\n            iconPosition="right"\n          >\n            lg\n          </Button>\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Button with icon right in progress</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            size="sm"\n            icon="save"\n            iconPosition="right"\n            inProgress={true}\n          >\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            size="md"\n            icon="save"\n            iconPosition="right"\n            inProgress={true}\n          >\n            md\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="success"\n            size="lg"\n            icon="save"\n            iconPosition="right"\n            inProgress={true}\n          >\n            lg\n          </Button>\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Button disabled</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            disabled={true}\n            size="sm"\n          >\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            disabled={true}\n            size="md"\n          >\n            md\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="success"\n            disabled={true}\n            size="lg"\n          >\n            lg\n          </Button>\n\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Outline</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            color="primary"\n            size="sm"\n          >\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            color="secondary"\n            size="md"\n          >\n            md\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            color="success"\n            size="lg"\n          >\n            lg\n          </Button>\n\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Outline with icon</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            color="primary"\n            size="sm"\n            icon="save"\n          >\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            color="secondary"\n            size="md"\n            icon="save"\n          >\n            md\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            color="success"\n            size="lg"\n            icon="save"\n          >\n            lg\n          </Button>\n\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Outline disabled</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            disabled={true}\n            color="primary"\n            size="sm"\n            icon="save"\n          >\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            disabled={true}\n            color="secondary"\n            size="md"\n            icon="save"\n          >\n            md\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            disabled={true}\n            color="success"\n            size="lg"\n            icon="save"\n          >\n            lg\n          </Button>\n\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Icon</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            size="sm"\n            icon="save"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            size="md"\n            icon="save"\n          />\n\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="success"\n            size="lg"\n            icon="save"\n          />\n\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Icon in progress</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            size="sm"\n            icon="save"\n            inProgress={true}\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            size="md"\n            icon="save"\n            inProgress={true}\n          />\n\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="success"\n            size="lg"\n            icon="save"\n            inProgress={true}\n          />\n\n          <hr />\n        </Col>\n      </Row>\n    );\n  })\n  .add(\'as button\', () => {\n    return (\n      <Row>\n        <Col xs={12}>\n          <h5>Button</h5>\n          <Button onClick={action(\'Button clicked\')} color="primary">\n            primary\n          </Button>\n          <Button onClick={action(\'Button clicked\')} color="secondary">\n            secondary\n          </Button>\n          <Button onClick={action(\'Button clicked\')} color="success">\n            success\n          </Button>\n          <Button onClick={action(\'Button clicked\')} color="info">\n            info\n          </Button>\n          <Button onClick={action(\'Button clicked\')} color="warning">\n            warning\n          </Button>\n          <Button onClick={action(\'Button clicked\')} color="danger">\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button disabled</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            disabled={true}\n          >\n            primary\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            disabled={true}\n          >\n            secondary\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="success"\n            disabled={true}\n          >\n            success\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="info"\n            disabled={true}\n          >\n            info\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="warning"\n            disabled={true}\n          >\n            warning\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="danger"\n            disabled={true}\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon</h5>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="success"\n          >\n            success\n          </Button>\n          <Button icon="save" onClick={action(\'Button clicked\')} color="info">\n            info\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button icon="save" onClick={action(\'Button clicked\')} color="danger">\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon in progress</h5>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon disabled</h5>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            disabled={true}\n          >\n            primary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            disabled={true}\n          >\n            secondary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="success"\n            disabled={true}\n          >\n            success\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="info"\n            disabled={true}\n          >\n            info\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="warning"\n            disabled={true}\n          >\n            warning\n          </Button>\n          <Button icon="save" onClick={action(\'Button clicked\')} color="danger">\n            danger\n          </Button>\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Button with icon right</h5>\n          <Button\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Button with icon right in progress</h5>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon right disabled</h5>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n      </Row>\n    );\n  })\n  .add(\'as outline\', () => {\n    return (\n      <Row>\n        <Col xs={12}>\n          <h5>Button</h5>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button disabled</h5>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            disabled={true}\n          >\n            primary\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            disabled={true}\n          >\n            secondary\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="success"\n            disabled={true}\n          >\n            success\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="info"\n            disabled={true}\n          >\n            info\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="warning"\n            disabled={true}\n          >\n            warning\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="danger"\n            disabled={true}\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon</h5>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon in progress</h5>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon disabled</h5>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            disabled={true}\n          >\n            primary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            disabled={true}\n          >\n            secondary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="success"\n            disabled={true}\n          >\n            success\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="info"\n            disabled={true}\n          >\n            info\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="warning"\n            disabled={true}\n          >\n            warning\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Button with icon right</h5>\n          <Button\n            outline={true}\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Button with icon right in progress</h5>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon right disabled</h5>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n      </Row>\n    );\n  })\n  .add(\'as icon\', () => {\n    return (\n      <Row>\n        <Col xs={12}>\n          <h5>Icon</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="primary"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="secondary"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="success"\n          />\n          <Button onClick={action(\'Button clicked\')} icon="save" color="info" />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="warning"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="danger"\n          />\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Icon in progress</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            inProgress={true}\n            color="primary"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            inProgress={true}\n            color="secondary"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            inProgress={true}\n            color="success"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            inProgress={true}\n            color="info"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            inProgress={true}\n            color="warning"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            inProgress={true}\n            color="danger"\n          />\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Icon disabled</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="primary"\n            disabled={true}\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="secondary"\n            disabled={true}\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="success"\n            disabled={true}\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="info"\n            disabled={true}\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="warning"\n            disabled={true}\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="danger"\n            disabled={true}\n          />\n          <hr />\n        </Col>\n      </Row>\n    );\n  })\n  .add(\'full width\', () => {\n    return (\n      <Row>\n        <Col xs={12}>\n          <h5>Button</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            fullWidth={true}\n          >\n            primary\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button in progress</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="primary"\n            fullWidth={true}\n          >\n            primary\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button disabled</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            disabled={true}\n            fullWidth={true}\n          >\n            primary\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Outline</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            fullWidth={true}\n            outline={true}\n          >\n            primary\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Outline disabled</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            disabled={true}\n            fullWidth={true}\n            outline={true}\n          >\n            primary\n          </Button>\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Icon left</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon={\'save\'}\n            fullWidth={true}\n          />\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Icon right</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon={\'save\'}\n            iconPosition="right"\n            fullWidth={true}\n          />\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Icon disabled</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon={\'save\'}\n            fullWidth={true}\n            disabled={true}\n          />\n          <hr />\n        </Col>\n      </Row>\n    );\n  });\n',locationsMap:{"full-width":{startLoc:{col:7,line:1295},endLoc:{col:3,line:1392},startBody:{col:21,line:1295},endBody:{col:3,line:1392}},"as-icon":{startLoc:{col:7,line:1178},endLoc:{col:3,line:1294},startBody:{col:18,line:1178},endBody:{col:3,line:1294}},"as-outline":{startLoc:{col:7,line:719},endLoc:{col:3,line:1177},startBody:{col:21,line:719},endBody:{col:3,line:1177}},"as-button":{startLoc:{col:7,line:338},endLoc:{col:3,line:718},startBody:{col:20,line:338},endBody:{col:3,line:718}},sizes:{startLoc:{col:7,line:10},endLoc:{col:3,line:337},startBody:{col:16,line:10},endBody:{col:3,line:337}}}}}).addParameters({component:_Button__WEBPACK_IMPORTED_MODULE_3__.ZP}).add("sizes",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",size:"sm"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",size:"md"},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",size:"lg"},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",size:"sm",icon:"save"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",size:"md",icon:"save"},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",size:"lg",icon:"save"},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"primary",size:"sm"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"secondary",size:"md"},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"success",size:"lg"},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon right"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",size:"sm",icon:"save",iconPosition:"right"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",size:"md",icon:"save",iconPosition:"right"},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",size:"lg",icon:"save",iconPosition:"right"},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon right in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",size:"sm",icon:"save",iconPosition:"right",inProgress:!0},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",size:"md",icon:"save",iconPosition:"right",inProgress:!0},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",size:"lg",icon:"save",iconPosition:"right",inProgress:!0},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",disabled:!0,size:"sm"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",disabled:!0,size:"md"},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",disabled:!0,size:"lg"},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Outline"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,color:"primary",size:"sm"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,color:"secondary",size:"md"},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,color:"success",size:"lg"},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Outline with icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,color:"primary",size:"sm",icon:"save"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,color:"secondary",size:"md",icon:"save"},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,color:"success",size:"lg",icon:"save"},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Outline disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,disabled:!0,color:"primary",size:"sm",icon:"save"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,disabled:!0,color:"secondary",size:"md",icon:"save"},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,disabled:!0,color:"success",size:"lg",icon:"save"},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",size:"sm",icon:"save"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",size:"md",icon:"save"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",size:"lg",icon:"save"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Icon in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",size:"sm",icon:"save",inProgress:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",size:"md",icon:"save",inProgress:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",size:"lg",icon:"save",inProgress:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)))})).add("as button",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",disabled:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",disabled:!0},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",disabled:!0},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info",disabled:!0},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning",disabled:!0},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger",disabled:!0},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",disabled:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",disabled:!0},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",disabled:!0},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info",disabled:!0},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning",disabled:!0},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon right"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon right in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon right disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)))})).add("as outline",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",disabled:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",disabled:!0},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",disabled:!0},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info",disabled:!0},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning",disabled:!0},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger",disabled:!0},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",disabled:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",disabled:!0},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",disabled:!0},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info",disabled:!0},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning",disabled:!0},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon right"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon right in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon right disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)))})).add("as icon",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"primary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"secondary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"success"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"info"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"warning"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"danger"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Icon in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",inProgress:!0,color:"primary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",inProgress:!0,color:"secondary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",inProgress:!0,color:"success"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",inProgress:!0,color:"info"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",inProgress:!0,color:"warning"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",inProgress:!0,color:"danger"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Icon disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"primary",disabled:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"secondary",disabled:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"success",disabled:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"info",disabled:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"warning",disabled:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"danger",disabled:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)))})).add("full width",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",fullWidth:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"primary",fullWidth:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",disabled:!0,fullWidth:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Outline"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",fullWidth:!0,outline:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Outline disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",disabled:!0,fullWidth:!0,outline:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Icon left"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",fullWidth:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Icon right"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",iconPosition:"right",fullWidth:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Icon disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",fullWidth:!0,disabled:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)))}))},"./src/core/Card/Card.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Card__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Card/Card.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Card",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { CardTitle } from 'reactstrap';\n\nimport { Card } from './Card';\n\nstoriesOf('core/Card', module)\n  .add('basic', () => {\n    return (\n      <Card\n        header={<CardTitle>This is a card</CardTitle>}\n        footer=\"And a footer\"\n      >\n        <p>With some content in it</p>\n      </Card>\n    );\n  })\n  .add('without header', () => {\n    return (\n      <Card footer=\"And a footer\">\n        <CardTitle>This is a card</CardTitle>\n        <p>With some content in it</p>\n      </Card>\n    );\n  })\n  .add('without footer', () => {\n    return (\n      <Card header={<CardTitle>This is a card</CardTitle>}>\n        <p>With some content in it</p>\n      </Card>\n    );\n  });\n",locationsMap:{"without-footer":{startLoc:{col:7,line:26},endLoc:{col:3,line:32},startBody:{col:25,line:26},endBody:{col:3,line:32}},"without-header":{startLoc:{col:7,line:18},endLoc:{col:3,line:25},startBody:{col:25,line:18},endBody:{col:3,line:25}},basic:{startLoc:{col:7,line:8},endLoc:{col:3,line:17},startBody:{col:16,line:8},endBody:{col:3,line:17}}}}}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Card__WEBPACK_IMPORTED_MODULE_2__.Z,{header:react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.ll,null,"This is a card"),footer:"And a footer"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"With some content in it"))})).add("without header",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Card__WEBPACK_IMPORTED_MODULE_2__.Z,{footer:"And a footer"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.ll,null,"This is a card"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"With some content in it"))})).add("without footer",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Card__WEBPACK_IMPORTED_MODULE_2__.Z,{header:react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.ll,null,"This is a card")},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"With some content in it"))}))},"./src/core/CardOpenClose/CardOpenClose.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_CardOpenClose__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/CardOpenClose/CardOpenClose.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/CardOpenClose",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { CardOpenClose } from \'./CardOpenClose\';\n\nstoriesOf(\'core/CardOpenClose\', module)\n  .addParameters({ component: CardOpenClose })\n  .add(\'basic\', () => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    return (\n      <CardOpenClose\n        header="You should see this!"\n        isOpen={isOpen}\n        toggle={() => setIsOpen(!isOpen)}\n      >\n        {() => (\n          <iframe\n            width="560"\n            height="315"\n            src="https://www.youtube.com/embed/dQw4w9WgXcQ?controls=0&autoplay=1"\n            title="YouTube video player"\n            frameBorder="0"\n            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"\n            allowFullScreen\n          ></iframe>\n        )}\n      </CardOpenClose>\n    );\n  });\n',locationsMap:{basic:{startLoc:{col:7,line:7},endLoc:{col:3,line:29},startBody:{col:16,line:7},endBody:{col:3,line:29}}}}}).addParameters({component:_CardOpenClose__WEBPACK_IMPORTED_MODULE_2__.X}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CardOpenClose__WEBPACK_IMPORTED_MODULE_2__.X,{header:"You should see this!",isOpen,toggle:function toggle(){return setIsOpen(!isOpen)}},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/dQw4w9WgXcQ?controls=0&autoplay=1",title:"YouTube video player",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})}))}))},"./src/core/ConfirmButton/ConfirmButton.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/ConfirmButton/ConfirmButton.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/buttons/ConfirmButton",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport ConfirmButton from './ConfirmButton';\n\nstoriesOf('core/buttons/ConfirmButton', module)\n  .addParameters({ component: ConfirmButton })\n  .add('as button', () => {\n    return (\n      <div className=\"text-center\">\n        <p>When not in progress:</p>\n        <ConfirmButton\n          onConfirm={action('Accept clicked')}\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n        >\n          Delete user\n        </ConfirmButton>\n\n        <hr />\n\n        <p>When in progress:</p>\n        <ConfirmButton\n          onConfirm={action('Accept clicked')}\n          inProgress={true}\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n        >\n          Delete user\n        </ConfirmButton>\n      </div>\n    );\n  })\n  .add('as icon', () => {\n    return (\n      <div className=\"text-center\">\n        <p>When not in progress:</p>\n        <ConfirmButton\n          onConfirm={action('Accept clicked')}\n          icon=\"delete\"\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n        />\n\n        <hr />\n\n        <p>When in progress:</p>\n        <ConfirmButton\n          onConfirm={action('Confirm clicked')}\n          icon=\"delete\"\n          inProgress={true}\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n        />\n      </div>\n    );\n  })\n  .add('as button with icon', () => {\n    return (\n      <div className=\"text-center\">\n        <p>When not in progress:</p>\n        <ConfirmButton\n          onConfirm={action('Confirm clicked')}\n          icon=\"delete\"\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n        >\n          Delete user\n        </ConfirmButton>\n\n        <hr />\n\n        <p>When in progress:</p>\n        <ConfirmButton\n          onConfirm={action('Confirm clicked')}\n          icon=\"delete\"\n          inProgress={true}\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n        >\n          Delete user\n        </ConfirmButton>\n      </div>\n    );\n  })\n  .add('custom text and color', () => {\n    return (\n      <div className=\"text-center\">\n        <p>When not in progress:</p>\n        <ConfirmButton\n          color=\"info\"\n          onConfirm={action('Confirm clicked')}\n          icon=\"delete\"\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n          text={{\n            confirm: 'YES',\n            cancel: 'NO',\n            modalHeader: 'PLEASE SAY YES'\n          }}\n        >\n          Delete user\n        </ConfirmButton>\n\n        <hr />\n\n        <p>When in progress:</p>\n        <ConfirmButton\n          color=\"info\"\n          onConfirm={action('Confirm clicked')}\n          icon=\"delete\"\n          inProgress={true}\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n          text={{\n            confirm: 'YES',\n            cancel: 'NO',\n            modalHeader: 'PLEASE SAY YES'\n          }}\n        >\n          Delete user\n        </ConfirmButton>\n      </div>\n    );\n  })\n  .add('full width', () => {\n    return (\n      <div className=\"text-center\">\n        <p>When not in progress:</p>\n        <ConfirmButton\n          fullWidth={true}\n          onConfirm={action('Accept clicked')}\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n        >\n          Delete user\n        </ConfirmButton>\n\n        <hr />\n\n        <p>When in progress:</p>\n        <ConfirmButton\n          fullWidth={true}\n          onConfirm={action('Accept clicked')}\n          inProgress={true}\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n        >\n          Delete user\n        </ConfirmButton>\n      </div>\n    );\n  });\n",locationsMap:{"full-width":{startLoc:{col:7,line:151},endLoc:{col:3,line:184},startBody:{col:21,line:151},endBody:{col:3,line:184}},"custom-text-and-color":{startLoc:{col:7,line:105},endLoc:{col:3,line:150},startBody:{col:32,line:105},endBody:{col:3,line:150}},"as-button-with-icon":{startLoc:{col:7,line:71},endLoc:{col:3,line:104},startBody:{col:30,line:71},endBody:{col:3,line:104}},"as-icon":{startLoc:{col:7,line:41},endLoc:{col:3,line:70},startBody:{col:18,line:41},endBody:{col:3,line:70}},"as-button":{startLoc:{col:7,line:9},endLoc:{col:3,line:40},startBody:{col:20,line:9},endBody:{col:3,line:40}}}}}).addParameters({component:_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z}).add("as button",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When not in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Accept clicked"),dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?")},"Delete user"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Accept clicked"),inProgress:!0,dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?")},"Delete user"))})).add("as icon",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When not in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Accept clicked"),icon:"delete",dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Confirm clicked"),icon:"delete",inProgress:!0,dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?")}))})).add("as button with icon",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When not in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Confirm clicked"),icon:"delete",dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?")},"Delete user"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Confirm clicked"),icon:"delete",inProgress:!0,dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?")},"Delete user"))})).add("custom text and color",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When not in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"info",onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Confirm clicked"),icon:"delete",dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?"),text:{confirm:"YES",cancel:"NO",modalHeader:"PLEASE SAY YES"}},"Delete user"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"info",onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Confirm clicked"),icon:"delete",inProgress:!0,dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?"),text:{confirm:"YES",cancel:"NO",modalHeader:"PLEASE SAY YES"}},"Delete user"))})).add("full width",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When not in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{fullWidth:!0,onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Accept clicked"),dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?")},"Delete user"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{fullWidth:!0,onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Accept clicked"),inProgress:!0,dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?")},"Delete user"))}))},"./src/core/ConfirmModal/ConfirmModal.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var _storybook_react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_ConfirmModal__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/ConfirmModal/ConfirmModal.tsx"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);var disclaimer=react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement("p",{className:"mt-3"},react__WEBPACK_IMPORTED_MODULE_2__.createElement("strong",null,"Note:")," In most cases, you'll want to use the"," ",react__WEBPACK_IMPORTED_MODULE_2__.createElement("code",null,"ConfirmButton")," component instead. ConfirmButton offers an easy-to-use button that triggers this dialog."),react__WEBPACK_IMPORTED_MODULE_2__.createElement("p",null,"When it is not possible to trigger the action through a button, such as when using a ButtonDropdown, you can use this component directly instead."));(0,_storybook_react__WEBPACK_IMPORTED_MODULE_0__.storiesOf)("core/ConfirmModal",module).addParameters({storySource:{source:"import { storiesOf } from '@storybook/react';\nimport ConfirmModal from './ConfirmModal';\nimport React, { useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport {\n  ButtonDropdown,\n  DropdownItem,\n  DropdownMenu,\n  DropdownToggle\n} from 'reactstrap';\n\nconst disclaimer = (\n  <>\n    <p className=\"mt-3\">\n      <strong>Note:</strong> In most cases, you&apos;ll want to use the{' '}\n      <code>ConfirmButton</code> component instead. ConfirmButton offers an\n      easy-to-use button that triggers this dialog.\n    </p>\n    <p>\n      When it is not possible to trigger the action through a button, such as\n      when using a ButtonDropdown, you can use this component directly instead.\n    </p>\n  </>\n);\n\nstoriesOf('core/ConfirmModal', module)\n  .addParameters({ component: ConfirmModal })\n  .add('in dropdown', () => {\n    const [isDropdownMenuOpen, setDropdownMenuOpen] = useState(false);\n    const [isConfirmModalOpen, setConfirmModalOpen] = useState(false);\n\n    return (\n      <div className=\"text-center mt-3\">\n        <ConfirmModal\n          isOpen={isConfirmModalOpen}\n          onClose={() => setConfirmModalOpen(false)}\n          onSave={() => {\n            setConfirmModalOpen(false);\n            action('confirm clicked')();\n          }}\n          modalText=\"Are you sure to delete this user? This operation cannot be undone!\"\n        />\n        <ButtonDropdown\n          isOpen={isDropdownMenuOpen}\n          toggle={() => setDropdownMenuOpen(!isDropdownMenuOpen)}\n        >\n          <DropdownToggle caret>Actions</DropdownToggle>\n          <DropdownMenu>\n            <DropdownItem onClick={() => setConfirmModalOpen(true)}>\n              Delete user\n            </DropdownItem>\n          </DropdownMenu>\n        </ButtonDropdown>\n\n        {disclaimer}\n      </div>\n    );\n  })\n  .add('with custom text', () => {\n    const [isDropdownMenuOpen, setDropdownMenuOpen] = useState(false);\n    const [isConfirmModalOpen, setConfirmModalOpen] = useState(false);\n\n    return (\n      <div className=\"text-center mt-3\">\n        <ConfirmModal\n          isOpen={isConfirmModalOpen}\n          onClose={() => setConfirmModalOpen(false)}\n          onSave={() => {\n            setConfirmModalOpen(false);\n            action('Confirm clicked')();\n          }}\n          label=\"PLEASE SAY YES\"\n          modalText={\n            <p>\n              Are you sure you want to <strong>delete</strong> all users?\n            </p>\n          }\n          confirmText=\"YES\"\n          cancelText=\"NO\"\n        />\n        <ButtonDropdown\n          isOpen={isDropdownMenuOpen}\n          toggle={() => setDropdownMenuOpen(!isDropdownMenuOpen)}\n        >\n          <DropdownToggle caret>Actions - custom text</DropdownToggle>\n          <DropdownMenu>\n            <DropdownItem onClick={() => setConfirmModalOpen(true)}>\n              Delete all users\n            </DropdownItem>\n          </DropdownMenu>\n        </ButtonDropdown>\n\n        {disclaimer}\n      </div>\n    );\n  });\n",locationsMap:{"with-custom-text":{startLoc:{col:7,line:59},endLoc:{col:3,line:96},startBody:{col:27,line:59},endBody:{col:3,line:96}},"in-dropdown":{startLoc:{col:7,line:28},endLoc:{col:3,line:58},startBody:{col:22,line:28},endBody:{col:3,line:58}}}}}).addParameters({component:_ConfirmModal__WEBPACK_IMPORTED_MODULE_1__.Z}).add("in dropdown",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),2),isDropdownMenuOpen=_useState2[0],setDropdownMenuOpen=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),2),isConfirmModalOpen=_useState4[0],setConfirmModalOpen=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",{className:"text-center mt-3"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_ConfirmModal__WEBPACK_IMPORTED_MODULE_1__.Z,{isOpen:isConfirmModalOpen,onClose:function onClose(){return setConfirmModalOpen(!1)},onSave:function onSave(){setConfirmModalOpen(!1),(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("confirm clicked")()},modalText:"Are you sure to delete this user? This operation cannot be undone!"}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Kb,{isOpen:isDropdownMenuOpen,toggle:function toggle(){return setDropdownMenuOpen(!isDropdownMenuOpen)}},react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Z_,{caret:!0},"Actions"),react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.h_,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.hP,{onClick:function onClick(){return setConfirmModalOpen(!0)}},"Delete user"))),disclaimer)})).add("with custom text",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),2),isDropdownMenuOpen=_useState6[0],setDropdownMenuOpen=_useState6[1],_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),2),isConfirmModalOpen=_useState8[0],setConfirmModalOpen=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",{className:"text-center mt-3"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_ConfirmModal__WEBPACK_IMPORTED_MODULE_1__.Z,{isOpen:isConfirmModalOpen,onClose:function onClose(){return setConfirmModalOpen(!1)},onSave:function onSave(){setConfirmModalOpen(!1),(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("Confirm clicked")()},label:"PLEASE SAY YES",modalText:react__WEBPACK_IMPORTED_MODULE_2__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_2__.createElement("strong",null,"delete")," all users?"),confirmText:"YES",cancelText:"NO"}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Kb,{isOpen:isDropdownMenuOpen,toggle:function toggle(){return setDropdownMenuOpen(!isDropdownMenuOpen)}},react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Z_,{caret:!0},"Actions - custom text"),react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.h_,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.hP,{onClick:function onClick(){return setConfirmModalOpen(!0)}},"Delete all users"))),disclaimer)}))},"./src/core/ContentState/ContentState.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_ContentState__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/ContentState/ContentState.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/ContentState",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { Button } from \'reactstrap\';\n\nimport ContentState from \'./ContentState\';\n\nstoriesOf(\'core/ContentState\', module)\n  .addParameters({ component: ContentState })\n  .add(\'empty\', () => {\n    return (\n      <ContentState\n        mode="empty"\n        title="Accounts"\n        subTitle="There are no accounts yet"\n      />\n    );\n  })\n  .add(\'error\', () => {\n    return (\n      <ContentState\n        mode="error"\n        title="Bikes"\n        subTitle="All bikes are destroyed"\n      />\n    );\n  })\n  .add(\'no-results\', () => {\n    return (\n      <ContentState\n        mode="no-results"\n        title="Persons"\n        subTitle="No persons found matching criteria"\n      />\n    );\n  })\n  .add(\'loading\', () => {\n    return <ContentState mode="loading" title="Loading..." />;\n  })\n  .add(\'with children\', () => {\n    return (\n      <ContentState\n        mode="empty"\n        title="Bikes"\n        subTitle="There are no bikes yet"\n      >\n        <Button color="info">Add bike</Button>\n      </ContentState>\n    );\n  });\n',locationsMap:{"with-children":{startLoc:{col:7,line:39},endLoc:{col:3,line:49},startBody:{col:24,line:39},endBody:{col:3,line:49}},loading:{startLoc:{col:7,line:36},endLoc:{col:3,line:38},startBody:{col:18,line:36},endBody:{col:3,line:38}},"no-results":{startLoc:{col:7,line:27},endLoc:{col:3,line:35},startBody:{col:21,line:27},endBody:{col:3,line:35}},error:{startLoc:{col:7,line:18},endLoc:{col:3,line:26},startBody:{col:16,line:18},endBody:{col:3,line:26}},empty:{startLoc:{col:7,line:9},endLoc:{col:3,line:17},startBody:{col:16,line:9},endBody:{col:3,line:17}}}}}).addParameters({component:_ContentState__WEBPACK_IMPORTED_MODULE_2__.Z}).add("empty",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState__WEBPACK_IMPORTED_MODULE_2__.Z,{mode:"empty",title:"Accounts",subTitle:"There are no accounts yet"})})).add("error",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState__WEBPACK_IMPORTED_MODULE_2__.Z,{mode:"error",title:"Bikes",subTitle:"All bikes are destroyed"})})).add("no-results",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState__WEBPACK_IMPORTED_MODULE_2__.Z,{mode:"no-results",title:"Persons",subTitle:"No persons found matching criteria"})})).add("loading",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState__WEBPACK_IMPORTED_MODULE_2__.Z,{mode:"loading",title:"Loading..."})})).add("with children",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState__WEBPACK_IMPORTED_MODULE_2__.Z,{mode:"empty",title:"Bikes",subTitle:"There are no bikes yet"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.zx,{color:"info"},"Add bike"))}))},"./src/core/Debug/Debug.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_Debug__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Debug/Debug.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Debug",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport { Debug } from './Debug';\n\nstoriesOf('core/Debug', module)\n  .addParameters({ component: Debug })\n  .add('default open', () => {\n    const birthday = new Date();\n    birthday.setFullYear(birthday.getFullYear() - 42);\n\n    const user = {\n      firstName: 'Hank',\n      lastName: 'Hankleton',\n      age: 42,\n      birthday\n    };\n\n    return <Debug value={user} />;\n  })\n  .add('default closed', () => {\n    const birthday = new Date();\n    birthday.setFullYear(birthday.getFullYear() - 42);\n\n    const user = {\n      firstName: 'Hank',\n      lastName: 'Hankleton',\n      age: 42,\n      birthday\n    };\n\n    return <Debug value={user} defaultOpen={false} />;\n  });\n",locationsMap:{"default-closed":{startLoc:{col:7,line:21},endLoc:{col:3,line:33},startBody:{col:25,line:21},endBody:{col:3,line:33}},"default-open":{startLoc:{col:7,line:8},endLoc:{col:3,line:20},startBody:{col:23,line:8},endBody:{col:3,line:20}}}}}).addParameters({component:_Debug__WEBPACK_IMPORTED_MODULE_2__.c}).add("default open",(function(){var birthday=new Date;birthday.setFullYear(birthday.getFullYear()-42);var user={firstName:"Hank",lastName:"Hankleton",age:42,birthday};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Debug__WEBPACK_IMPORTED_MODULE_2__.c,{value:user})})).add("default closed",(function(){var birthday=new Date;birthday.setFullYear(birthday.getFullYear()-42);var user={firstName:"Hank",lastName:"Hankleton",age:42,birthday};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Debug__WEBPACK_IMPORTED_MODULE_2__.c,{value:user,defaultOpen:!1})}))},"./src/core/FavoriteIcon/FavoriteIcon.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_FavoriteIcon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/FavoriteIcon/FavoriteIcon.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/FavoriteIcon",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport { FavoriteIcon } from './FavoriteIcon';\n\nstoriesOf('core/FavoriteIcon', module)\n  .addParameters({ component: FavoriteIcon })\n  .add('default', () => {\n    const [favorite, setFavorite] = useState(false);\n    return (\n      <div className=\"text-center\">\n        <FavoriteIcon\n          onChange={() => setFavorite(!favorite)}\n          value={favorite}\n        />\n      </div>\n    );\n  })\n  .add('hover color', () => {\n    const [favorite, setFavorite] = useState(false);\n    return (\n      <div className=\"text-center\">\n        <FavoriteIcon\n          onChange={() => setFavorite(!favorite)}\n          value={favorite}\n          hoverColor=\"danger\"\n        />\n      </div>\n    );\n  });\n",locationsMap:{"hover-color":{startLoc:{col:7,line:19},endLoc:{col:3,line:30},startBody:{col:22,line:19},endBody:{col:3,line:30}},default:{startLoc:{col:7,line:8},endLoc:{col:3,line:18},startBody:{col:18,line:8},endBody:{col:3,line:18}}}}}).addParameters({component:_FavoriteIcon__WEBPACK_IMPORTED_MODULE_2__.f}).add("default",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),favorite=_useState2[0],setFavorite=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FavoriteIcon__WEBPACK_IMPORTED_MODULE_2__.f,{onChange:function onChange(){return setFavorite(!favorite)},value:favorite}))})).add("hover color",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),favorite=_useState4[0],setFavorite=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FavoriteIcon__WEBPACK_IMPORTED_MODULE_2__.f,{onChange:function onChange(){return setFavorite(!favorite)},value:favorite,hoverColor:"danger"}))}))},"./src/core/FlashMessage/FlashMessage.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_FlashMessage__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/FlashMessage/FlashMessage.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/FlashMessage",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport FlashMessage from './FlashMessage';\n\nstoriesOf('core/FlashMessage', module)\n  .addParameters({ component: FlashMessage })\n  .add('default', () => {\n    return (\n      <>\n        <FlashMessage color=\"success\" onClose={action('success closed')}>\n          Success\n        </FlashMessage>\n        <FlashMessage color=\"danger\" onClose={action('danger closed')}>\n          Warning\n        </FlashMessage>\n        <FlashMessage color=\"warning\" onClose={action('warning closed')}>\n          Warning\n        </FlashMessage>\n        <FlashMessage color=\"info\" onClose={action('info closed')}>\n          Info\n        </FlashMessage>\n      </>\n    );\n  });\n",locationsMap:{default:{startLoc:{col:7,line:9},endLoc:{col:3,line:26},startBody:{col:18,line:9},endBody:{col:3,line:26}}}}}).addParameters({component:_FlashMessage__WEBPACK_IMPORTED_MODULE_3__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FlashMessage__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("success closed")},"Success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FlashMessage__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"danger",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("danger closed")},"Warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FlashMessage__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"warning",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("warning closed")},"Warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FlashMessage__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"info",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("info closed")},"Info"))}))},"./src/core/Icon/Icon.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_Icon__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Icon/Icon.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/Button/Button.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Icons",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { action } from \'@storybook/addon-actions\';\n\nimport Icon from \'./Icon\';\nimport Button from \'../Button/Button\';\n\nstoriesOf(\'core/Icons\', module)\n  .addParameters({ component: Icon })\n  .add(\'available icons\', () => {\n    return (\n      <>\n        <p>You can find the available icons on Google Fonts</p>\n        <Button onClick={() => window.open(\'https://fonts.google.com/icons\', \'_blank\')}>\n          Go to Icons on Google Fonts\n        </Button>\n      </>\n    );\n  })\n  .add(\'examples\', () => {\n    return (\n      <div className="d-flex flex-column align-items-center">\n        <Icon icon="child_care" color="danger" />\n        <Icon icon="adb" color="info" />\n        <Icon icon="restaurant" color="muted" />\n        <Icon icon="train" color="primary" />\n        <Icon icon="wb_sunny" color="warning" />\n        <Icon icon="info" size={144} />\n        <Icon icon="info" size={20} />\n        <Icon icon="drafts" />\n        <Icon icon="drafts" disabled={true} />\n        <Icon icon="timer_3" onClick={action(\'timer clicked\')} />\n        <Icon icon="home" disabled={true} onClick={action(\'home clicked\')} />\n      </div>\n    );\n  })\n  .add(\'hover color\', () => {\n    return (\n      <div className="d-flex flex-column align-items-center">\n        <Icon icon="child_care" color="secondary" hoverColor="danger" onClick={action(\'child care clicked\')} />\n        <Icon icon="train" color="primary" hoverColor="success" onClick={action(\'train clicked\')} />\n        <Icon icon="home" disabled={true} color="primary" hoverColor="success" onClick={action(\'home clicked\')} />\n      </div>\n    );\n  });\n',locationsMap:{"hover-color":{startLoc:{col:7,line:37},endLoc:{col:3,line:45},startBody:{col:22,line:37},endBody:{col:3,line:45}},examples:{startLoc:{col:7,line:20},endLoc:{col:3,line:36},startBody:{col:19,line:20},endBody:{col:3,line:36}},"available-icons":{startLoc:{col:7,line:10},endLoc:{col:3,line:19},startBody:{col:26,line:10},endBody:{col:3,line:19}}}}}).addParameters({component:_Icon__WEBPACK_IMPORTED_MODULE_3__.Z}).add("available icons",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You can find the available icons on Google Fonts"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_4__.ZP,{onClick:function onClick(){return window.open("https://fonts.google.com/icons","_blank")}},"Go to Icons on Google Fonts"))})).add("examples",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex flex-column align-items-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"child_care",color:"danger"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"adb",color:"info"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"restaurant",color:"muted"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"train",color:"primary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"wb_sunny",color:"warning"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"info",size:144}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"info",size:20}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"drafts"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"drafts",disabled:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"timer_3",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("timer clicked")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"home",disabled:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("home clicked")}))})).add("hover color",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex flex-column align-items-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"child_care",color:"secondary",hoverColor:"danger",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("child care clicked")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"train",color:"primary",hoverColor:"success",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("train clicked")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"home",disabled:!0,color:"primary",hoverColor:"success",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("home clicked")}))}))},"./src/core/InfoBadge/InfoBadge.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Icon/Icon.tsx"),_InfoBadge__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/InfoBadge/InfoBadge.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/InfoBadge",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { Button } from \'reactstrap\';\nimport Icon from \'../Icon/Icon\';\n\nimport InfoBadge from \'./InfoBadge\';\n\nstoriesOf(\'core/InfoBadge\', module)\n  .addParameters({ component: InfoBadge })\n  .add(\'default\', () => {\n    return (\n      <div className="text-center mt-5">\n        <InfoBadge value={1} color="primary">\n          <Icon icon="face" />\n        </InfoBadge>\n        <br />\n        <br />\n        <InfoBadge value={5} color="success">\n          <strong>Unread messages</strong>\n        </InfoBadge>\n        <br />\n        <br />\n        <InfoBadge value={25} color="warning">\n          <Button color="primary">Unread messages</Button>\n        </InfoBadge>\n        <br />\n        <br />\n        <InfoBadge value={1000} color="danger">\n          <Button color="success">Spam folder</Button>\n        </InfoBadge>\n        <br />\n        <br />\n        <InfoBadge value="!" color="warning">\n          <Button color="danger">Self destruct</Button>\n        </InfoBadge>\n        <br />\n        <br />\n      </div>\n    );\n  });\n',locationsMap:{default:{startLoc:{col:7,line:10},endLoc:{col:3,line:40},startBody:{col:18,line:10},endBody:{col:3,line:40}}}}}).addParameters({component:_InfoBadge__WEBPACK_IMPORTED_MODULE_3__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center mt-5"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoBadge__WEBPACK_IMPORTED_MODULE_3__.Z,{value:1,color:"primary"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__.Z,{icon:"face"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoBadge__WEBPACK_IMPORTED_MODULE_3__.Z,{value:5,color:"success"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Unread messages")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoBadge__WEBPACK_IMPORTED_MODULE_3__.Z,{value:25,color:"warning"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.zx,{color:"primary"},"Unread messages")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoBadge__WEBPACK_IMPORTED_MODULE_3__.Z,{value:1e3,color:"danger"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.zx,{color:"success"},"Spam folder")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoBadge__WEBPACK_IMPORTED_MODULE_3__.Z,{value:"!",color:"warning"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.zx,{color:"danger"},"Self destruct")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null))}))},"./src/core/InfoTooltip/InfoTooltip.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_InfoTooltip__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/InfoTooltip/InfoTooltip.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/InfoTooltip",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport { InfoTooltip } from './InfoTooltip';\n\nstoriesOf('core/InfoTooltip', module)\n  .addParameters({ component: InfoTooltip })\n  .add('basic', () => {\n    return (\n      <div className=\"text-center\">\n        <InfoTooltip tooltip=\"This is the content of the tooltip\" />\n      </div>\n    );\n  })\n  .add('custom content', () => {\n    return (\n      <div className=\"text-center\">\n        <InfoTooltip\n          tooltip={\n            <>\n              <p>\n                The tooltip can contain multiple paragraphs by using plain HTML.\n              </p>\n              <p>\n                But it is also allowed to use custom components inside the\n                tooltip. Just be careful with components with interactions as\n                they might conflict with the tooltip.\n              </p>\n            </>\n          }\n        />\n      </div>\n    );\n  })\n  .add('custom size', () => {\n    return (\n      <div className=\"text-center\">\n        <InfoTooltip tooltip=\"This icon is quite small\" size={10} />\n        <InfoTooltip tooltip=\"This is the default size of the icon\" />\n        <InfoTooltip tooltip=\"This icon is quite big\" size={20} />\n      </div>\n    );\n  });\n",locationsMap:{"custom-size":{startLoc:{col:7,line:35},endLoc:{col:3,line:43},startBody:{col:22,line:35},endBody:{col:3,line:43}},"custom-content":{startLoc:{col:7,line:15},endLoc:{col:3,line:34},startBody:{col:25,line:15},endBody:{col:3,line:34}},basic:{startLoc:{col:7,line:8},endLoc:{col:3,line:14},startBody:{col:16,line:8},endBody:{col:3,line:14}}}}}).addParameters({component:_InfoTooltip__WEBPACK_IMPORTED_MODULE_2__.b}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoTooltip__WEBPACK_IMPORTED_MODULE_2__.b,{tooltip:"This is the content of the tooltip"}))})).add("custom content",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoTooltip__WEBPACK_IMPORTED_MODULE_2__.b,{tooltip:react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"The tooltip can contain multiple paragraphs by using plain HTML."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"But it is also allowed to use custom components inside the tooltip. Just be careful with components with interactions as they might conflict with the tooltip."))}))})).add("custom size",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoTooltip__WEBPACK_IMPORTED_MODULE_2__.b,{tooltip:"This icon is quite small",size:10}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoTooltip__WEBPACK_IMPORTED_MODULE_2__.b,{tooltip:"This is the default size of the icon"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoTooltip__WEBPACK_IMPORTED_MODULE_2__.b,{tooltip:"This icon is quite big",size:20}))}))},"./src/core/Loading/Loading.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_Loading__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Loading/Loading.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Loading",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport Loading from './Loading';\n\nstoriesOf('core/Loading', module)\n  .addParameters({ component: Loading })\n  .add('default', () => {\n    return <Loading />;\n  })\n  .add('custom text', () => {\n    return (\n      <Loading>\n        We are <b>loading</b> the world!\n      </Loading>\n    );\n  });\n",locationsMap:{"custom-text":{startLoc:{col:7,line:11},endLoc:{col:3,line:17},startBody:{col:22,line:11},endBody:{col:3,line:17}},default:{startLoc:{col:7,line:8},endLoc:{col:3,line:10},startBody:{col:18,line:8},endBody:{col:3,line:10}}}}}).addParameters({component:_Loading__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading__WEBPACK_IMPORTED_MODULE_2__.Z,null)})).add("custom text",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading__WEBPACK_IMPORTED_MODULE_2__.Z,null,"We are ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("b",null,"loading")," the world!")}))},"./src/core/LoadingPage/LoadingPage.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_LoadingPage__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/LoadingPage/LoadingPage.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/LoadingPage",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport LoadingPage from './LoadingPage';\n\nstoriesOf('core/LoadingPage', module)\n  .addParameters({ component: LoadingPage })\n  .add('default', () => {\n    return <LoadingPage className=\"mt-0\" />;\n  })\n  .add('custom height', () => {\n    return <LoadingPage height={200} />;\n  })\n  .add('custom style', () => {\n    return <LoadingPage style={{ backgroundColor: 'red' }} />;\n  });\n",locationsMap:{"custom-style":{startLoc:{col:7,line:14},endLoc:{col:3,line:16},startBody:{col:23,line:14},endBody:{col:3,line:16}},"custom-height":{startLoc:{col:7,line:11},endLoc:{col:3,line:13},startBody:{col:24,line:11},endBody:{col:3,line:13}},default:{startLoc:{col:7,line:8},endLoc:{col:3,line:10},startBody:{col:18,line:8},endBody:{col:3,line:10}}}}}).addParameters({component:_LoadingPage__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_LoadingPage__WEBPACK_IMPORTED_MODULE_2__.Z,{className:"mt-0"})})).add("custom height",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_LoadingPage__WEBPACK_IMPORTED_MODULE_2__.Z,{height:200})})).add("custom style",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_LoadingPage__WEBPACK_IMPORTED_MODULE_2__.Z,{style:{backgroundColor:"red"}})}))},"./src/core/Modal/Modal.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ModalForm:()=>ModalForm,__namedExportsOrder:()=>__namedExportsOrder});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),react_final_form__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),reactstrap__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Modal__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/Modal/Modal.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/core/Button/Button.tsx"),_form_FormExample_stories__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/FormExample.stories.tsx"),lodash__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/lodash/lodash.js"),_SubmitButton_SubmitButton__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/core/SubmitButton/SubmitButton.tsx");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);function ModalForm(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState12[0],setIsOpen=_useState12[1];function _onSave(){return(_onSave=_asyncToGenerator(regeneratorRuntime.mark((function _callee(){return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("save button was clicked"),_context.next=3,new Promise((function(resolve){setTimeout((function(){resolve(void 0)}),2e3)}));case 3:setIsOpen(!1);case 4:case"end":return _context.stop()}}),_callee)})))).apply(this,arguments)}function onClose(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("modal was closed"),setIsOpen(!1)}return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Open form"),isOpen?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_3__.Form,{onSubmit:function onSave(){return _onSave.apply(this,arguments)}},(function(formRenderProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Modal__WEBPACK_IMPORTED_MODULE_4__.u,{onClose,header:"Form example",footer:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SubmitButton_SubmitButton__WEBPACK_IMPORTED_MODULE_8__.Z,{onClick:formRenderProps.handleSubmit,inProgress:formRenderProps.submitting},"Save"),size:"lg"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_FormExample_stories__WEBPACK_IMPORTED_MODULE_6__.TotalForm,{hasSubmit:!1,formRenderProps}))})):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-2"},"Note: the ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"Form")," element should wrap the ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"Modal")," not the other way around. Otherwise you cannot use the submitting prop in the footer."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-2"},"Also make sure that you do not render the"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"Form"),"this way when you close the modal the form will be reset. Otherwise information will linger in the"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"Form")," element."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-2"},"Also try to keep the modal forms limited. Sometimes it is better to just create a create / edit page if a form is very large."))}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Modal",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\nimport { Form } from 'react-final-form';\nimport { Card } from 'reactstrap';\n\nimport { Modal } from './Modal';\nimport Button from '../Button/Button';\nimport { TotalForm } from '../../form/FormExample.stories';\nimport { range } from 'lodash';\nimport SubmitButton from '../SubmitButton/SubmitButton';\n\nstoriesOf('core/Modal', module)\n  .add('basic', () => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    function onClose() {\n      action('modal was closed');\n      setIsOpen(false);\n    }\n\n    return (\n      <Card body>\n        <Button onClick={() => setIsOpen(true)}>Start inquiry</Button>\n        {isOpen ? (\n          <Modal\n            onClose={onClose}\n            header=\"What are you doing?\"\n            footer={\n              <Button onClick={onClose} color=\"secondary\">\n                Take a break\n              </Button>\n            }\n          >\n            You should not be working this had, go take a break!\n          </Modal>\n        ) : null}\n      </Card>\n    );\n  })\n  .add('without header', () => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    function onClose() {\n      action('modal was closed');\n      setIsOpen(false);\n    }\n\n    return (\n      <Card body>\n        <Button onClick={() => setIsOpen(true)}>Start inquiry</Button>\n        {isOpen ? (\n          <Modal\n            onClose={onClose}\n            footer={\n              <Button onClick={onClose} color=\"secondary\">\n                Take a break\n              </Button>\n            }\n          >\n            You should not be working this had, go take a break!\n          </Modal>\n        ) : null}\n      </Card>\n    );\n  })\n  .add('without footer', () => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    function onClose() {\n      action('modal was closed');\n      setIsOpen(false);\n    }\n\n    return (\n      <Card body>\n        <Button onClick={() => setIsOpen(true)}>Start inquiry</Button>\n        {isOpen ? (\n          <Modal onClose={onClose} header=\"What are you doing?\">\n            You should not be working this had, go take a break!\n          </Modal>\n        ) : null}\n      </Card>\n    );\n  })\n  .add('with form', ModalForm)\n  .add('sticky', () => {\n    const [isOpenSticky, setIsOpenSticky] = useState(false);\n    const [isOpenSansSticky, setIsOpenSansSticky] = useState(false);\n\n    return (\n      <Card body>\n        <p>\n          <Button onClick={() => setIsOpenSticky(true)}>With sticky</Button>\n        </p>\n\n        <p>\n          <Button onClick={() => setIsOpenSansSticky(true)}>Sans sticky</Button>\n        </p>\n\n        {isOpenSticky ? (\n          <Modal\n            stickyFooter={true}\n            onClose={() => setIsOpenSticky(false)}\n            header=\"Sticky footer\"\n            footer={\n              <Button onClick={() => setIsOpenSticky(false)} color=\"secondary\">\n                Close\n              </Button>\n            }\n            size=\"sm\"\n          >\n            {range(0, 10).map((number) => (\n              <p key={number}>\n                Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis\n                modi, facilis officia provident maiores voluptate minus officiis\n                tempora minima blanditiis. Distinctio rem iste omnis inventore\n                ratione facere voluptates quam suscipit!\n              </p>\n            ))}\n          </Modal>\n        ) : null}\n\n        {isOpenSansSticky ? (\n          <Modal\n            stickyFooter={false}\n            onClose={() => setIsOpenSansSticky(false)}\n            header=\"No sticky footer\"\n            footer={\n              <Button\n                onClick={() => setIsOpenSansSticky(false)}\n                color=\"secondary\"\n              >\n                Close\n              </Button>\n            }\n            size=\"sm\"\n          >\n            {range(0, 10).map((number) => (\n              <p key={number}>\n                Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis\n                modi, facilis officia provident maiores voluptate minus officiis\n                tempora minima blanditiis. Distinctio rem iste omnis inventore\n                ratione facere voluptates quam suscipit!\n              </p>\n            ))}\n          </Modal>\n        ) : null}\n      </Card>\n    );\n  });\n\nexport function ModalForm() {\n  const [isOpen, setIsOpen] = useState(false);\n\n  async function onSave() {\n    action('save button was clicked');\n\n    await new Promise((resolve) => {\n      setTimeout(() => {\n        resolve(undefined);\n      }, 2000);\n    });\n\n    setIsOpen(false);\n  }\n\n  function onClose() {\n    action('modal was closed');\n    setIsOpen(false);\n  }\n\n  return (\n    <Card body>\n      <Button onClick={() => setIsOpen(true)}>Open form</Button>\n\n      {isOpen ? (\n        <Form onSubmit={onSave}>\n          {(formRenderProps) => (\n            <Modal\n              onClose={onClose}\n              header=\"Form example\"\n              footer={\n                <SubmitButton\n                  onClick={formRenderProps.handleSubmit}\n                  inProgress={formRenderProps.submitting}\n                >\n                  Save\n                </SubmitButton>\n              }\n              size=\"lg\"\n            >\n              <TotalForm hasSubmit={false} formRenderProps={formRenderProps} />\n            </Modal>\n          )}\n        </Form>\n      ) : null}\n\n      <p className=\"mt-2\">\n        Note: the <pre className=\"d-inline text-info\">Form</pre> element should\n        wrap the <pre className=\"d-inline text-info\">Modal</pre> not the other\n        way around. Otherwise you cannot use the submitting prop in the footer.\n      </p>\n\n      <p className=\"mt-2\">\n        Also make sure that you do not render the{' '}\n        <pre className=\"d-inline text-info\">Form</pre>\n        this way when you close the modal the form will be reset. Otherwise\n        information will linger in the{' '}\n        <pre className=\"d-inline text-info\">Form</pre> element.\n      </p>\n\n      <p className=\"mt-2\">\n        Also try to keep the modal forms limited. Sometimes it is better to just\n        create a create / edit page if a form is very large.\n      </p>\n    </Card>\n  );\n}\n",locationsMap:{sticky:{startLoc:{col:7,line:87},endLoc:{col:3,line:151},startBody:{col:17,line:87},endBody:{col:3,line:151}},"with-form":{startLoc:{col:7,line:86},endLoc:{col:29,line:86},startBody:{col:20,line:86},endBody:{col:29,line:86}},"without-footer":{startLoc:{col:7,line:67},endLoc:{col:3,line:85},startBody:{col:25,line:67},endBody:{col:3,line:85}},"without-header":{startLoc:{col:7,line:41},endLoc:{col:3,line:66},startBody:{col:25,line:41},endBody:{col:3,line:66}},basic:{startLoc:{col:7,line:14},endLoc:{col:3,line:40},startBody:{col:16,line:14},endBody:{col:3,line:40}}}}}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1];function onClose(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("modal was closed"),setIsOpen(!1)}return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Start inquiry"),isOpen?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Modal__WEBPACK_IMPORTED_MODULE_4__.u,{onClose,header:"What are you doing?",footer:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:onClose,color:"secondary"},"Take a break")},"You should not be working this had, go take a break!"):null)})).add("without header",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState4[0],setIsOpen=_useState4[1];function onClose(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("modal was closed"),setIsOpen(!1)}return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Start inquiry"),isOpen?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Modal__WEBPACK_IMPORTED_MODULE_4__.u,{onClose,footer:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:onClose,color:"secondary"},"Take a break")},"You should not be working this had, go take a break!"):null)})).add("without footer",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState6[0],setIsOpen=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Start inquiry"),isOpen?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Modal__WEBPACK_IMPORTED_MODULE_4__.u,{onClose:function onClose(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("modal was closed"),setIsOpen(!1)},header:"What are you doing?"},"You should not be working this had, go take a break!"):null)})).add("with form",ModalForm).add("sticky",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpenSticky=_useState8[0],setIsOpenSticky=_useState8[1],_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpenSansSticky=_useState10[0],setIsOpenSansSticky=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpenSticky(!0)}},"With sticky")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpenSansSticky(!0)}},"Sans sticky")),isOpenSticky?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Modal__WEBPACK_IMPORTED_MODULE_4__.u,{stickyFooter:!0,onClose:function onClose(){return setIsOpenSticky(!1)},header:"Sticky footer",footer:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpenSticky(!1)},color:"secondary"},"Close"),size:"sm"},(0,lodash__WEBPACK_IMPORTED_MODULE_7__.range)(0,10).map((function(number){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{key:number},"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis modi, facilis officia provident maiores voluptate minus officiis tempora minima blanditiis. Distinctio rem iste omnis inventore ratione facere voluptates quam suscipit!")}))):null,isOpenSansSticky?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Modal__WEBPACK_IMPORTED_MODULE_4__.u,{stickyFooter:!1,onClose:function onClose(){return setIsOpenSansSticky(!1)},header:"No sticky footer",footer:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpenSansSticky(!1)},color:"secondary"},"Close"),size:"sm"},(0,lodash__WEBPACK_IMPORTED_MODULE_7__.range)(0,10).map((function(number){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{key:number},"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis modi, facilis officia provident maiores voluptate minus officiis tempora minima blanditiis. Distinctio rem iste omnis inventore ratione facere voluptates quam suscipit!")}))):null)}));var __namedExportsOrder=["ModalForm"]},"./src/core/MoreOrLess/MoreOrLess.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_MoreOrLess__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/MoreOrLess/MoreOrLess.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/MoreOrLess",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport MoreOrLess from './MoreOrLess';\n\nstoriesOf('core/MoreOrLess', module)\n  .addParameters({ component: MoreOrLess })\n  .add('default', () => {\n    return (\n      <div className=\"text-center\">\n        <MoreOrLess\n          limit={3}\n          content={['aap', 'noot', 'mies', 'huis', 'boom', 'schip'].map(\n            (label) => (\n              <span key={label}>{label} </span>\n            )\n          )}\n        />\n      </div>\n    );\n  });\n",locationsMap:{default:{startLoc:{col:7,line:8},endLoc:{col:3,line:21},startBody:{col:18,line:8},endBody:{col:3,line:21}}}}}).addParameters({component:_MoreOrLess__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_MoreOrLess__WEBPACK_IMPORTED_MODULE_2__.Z,{limit:3,content:["aap","noot","mies","huis","boom","schip"].map((function(label){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{key:label},label," ")}))}))}))},"./src/core/NavigationItem/Navigation.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),react_router_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-router-dom/index.js"),_NavigationItem__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/NavigationItem/NavigationItem.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/NavigationItem",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { BrowserRouter } from \'react-router-dom\';\n\nimport NavigationItem from \'./NavigationItem\';\n\nstoriesOf(\'core/NavigationItem\', module)\n  .addParameters({ component: NavigationItem })\n  .add(\'default\', () => {\n    return (\n      <BrowserRouter>\n        <NavigationItem to="/dashboard" icon="dashboard" text="Dashboard" />\n      </BrowserRouter>\n    );\n  })\n  .add(\'with show boolean\', () => {\n    return (\n      <BrowserRouter>\n        <NavigationItem\n          show={true}\n          to="/dashboard"\n          icon="dashboard"\n          text="Dashboard"\n        />\n      </BrowserRouter>\n    );\n  })\n  .add(\'with show as function\', () => {\n    return (\n      <BrowserRouter>\n        <NavigationItem\n          show={() => true}\n          to="/dashboard"\n          icon="dashboard"\n          text="Dashboard"\n        />\n      </BrowserRouter>\n    );\n  })\n  .add(\'with exact is false\', () => {\n    return (\n      <BrowserRouter>\n        <NavigationItem\n          to="/dashboard"\n          icon="dashboard"\n          text="Dashboard"\n          exact={false}\n        />\n      </BrowserRouter>\n    );\n  });\n',locationsMap:{"with-exact-is-false":{startLoc:{col:7,line:40},endLoc:{col:3,line:51},startBody:{col:30,line:40},endBody:{col:3,line:51}},"with-show-as-function":{startLoc:{col:7,line:28},endLoc:{col:3,line:39},startBody:{col:32,line:28},endBody:{col:3,line:39}},"with-show-boolean":{startLoc:{col:7,line:16},endLoc:{col:3,line:27},startBody:{col:28,line:16},endBody:{col:3,line:27}},default:{startLoc:{col:7,line:9},endLoc:{col:3,line:15},startBody:{col:18,line:9},endBody:{col:3,line:15}}}}}).addParameters({component:_NavigationItem__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.VK,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NavigationItem__WEBPACK_IMPORTED_MODULE_2__.Z,{to:"/dashboard",icon:"dashboard",text:"Dashboard"}))})).add("with show boolean",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.VK,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NavigationItem__WEBPACK_IMPORTED_MODULE_2__.Z,{show:!0,to:"/dashboard",icon:"dashboard",text:"Dashboard"}))})).add("with show as function",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.VK,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NavigationItem__WEBPACK_IMPORTED_MODULE_2__.Z,{show:function show(){return!0},to:"/dashboard",icon:"dashboard",text:"Dashboard"}))})).add("with exact is false",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.VK,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NavigationItem__WEBPACK_IMPORTED_MODULE_2__.Z,{to:"/dashboard",icon:"dashboard",text:"Dashboard",exact:!1}))}))},"./src/core/OpenClose/OpenClose.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_OpenClose__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/OpenClose/OpenClose.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Button/Button.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/OpenClose",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { Card } from 'reactstrap';\n\nimport { OpenClose } from './OpenClose';\nimport Button from '../Button/Button';\n\nstoriesOf('core/OpenClose', module).add('basic', () => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <Card body>\n      <div className=\"d-flex align-items-center justify-content-start\">\n        <Button onClick={() => setIsOpen(!isOpen)} className=\"me-3\">\n          Toggle\n        </Button>\n        <OpenClose open={isOpen} />\n      </div>\n      <p>The collapsable element should now be {isOpen ? 'open' : 'closed'}</p>\n    </Card>\n  );\n});\n",locationsMap:{basic:{startLoc:{col:40,line:8},endLoc:{col:1,line:22},startBody:{col:49,line:8},endBody:{col:1,line:22}}}}}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex align-items-center justify-content-start"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:function onClick(){return setIsOpen(!isOpen)},className:"me-3"},"Toggle"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenClose__WEBPACK_IMPORTED_MODULE_2__.q,{open:isOpen})),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"The collapsable element should now be ",isOpen?"open":"closed"))}))},"./src/core/OpenCloseModal/OpenCloseModal.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ModalForm:()=>ModalForm,__namedExportsOrder:()=>__namedExportsOrder});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),react_final_form__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),reactstrap__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_OpenCloseModal__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/OpenCloseModal/OpenCloseModal.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/core/Button/Button.tsx"),_form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/RadioGroup/RadioGroup.tsx"),_form_FormExample_stories__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/FormExample.stories.tsx"),lodash__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/lodash/lodash.js");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);function ModalForm(){var _useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState20[0],setIsOpen=_useState20[1];function _onSave(){return(_onSave=_asyncToGenerator(regeneratorRuntime.mark((function _callee(){return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("save button was clicked"),_context.next=3,new Promise((function(resolve){setTimeout((function(){resolve(void 0)}),2e3)}));case 3:setIsOpen(!1);case 4:case"end":return _context.stop()}}),_callee)})))).apply(this,arguments)}function onClose(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("modal was closed"),setIsOpen(!1)}return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Open form"),isOpen?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_3__.Form,{onSubmit:function onSave(){return _onSave.apply(this,arguments)}},(function(formRenderProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenCloseModal__WEBPACK_IMPORTED_MODULE_4__.n,{isOpen:!0,inProgress:formRenderProps.submitting,onClose,onSave:formRenderProps.handleSubmit,label:"Form example",size:"lg"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_FormExample_stories__WEBPACK_IMPORTED_MODULE_7__.TotalForm,{hasSubmit:!1,formRenderProps}))})):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-2"},"Note: the ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"Form")," element should wrap the ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"OpenCloseModal"),"not the other way around. Otherwise you cannot use the inProgress prop, and you cannot use submit in onSave."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-2"},"Also make sure that you do not render the"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"Form")," this way when you close the modal the form will be reset. Otherwise information will linger in the ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"Form")," element."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-2"},"Also try to keep the modal forms limited. Sometimes it is better to just create a create / edit page if a form is very large."))}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/OpenCloseModal",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\nimport { Form } from 'react-final-form';\nimport { Card } from 'reactstrap';\n\nimport { OpenCloseModal } from './OpenCloseModal';\nimport Button from '../Button/Button';\nimport RadioGroup from '../../form/RadioGroup/RadioGroup';\nimport { TotalForm } from '../../form/FormExample.stories';\nimport { range } from 'lodash';\n\nstoriesOf('core/OpenCloseModal', module)\n  .add('basic', () => {\n    const [isOpen, setIsOpen] = useState(false);\n    const [inProgress, setInProgress] = useState(false);\n    const [choice, setChoice] = useState<string | undefined>(undefined);\n\n    function onSave() {\n      action('save button was clicked');\n\n      setInProgress(true);\n\n      setTimeout(() => {\n        setIsOpen(false);\n        setInProgress(false);\n      }, 2000);\n    }\n\n    function onClose() {\n      action('modal was closed');\n      setIsOpen(false);\n    }\n\n    return (\n      <Card body>\n        <Button onClick={() => setIsOpen(true)}>Start inquiry</Button>\n        <OpenCloseModal\n          isOpen={isOpen}\n          inProgress={inProgress}\n          onClose={onClose}\n          onSave={onSave}\n          label=\"What are you doing?\"\n        >\n          <RadioGroup\n            value={choice}\n            onChange={(value) => setChoice(value)}\n            options={[\n              'Watching a movie',\n              'I work at 42, the most awesome company in the world!',\n              'Nothing'\n            ]}\n            labelForOption={(option) => option}\n          />\n        </OpenCloseModal>\n      </Card>\n    );\n  })\n  .add('with form', ModalForm)\n  .add('sticky', () => {\n    const [isOpenSticky, setIsOpenSticky] = useState(false);\n    const [isOpenSansSticky, setIsOpenSansSticky] = useState(false);\n\n    return (\n      <Card body>\n        <p>\n          <Button onClick={() => setIsOpenSticky(true)}>With sticky</Button>\n        </p>\n\n        <p>\n          <Button onClick={() => setIsOpenSansSticky(true)}>Sans sticky</Button>\n        </p>\n\n        <OpenCloseModal\n          stickyFooter={true}\n          isOpen={isOpenSticky}\n          onSave={() => setIsOpenSticky(false)}\n          onClose={() => setIsOpenSticky(false)}\n          label=\"Sticky footer\"\n          size=\"sm\"\n        >\n          {range(0, 10).map((number) => (\n            <p key={number}>\n              Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis\n              modi, facilis officia provident maiores voluptate minus officiis\n              tempora minima blanditiis. Distinctio rem iste omnis inventore\n              ratione facere voluptates quam suscipit!\n            </p>\n          ))}\n        </OpenCloseModal>\n\n        <OpenCloseModal\n          stickyFooter={false}\n          isOpen={isOpenSansSticky}\n          onSave={() => setIsOpenSansSticky(false)}\n          onClose={() => setIsOpenSansSticky(false)}\n          label=\"No sticky footer\"\n          size=\"sm\"\n        >\n          {range(0, 10).map((number) => (\n            <p key={number}>\n              Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis\n              modi, facilis officia provident maiores voluptate minus officiis\n              tempora minima blanditiis. Distinctio rem iste omnis inventore\n              ratione facere voluptates quam suscipit!\n            </p>\n          ))}\n        </OpenCloseModal>\n      </Card>\n    );\n  })\n  .add('without heading', () => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    return (\n      <Card body>\n        <Button onClick={() => setIsOpen(true)}>Inspire me</Button>\n        <OpenCloseModal\n          isOpen={isOpen}\n          onSave={() => setIsOpen(false)}\n          onClose={() => setIsOpen(false)}\n          text={{ save: 'Yes', cancel: 'No' }}\n        >\n          <p>\n            You have to take a break once in a while. Did you go for a walk\n            outside to breathe some fresh air?\n          </p>\n        </OpenCloseModal>\n      </Card>\n    );\n  })\n  .add('without buttons', () => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    function onClose() {\n      setIsOpen(false);\n    }\n\n    return (\n      <Card body>\n        <Button onClick={() => setIsOpen(true)}>What does Baymax say?</Button>\n        <OpenCloseModal\n          isOpen={isOpen}\n          onClose={onClose}\n          label=\"Your personal health companion\"\n        >\n          <p>\n            You need to wash your hands if you want to prevent getting Corona\n            virus.\n          </p>\n        </OpenCloseModal>\n      </Card>\n    );\n  })\n  .add('custom button text and icons', () => {\n    const [isOpen, setIsOpen] = useState(false);\n    const [choice, setChoice] = useState<\n      { label: string; value: string } | undefined\n    >(undefined);\n\n    function onSave() {\n      alert(`You chose to ${choice?.value} the diamond`);\n      setIsOpen(false);\n    }\n\n    function onClose() {\n      alert(\n        `Darn! You tripped and the diamond fell in an endless hole in the ground...`\n      );\n      setIsOpen(false);\n    }\n\n    return (\n      <Card body>\n        <p>You found a box!</p>\n        <Button onClick={() => setIsOpen(true)}>\n          Check what&apos;s inside\n        </Button>\n        <OpenCloseModal\n          isOpen={isOpen}\n          onClose={onClose}\n          cancelIcon=\"360\"\n          onSave={onSave}\n          saveIcon=\"attach_money\"\n          modalBodyClassName=\"bg-warning\"\n          label=\"It's a special gift!\"\n          text={{\n            save: 'Confirm',\n            cancel: ''\n          }}\n        >\n          <p>Inside the box you find a diamond. What do you want to do?</p>\n          <RadioGroup\n            value={choice}\n            onChange={(value) => setChoice(value)}\n            options={[\n              { label: 'Sell it!', value: 'sell' },\n              { label: 'Put it in my pocket', value: 'store' }\n            ]}\n            labelForOption={(option) => option.label}\n          />\n        </OpenCloseModal>\n      </Card>\n    );\n  });\n\nexport function ModalForm() {\n  const [isOpen, setIsOpen] = useState(false);\n\n  async function onSave() {\n    action('save button was clicked');\n\n    await new Promise((resolve) => {\n      setTimeout(() => {\n        resolve(undefined);\n      }, 2000);\n    });\n\n    setIsOpen(false);\n  }\n\n  function onClose() {\n    action('modal was closed');\n    setIsOpen(false);\n  }\n\n  return (\n    <Card body>\n      <Button onClick={() => setIsOpen(true)}>Open form</Button>\n\n      {isOpen ? (\n        <Form onSubmit={onSave}>\n          {(formRenderProps) => (\n            <OpenCloseModal\n              isOpen={true}\n              inProgress={formRenderProps.submitting}\n              onClose={onClose}\n              onSave={formRenderProps.handleSubmit}\n              label=\"Form example\"\n              size=\"lg\"\n            >\n              <TotalForm hasSubmit={false} formRenderProps={formRenderProps} />\n            </OpenCloseModal>\n          )}\n        </Form>\n      ) : null}\n\n      <p className=\"mt-2\">\n        Note: the <pre className=\"d-inline text-info\">Form</pre> element should\n        wrap the <pre className=\"d-inline text-info\">OpenCloseModal</pre>\n        not the other way around. Otherwise you cannot use the inProgress prop,\n        and you cannot use submit in onSave.\n      </p>\n\n      <p className=\"mt-2\">\n        Also make sure that you do not render the{' '}\n        <pre className=\"d-inline text-info\">Form</pre> this way when you close\n        the modal the form will be reset. Otherwise information will linger in\n        the <pre className=\"d-inline text-info\">Form</pre> element.\n      </p>\n\n      <p className=\"mt-2\">\n        Also try to keep the modal forms limited. Sometimes it is better to just\n        create a create / edit page if a form is very large.\n      </p>\n    </Card>\n  );\n}\n",locationsMap:{"custom-button-text-and-icons":{startLoc:{col:7,line:155},endLoc:{col:3,line:205},startBody:{col:39,line:155},endBody:{col:3,line:205}},"without-buttons":{startLoc:{col:7,line:132},endLoc:{col:3,line:154},startBody:{col:26,line:132},endBody:{col:3,line:154}},"without-heading":{startLoc:{col:7,line:112},endLoc:{col:3,line:131},startBody:{col:26,line:112},endBody:{col:3,line:131}},sticky:{startLoc:{col:7,line:60},endLoc:{col:3,line:111},startBody:{col:17,line:60},endBody:{col:3,line:111}},"with-form":{startLoc:{col:7,line:59},endLoc:{col:29,line:59},startBody:{col:20,line:59},endBody:{col:29,line:59}},basic:{startLoc:{col:7,line:14},endLoc:{col:3,line:58},startBody:{col:16,line:14},endBody:{col:3,line:58}}}}}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),inProgress=_useState4[0],setInProgress=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),choice=_useState6[0],setChoice=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Start inquiry"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenCloseModal__WEBPACK_IMPORTED_MODULE_4__.n,{isOpen,inProgress,onClose:function onClose(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("modal was closed"),setIsOpen(!1)},onSave:function onSave(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("save button was clicked"),setInProgress(!0),setTimeout((function(){setIsOpen(!1),setInProgress(!1)}),2e3)},label:"What are you doing?"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_6__.Z,{value:choice,onChange:function onChange(value){return setChoice(value)},options:["Watching a movie","I work at 42, the most awesome company in the world!","Nothing"],labelForOption:function labelForOption(option){return option}})))})).add("with form",ModalForm).add("sticky",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpenSticky=_useState8[0],setIsOpenSticky=_useState8[1],_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpenSansSticky=_useState10[0],setIsOpenSansSticky=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpenSticky(!0)}},"With sticky")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpenSansSticky(!0)}},"Sans sticky")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenCloseModal__WEBPACK_IMPORTED_MODULE_4__.n,{stickyFooter:!0,isOpen:isOpenSticky,onSave:function onSave(){return setIsOpenSticky(!1)},onClose:function onClose(){return setIsOpenSticky(!1)},label:"Sticky footer",size:"sm"},(0,lodash__WEBPACK_IMPORTED_MODULE_8__.range)(0,10).map((function(number){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{key:number},"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis modi, facilis officia provident maiores voluptate minus officiis tempora minima blanditiis. Distinctio rem iste omnis inventore ratione facere voluptates quam suscipit!")}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenCloseModal__WEBPACK_IMPORTED_MODULE_4__.n,{stickyFooter:!1,isOpen:isOpenSansSticky,onSave:function onSave(){return setIsOpenSansSticky(!1)},onClose:function onClose(){return setIsOpenSansSticky(!1)},label:"No sticky footer",size:"sm"},(0,lodash__WEBPACK_IMPORTED_MODULE_8__.range)(0,10).map((function(number){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{key:number},"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis modi, facilis officia provident maiores voluptate minus officiis tempora minima blanditiis. Distinctio rem iste omnis inventore ratione facere voluptates quam suscipit!")}))))})).add("without heading",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState12[0],setIsOpen=_useState12[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Inspire me"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenCloseModal__WEBPACK_IMPORTED_MODULE_4__.n,{isOpen,onSave:function onSave(){return setIsOpen(!1)},onClose:function onClose(){return setIsOpen(!1)},text:{save:"Yes",cancel:"No"}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You have to take a break once in a while. Did you go for a walk outside to breathe some fresh air?")))})).add("without buttons",(function(){var _useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState14[0],setIsOpen=_useState14[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"What does Baymax say?"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenCloseModal__WEBPACK_IMPORTED_MODULE_4__.n,{isOpen,onClose:function onClose(){setIsOpen(!1)},label:"Your personal health companion"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You need to wash your hands if you want to prevent getting Corona virus.")))})).add("custom button text and icons",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState16[0],setIsOpen=_useState16[1],_useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),choice=_useState18[0],setChoice=_useState18[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You found a box!"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Check what's inside"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenCloseModal__WEBPACK_IMPORTED_MODULE_4__.n,{isOpen,onClose:function onClose(){alert("Darn! You tripped and the diamond fell in an endless hole in the ground..."),setIsOpen(!1)},cancelIcon:"360",onSave:function onSave(){alert("You chose to ".concat(null==choice?void 0:choice.value," the diamond")),setIsOpen(!1)},saveIcon:"attach_money",modalBodyClassName:"bg-warning",label:"It's a special gift!",text:{save:"Confirm",cancel:""}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Inside the box you find a diamond. What do you want to do?"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_6__.Z,{value:choice,onChange:function onChange(value){return setChoice(value)},options:[{label:"Sell it!",value:"sell"},{label:"Put it in my pocket",value:"store"}],labelForOption:function labelForOption(option){return option.label}})))}));var __namedExportsOrder=["ModalForm"]},"./src/core/OrSeparator/OrSeparator.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_OrSeparator__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/OrSeparator/OrSeparator.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/OrSeparator",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport { OrSeparator } from './OrSeparator';\n\nstoriesOf('core/OrSeparator', module)\n  .addParameters({ component: OrSeparator })\n  .add('basic', () => {\n    return (\n      <div className=\"text-center\">\n        <p>You should do this</p>\n        <OrSeparator />\n        <p>something entirely different</p>\n      </div>\n    );\n  });\n",locationsMap:{basic:{startLoc:{col:7,line:8},endLoc:{col:3,line:16},startBody:{col:16,line:8},endBody:{col:3,line:16}}}}}).addParameters({component:_OrSeparator__WEBPACK_IMPORTED_MODULE_2__.t}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You should do this"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OrSeparator__WEBPACK_IMPORTED_MODULE_2__.t,null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"something entirely different"))}))},"./src/core/Pager/Pager.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_Pager__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Pager/Pager.tsx"),_utilities_page_page__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utilities/page/page.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Pager",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport Pager from './Pager';\nimport { pageOf } from '../../utilities/page/page';\n\nstoriesOf('core/Pager', module)\n  .addParameters({ component: Pager })\n  .add('default', () => {\n    const [pageNumber, setPageNumber] = useState(1);\n\n    const page = pageOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10], pageNumber, 2);\n\n    return (\n      <div className=\"text-center\">\n        <h2>You are on page {pageNumber}</h2>\n\n        <Pager page={page} onChange={setPageNumber} />\n      </div>\n    );\n  });\n",locationsMap:{default:{startLoc:{col:7,line:9},endLoc:{col:3,line:21},startBody:{col:18,line:9},endBody:{col:3,line:21}}}}}).addParameters({component:_Pager__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),pageNumber=_useState2[0],setPageNumber=_useState2[1],page=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_3__.u)([1,2,3,4,5,6,7,8,9,10],pageNumber,2);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"You are on page ",pageNumber),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Pager__WEBPACK_IMPORTED_MODULE_2__.Z,{page,onChange:setPageNumber}))}))},"./src/core/Pagination/Pagination.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),lodash__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/lodash/lodash.js"),_utilities_page_page__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utilities/page/page.ts"),_Pagination__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Pagination/Pagination.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Pagination",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { range } from 'lodash';\n\nimport { pageOf } from '../../utilities/page/page';\n\nimport Pagination from './Pagination';\n\nstoriesOf('core/Pagination', module)\n  .addParameters({ component: Pagination })\n  .add('default', () => {\n    const [pageNumber, setPageNumber] = useState(5);\n\n    const page = pageOf(range(1, 100), pageNumber, 10);\n\n    return (\n      <div className=\"d-flex justify-content-center\">\n        <Pagination page={page} onChange={setPageNumber} />\n      </div>\n    );\n  })\n  .add('without previous and next', () => {\n    const [pageNumber, setPageNumber] = useState(5);\n\n    const page = pageOf(range(1, 100), pageNumber, 10);\n\n    return (\n      <div className=\"d-flex justify-content-center\">\n        <Pagination\n          page={page}\n          onChange={setPageNumber}\n          showPreviousAndNextButtons={false}\n        />\n      </div>\n    );\n  });\n",locationsMap:{"without-previous-and-next":{startLoc:{col:7,line:22},endLoc:{col:3,line:36},startBody:{col:36,line:22},endBody:{col:3,line:36}},default:{startLoc:{col:7,line:11},endLoc:{col:3,line:21},startBody:{col:18,line:11},endBody:{col:3,line:21}}}}}).addParameters({component:_Pagination__WEBPACK_IMPORTED_MODULE_3__.Z}).add("default",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(5),2),pageNumber=_useState2[0],setPageNumber=_useState2[1],page=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_4__.u)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.range)(1,100),pageNumber,10);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Pagination__WEBPACK_IMPORTED_MODULE_3__.Z,{page,onChange:setPageNumber}))})).add("without previous and next",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(5),2),pageNumber=_useState4[0],setPageNumber=_useState4[1],page=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_4__.u)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.range)(1,100),pageNumber,10);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Pagination__WEBPACK_IMPORTED_MODULE_3__.Z,{page,onChange:setPageNumber,showPreviousAndNextButtons:!1}))}))},"./src/core/Popover/Popover.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Popover__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Popover/Popover.tsx"),_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/Tag/Tag.tsx"),_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/core/ConfirmButton/ConfirmButton.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/core/Button/Button.tsx"),_OpenCloseModal_OpenCloseModal__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/core/OpenCloseModal/OpenCloseModal.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);function TinyCrud(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),open=_useState6[0],setOpen=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,{style:{width:300}},["aap","noot","mies"].map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:person},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},person,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{icon:"edit",className:"mt-1",onClick:function onClick(){return setOpen(!0)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_5__.Z,{dialogText:"You sure son?",icon:"delete",onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete clicked")}))))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{icon:"add",className:"mt-1",onClick:function onClick(){return setOpen(!0)}},"Add person")),open?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenCloseModal_OpenCloseModal__WEBPACK_IMPORTED_MODULE_7__.n,{isOpen:!0,onClose:function onClose(){return setOpen(!1)}},"Form here?"):null)}function NiceCard(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Ol,null,"This is a nice header"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.eW,null,"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Provident eveniet, earum corrupti dicta quidem excepturi cupiditate consequuntur soluta obcaecati alias nobis eaque magnam sed et fugiat facere cumque, quaerat laborum!"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.iR,null,"Containing a footer"))}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Popover",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { action } from \'@storybook/addon-actions\';\nimport {\n  Card,\n  CardBody,\n  CardFooter,\n  CardHeader,\n  Col,\n  ListGroup,\n  ListGroupItem,\n  Row\n} from \'reactstrap\';\n\nimport Popover from \'./Popover\';\nimport Tag from \'../Tag/Tag\';\n\nimport ConfirmButton from \'../ConfirmButton/ConfirmButton\';\nimport Button from \'../Button/Button\';\nimport { OpenCloseModal } from \'../OpenCloseModal/OpenCloseModal\';\n\nstoriesOf(\'core/Popover\', module)\n  .addParameters({ component: Popover })\n  .add(\'default\', () => (\n    <div className="d-flex flex-column">\n      <Row className="my-3">\n        <Col className="d-flex justify-content-around align-items-center">\n          <Popover target={<Tag color="danger" text="Hover me!" />}>\n            <TinyCrud />\n          </Popover>\n\n          <Popover target={<h5>Can be wrapped around any component</h5>}>\n            <TinyCrud />\n          </Popover>\n\n          <Popover target="Plain text">\n            <NiceCard />\n          </Popover>\n\n          <Popover target={<Button>Hover this button!</Button>}>\n            <TinyCrud />\n          </Popover>\n        </Col>\n      </Row>\n    </div>\n  ))\n\n  .add(\'taking control\', () => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    return (\n      <div className="d-flex flex-column">\n        <Row className="my-3">\n          <Col className="d-flex justify-content-around align-items-center">\n            Status: {isOpen ? \'opened\' : \'closed\'}\n            <Popover isOpen={isOpen} target="Open">\n              <TinyCrud />\n            </Popover>\n            <Button onClick={() => setIsOpen(!isOpen)}>Show / hide</Button>\n          </Col>\n          <Col>\n            <p>\n              Note: you can take complete controll over the Popover by using the{\' \'}\n              <pre className="d-inline text-info">isOpen</pre> prop. Once you\n              make it <pre className="d-inline text-info">true</pre> or{\' \'}\n              <pre className="d-inline text-info">false</pre> the hover behavior\n              will be disabled.\n            </p>\n          </Col>\n        </Row>\n      </div>\n    );\n  })\n\n  .add(\'on click outside\', () => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    return (\n      <div className="d-flex flex-column">\n        <Row className="my-3">\n          <Col className="d-flex justify-content-around align-items-center">\n            Status: {isOpen ? \'opened\' : \'closed\'}\n            <Popover\n              isOpen={isOpen}\n              onClickOutside={() => setIsOpen(false)}\n              target="Open"\n            >\n              <NiceCard />\n            </Popover>\n            <Button onClick={() => setIsOpen(true)}>Show</Button>\n          </Col>\n          <Col>\n            <p>\n              Note: you can take complete controll over the Popover by using the{\' \'}\n              <pre className="d-inline text-info">isOpen</pre> prop. Once you\n              make it <pre className="d-inline text-info">true</pre> or{\' \'}\n              <pre className="d-inline text-info">false</pre> the hover behavior\n              will be disabled.\n            </p>\n\n            <p>\n              In combination with{\' \'}\n              <pre className="d-inline text-info">onClickOutside</pre> you can\n              close the popover when clicked anywhere outside the popover.\n            </p>\n          </Col>\n        </Row>\n      </div>\n    );\n  })\n\n  .add(\'alignment\', () => (\n    <>\n      <h6>Alignment</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Popover\n            target={<Tag color="danger" text="Hover me!" />}\n            placement="bottom"\n          >\n            Placement bottom\n          </Popover>\n\n          <Popover\n            target={<Tag color="warning" text="Hover me!" />}\n            placement="left"\n          >\n            Placement left\n          </Popover>\n          <Popover\n            target={<Tag color="primary" text="Hover me!" />}\n            placement="right"\n          >\n            Placement right\n          </Popover>\n\n          <Popover\n            target={<Tag color="success" text="Hover me!" />}\n            placement="top"\n          >\n            Placement top\n          </Popover>\n        </Col>\n      </Row>\n      <hr />\n\n      <h6>Alignment-modifier</h6>\n      <Row className="mt-3">\n        <Col className="d-flex justify-content-around">\n          <Popover\n            target={<Button> Hover me! </Button>}\n            placement="right-start"\n          >\n            right-start\n          </Popover>\n\n          <Popover target={<Button> Hover me! </Button>} placement="right">\n            right\n          </Popover>\n\n          <Popover target={<Button> Hover me! </Button>} placement="right-end">\n            right-end\n          </Popover>\n        </Col>\n      </Row>\n    </>\n  ))\n\n  .add(\'distance and offset\', () => (\n    <>\n      <h6>Distance</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Popover\n            target={<Tag color="success" text="far away" />}\n            distance={15}\n          >\n            far away\n          </Popover>\n\n          <Popover target={<Tag color="success" text="default offset" />}>\n            default distance\n          </Popover>\n\n          <Popover\n            target={<Tag color="success" text="very close" />}\n            distance={3}\n          >\n            very close\n          </Popover>\n        </Col>\n      </Row>\n\n      <h6>Offset</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Popover\n            target={<Tag color="success" text="positive offset" />}\n            offset={100}\n          >\n            positive offset\n          </Popover>\n\n          <Popover target={<Tag color="success" text="default offset" />}>\n            default offset\n          </Popover>\n\n          <Popover\n            target={<Tag color="success" text="negative offset" />}\n            offset={-100}\n          >\n            negative offset\n          </Popover>\n        </Col>\n      </Row>\n    </>\n  ))\n\n  .add(\'custom wrapper\', () => (\n    <>\n      <h6>Custom wrapper</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Popover target="My target is in a <span>">\n            By default, my target is wrapped in a span\n          </Popover>\n\n          <Popover target="My target is in a <div>" tag="div">\n            You can change that with the tag property\n          </Popover>\n        </Col>\n      </Row>\n    </>\n  ));\n\nfunction TinyCrud() {\n  const [open, setOpen] = useState(false);\n\n  const persons = [\'aap\', \'noot\', \'mies\'];\n\n  return (\n    <ListGroup style={{ width: 300 }}>\n      {persons.map((person) => (\n        <ListGroupItem key={person}>\n          <div className="d-flex justify-content-between">\n            {person}\n\n            <div>\n              <Button\n                icon="edit"\n                className="mt-1"\n                onClick={() => setOpen(true)}\n              />\n\n              <ConfirmButton\n                dialogText="You sure son?"\n                icon="delete"\n                onConfirm={action(\'delete clicked\')}\n              />\n            </div>\n          </div>\n        </ListGroupItem>\n      ))}\n      <ListGroupItem className="d-flex justify-content-center">\n        <Button icon="add" className="mt-1" onClick={() => setOpen(true)}>\n          Add person\n        </Button>\n      </ListGroupItem>\n\n      {open ? (\n        <OpenCloseModal isOpen={true} onClose={() => setOpen(false)}>\n          Form here?\n        </OpenCloseModal>\n      ) : null}\n    </ListGroup>\n  );\n}\n\nfunction NiceCard() {\n  return (\n    <Card>\n      <CardHeader>This is a nice header</CardHeader>\n      <CardBody>\n        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Provident\n        eveniet, earum corrupti dicta quidem excepturi cupiditate consequuntur\n        soluta obcaecati alias nobis eaque magnam sed et fugiat facere cumque,\n        quaerat laborum!\n      </CardBody>\n      <CardFooter>Containing a footer</CardFooter>\n    </Card>\n  );\n}\n',locationsMap:{"custom-wrapper":{startLoc:{col:7,line:219},endLoc:{col:3,line:234},startBody:{col:25,line:219},endBody:{col:3,line:234}},"distance-and-offset":{startLoc:{col:7,line:169},endLoc:{col:3,line:217},startBody:{col:30,line:169},endBody:{col:3,line:217}},alignment:{startLoc:{col:7,line:112},endLoc:{col:3,line:167},startBody:{col:20,line:112},endBody:{col:3,line:167}},"on-click-outside":{startLoc:{col:7,line:75},endLoc:{col:3,line:110},startBody:{col:27,line:75},endBody:{col:3,line:110}},"taking-control":{startLoc:{col:7,line:48},endLoc:{col:3,line:73},startBody:{col:25,line:48},endBody:{col:3,line:73}},default:{startLoc:{col:7,line:24},endLoc:{col:3,line:46},startBody:{col:18,line:24},endBody:{col:3,line:46}}}}}).addParameters({component:_Popover__WEBPACK_IMPORTED_MODULE_3__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex flex-column"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.X2,{className:"my-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,{className:"d-flex justify-content-around align-items-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"danger",text:"Hover me!"})},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TinyCrud,null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Can be wrapped around any component")},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TinyCrud,null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:"Plain text"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(NiceCard,null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,null,"Hover this button!")},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TinyCrud,null)))))})).add("taking control",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex flex-column"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.X2,{className:"my-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,{className:"d-flex justify-content-around align-items-center"},"Status: ",isOpen?"opened":"closed",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{isOpen,target:"Open"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TinyCrud,null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setIsOpen(!isOpen)}},"Show / hide")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Note: you can take complete controll over the Popover by using the"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"isOpen")," prop. Once you make it ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"true")," or"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"false")," the hover behavior will be disabled."))))})).add("on click outside",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState4[0],setIsOpen=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex flex-column"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.X2,{className:"my-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,{className:"d-flex justify-content-around align-items-center"},"Status: ",isOpen?"opened":"closed",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{isOpen,onClickOutside:function onClickOutside(){return setIsOpen(!1)},target:"Open"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(NiceCard,null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Show")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Note: you can take complete controll over the Popover by using the"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"isOpen")," prop. Once you make it ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"true")," or"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"false")," the hover behavior will be disabled."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"In combination with"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"onClickOutside")," you can close the popover when clicked anywhere outside the popover."))))})).add("alignment",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Alignment"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"danger",text:"Hover me!"}),placement:"bottom"},"Placement bottom"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"warning",text:"Hover me!"}),placement:"left"},"Placement left"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"primary",text:"Hover me!"}),placement:"right"},"Placement right"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"success",text:"Hover me!"}),placement:"top"},"Placement top"))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Alignment-modifier"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.X2,{className:"mt-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,null," Hover me! "),placement:"right-start"},"right-start"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,null," Hover me! "),placement:"right"},"right"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,null," Hover me! "),placement:"right-end"},"right-end"))))})).add("distance and offset",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Distance"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"success",text:"far away"}),distance:15},"far away"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"success",text:"default offset"})},"default distance"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"success",text:"very close"}),distance:3},"very close"))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Offset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"success",text:"positive offset"}),offset:100},"positive offset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"success",text:"default offset"})},"default offset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"success",text:"negative offset"}),offset:-100},"negative offset"))))})).add("custom wrapper",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Custom wrapper"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:"My target is in a <span>"},"By default, my target is wrapped in a span"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:"My target is in a <div>",tag:"div"},"You can change that with the tag property"))))}))},"./src/core/ProgressStepper/ProgressStepper.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_ProgressStepper__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/ProgressStepper/ProgressStepper.tsx");module=__webpack_require__.hmd(module);var steps=["primary","secondary","success","info","warning","danger","link"];(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/ProgressStepper",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport ProgressStepper from './ProgressStepper';\n\ntype Step =\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'info'\n  | 'warning'\n  | 'danger'\n  | 'link';\n\nconst steps: Step[] = [\n  'primary',\n  'secondary',\n  'success',\n  'info',\n  'warning',\n  'danger',\n  'link'\n];\n\nstoriesOf('core/ProgressStepper', module)\n  .addParameters({ component: ProgressStepper })\n  .add('colors', () => {\n    return (\n      <div className=\"text-center\">\n        <ProgressStepper<Step>\n          steps={steps}\n          onClick={action(`Clicked`)}\n          isStepClickable={() => true}\n          titleForStep={(step) => step}\n          colorForStep={(step) => step}\n        />\n      </div>\n    );\n  });\n",locationsMap:{colors:{startLoc:{col:7,line:28},endLoc:{col:3,line:40},startBody:{col:17,line:28},endBody:{col:3,line:40}}}}}).addParameters({component:_ProgressStepper__WEBPACK_IMPORTED_MODULE_3__.Z}).add("colors",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ProgressStepper__WEBPACK_IMPORTED_MODULE_3__.Z,{steps,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Clicked"),isStepClickable:function isStepClickable(){return!0},titleForStep:function titleForStep(step){return step},colorForStep:function colorForStep(step){return step}}))}))},"./src/core/ProgressStepper/ProgressStepperExample.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var _initialState,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_ProgressStepper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/ProgressStepper/ProgressStepper.tsx");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}module=__webpack_require__.hmd(module);var steps=["Billing","Coupon","Finished"],initialState=(_defineProperty(_initialState={},"Billing","incomplete"),_defineProperty(_initialState,"Coupon","incomplete"),_defineProperty(_initialState,"Finished","incomplete"),_initialState);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/ProgressStepper",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport ProgressStepper from './ProgressStepper';\n\ntype Step = 'Billing' | 'Coupon' | 'Finished';\n\ntype Status = 'complete' | 'incomplete' | 'error';\n\nconst steps: Step[] = ['Billing', 'Coupon', 'Finished'];\n\ntype ShoppingWizardState = { [x in Step]: Status };\n\nconst initialState: ShoppingWizardState = {\n  ['Billing']: 'incomplete',\n  ['Coupon']: 'incomplete',\n  ['Finished']: 'incomplete'\n};\n\nstoriesOf('core/ProgressStepper', module)\n  .addParameters({ component: ProgressStepper })\n  .add('example', () => {\n    const [status, setStatus] = useState<ShoppingWizardState>(initialState);\n    const [current, setCurrent] = useState<Step>('Billing');\n\n    function onSubmit() {\n      // Add a random error chance\n      if (Math.random() > 0.5) {\n        setStatus({ ...status, [current]: 'Error' });\n        return;\n      }\n\n      const currentIndex = steps.indexOf(current);\n      const index = Math.min(steps.length - 1, currentIndex + 1);\n\n      const nextStep = steps[index];\n\n      setStatus({\n        ...status,\n        [current]: 'complete'\n      });\n      setCurrent(nextStep);\n    }\n\n    return (\n      <>\n        <div className=\"text-center\">\n          <ProgressStepper<Step>\n            className=\"ms-auto\"\n            steps={steps}\n            onClick={(step) => setCurrent(step)}\n            isStepClickable={(step) => {\n              // The current step is never clickable\n              if (step === current) {\n                return false;\n              }\n\n              return status[step] === 'complete';\n            }}\n            titleForStep={(step) => step}\n            colorForStep={(step) => {\n              const stepStatus = status[step];\n\n              // Error status always wins from the current status.\n              if (stepStatus === 'error') {\n                return 'danger';\n              }\n\n              // When not in error and the step is the current step make it primary\n              if (step === current) {\n                return 'primary';\n              }\n\n              return stepStatus === 'complete' ? 'success' : 'secondary';\n            }}\n          />\n        </div>\n        <div className=\"ms-2\">\n          <h1>Form: {current}</h1>\n\n          <button className=\"btn btn-primary\" onClick={onSubmit}>\n            Submit\n          </button>\n\n          <p>\n            Press the &quot;Submit&quot; button to jump to the next stage. It\n            will either succeed or fail randomly.\n          </p>\n        </div>\n      </>\n    );\n  });\n",locationsMap:{example:{startLoc:{col:7,line:22},endLoc:{col:3,line:92},startBody:{col:18,line:22},endBody:{col:3,line:92}}}}}).addParameters({component:_ProgressStepper__WEBPACK_IMPORTED_MODULE_2__.Z}).add("example",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialState),2),status=_useState2[0],setStatus=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("Billing"),2),current=_useState4[0],setCurrent=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ProgressStepper__WEBPACK_IMPORTED_MODULE_2__.Z,{className:"ms-auto",steps,onClick:function onClick(step){return setCurrent(step)},isStepClickable:function isStepClickable(step){return step!==current&&"complete"===status[step]},titleForStep:function titleForStep(step){return step},colorForStep:function colorForStep(step){var stepStatus=status[step];return"error"===stepStatus?"danger":step===current?"primary":"complete"===stepStatus?"success":"secondary"}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"ms-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h1",null,"Form: ",current),react__WEBPACK_IMPORTED_MODULE_0__.createElement("button",{className:"btn btn-primary",onClick:function onSubmit(){if(Math.random()>.5)setStatus(_objectSpread(_objectSpread({},status),{},_defineProperty({},current,"Error")));else{var currentIndex=steps.indexOf(current),index=Math.min(steps.length-1,currentIndex+1),nextStep=steps[index];setStatus(_objectSpread(_objectSpread({},status),{},_defineProperty({},current,"complete"))),setCurrent(nextStep)}}},"Submit"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,'Press the "Submit" button to jump to the next stage. It will either succeed or fail randomly.')))}))},"./src/core/SearchInput/SearchInput.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_SearchInput__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/SearchInput/SearchInput.tsx"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/index.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/SearchInput",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport SearchInput from './SearchInput';\n\nimport { Card } from 'reactstrap';\nimport { Button, Icon, Select, Tooltip } from '../..';\n\nstoriesOf('core/SearchInput', module)\n  .addParameters({ component: SearchInput })\n  .add('default', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n        <SearchInput defaultValue={query} onChange={setQuery} />\n      </Card>\n    );\n  })\n  .add('without icon', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n        <SearchInput\n          defaultValue={query}\n          onChange={setQuery}\n          showIcon={false}\n        />\n      </Card>\n    );\n  })\n  .add('with custom debounce', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n        <SearchInput defaultValue={query} onChange={setQuery} debounce={1000} />\n      </Card>\n    );\n  })\n  .add('with custom debounce settings', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n        <SearchInput\n          defaultValue={query}\n          onChange={setQuery}\n          debounce={1000}\n          debounceSettings={{ leading: true, trailing: true }}\n        />\n      </Card>\n    );\n  })\n  .add('with placeholder', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n        <SearchInput\n          defaultValue={query}\n          onChange={setQuery}\n          placeholder=\"Search...\"\n        />\n      </Card>\n    );\n  })\n  .add('with label', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n        <SearchInput\n          id=\"search\"\n          label=\"Search\"\n          defaultValue={query}\n          onChange={setQuery}\n        />\n      </Card>\n    );\n  })\n  .add('with custom label', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n        <SearchInput\n          id=\"search\"\n          label={\n            <div className=\"d-flex justify-content-between\">\n              <span>Search</span>\n              <Tooltip className=\"ms-1\" content=\"Search the following fields\">\n                <Icon icon=\"info\" />\n              </Tooltip>\n            </div>\n          }\n          defaultValue={query}\n          onChange={setQuery}\n        />\n      </Card>\n    );\n  })\n  .add('with external value', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n\n        <SearchInput defaultValue={query} onChange={setQuery} debounce={1000}>\n          {(searchInput, { setValue }) => (\n            <>\n              {searchInput}\n\n              <Button className=\"mt-3\" onClick={() => setValue('')}>\n                Clear query\n              </Button>\n\n              <Select\n                className=\"mt-2\"\n                id=\"predefined-query\"\n                label=\"Predefined queries\"\n                value={query}\n                placeholder=\"Please select a predefined query\"\n                options={['Maarten', 'Jeffrey']}\n                labelForOption={(option) => option}\n                onChange={(value) => {\n                  if (value) {\n                    setValue(value);\n                  }\n                }}\n              />\n            </>\n          )}\n        </SearchInput>\n      </Card>\n    );\n  })\n  .add('without clear button', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n        <SearchInput\n          defaultValue={query}\n          onChange={setQuery}\n          canClear={false}\n        />\n      </Card>\n    );\n  });\n",locationsMap:{"without-clear-button":{startLoc:{col:7,line:147},endLoc:{col:3,line:160},startBody:{col:31,line:147},endBody:{col:3,line:160}},"with-external-value":{startLoc:{col:7,line:111},endLoc:{col:3,line:146},startBody:{col:30,line:111},endBody:{col:3,line:146}},"with-custom-label":{startLoc:{col:7,line:89},endLoc:{col:3,line:110},startBody:{col:28,line:89},endBody:{col:3,line:110}},"with-label":{startLoc:{col:7,line:74},endLoc:{col:3,line:88},startBody:{col:21,line:74},endBody:{col:3,line:88}},"with-placeholder":{startLoc:{col:7,line:60},endLoc:{col:3,line:73},startBody:{col:27,line:60},endBody:{col:3,line:73}},"with-custom-debounce-settings":{startLoc:{col:7,line:45},endLoc:{col:3,line:59},startBody:{col:40,line:45},endBody:{col:3,line:59}},"with-custom-debounce":{startLoc:{col:7,line:35},endLoc:{col:3,line:44},startBody:{col:31,line:35},endBody:{col:3,line:44}},"without-icon":{startLoc:{col:7,line:21},endLoc:{col:3,line:34},startBody:{col:23,line:21},endBody:{col:3,line:34}},default:{startLoc:{col:7,line:11},endLoc:{col:3,line:20},startBody:{col:18,line:11},endBody:{col:3,line:20}}}}}).addParameters({component:_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState2[0],setQuery=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{defaultValue:query,onChange:setQuery}))})).add("without icon",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState4[0],setQuery=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{defaultValue:query,onChange:setQuery,showIcon:!1}))})).add("with custom debounce",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState6[0],setQuery=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{defaultValue:query,onChange:setQuery,debounce:1e3}))})).add("with custom debounce settings",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState8[0],setQuery=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{defaultValue:query,onChange:setQuery,debounce:1e3,debounceSettings:{leading:!0,trailing:!0}}))})).add("with placeholder",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState10[0],setQuery=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{defaultValue:query,onChange:setQuery,placeholder:"Search..."}))})).add("with label",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState12[0],setQuery=_useState12[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"search",label:"Search",defaultValue:query,onChange:setQuery}))})).add("with custom label",(function(){var _useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState14[0],setQuery=_useState14[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"search",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Search"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_3__.u,{className:"ms-1",content:"Search the following fields"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_3__.JO,{icon:"info"}))),defaultValue:query,onChange:setQuery}))})).add("with external value",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState16[0],setQuery=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{defaultValue:query,onChange:setQuery,debounce:1e3},(function(searchInput,_ref){var setValue=_ref.setValue;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,searchInput,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_3__.zx,{className:"mt-3",onClick:function onClick(){return setValue("")}},"Clear query"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_3__.Ph,{className:"mt-2",id:"predefined-query",label:"Predefined queries",value:query,placeholder:"Please select a predefined query",options:["Maarten","Jeffrey"],labelForOption:function labelForOption(option){return option},onChange:function onChange(value){value&&setValue(value)}}))})))})).add("without clear button",(function(){var _useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState18[0],setQuery=_useState18[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{defaultValue:query,onChange:setQuery,canClear:!1}))}))},"./src/core/Spinner/Spinner.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_Spinner__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Spinner/Spinner.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Spinner",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport Spinner from \'./Spinner\';\n\nstoriesOf(\'core/Spinner\', module)\n  .addParameters({ component: Spinner })\n  .add(\'default\', () => {\n    return (\n      <div className="text-center">\n        <Spinner color="" size={42} />\n        <hr />\n        <Spinner color="red" size={42} />\n        <Spinner color="white" size={42} />\n        <Spinner color="blue" size={42} />\n        <hr />\n        <Spinner color="orange" size={16} />\n        <hr />\n        <Spinner color="purple" size={500} />\n      </div>\n    );\n  });\n',locationsMap:{default:{startLoc:{col:7,line:8},endLoc:{col:3,line:22},startBody:{col:18,line:8},endBody:{col:3,line:22}}}}}).addParameters({component:_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z,{color:"",size:42}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z,{color:"red",size:42}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z,{color:"white",size:42}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z,{color:"blue",size:42}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z,{color:"orange",size:16}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z,{color:"purple",size:500}))}))},"./src/core/SubmitButton/SubmitButton.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_SubmitButton__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/SubmitButton/SubmitButton.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/buttons/SubmitButton",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport SubmitButton from './SubmitButton';\n\nstoriesOf('core/buttons/SubmitButton', module)\n  .addParameters({ component: SubmitButton })\n  .add('default', () => {\n    return (\n      <div className=\"text-center\">\n        <p>When not in progress:</p>\n        <SubmitButton onClick={() => action('on submit')} inProgress={false}>\n          Save\n        </SubmitButton>\n\n        <hr />\n\n        <p>When in progress:</p>\n        <SubmitButton onClick={() => action('on submit')} inProgress={true}>\n          Save\n        </SubmitButton>\n      </div>\n    );\n  })\n  .add('size', () => {\n    return (\n      <div>\n        <SubmitButton\n          onClick={() => action('on submit')}\n          inProgress={false}\n          size=\"sm\"\n        >\n          sm\n        </SubmitButton>\n\n        <SubmitButton\n          onClick={() => action('on submit')}\n          inProgress={false}\n          size=\"md\"\n        >\n          default (md)\n        </SubmitButton>\n\n        <SubmitButton\n          onClick={() => action('on submit')}\n          inProgress={false}\n          size=\"lg\"\n        >\n          lg\n        </SubmitButton>\n      </div>\n    );\n  });\n",locationsMap:{size:{startLoc:{col:7,line:26},endLoc:{col:3,line:54},startBody:{col:15,line:26},endBody:{col:3,line:54}},default:{startLoc:{col:7,line:9},endLoc:{col:3,line:25},startBody:{col:18,line:9},endBody:{col:3,line:25}}}}}).addParameters({component:_SubmitButton__WEBPACK_IMPORTED_MODULE_3__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When not in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SubmitButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onClick:function onClick(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("on submit")},inProgress:!1},"Save"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SubmitButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onClick:function onClick(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("on submit")},inProgress:!0},"Save"))})).add("size",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SubmitButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onClick:function onClick(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("on submit")},inProgress:!1,size:"sm"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SubmitButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onClick:function onClick(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("on submit")},inProgress:!1,size:"md"},"default (md)"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SubmitButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onClick:function onClick(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("on submit")},inProgress:!1,size:"lg"},"lg"))}))},"./src/core/SuccessIcon/SuccessIcon.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_SuccessIcon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/SuccessIcon/SuccessIcon.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/SuccessIcon",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport { SuccessIcon } from './SuccessIcon';\n\nstoriesOf('core/SuccessIcon', module)\n  .addParameters({ component: SuccessIcon })\n  .add('default', () => {\n    const [value, setValue] = useState(false);\n    return (\n      <div className=\"text-center\">\n        <SuccessIcon\n          onChange={() => setValue(!value)}\n          value={value}\n        />\n      </div>\n    );\n  })\n  .add('hover color', () => {\n    const [value, setValue] = useState(false);\n    return (\n      <div className=\"text-center\">\n        <SuccessIcon\n          onChange={() => setValue(!value)}\n          value={value}\n          hoverColor=\"danger\"\n        />\n      </div>\n    );\n  });\n",locationsMap:{"hover-color":{startLoc:{col:7,line:19},endLoc:{col:3,line:30},startBody:{col:22,line:19},endBody:{col:3,line:30}},default:{startLoc:{col:7,line:8},endLoc:{col:3,line:18},startBody:{col:18,line:8},endBody:{col:3,line:18}}}}}).addParameters({component:_SuccessIcon__WEBPACK_IMPORTED_MODULE_2__.t}).add("default",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SuccessIcon__WEBPACK_IMPORTED_MODULE_2__.t,{onChange:function onChange(){return setValue(!value)},value}))})).add("hover color",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SuccessIcon__WEBPACK_IMPORTED_MODULE_2__.t,{onChange:function onChange(){return setValue(!value)},value,hoverColor:"danger"}))}))},"./src/core/Tabs/Tabs.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_Tabs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Tabs/Tabs.tsx"),react_final_form__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/Tabs/Tab/Tab.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/core/Button/Button.tsx"),_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/Input/Input.tsx"),_form_Textarea_Textarea__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/Textarea/Textarea.tsx"),_Card_Card__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/core/Card/Card.tsx"),_form_story_utils__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/form/story-utils.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);function isRequired(value){return value?void 0:"This field is required"}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Tabs",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport { Tabs } from './Tabs';\n\nimport { Form } from 'react-final-form';\nimport { Tab } from './Tab/Tab';\nimport Button from '../Button/Button';\nimport { JarbInput } from '../../form/Input/Input';\nimport { JarbTextarea } from '../../form/Textarea/Textarea';\nimport { Card } from '../Card/Card';\nimport { sleep } from '../../form/story-utils';\n\nstoriesOf('core/Tabs', module)\n  .addParameters({ component: Tabs })\n  .addParameters({ component: Tab })\n  .add('default', () => {\n    type AvailableTabs = 'info' | 'testing' | 'details';\n    const [activeTab, setActiveTab] = useState<AvailableTabs>('info');\n    return (\n      <Card>\n        <Tabs>\n          <Tab\n            onClick={() => setActiveTab('info')}\n            active={activeTab === 'info'}\n            label=\"info\"\n          >\n            {() => <p>You should be able to use these tabs</p>}\n          </Tab>\n          <Tab\n            onClick={() => setActiveTab('testing')}\n            active={activeTab === 'testing'}\n            label=\"testing\"\n          >\n            {() => <p>This is suspended content</p>}\n          </Tab>\n          <Tab\n            onClick={() => setActiveTab('details')}\n            active={activeTab === 'details'}\n            label=\"details\"\n          >\n            {() => <Button color=\"primary\">This is a button</Button>}\n          </Tab>\n        </Tabs>\n      </Card>\n    );\n  })\n  .add('disabled', () => {\n    type AvailableTabs = 'info' | 'testing' | 'details';\n    const [activeTab, setActiveTab] = useState<AvailableTabs>('info');\n    return (\n      <Card>\n        <Tabs>\n          <Tab\n            onClick={() => setActiveTab('info')}\n            active={activeTab === 'info'}\n            label=\"info\"\n            disabled={false}\n          >\n            {() => <p>You should be able to use these tabs</p>}\n          </Tab>\n          <Tab\n            onClick={() => setActiveTab('testing')}\n            active={activeTab === 'testing'}\n            label=\"testing\"\n            disabled={true}\n          >\n            {() => <p>This content is suspended</p>}\n          </Tab>\n          <Tab\n            onClick={() => setActiveTab('details')}\n            active={activeTab === 'details'}\n            label=\"details\"\n            disabled={false}\n          >\n            {() => <Button color=\"primary\">This is a button</Button>}\n          </Tab>\n        </Tabs>\n      </Card>\n    );\n  })\n  .add('show/hide', () => {\n    type AvailableTabs = 'info' | 'testing' | 'details';\n    const [activeTab, setActiveTab] = useState<AvailableTabs>('info');\n    return (\n      <Card>\n        <p>\n          You can leverage the show property to do things like permission checks\n          to hide the tab if the user is not allowed to see the content.\n        </p>\n        <Tabs>\n          <Tab\n            onClick={() => setActiveTab('info')}\n            active={activeTab === 'info'}\n            label=\"info\"\n            show={() => true}\n          >\n            {() => <p>You should be able to use these tabs</p>}\n          </Tab>\n          <Tab\n            onClick={() => setActiveTab('testing')}\n            active={activeTab === 'testing'}\n            label=\"testing\"\n            show={() => true}\n          >\n            {() => <p>This content is suspended</p>}\n          </Tab>\n          <Tab\n            onClick={() => setActiveTab('details')}\n            active={activeTab === 'details'}\n            label=\"details\"\n            show={() => false}\n          >\n            {() => <Button color=\"primary\">This is a button</Button>}\n          </Tab>\n        </Tabs>\n      </Card>\n    );\n  })\n  .add('with icons', () => {\n    type AvailableTabs = 'info' | 'testing' | 'details';\n    const [activeTab, setActiveTab] = useState<AvailableTabs>('info');\n    return (\n      <Card>\n        <Tabs>\n          <Tab\n            onClick={() => setActiveTab('info')}\n            active={activeTab === 'info'}\n            label=\"info\"\n            icon=\"info\"\n            iconColor=\"primary\"\n          >\n            {() => <p>You should be able to use these tabs</p>}\n          </Tab>\n          <Tab\n            onClick={() => setActiveTab('testing')}\n            active={activeTab === 'testing'}\n            label=\"testing\"\n            icon=\"warning\"\n            iconColor=\"warning\"\n          >\n            {() => <p>This content is suspended</p>}\n          </Tab>\n          <Tab\n            onClick={() => setActiveTab('details')}\n            active={activeTab === 'details'}\n            label=\"details\"\n            icon=\"keyboard_hide\"\n            iconColor=\"danger\"\n          >\n            {() => <Button color=\"primary\">This is a button</Button>}\n          </Tab>\n        </Tabs>\n      </Card>\n    );\n  })\n  .add('within a form', () => {\n    type AvailableTabs = 'info' | 'content';\n    const [activeTab, setActiveTab] = useState<AvailableTabs>('info');\n    const [triedToSubmit, setTriedToSubmit] = useState(false);\n    return (\n      <Form\n        onSubmit={() => sleep(1000)}\n        render={({ handleSubmit, submitting, errors }) => (\n          <Card>\n            <p>\n              Hide inactive tabs using CSS when the tabs are used in a\n              final-form. When all form elements are in the DOM, they will all\n              participate in the form validation. This way, form elements across\n              all tabs are checked.\n            </p>\n            <Tabs hideInactiveTabsBy=\"CSS\">\n              <Tab\n                label=\"info\"\n                onClick={() => setActiveTab('info')}\n                active={activeTab === 'info'}\n                icon={\n                  errors &&\n                  (errors.username || errors.password) &&\n                  triedToSubmit\n                    ? 'warning'\n                    : undefined\n                }\n                iconColor=\"danger\"\n              >\n                {() => (\n                  <>\n                    <JarbInput\n                      jarb={{\n                        validator: '',\n                        label: 'username'\n                      }}\n                      validators={[isRequired]}\n                      id=\"username\"\n                      label=\"Username\"\n                      name=\"username\"\n                    />\n                    <JarbInput\n                      jarb={{\n                        validator: '',\n                        label: 'password'\n                      }}\n                      validators={[isRequired]}\n                      id=\"password\"\n                      label=\"Password\"\n                      type=\"password\"\n                      name=\"password\"\n                    />\n                  </>\n                )}\n              </Tab>\n              <Tab\n                label=\"content\"\n                onClick={() => setActiveTab('content')}\n                active={activeTab === 'content'}\n                icon={\n                  errors && errors.content && triedToSubmit\n                    ? 'warning'\n                    : undefined\n                }\n                iconColor=\"danger\"\n              >\n                {() => (\n                  <JarbTextarea\n                    jarb={{\n                      validator: '',\n                      label: 'content'\n                    }}\n                    validators={[isRequired]}\n                    id=\"content\"\n                    label=\"Content\"\n                    name=\"content\"\n                  />\n                )}\n              </Tab>\n            </Tabs>\n            <Button\n              inProgress={submitting}\n              onClick={() => {\n                setTriedToSubmit(true);\n                handleSubmit();\n              }}\n            >\n              Submit\n            </Button>\n          </Card>\n        )}\n      />\n    );\n  });\n\nfunction isRequired(value?: any) {\n  return value ? undefined : 'This field is required';\n}\n",locationsMap:{"within-a-form":{startLoc:{col:7,line:157},endLoc:{col:3,line:250},startBody:{col:24,line:157},endBody:{col:3,line:250}},"with-icons":{startLoc:{col:7,line:120},endLoc:{col:3,line:156},startBody:{col:21,line:120},endBody:{col:3,line:156}},"show-hide":{startLoc:{col:7,line:82},endLoc:{col:3,line:119},startBody:{col:20,line:82},endBody:{col:3,line:119}},disabled:{startLoc:{col:7,line:48},endLoc:{col:3,line:81},startBody:{col:19,line:48},endBody:{col:3,line:81}},default:{startLoc:{col:7,line:17},endLoc:{col:3,line:47},startBody:{col:18,line:17},endBody:{col:3,line:47}}}}}).addParameters({component:_Tabs__WEBPACK_IMPORTED_MODULE_2__.m}).addParameters({component:_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O}).add("default",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("info"),2),activeTab=_useState2[0],setActiveTab=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Card_Card__WEBPACK_IMPORTED_MODULE_8__.Z,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tabs__WEBPACK_IMPORTED_MODULE_2__.m,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("info")},active:"info"===activeTab,label:"info"},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You should be able to use these tabs")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("testing")},active:"testing"===activeTab,label:"testing"},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"This is suspended content")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("details")},active:"details"===activeTab,label:"details"},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{color:"primary"},"This is a button")}))))})).add("disabled",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("info"),2),activeTab=_useState4[0],setActiveTab=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Card_Card__WEBPACK_IMPORTED_MODULE_8__.Z,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tabs__WEBPACK_IMPORTED_MODULE_2__.m,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("info")},active:"info"===activeTab,label:"info",disabled:!1},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You should be able to use these tabs")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("testing")},active:"testing"===activeTab,label:"testing",disabled:!0},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"This content is suspended")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("details")},active:"details"===activeTab,label:"details",disabled:!1},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{color:"primary"},"This is a button")}))))})).add("show/hide",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("info"),2),activeTab=_useState6[0],setActiveTab=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Card_Card__WEBPACK_IMPORTED_MODULE_8__.Z,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You can leverage the show property to do things like permission checks to hide the tab if the user is not allowed to see the content."),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tabs__WEBPACK_IMPORTED_MODULE_2__.m,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("info")},active:"info"===activeTab,label:"info",show:function show(){return!0}},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You should be able to use these tabs")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("testing")},active:"testing"===activeTab,label:"testing",show:function show(){return!0}},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"This content is suspended")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("details")},active:"details"===activeTab,label:"details",show:function show(){return!1}},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{color:"primary"},"This is a button")}))))})).add("with icons",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("info"),2),activeTab=_useState8[0],setActiveTab=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Card_Card__WEBPACK_IMPORTED_MODULE_8__.Z,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tabs__WEBPACK_IMPORTED_MODULE_2__.m,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("info")},active:"info"===activeTab,label:"info",icon:"info",iconColor:"primary"},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You should be able to use these tabs")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("testing")},active:"testing"===activeTab,label:"testing",icon:"warning",iconColor:"warning"},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"This content is suspended")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("details")},active:"details"===activeTab,label:"details",icon:"keyboard_hide",iconColor:"danger"},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{color:"primary"},"This is a button")}))))})).add("within a form",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("info"),2),activeTab=_useState10[0],setActiveTab=_useState10[1],_useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),triedToSubmit=_useState12[0],setTriedToSubmit=_useState12[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_3__.Form,{onSubmit:function onSubmit(){return(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_9__._v)(1e3)},render:function render(_ref){var handleSubmit=_ref.handleSubmit,submitting=_ref.submitting,errors=_ref.errors;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Card_Card__WEBPACK_IMPORTED_MODULE_8__.Z,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Hide inactive tabs using CSS when the tabs are used in a final-form. When all form elements are in the DOM, they will all participate in the form validation. This way, form elements across all tabs are checked."),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tabs__WEBPACK_IMPORTED_MODULE_2__.m,{hideInactiveTabsBy:"CSS"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{label:"info",onClick:function onClick(){return setActiveTab("info")},active:"info"===activeTab,icon:errors&&(errors.username||errors.password)&&triedToSubmit?"warning":void 0,iconColor:"danger"},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{jarb:{validator:"",label:"username"},validators:[isRequired],id:"username",label:"Username",name:"username"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{jarb:{validator:"",label:"password"},validators:[isRequired],id:"password",label:"Password",type:"password",name:"password"}))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{label:"content",onClick:function onClick(){return setActiveTab("content")},active:"content"===activeTab,icon:errors&&errors.content&&triedToSubmit?"warning":void 0,iconColor:"danger"},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Textarea_Textarea__WEBPACK_IMPORTED_MODULE_7__.X,{jarb:{validator:"",label:"content"},validators:[isRequired],id:"content",label:"Content",name:"content"})}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{inProgress:submitting,onClick:function onClick(){setTriedToSubmit(!0),handleSubmit()}},"Submit"))}})}))},"./src/core/Tag/Tag.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_Tag__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Tag/Tag.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Tag",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { action } from \'@storybook/addon-actions\';\n\nimport Tag from \'./Tag\';\n\nstoriesOf(\'core/Tag\', module)\n  .addParameters({ component: Tag })\n  .add(\'default\', () => (\n    <div className="text-center">\n      <Tag text="Maarten" />\n      <Tag text="Maarten" color="success" />\n      <Tag text="Maarten" color="info" />\n      <Tag text="Maarten" color="warning" />\n      <Tag text="Maarten" color="danger" />\n      <Tag text="Maarten" onRemove={action(\'on close\')} />\n    </div>\n  ));\n',locationsMap:{default:{startLoc:{col:7,line:9},endLoc:{col:3,line:18},startBody:{col:18,line:9},endBody:{col:3,line:18}}}}}).addParameters({component:_Tag__WEBPACK_IMPORTED_MODULE_3__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{text:"Maarten"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{text:"Maarten",color:"success"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{text:"Maarten",color:"info"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{text:"Maarten",color:"warning"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{text:"Maarten",color:"danger"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{text:"Maarten",onRemove:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("on close")}))}))},"./src/core/TextButton/TextButton.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_TextButton__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/TextButton/TextButton.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/buttons/TextButton",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport TextButton from './TextButton';\n\nstoriesOf('core/buttons/TextButton', module)\n  .addParameters({ component: TextButton })\n  .add('default', () => {\n    return (\n      <div className=\"text-center mt-5\">\n        <TextButton onClick={action('onClick')}>Clear</TextButton>\n      </div>\n    );\n  });\n",locationsMap:{default:{startLoc:{col:7,line:9},endLoc:{col:3,line:15},startBody:{col:18,line:9},endBody:{col:3,line:15}}}}}).addParameters({component:_TextButton__WEBPACK_IMPORTED_MODULE_3__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center mt-5"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onClick")},"Clear"))}))},"./src/core/Toggle/Toggle.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_Toggle__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Toggle/Toggle.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Core/Toggle",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { action } from \'@storybook/addon-actions\';\n\nimport Toggle from \'./Toggle\';\n\nstoriesOf(\'Core/Toggle\', module).add(\'basic\', () => {\n  const [primary, setPrimary] = useState(true);\n  const [secondary, setSecondary] = useState(true);\n  const [info, setInfo] = useState(true);\n  const [success, setSuccess] = useState(true);\n  const [warning, setWarning] = useState(true);\n  const [danger, setDanger] = useState(true);\n  const [light, setLight] = useState(true);\n  const [dark, setDark] = useState(true);\n\n  return (\n    <div className="text-center">\n      <Toggle\n        value={primary}\n        color="primary"\n        onChange={setPrimary}\n        onBlur={action(\'onBlur\')}\n        label="primary"\n      />\n      <br />\n      <Toggle\n        value={secondary}\n        color="secondary"\n        onChange={setSecondary}\n        onBlur={action(\'onBlur\')}\n        label="secondary"\n      />\n      <br />\n      <Toggle\n        value={info}\n        color="info"\n        onChange={setInfo}\n        onBlur={action(\'onBlur\')}\n        label="info"\n      />\n      <br />\n      <Toggle\n        value={success}\n        color="success"\n        onChange={setSuccess}\n        onBlur={action(\'onBlur\')}\n        label="success"\n      />\n      <br />\n      <Toggle\n        value={warning}\n        color="warning"\n        onChange={setWarning}\n        onBlur={action(\'onBlur\')}\n        label="warning"\n      />\n      <br />\n      <Toggle\n        value={danger}\n        color="danger"\n        onChange={setDanger}\n        onBlur={action(\'onBlur\')}\n        label="danger"\n      />\n      <br />\n      <Toggle\n        value={light}\n        color="light"\n        onChange={setLight}\n        onBlur={action(\'onBlur\')}\n        label="light"\n      />\n      <br />\n      <Toggle\n        value={dark}\n        color="dark"\n        onChange={setDark}\n        onBlur={action(\'onBlur\')}\n        label="dark"\n      />\n    </div>\n  );\n});\n',locationsMap:{basic:{startLoc:{col:37,line:7},endLoc:{col:1,line:84},startBody:{col:46,line:7},endBody:{col:1,line:84}}}}}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),primary=_useState2[0],setPrimary=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),secondary=_useState4[0],setSecondary=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),info=_useState6[0],setInfo=_useState6[1],_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),success=_useState8[0],setSuccess=_useState8[1],_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),warning=_useState10[0],setWarning=_useState10[1],_useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),danger=_useState12[0],setDanger=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),light=_useState14[0],setLight=_useState14[1],_useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),dark=_useState16[0],setDark=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Toggle__WEBPACK_IMPORTED_MODULE_3__.Z,{value:primary,color:"primary",onChange:setPrimary,onBlur:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur"),label:"primary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Toggle__WEBPACK_IMPORTED_MODULE_3__.Z,{value:secondary,color:"secondary",onChange:setSecondary,onBlur:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur"),label:"secondary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Toggle__WEBPACK_IMPORTED_MODULE_3__.Z,{value:info,color:"info",onChange:setInfo,onBlur:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur"),label:"info"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Toggle__WEBPACK_IMPORTED_MODULE_3__.Z,{value:success,color:"success",onChange:setSuccess,onBlur:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur"),label:"success"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Toggle__WEBPACK_IMPORTED_MODULE_3__.Z,{value:warning,color:"warning",onChange:setWarning,onBlur:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur"),label:"warning"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Toggle__WEBPACK_IMPORTED_MODULE_3__.Z,{value:danger,color:"danger",onChange:setDanger,onBlur:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur"),label:"danger"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Toggle__WEBPACK_IMPORTED_MODULE_3__.Z,{value:light,color:"light",onChange:setLight,onBlur:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur"),label:"light"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Toggle__WEBPACK_IMPORTED_MODULE_3__.Z,{value:dark,color:"dark",onChange:setDark,onBlur:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur"),label:"dark"}))}))},"./src/core/Tooltip/Tooltip.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_Tooltip__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Tooltip/Tooltip.tsx"),_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Tag/Tag.tsx"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Tooltip",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport Tooltip from \'./Tooltip\';\nimport Tag from \'../Tag/Tag\';\nimport { Button, Col, Row } from \'reactstrap\';\n\nstoriesOf(\'core/Tooltip\', module)\n  .addParameters({ component: Tooltip })\n  .add(\'default\', () => (\n    <div className="d-flex flex-column">\n      <Row className="my-3">\n        <Col className="d-flex justify-content-around align-items-center">\n          <Tooltip content="This is a tooltip">\n            <Tag color="danger" text="Hover me!" />\n          </Tooltip>\n\n          <Tooltip content="Tooltip-text">\n            <h5>Can be wrapped around any component</h5>\n          </Tooltip>\n\n          <Tooltip content="This is a tooltip">Plain text</Tooltip>\n\n          <Tooltip content="Buttons work too">\n            <Button>Hover this button!</Button>\n          </Tooltip>\n        </Col>\n      </Row>\n    </div>\n  ))\n\n  .add(\'alignment\', () => (\n    <>\n      <h6>Alignment</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Tooltip content={\'Placement bottom\'} placement="bottom">\n            <Tag color="danger" text="Hover me!" />\n          </Tooltip>\n\n          <Tooltip content={\'Placement left\'} placement="left">\n            <Tag color="warning" text="Hover me!" />\n          </Tooltip>\n          <Tooltip content={\'Placement right\'} placement="right">\n            <Tag color="primary" text="Hover me!" />\n          </Tooltip>\n\n          <Tooltip content={\'Placement top\'} placement="top">\n            <Tag color="success" text="Hover me!" />\n          </Tooltip>\n        </Col>\n      </Row>\n      <hr />\n\n      <h6>Alignment-modifier</h6>\n      <Row className="mt-3">\n        <Col className="d-flex justify-content-around">\n          <Tooltip content={\'right-start\'} placement="right-start">\n            <Button style={{ height: 75 }}> Hover me! </Button>\n          </Tooltip>\n\n          <Tooltip content={\'right\'} placement="right">\n            <Button style={{ height: 75 }}> Hover me! </Button>\n          </Tooltip>\n\n          <Tooltip content={\'right-end\'} placement="right-end">\n            <Button style={{ height: 75 }}> Hover me! </Button>\n          </Tooltip>\n        </Col>\n      </Row>\n    </>\n  ))\n\n  .add(\'width, distance and offset\', () => (\n    <>\n      <h6>Max width</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Tooltip\n            content={<p className="text-center">You can set me to be narrow</p>}\n            maxWidth={80}\n          >\n            <Tag color="warning" text={\'Hover me!\'} />\n          </Tooltip>\n\n          <Tooltip\n            content={\n              <p className="text-center">Or you can set me to be wide...</p>\n            }\n            maxWidth={500}\n          >\n            <Tag color="warning" text={\'Hover me!\'} />\n          </Tooltip>\n        </Col>\n      </Row>\n\n      <hr />\n\n      <h6>Distance</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Tooltip content="far away" distance={15}>\n            <Tag color="success" text="far away" />\n          </Tooltip>\n\n          <Tooltip content="default distance">\n            <Tag color="success" text="default offset" />\n          </Tooltip>\n\n          <Tooltip content="very close" distance={3}>\n            <Tag color="success" text="very close" />\n          </Tooltip>\n        </Col>\n      </Row>\n\n      <h6>Offset</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Tooltip content="far away" offset={100}>\n            <Tag color="success" text="far away" />\n          </Tooltip>\n\n          <Tooltip content="default offset">\n            <Tag color="success" text="default offset" />\n          </Tooltip>\n\n          <Tooltip content="very close" offset={-100}>\n            <Tag color="success" text="very close" />\n          </Tooltip>\n        </Col>\n      </Row>\n    </>\n  ))\n\n  .add(\'components as content\', () => (\n    <>\n      <h6>Components</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Tooltip\n            interactive\n            content={\n              <div>\n                {\' \'}\n                I can render <b style={{ color: \'orange\' }}> HTML content</b>\n              </div>\n            }\n          >\n            <p color="orange">HTML</p>\n          </Tooltip>\n\n          <Tooltip\n            interactive\n            content={<Button color="danger"> React components too!</Button>}\n          >\n            <p>React</p>\n          </Tooltip>\n\n          <Tooltip\n            interactive\n            placement="left"\n            content={\n              <Tooltip\n                interactive\n                placement="left"\n                content={\n                  <Tooltip\n                    interactive\n                    placement="left"\n                    content={\n                      <Tooltip\n                        interactive\n                        placement="left"\n                        content={\n                          <Tooltip\n                            interactive\n                            placement="left"\n                            content={\n                              <Tooltip interactive content="Pretty cool right?">\n                                <p>5</p>\n                              </Tooltip>\n                            }\n                          >\n                            <p>4</p>\n                          </Tooltip>\n                        }\n                      >\n                        <p>3</p>\n                      </Tooltip>\n                    }\n                  >\n                    <p>2</p>\n                  </Tooltip>\n                }\n              >\n                <p>1</p>\n              </Tooltip>\n            }\n          >\n            <p>Tooltip-ception</p>\n          </Tooltip>\n        </Col>\n      </Row>\n\n      <hr />\n      <h6>Interactive</h6>\n\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Tooltip content="You cannot click my contents">\n            <Tag color="danger" text="I am not interactive" />\n          </Tooltip>\n          <Tooltip interactive content="You can click my content!">\n            <Tag color="success" text="I am interactive!" />\n          </Tooltip>\n        </Col>\n      </Row>\n    </>\n  ))\n\n  .add(\'custom wrapper\', () => (\n    <>\n      <h6>Custom wrapper</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Tooltip content="My children are in a <span>" tag="span">\n            By default, my children get wrapped in a span\n          </Tooltip>\n\n          <Tooltip content="My children are in a <div>" tag="div">\n            You can change that with the tag property\n          </Tooltip>\n        </Col>\n      </Row>\n    </>\n  ));\n',locationsMap:{"custom-wrapper":{startLoc:{col:7,line:221},endLoc:{col:3,line:236},startBody:{col:25,line:221},endBody:{col:3,line:236}},"components-as-content":{startLoc:{col:7,line:135},endLoc:{col:3,line:219},startBody:{col:32,line:135},endBody:{col:3,line:219}},"width-distance-and-offset":{startLoc:{col:7,line:74},endLoc:{col:3,line:133},startBody:{col:37,line:74},endBody:{col:3,line:133}},alignment:{startLoc:{col:7,line:32},endLoc:{col:3,line:72},startBody:{col:20,line:32},endBody:{col:3,line:72}},default:{startLoc:{col:7,line:10},endLoc:{col:3,line:30},startBody:{col:18,line:10},endBody:{col:3,line:30}}}}}).addParameters({component:_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex flex-column"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"my-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around align-items-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"This is a tooltip"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"danger",text:"Hover me!"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"Tooltip-text"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Can be wrapped around any component")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"This is a tooltip"},"Plain text"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"Buttons work too"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.zx,null,"Hover this button!")))))})).add("alignment",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Alignment"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"Placement bottom",placement:"bottom"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"danger",text:"Hover me!"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"Placement left",placement:"left"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"warning",text:"Hover me!"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"Placement right",placement:"right"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"primary",text:"Hover me!"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"Placement top",placement:"top"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",text:"Hover me!"})))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Alignment-modifier"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"mt-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"right-start",placement:"right-start"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.zx,{style:{height:75}}," Hover me! ")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"right",placement:"right"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.zx,{style:{height:75}}," Hover me! ")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"right-end",placement:"right-end"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.zx,{style:{height:75}}," Hover me! ")))))})).add("width, distance and offset",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Max width"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"text-center"},"You can set me to be narrow"),maxWidth:80},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"warning",text:"Hover me!"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"text-center"},"Or you can set me to be wide..."),maxWidth:500},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"warning",text:"Hover me!"})))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Distance"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"far away",distance:15},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",text:"far away"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"default distance"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",text:"default offset"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"very close",distance:3},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",text:"very close"})))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Offset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"far away",offset:100},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",text:"far away"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"default offset"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",text:"default offset"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"very close",offset:-100},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",text:"very close"})))))})).add("components as content",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Components"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,content:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null," ","I can render ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("b",{style:{color:"orange"}}," HTML content"))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{color:"orange"},"HTML")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,content:react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.zx,{color:"danger"}," React components too!")},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"React")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,placement:"left",content:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,placement:"left",content:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,placement:"left",content:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,placement:"left",content:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,placement:"left",content:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,content:"Pretty cool right?"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"5"))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"4"))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"3"))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"2"))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"1"))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Tooltip-ception")))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Interactive"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"You cannot click my contents"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"danger",text:"I am not interactive"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,content:"You can click my content!"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",text:"I am interactive!"})))))})).add("custom wrapper",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Custom wrapper"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"My children are in a <span>",tag:"span"},"By default, my children get wrapped in a span"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"My children are in a <div>",tag:"div"},"You can change that with the tag property"))))}))},"./src/core/lists/AttributeList/AttributeList.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_AttributeList__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/lists/AttributeList/AttributeList.tsx"),_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/lists/AttributeView/AttributeView.tsx"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/AttributeList",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport { AttributeList } from './AttributeList';\nimport { AttributeView } from '../AttributeView/AttributeView';\nimport { Card } from 'reactstrap';\n\nstoriesOf('core/AttributeList', module)\n  .addParameters({ component: AttributeList })\n  .add('basic example', () => {\n    return (\n      <AttributeList>\n        <AttributeView label=\"Name\">42 BV</AttributeView>\n        <AttributeView label=\"City\">Zoetermeer</AttributeView>\n        <AttributeView label=\"Country\">Netherlands</AttributeView>\n      </AttributeList>\n    );\n  })\n  .add('inside card', () => {\n    return (\n      <Card body className=\"py-1\">\n        <AttributeList>\n          <AttributeView label=\"Name\">42 BV</AttributeView>\n          <AttributeView label=\"City\">Zoetermeer</AttributeView>\n          <AttributeView label=\"Country\">Netherlands</AttributeView>\n        </AttributeList>\n      </Card>\n    );\n  });\n",locationsMap:{"inside-card":{startLoc:{col:7,line:19},endLoc:{col:3,line:29},startBody:{col:22,line:19},endBody:{col:3,line:29}},"basic-example":{startLoc:{col:7,line:10},endLoc:{col:3,line:18},startBody:{col:24,line:10},endBody:{col:3,line:18}}}}}).addParameters({component:_AttributeList__WEBPACK_IMPORTED_MODULE_2__.d}).add("basic example",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AttributeList__WEBPACK_IMPORTED_MODULE_2__.d,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_3__.P,{label:"Name"},"42 BV"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_3__.P,{label:"City"},"Zoetermeer"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_3__.P,{label:"Country"},"Netherlands"))})).add("inside card",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0,className:"py-1"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AttributeList__WEBPACK_IMPORTED_MODULE_2__.d,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_3__.P,{label:"Name"},"42 BV"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_3__.P,{label:"City"},"Zoetermeer"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_3__.P,{label:"Country"},"Netherlands")))}))},"./src/form/Checkbox/Checkbox.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Checkbox__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/Checkbox/Checkbox.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/story-utils.tsx"),_core_Icon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/Icon/index.ts"),_core_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/core/Tooltip/Tooltip.tsx"),_core_Card_Card__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/core/Card/Card.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);function isSClass(value){if(!1===value)return"Hero must be S class to proceed"}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/Checkbox",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { Alert } from \'reactstrap\';\n\nimport Checkbox, { JarbCheckbox } from \'./Checkbox\';\nimport { FinalForm } from \'../story-utils\';\n\nimport { Icon } from \'../../core/Icon\';\nimport Tooltip from \'../../core/Tooltip/Tooltip\';\nimport { Card } from \'../../core/Card/Card\';\n\nfunction isSClass(value?: boolean) {\n  if (value !== false) {\n    return undefined;\n  }\n\n  return \'Hero must be S class to proceed\';\n}\n\nstoriesOf(\'Form/Checkbox\', module)\n  .add(\'basic\', () => {\n    const [isSClass, setIsSClass] = useState<boolean | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <Checkbox\n          id="isSClass"\n          label="Is S class hero"\n          placeholder="Whether or not the hero is S class"\n          value={isSClass}\n          onChange={setIsSClass}\n        />\n\n        {isSClass ? (\n          <Alert color="success" className="d-flex">\n            <Icon icon="warning" className="me-1" /> This hero is of the highest\n            caliber\n          </Alert>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'basic with indeterminate\', () => {\n    const [isSClass, setIsSClass] = useState<boolean | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <Checkbox\n          id="isSClass"\n          label="Is S class hero"\n          placeholder="Whether or not the hero is S class"\n          value={isSClass}\n          onChange={setIsSClass}\n          allowIndeterminate={true}\n        />\n\n        {isSClass ? (\n          <Alert color="success" className="d-flex">\n            <Icon icon="warning" className="me-1" /> This hero is of the highest\n            caliber\n          </Alert>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'without placeholder\', () => {\n    const [isSClass, setIsSClass] = useState<boolean | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <Checkbox\n          id="isSClass"\n          label="Is S class hero"\n          value={isSClass}\n          onChange={setIsSClass}\n        />\n\n        {isSClass ? (\n          <Alert color="success" className="d-flex">\n            <Icon icon="warning" className="me-1" /> This hero is of the highest\n            caliber\n          </Alert>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    const [isSClass, setIsSClass] = useState<boolean | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <Checkbox\n          id="isSClass"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Is S class hero</span>\n              <Tooltip\n                className="ms-1"\n                content="An S class hero is a hero of the highest caliber"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Whether or not the hero is S class"\n          value={isSClass}\n          onChange={setIsSClass}\n        />\n\n        {isSClass ? (\n          <Alert color="success" className="d-flex">\n            <Icon icon="warning" className="me-1" /> This hero is of the highest\n            caliber\n          </Alert>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbCheckbox\n          id="isSClass"\n          name="isSClass"\n          label="Is S class hero"\n          placeholder="Whether or not the hero is S class"\n          validators={[isSClass]}\n          jarb={{\n            validator: \'Hero.isSClass\',\n            label: \'Description\'\n          }}\n        />\n      </FinalForm>\n    );\n  })\n  .add(\'jarb with indeterminate\', () => {\n    return (\n      <FinalForm>\n        <JarbCheckbox\n          id="isSClass"\n          name="isSClass"\n          label="Is S class hero"\n          placeholder="Whether or not the hero is S class"\n          validators={[isSClass]}\n          jarb={{\n            validator: \'Hero.isSClass\',\n            label: \'Description\'\n          }}\n          allowIndeterminate={true}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{"jarb-with-indeterminate":{startLoc:{col:7,line:136},endLoc:{col:3,line:153},startBody:{col:34,line:136},endBody:{col:3,line:153}},jarb:{startLoc:{col:7,line:119},endLoc:{col:3,line:135},startBody:{col:15,line:119},endBody:{col:3,line:135}},"with-custom-label":{startLoc:{col:7,line:87},endLoc:{col:3,line:118},startBody:{col:28,line:87},endBody:{col:3,line:118}},"without-placeholder":{startLoc:{col:7,line:66},endLoc:{col:3,line:86},startBody:{col:30,line:66},endBody:{col:3,line:86}},"basic-with-indeterminate":{startLoc:{col:7,line:43},endLoc:{col:3,line:65},startBody:{col:35,line:43},endBody:{col:3,line:65}},basic:{startLoc:{col:7,line:21},endLoc:{col:3,line:42},startBody:{col:16,line:21},endBody:{col:3,line:42}}}}}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),isSClass=_useState2[0],setIsSClass=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Card_Card__WEBPACK_IMPORTED_MODULE_6__.Z,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Checkbox__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"isSClass",label:"Is S class hero",placeholder:"Whether or not the hero is S class",value:isSClass,onChange:setIsSClass}),isSClass?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.bZ,{color:"success",className:"d-flex"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"warning",className:"me-1"})," This hero is of the highest caliber"):null)})).add("basic with indeterminate",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),isSClass=_useState4[0],setIsSClass=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Card_Card__WEBPACK_IMPORTED_MODULE_6__.Z,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Checkbox__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"isSClass",label:"Is S class hero",placeholder:"Whether or not the hero is S class",value:isSClass,onChange:setIsSClass,allowIndeterminate:!0}),isSClass?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.bZ,{color:"success",className:"d-flex"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"warning",className:"me-1"})," This hero is of the highest caliber"):null)})).add("without placeholder",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),isSClass=_useState6[0],setIsSClass=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Card_Card__WEBPACK_IMPORTED_MODULE_6__.Z,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Checkbox__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"isSClass",label:"Is S class hero",value:isSClass,onChange:setIsSClass}),isSClass?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.bZ,{color:"success",className:"d-flex"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"warning",className:"me-1"})," This hero is of the highest caliber"):null)})).add("with custom label",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),isSClass=_useState8[0],setIsSClass=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Card_Card__WEBPACK_IMPORTED_MODULE_6__.Z,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Checkbox__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"isSClass",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Is S class hero"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_5__.Z,{className:"ms-1",content:"An S class hero is a hero of the highest caliber"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Whether or not the hero is S class",value:isSClass,onChange:setIsSClass}),isSClass?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.bZ,{color:"success",className:"d-flex"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"warning",className:"me-1"})," This hero is of the highest caliber"):null)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Checkbox__WEBPACK_IMPORTED_MODULE_2__.r,{id:"isSClass",name:"isSClass",label:"Is S class hero",placeholder:"Whether or not the hero is S class",validators:[isSClass],jarb:{validator:"Hero.isSClass",label:"Description"}}))})).add("jarb with indeterminate",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Checkbox__WEBPACK_IMPORTED_MODULE_2__.r,{id:"isSClass",name:"isSClass",label:"Is S class hero",placeholder:"Whether or not the hero is S class",validators:[isSClass],jarb:{validator:"Hero.isSClass",label:"Description"},allowIndeterminate:!0}))}))},"./src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/CheckboxMultipleSelect",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport CheckboxMultipleSelect, {\n  JarbCheckboxMultipleSelect\n} from './CheckboxMultipleSelect';\nimport {\n  FinalForm,\n  IsOptionEqualInfo,\n  KeyForOptionInfo,\n  nonExistingProvince,\n  Province,\n  provinceFetcher,\n  provinces,\n  ReloadOptionsInfo\n} from '../story-utils';\nimport { Card, Icon, Toggle, Tooltip } from '../..';\n\nstoriesOf('Form/CheckboxMultipleSelect', module)\n  .add('predefined options', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className=\"m-2\">\n        <CheckboxMultipleSelect\n          id=\"provinces\"\n          label=\"Provinces\"\n          placeholder=\"Please select your provinces\"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{' '}\n            {value.map((province) => province.label).join(', ')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add('async options', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className=\"m-2\">\n        <CheckboxMultipleSelect\n          id=\"provinces\"\n          label=\"Provinces\"\n          placeholder=\"Please select your provinces\"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{' '}\n            {value.map((province) => province.label).join(', ')}\n          </p>\n        ) : null}\n\n        <p className=\"mt-3\">\n          <strong>Disclaimer:</strong> when using async, a maximum of 100\n          options will be displayed. If you want to display more than 100\n          options, you should use the ModalPickerMultiple.\n        </p>\n      </Card>\n    );\n  })\n  .add('disabled options', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className=\"m-2\">\n        <CheckboxMultipleSelect\n          id=\"provinces\"\n          label=\"Provinces\"\n          placeholder=\"Please select your provinces\"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEnabled={(option) => !option.label.startsWith('Z')}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{' '}\n            {value.map((province) => province.label).join(', ')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add('custom isOptionEqual', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      provinces()[0]\n    ]);\n\n    return (\n      <Card className=\"m-2\">\n        <CheckboxMultipleSelect\n          id=\"provinces\"\n          label=\"Provinces\"\n          placeholder=\"Please select your provinces\"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEqual={(a, b) => a.value === b.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{' '}\n            {value.map((province) => province.label).join(', ')}\n          </p>\n        ) : null}\n\n        <IsOptionEqualInfo />\n      </Card>\n    );\n  })\n  .add('custom keyForOption', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      provinces()[0]\n    ]);\n\n    return (\n      <Card className=\"m-2\">\n        <CheckboxMultipleSelect\n          id=\"provinces\"\n          label=\"Provinces\"\n          placeholder=\"Please select your provinces\"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          keyForOption={(province) => province.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{' '}\n            {value.map((province) => province.label).join(', ')}\n          </p>\n        ) : null}\n\n        <KeyForOptionInfo />\n      </Card>\n    );\n  })\n  .add('using reloadOptions', () => {\n    const [limitToNorthern, setLimitToNorthern] = useState(false);\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className=\"m-2\">\n        <p>\n          Limit to northern provinces\n          <Toggle\n            className=\"ms-2\"\n            color=\"primary\"\n            value={limitToNorthern}\n            onChange={() => setLimitToNorthern(!limitToNorthern)}\n          />\n        </p>\n\n        <CheckboxMultipleSelect\n          id=\"provinces\"\n          label=\"Provinces\"\n          placeholder=\"Please select your provinces\"\n          options={provinces().filter((option) =>\n            limitToNorthern ? option.north : true\n          )}\n          labelForOption={(option) => option.label}\n          value={value}\n          onChange={setValue}\n          reloadOptions={limitToNorthern}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{' '}\n            {value.map((province) => province.label).join(',')}\n          </p>\n        ) : null}\n\n        <ReloadOptionsInfo />\n      </Card>\n    );\n  })\n  .add('optionsShouldAlwaysContainValue', () => {\n    const permissions = [\n      'CREATE_CAR',\n      'UPDATE_CAR',\n      'READ_CAR',\n      'DELETE_CAR',\n\n      'CREATE_BIKE',\n      'UPDATE_BIKE',\n      'READ_BIKE',\n      'DELETE_BIKE',\n\n      'CREATE_BOAT',\n      'UPDATE_BOAT',\n      'READ_BOAT',\n      'DELETE_BOAT'\n    ] as const;\n\n    type Permission = typeof permissions[number];\n\n    function carPermissions(): Permission[] {\n      return ['CREATE_CAR', 'UPDATE_CAR', 'READ_CAR', 'DELETE_CAR'];\n    }\n\n    function bikePermissions(): Permission[] {\n      return ['CREATE_BIKE', 'UPDATE_BIKE', 'READ_BIKE', 'DELETE_BIKE'];\n    }\n\n    function boatPermissions(): Permission[] {\n      return ['CREATE_BOAT', 'UPDATE_BOAT', 'READ_BOAT', 'DELETE_BOAT'];\n    }\n\n    const [value, setValue] = useState<Permission[] | undefined>([\n      'CREATE_CAR',\n      'CREATE_BIKE',\n      'CREATE_BOAT'\n    ]);\n\n    return (\n      <Card className=\"m-2\">\n        <CheckboxMultipleSelect\n          key=\"car\"\n          id=\"carPermission\"\n          label=\"Car permissions\"\n          placeholder=\"Please select your car permissions\"\n          options={carPermissions()}\n          labelForOption={(permission) => permission}\n          optionsShouldAlwaysContainValue={false}\n          value={value}\n          onChange={setValue}\n        />\n\n        <CheckboxMultipleSelect\n          key=\"bike\"\n          id=\"bikePermission\"\n          label=\"Bike permissions\"\n          placeholder=\"Please select your bike permissions\"\n          options={bikePermissions()}\n          labelForOption={(permission) => permission}\n          optionsShouldAlwaysContainValue={false}\n          value={value}\n          onChange={setValue}\n        />\n\n        <CheckboxMultipleSelect\n          key=\"boat\"\n          id=\"boatPermission\"\n          label=\"Boat permissions\"\n          placeholder=\"Please select your boat permissions\"\n          options={boatPermissions()}\n          labelForOption={(permission) => permission}\n          optionsShouldAlwaysContainValue={false}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your permissions are:{' '}\n            {value.map((permissions) => permissions).join(', ')}\n          </p>\n        ) : null}\n\n        <p>\n          <strong>optionsShouldAlwaysContainValue</strong> determines whether or\n          not the form element should always contain the value which is\n          selected.\n        </p>\n\n        <p>\n          It should be <strong>true</strong> when using it in the following\n          situation: The form element receives a value which is no longer part\n          of the options. In that case it is handy to have the value\n          automatically added to the options, so the user still sees the select\n          value.\n        </p>\n\n        <p>\n          It should be <strong>false</strong> when using it in the following\n          situations:\n          <ol>\n            <li>\n              The selected `value` is displayed separately from the selection of\n              values. In this case it does not make sense to add the `value` to\n              the options because it is already displayed.\n            </li>\n\n            <li>\n              The form element represents a sub selection of a larger value. For\n              example you have an array of permissions of what the user can do\n              in the system, visually you display grouped by parts of the\n              domain. This means giving the same `value` to various form element\n              components to represent parts of the same array of permissions. If\n              `optionsShouldAlwaysContainValue` were `true` it would add all\n              permissions to each permission group.\n            </li>\n          </ol>\n        </p>\n\n        <p>\n          In the above example it is <strong>false</strong> because otherwise\n          the selected CREATE options would appear in each form element, and not\n          just the one for the group.\n        </p>\n      </Card>\n    );\n  })\n  .add('label & placeholder', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className=\"m-2\">\n        <h3>Without label</h3>\n\n        <CheckboxMultipleSelect\n          placeholder=\"Please select your provinces\"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Custom label</h3>\n\n        <CheckboxMultipleSelect\n          id=\"provinces\"\n          label={\n            <div className=\"d-flex justify-content-between\">\n              <span>Friends</span>\n              <Tooltip className=\"ms-1\" content=\"Provinces are nice to have\">\n                <Icon icon=\"info\" />\n              </Tooltip>\n            </div>\n          }\n          placeholder=\"Please select your provinces\"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Without placeholder</h3>\n\n        <CheckboxMultipleSelect\n          id=\"provinces\"\n          label=\"Provinces\"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{' '}\n            {value.map((province) => province.label).join(', ')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add('horizontal', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <div>\n        <Card className=\"m-2\">\n          <CheckboxMultipleSelect\n            id=\"provinces\"\n            label=\"Provinces\"\n            placeholder=\"Please select your provinces\"\n            options={provinces()}\n            labelForOption={(province) => province.label}\n            value={value}\n            onChange={setValue}\n            horizontal={true}\n          />\n\n          {value ? (\n            <p>\n              Your chosen provinces are:{' '}\n              {value.map((province) => province.label).join(', ')}\n            </p>\n          ) : null}\n\n          <p>\n            <strong>Disclaimer:</strong> horizontal mode works best when there\n            are not too many items\n          </p>\n        </Card>\n      </div>\n    );\n  })\n  .add('jarb', () => {\n    return (\n      <FinalForm>\n        <JarbCheckboxMultipleSelect\n          id=\"provinces\"\n          name=\"provinces\"\n          label=\"Provinces\"\n          placeholder=\"Please select your provinces\"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          jarb={{\n            validator: 'User.provinces',\n            label: 'Provinces'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n",locationsMap:{jarb:{startLoc:{col:7,line:428},endLoc:{col:3,line:445},startBody:{col:15,line:428},endBody:{col:3,line:445}},horizontal:{startLoc:{col:7,line:394},endLoc:{col:3,line:427},startBody:{col:21,line:394},endBody:{col:3,line:427}},"label-placeholder":{startLoc:{col:7,line:332},endLoc:{col:3,line:393},startBody:{col:30,line:332},endBody:{col:3,line:393}},optionsshouldalwayscontainvalue:{startLoc:{col:7,line:205},endLoc:{col:3,line:331},startBody:{col:42,line:205},endBody:{col:3,line:331}},"using-reloadoptions":{startLoc:{col:7,line:163},endLoc:{col:3,line:204},startBody:{col:30,line:163},endBody:{col:3,line:204}},"custom-keyforoption":{startLoc:{col:7,line:134},endLoc:{col:3,line:162},startBody:{col:30,line:134},endBody:{col:3,line:162}},"custom-isoptionequal":{startLoc:{col:7,line:105},endLoc:{col:3,line:133},startBody:{col:31,line:105},endBody:{col:3,line:133}},"disabled-options":{startLoc:{col:7,line:78},endLoc:{col:3,line:104},startBody:{col:27,line:78},endBody:{col:3,line:104}},"async-options":{startLoc:{col:7,line:46},endLoc:{col:3,line:77},startBody:{col:24,line:46},endBody:{col:3,line:77}},"predefined-options":{startLoc:{col:7,line:20},endLoc:{col:3,line:45},startBody:{col:29,line:20},endBody:{col:3,line:45}}}}}).add("predefined options",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()]),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("async options",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()]),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," when using async, a maximum of 100 options will be displayed. If you want to display more than 100 options, you should use the ModalPickerMultiple."))})).add("disabled options",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()]),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEnabled:function isOptionEnabled(option){return!option.label.startsWith("Z")},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("custom isOptionEqual",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]]),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEqual:function isOptionEqual(a,b){return a.value===b.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.$L,null))})).add("custom keyForOption",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]]),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},keyForOption:function keyForOption(province){return province.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.kI,null))})).add("using reloadOptions",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),limitToNorthern=_useState12[0],setLimitToNorthern=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()]),2),value=_useState14[0],setValue=_useState14[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Limit to northern provinces",react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.ZD,{className:"ms-2",color:"primary",value:limitToNorthern,onChange:function onChange(){return setLimitToNorthern(!limitToNorthern)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)().filter((function(option){return!limitToNorthern||option.north})),labelForOption:function labelForOption(option){return option.label},value,onChange:setValue,reloadOptions:limitToNorthern}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(",")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.Nq,null))})).add("optionsShouldAlwaysContainValue",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(["CREATE_CAR","CREATE_BIKE","CREATE_BOAT"]),2),value=_useState16[0],setValue=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{key:"car",id:"carPermission",label:"Car permissions",placeholder:"Please select your car permissions",options:["CREATE_CAR","UPDATE_CAR","READ_CAR","DELETE_CAR"],labelForOption:function labelForOption(permission){return permission},optionsShouldAlwaysContainValue:!1,value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{key:"bike",id:"bikePermission",label:"Bike permissions",placeholder:"Please select your bike permissions",options:["CREATE_BIKE","UPDATE_BIKE","READ_BIKE","DELETE_BIKE"],labelForOption:function labelForOption(permission){return permission},optionsShouldAlwaysContainValue:!1,value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{key:"boat",id:"boatPermission",label:"Boat permissions",placeholder:"Please select your boat permissions",options:["CREATE_BOAT","UPDATE_BOAT","READ_BOAT","DELETE_BOAT"],labelForOption:function labelForOption(permission){return permission},optionsShouldAlwaysContainValue:!1,value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your permissions are:"," ",value.map((function(permissions){return permissions})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"optionsShouldAlwaysContainValue")," determines whether or not the form element should always contain the value which is selected."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"It should be ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"true")," when using it in the following situation: The form element receives a value which is no longer part of the options. In that case it is handy to have the value automatically added to the options, so the user still sees the select value."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"It should be ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"false")," when using it in the following situations:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("ol",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("li",null,"The selected `value` is displayed separately from the selection of values. In this case it does not make sense to add the `value` to the options because it is already displayed."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("li",null,"The form element represents a sub selection of a larger value. For example you have an array of permissions of what the user can do in the system, visually you display grouped by parts of the domain. This means giving the same `value` to various form element components to represent parts of the same array of permissions. If `optionsShouldAlwaysContainValue` were `true` it would add all permissions to each permission group."))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"In the above example it is ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"false")," because otherwise the selected CREATE options would appear in each form element, and not just the one for the group."))})).add("label & placeholder",(function(){var _useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()]),2),value=_useState18[0],setValue=_useState18[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Custom label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Friends"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.u,{className:"ms-1",content:"Provinces are nice to have"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without placeholder"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:"Provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("horizontal",(function(){var _useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()]),2),value=_useState20[0],setValue=_useState20[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,horizontal:!0}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," horizontal mode works best when there are not too many items")))})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.z,{id:"provinces",name:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},jarb:{validator:"User.provinces",label:"Provinces"}}))}))},"./src/form/ColorPicker/ColorPicker.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_ColorPicker__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/ColorPicker/ColorPicker.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);function isToDark(value){if(value){var c=value.substring(1),rgb=parseInt(c,16);return.2126*(rgb>>16&255)+.7152*(rgb>>8&255)+.0722*(rgb>>0&255)<40?"This color is to dark":void 0}}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/ColorPicker",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport ColorPicker, { JarbColorPicker } from \'./ColorPicker\';\nimport { FinalForm } from \'../story-utils\';\nimport { Icon, Tooltip, Card } from \'../..\';\n\nfunction isToDark(value?: string) {\n  if (!value) {\n    return undefined;\n  }\n\n  const c = value.substring(1); // strip #\n  const rgb = parseInt(c, 16); // convert rrggbb to decimal\n  const r = (rgb >> 16) & 0xff; // extract red\n  const g = (rgb >> 8) & 0xff; // extract green\n  const b = (rgb >> 0) & 0xff; // extract blue\n\n  const luma = 0.2126 * r + 0.7152 * g + 0.0722 * b; // per ITU-R BT.709\n\n  if (luma < 40) {\n    return \'This color is to dark\';\n  }\n\n  return undefined;\n}\n\nstoriesOf(\'Form/ColorPicker\', module)\n  .add(\'basic\', () => {\n    const [value, setValue] = useState<string | undefined>();\n\n    return (\n      <div>\n        <Card className="m-2">\n          <ColorPicker\n            id="color"\n            label="Color"\n            placeholder="Please select your favorite color"\n            value={value}\n            onChange={setValue}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'basic preselected\', () => {\n    const [value, setValue] = useState<string | undefined>(\'#ff0000\');\n\n    return (\n      <div>\n        <Card className="m-2">\n          <ColorPicker\n            id="color"\n            label="Color"\n            placeholder="Please select your favorite color"\n            value={value}\n            onChange={setValue}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'with custom label\', () => {\n    const [value, setValue] = useState<string | undefined>();\n\n    return (\n      <div>\n        <Card className="m-2">\n          <ColorPicker\n            id="color"\n            label={\n              <div className="d-flex justify-content-between">\n                <span>Color</span>\n                <Tooltip\n                  className="ms-1"\n                  content="Use the color picker to select a color"\n                >\n                  <Icon icon="info" />\n                </Tooltip>\n              </div>\n            }\n            placeholder="Please select your favorite color"\n            value={value}\n            onChange={setValue}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'with icon\', () => {\n    const [value, setValue] = useState<string | undefined>();\n\n    return (\n      <div>\n        <Card className="m-2">\n          <ColorPicker\n            id="color"\n            label="Color"\n            placeholder="Please select your favorite color"\n            icon="colorize"\n            value={value}\n            onChange={setValue}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'without clear button\', () => {\n    const [value, setValue] = useState<string | undefined>(\'#ff0000\');\n\n    return (\n      <div>\n        <Card className="m-2">\n          <ColorPicker\n            id="color"\n            label="Color"\n            placeholder="Please select your favorite color"\n            value={value}\n            onChange={setValue}\n            canClear={false}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbColorPicker\n          id="color"\n          name="color"\n          label="Color"\n          placeholder="Please select your favorite color"\n          validators={[isToDark]}\n          jarb={{\n            validator: \'Hero.color\',\n            label: \'Color\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:126},endLoc:{col:3,line:142},startBody:{col:15,line:126},endBody:{col:3,line:142}},"without-clear-button":{startLoc:{col:7,line:108},endLoc:{col:3,line:125},startBody:{col:31,line:108},endBody:{col:3,line:125}},"with-icon":{startLoc:{col:7,line:90},endLoc:{col:3,line:107},startBody:{col:20,line:90},endBody:{col:3,line:107}},"with-custom-label":{startLoc:{col:7,line:63},endLoc:{col:3,line:89},startBody:{col:28,line:63},endBody:{col:3,line:89}},"basic-preselected":{startLoc:{col:7,line:46},endLoc:{col:3,line:62},startBody:{col:28,line:46},endBody:{col:3,line:62}},basic:{startLoc:{col:7,line:29},endLoc:{col:3,line:45},startBody:{col:16,line:29},endBody:{col:3,line:45}}}}}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"color",label:"Color",placeholder:"Please select your favorite color",value,onChange:setValue})))})).add("basic preselected",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("#ff0000"),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"color",label:"Color",placeholder:"Please select your favorite color",value,onChange:setValue})))})).add("with custom label",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"color",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.u,{className:"ms-1",content:"Use the color picker to select a color"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Please select your favorite color",value,onChange:setValue})))})).add("with icon",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"color",label:"Color",placeholder:"Please select your favorite color",icon:"colorize",value,onChange:setValue})))})).add("without clear button",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("#ff0000"),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"color",label:"Color",placeholder:"Please select your favorite color",value,onChange:setValue,canClear:!1})))})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_2__.U,{id:"color",name:"color",label:"Color",placeholder:"Please select your favorite color",validators:[isToDark],jarb:{validator:"Hero.color",label:"Color"}}))}))},"./src/form/DateTimeInput/DateTimeInput.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_final_form__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),reactstrap__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts"),_story_utils__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/story-utils.tsx"),_checkers__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/DateTimeInput/checkers.ts"),_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/DateTimeInput/DateTimeInput.tsx"),_validators__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/form/DateTimeInput/validators.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/DateTimeInput",module).addParameters({storySource:{source:'import { action } from \'@storybook/addon-actions\';\nimport { storiesOf } from \'@storybook/react\';\nimport React, { Fragment, useState } from \'react\';\nimport { Form as ReactFinalForm } from \'react-final-form\';\nimport { Col, Row } from \'reactstrap\';\nimport { Icon, SubmitButton, Tooltip, Card } from \'../..\';\nimport { FinalForm } from \'../story-utils\';\nimport { isDateAfter, isDateBefore, isDateBetween } from \'./checkers\';\nimport DateTimeInput, { JarbDateTimeInput } from \'./DateTimeInput\';\nimport {\n  isDateAfterValidator,\n  isDateBeforeValidator,\n  isDateBetweenValidator\n} from \'./validators\';\n\nstoriesOf(\'Form/DateTimeInput\', module)\n  .add(\'date and time\', () => {\n    const [value, setValue] = useState<Date | undefined>(undefined);\n\n    return (\n      <Card className="m2">\n        <DateTimeInput\n          id="dateOfBirth"\n          label="Date of birth"\n          placeholder="Please enter your date and time of birth"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          isDateAllowed={(date) => {\n            return date.isBefore(new Date());\n          }}\n          value={value}\n          onChange={setValue}\n        />\n\n        <div>\n          Date and time of birth is:\n          <pre>{value?.toISOString()}</pre>\n        </div>\n      </Card>\n    );\n  })\n  .add(\'date\', () => {\n    const [value, setValue] = useState<Date | undefined>(undefined);\n\n    return (\n      <Card className="m2">\n        <DateTimeInput\n          id="dateOfBirth"\n          label="Date of birth"\n          placeholder="Please enter your date of birth"\n          dateFormat="YYYY-MM-DD"\n          timeFormat={false}\n          isDateAllowed={(date) => {\n            return date.isBefore(new Date());\n          }}\n          value={value}\n          onChange={setValue}\n        />\n\n        <div>\n          Date of birth is:\n          {value?.toISOString()}\n        </div>\n      </Card>\n    );\n  })\n  .add(\'time\', () => {\n    const [value, setValue] = useState<Date | undefined>(undefined);\n\n    return (\n      <Card className="m2">\n        <DateTimeInput\n          id="startTime"\n          label="Start time"\n          placeholder="Please enter your start time"\n          dateFormat={false}\n          timeFormat="HH:mm:ss"\n          isDateAllowed={(date) => {\n            return date.isBefore(new Date());\n          }}\n          value={value}\n          onChange={setValue}\n        />\n\n        <div>\n          Start time is:\n          <pre>{value?.toISOString()}</pre>\n        </div>\n\n        <p>Note: that a time will always come with a date</p>\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    const [value, setValue] = useState<Date | undefined>(undefined);\n\n    return (\n      <Card className="m2">\n        <DateTimeInput\n          id="dateOfBirth"\n          label={\n            <>\n              <span>Date of birth</span>\n              <Tooltip\n                className="position-relative ms-1"\n                style={{ top: 5 }}\n                content="This is the date you where born on"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </>\n          }\n          placeholder="Please enter your date and time of birth"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          isDateAllowed={(date) => {\n            return date.isBefore(new Date());\n          }}\n          value={value}\n          onChange={setValue}\n        />\n\n        <div>\n          Date and time of birth is:\n          <pre>{value?.toISOString()}</pre>\n        </div>\n      </Card>\n    );\n  })\n  .add(\'open in modal\', () => {\n    const [value, setValue] = useState<Date | undefined>();\n\n    return (\n      <Card className="m2">\n        <DateTimeInput\n          id="dateOfBirth"\n          label="Date of birth"\n          placeholder="Please enter your date and time of birth"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          isDateAllowed={(date) => {\n            return date.isBefore(new Date());\n          }}\n          value={value}\n          onChange={setValue}\n          mode="modal"\n        />\n\n        <div>\n          Date and time of birth is:\n          <pre>{value?.toISOString()}</pre>\n        </div>\n      </Card>\n    );\n  })\n  .add(\'range\', () => {\n    const [start, setStart] = useState<Date | undefined>(undefined);\n    const [end, setEnd] = useState<Date | undefined>(undefined);\n\n    return (\n      <Card className="m2">\n        <DateTimeInput\n          id="start"\n          label="Start"\n          placeholder="Please enter your start date and time"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          value={start}\n          onChange={setStart}\n          isDateAllowed={isDateBefore(end)}\n        />\n\n        <DateTimeInput\n          id="end"\n          label="End"\n          placeholder="Please enter your end date and time"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          value={end}\n          onChange={setEnd}\n          isDateAllowed={isDateAfter(start)}\n        />\n\n        <div>\n          Start time:\n          <pre>{start?.toISOString()}</pre>\n        </div>\n\n        <div>\n          End time:\n          <pre>{end?.toISOString()}</pre>\n        </div>\n\n        <p>\n          Note: isDateAllowed is not a validator, it only disables selectable\n          dates to prevent users from selecting invalid dates. Manually typing a\n          date that is out of range should be validated using validators,\n          preferably using the JarbDateTimeInput.\n        </p>\n      </Card>\n    );\n  })\n  .add(\'range inclusive\', () => {\n    const [start, setStart] = useState<Date | undefined>(undefined);\n    const [end, setEnd] = useState<Date | undefined>(undefined);\n\n    return (\n      <Card className="m2">\n        <DateTimeInput\n          id="start"\n          label="Start"\n          placeholder="Please enter your start date and time"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          value={start}\n          onChange={setStart}\n          isDateAllowed={isDateBefore(end, { inclusive: true })}\n        />\n\n        <DateTimeInput\n          id="end"\n          label="End"\n          placeholder="Please enter your end date and time"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          value={end}\n          onChange={setEnd}\n          isDateAllowed={isDateAfter(start, { inclusive: true })}\n        />\n\n        <div>\n          Start time:\n          <pre>{start?.toISOString()}</pre>\n        </div>\n\n        <div>\n          End time:\n          <pre>{end?.toISOString()}</pre>\n        </div>\n\n        <p>\n          This example shows ranges can also be inclusive this allows the start\n          and end date to be the same\n        </p>\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbDateTimeInput\n          id="dateOfBirth"\n          name="dateOfBirth"\n          label="Date of birth"\n          placeholder="Please enter your date of birth"\n          dateFormat="DD-MM-YYYY"\n          timeFormat={false}\n          isDateAllowed={(date) => {\n            return date.isBefore(new Date());\n          }}\n          jarb={{\n            validator: \'User.birthday\',\n            label: \'Birthday\'\n          }}\n        />\n\n        <JarbDateTimeInput\n          id="weddingDay"\n          name="weddingDay"\n          label="Wedding day"\n          placeholder="Please enter your wedding day"\n          dateFormat="DD-MM-YYYY"\n          timeFormat={false}\n          isDateAllowed={(date) => {\n            return date.isAfter(new Date());\n          }}\n          mode="modal"\n          jarb={{\n            validator: \'User.weddingDay\',\n            label: \'Weddingday\'\n          }}\n        />\n\n        <JarbDateTimeInput\n          id="sunset"\n          name="sunset"\n          label="Sunset"\n          placeholder="Please enter the time the sun sets"\n          dateFormat={false}\n          timeFormat="HH:mm:ss"\n          isDateAllowed={(date) => {\n            return date.isBefore(new Date());\n          }}\n          jarb={{\n            validator: \'User.sunset\',\n            label: \'Sunset\'\n          }}\n        />\n\n        <JarbDateTimeInput\n          id="dueDate"\n          name="dueDate"\n          label="Due date"\n          placeholder="Please enter the due date for when the ticket needs to be resolved"\n          dateFormat="DD-MM-YYYY"\n          timeFormat="HH:mm:ss"\n          jarb={{\n            validator: \'Issue.dueDate\',\n            label: \'Due date\'\n          }}\n        />\n      </FinalForm>\n    );\n  })\n  .add(\'jarb range\', () => {\n    type AppointmentFormData = {\n      start: Date;\n      end: Date;\n    };\n\n    return (\n      <ReactFinalForm<AppointmentFormData>\n        onSubmit={() => action(\'form submitted\')}\n        initialValues={{ start: new Date(), end: new Date() }}\n        render={({ handleSubmit, submitting, values, errors }) => (\n          // Do not render a <form> here as it will submit the form when\n          // the submit button is pressed.\n          <Fragment>\n            <Row>\n              <Col lg={6}>\n                <Card className="m2">\n                  <JarbDateTimeInput\n                    id="start"\n                    name="start"\n                    label="Start"\n                    placeholder="Please enter your start date and time"\n                    dateFormat="YYYY-MM-DD"\n                    timeFormat="HH:mm:ss"\n                    isDateAllowed={isDateBefore(values.end)}\n                    validators={[\n                      isDateBeforeValidator({\n                        label: \'start\',\n                        end: {\n                          path: \'end\',\n                          label: \'end\'\n                        }\n                      })\n                    ]}\n                    jarb={{\n                      validator: \'Issue.start\',\n                      label: \'Start date\'\n                    }}\n                  />\n\n                  <JarbDateTimeInput\n                    id="end"\n                    name="end"\n                    label="End"\n                    placeholder="Please enter your end date and time"\n                    dateFormat="YYYY-MM-DD"\n                    timeFormat="HH:mm:ss"\n                    isDateAllowed={isDateAfter(values.start)}\n                    validators={[\n                      isDateAfterValidator({\n                        label: \'end\',\n                        start: {\n                          path: \'start\',\n                          label: \'start\'\n                        }\n                      })\n                    ]}\n                    jarb={{\n                      validator: \'Issue.end\',\n                      label: \'End date\'\n                    }}\n                  />\n\n                  <JarbDateTimeInput\n                    id="reminder"\n                    name="reminder"\n                    label="Reminder"\n                    placeholder="Please select a reminder date"\n                    dateFormat="YYYY-MM-DD"\n                    timeFormat="HH:mm:ss"\n                    isDateAllowed={isDateBetween(values.start, values.end)}\n                    validators={[\n                      isDateBetweenValidator({\n                        label: \'reminder\',\n                        start: {\n                          path: \'start\',\n                          label: \'start\'\n                        },\n                        end: {\n                          path: \'end\',\n                          label: \'end\'\n                        }\n                      })\n                    ]}\n                    jarb={{\n                      validator: \'Issue.reminder\',\n                      label: \'Reminder date\'\n                    }}\n                  />\n\n                  <SubmitButton\n                    onClick={() => handleSubmit()}\n                    inProgress={submitting}\n                    className="float-end"\n                  >\n                    Submit\n                  </SubmitButton>\n                </Card>\n              </Col>\n              <Col lg={6}>\n                <h2>Values</h2>\n                <pre>{JSON.stringify(values, null, 2)}</pre>\n                <h2>Errors</h2>\n                <pre>{JSON.stringify(errors, null, 2)}</pre>\n              </Col>\n            </Row>\n          </Fragment>\n        )}\n      />\n    );\n  })\n  .add(\'jarb range inclusive\', () => {\n    return (\n      <ReactFinalForm\n        onSubmit={() => action(\'form submitted\')}\n        render={({ handleSubmit, submitting, values, errors }) => (\n          // Do not render a <form> here as it will submit the form when\n          // the submit button is pressed.\n          <Fragment>\n            <Row>\n              <Col lg={6}>\n                <Card className="m2">\n                  <JarbDateTimeInput\n                    id="start"\n                    name="start"\n                    label="Start"\n                    placeholder="Please enter your start date and time"\n                    dateFormat="YYYY-MM-DD"\n                    timeFormat="HH:mm:ss"\n                    isDateAllowed={isDateBefore(values.end, {\n                      inclusive: true\n                    })}\n                    validators={[\n                      isDateBeforeValidator({\n                        label: \'start\',\n                        end: {\n                          path: \'end\',\n                          label: \'end\',\n                          inclusive: true\n                        }\n                      })\n                    ]}\n                    jarb={{\n                      validator: \'Issue.start\',\n                      label: \'Start date\'\n                    }}\n                  />\n\n                  <JarbDateTimeInput\n                    id="end"\n                    name="end"\n                    label="End"\n                    placeholder="Please enter your end date and time"\n                    dateFormat="YYYY-MM-DD"\n                    timeFormat="HH:mm:ss"\n                    isDateAllowed={isDateAfter(values.start, {\n                      inclusive: true\n                    })}\n                    validators={[\n                      isDateAfterValidator({\n                        label: \'end\',\n                        start: {\n                          path: \'start\',\n                          label: \'start\',\n                          inclusive: true\n                        }\n                      })\n                    ]}\n                    jarb={{\n                      validator: \'Issue.end\',\n                      label: \'End date\'\n                    }}\n                  />\n\n                  <JarbDateTimeInput\n                    id="reminder"\n                    name="reminder"\n                    label="Reminder"\n                    placeholder="Please select a reminder date"\n                    dateFormat="YYYY-MM-DD"\n                    timeFormat="HH:mm:ss"\n                    isDateAllowed={isDateBetween(values.start, values.end, {\n                      startInclusive: true,\n                      endInclusive: true\n                    })}\n                    validators={[\n                      isDateBetweenValidator({\n                        label: \'reminder\',\n                        start: {\n                          path: \'start\',\n                          label: \'start\',\n                          inclusive: true\n                        },\n                        end: {\n                          path: \'end\',\n                          label: \'end\',\n                          inclusive: true\n                        }\n                      })\n                    ]}\n                    jarb={{\n                      validator: \'Issue.reminder\',\n                      label: \'Reminder date\'\n                    }}\n                  />\n\n                  <SubmitButton\n                    onClick={() => handleSubmit()}\n                    inProgress={submitting}\n                    className="float-end"\n                  >\n                    Submit\n                  </SubmitButton>\n                </Card>\n              </Col>\n              <Col lg={6}>\n                <h2>Values</h2>\n                <pre>{JSON.stringify(values, null, 2)}</pre>\n                <h2>Errors</h2>\n                <pre>{JSON.stringify(errors, null, 2)}</pre>\n              </Col>\n            </Row>\n          </Fragment>\n        )}\n      />\n    );\n  });\n',locationsMap:{"jarb-range-inclusive":{startLoc:{col:7,line:426},endLoc:{col:3,line:541},startBody:{col:31,line:426},endBody:{col:3,line:541}},"jarb-range":{startLoc:{col:7,line:315},endLoc:{col:3,line:425},startBody:{col:21,line:315},endBody:{col:3,line:425}},jarb:{startLoc:{col:7,line:248},endLoc:{col:3,line:314},startBody:{col:15,line:248},endBody:{col:3,line:314}},"range-inclusive":{startLoc:{col:7,line:203},endLoc:{col:3,line:247},startBody:{col:26,line:203},endBody:{col:3,line:247}},range:{startLoc:{col:7,line:156},endLoc:{col:3,line:202},startBody:{col:16,line:156},endBody:{col:3,line:202}},"open-in-modal":{startLoc:{col:7,line:130},endLoc:{col:3,line:155},startBody:{col:24,line:130},endBody:{col:3,line:155}},"with-custom-label":{startLoc:{col:7,line:94},endLoc:{col:3,line:129},startBody:{col:28,line:94},endBody:{col:3,line:129}},time:{startLoc:{col:7,line:67},endLoc:{col:3,line:93},startBody:{col:15,line:67},endBody:{col:3,line:93}},date:{startLoc:{col:7,line:42},endLoc:{col:3,line:66},startBody:{col:15,line:42},endBody:{col:3,line:66}},"date-and-time":{startLoc:{col:7,line:17},endLoc:{col:3,line:41},startBody:{col:24,line:17},endBody:{col:3,line:41}}}}}).add("date and time",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(void 0),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"dateOfBirth",label:"Date of birth",placeholder:"Please enter your date and time of birth",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:function isDateAllowed(date){return date.isBefore(new Date)},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"Date and time of birth is:",react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,null==value?void 0:value.toISOString())))})).add("date",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(void 0),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"dateOfBirth",label:"Date of birth",placeholder:"Please enter your date of birth",dateFormat:"YYYY-MM-DD",timeFormat:!1,isDateAllowed:function isDateAllowed(date){return date.isBefore(new Date)},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"Date of birth is:",null==value?void 0:value.toISOString()))})).add("time",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(void 0),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"startTime",label:"Start time",placeholder:"Please enter your start time",dateFormat:!1,timeFormat:"HH:mm:ss",isDateAllowed:function isDateAllowed(date){return date.isBefore(new Date)},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"Start time is:",react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,null==value?void 0:value.toISOString())),react__WEBPACK_IMPORTED_MODULE_2__.createElement("p",null,"Note: that a time will always come with a date"))})).add("with custom label",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(void 0),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"dateOfBirth",label:react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement("span",null,"Date of birth"),react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.u,{className:"position-relative ms-1",style:{top:5},content:"This is the date you where born on"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Please enter your date and time of birth",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:function isDateAllowed(date){return date.isBefore(new Date)},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"Date and time of birth is:",react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,null==value?void 0:value.toISOString())))})).add("open in modal",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"dateOfBirth",label:"Date of birth",placeholder:"Please enter your date and time of birth",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:function isDateAllowed(date){return date.isBefore(new Date)},value,onChange:setValue,mode:"modal"}),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"Date and time of birth is:",react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,null==value?void 0:value.toISOString())))})).add("range",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(void 0),2),start=_useState12[0],setStart=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(void 0),2),end=_useState14[0],setEnd=_useState14[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"start",label:"Start",placeholder:"Please enter your start date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",value:start,onChange:setStart,isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.hF)(end)}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"end",label:"End",placeholder:"Please enter your end date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",value:end,onChange:setEnd,isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.Sl)(start)}),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"Start time:",react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,null==start?void 0:start.toISOString())),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"End time:",react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,null==end?void 0:end.toISOString())),react__WEBPACK_IMPORTED_MODULE_2__.createElement("p",null,"Note: isDateAllowed is not a validator, it only disables selectable dates to prevent users from selecting invalid dates. Manually typing a date that is out of range should be validated using validators, preferably using the JarbDateTimeInput."))})).add("range inclusive",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(void 0),2),start=_useState16[0],setStart=_useState16[1],_useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(void 0),2),end=_useState18[0],setEnd=_useState18[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"start",label:"Start",placeholder:"Please enter your start date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",value:start,onChange:setStart,isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.hF)(end,{inclusive:!0})}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"end",label:"End",placeholder:"Please enter your end date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",value:end,onChange:setEnd,isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.Sl)(start,{inclusive:!0})}),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"Start time:",react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,null==start?void 0:start.toISOString())),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"End time:",react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,null==end?void 0:end.toISOString())),react__WEBPACK_IMPORTED_MODULE_2__.createElement("p",null,"This example shows ranges can also be inclusive this allows the start and end date to be the same"))})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_2__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_5__.vy,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"dateOfBirth",name:"dateOfBirth",label:"Date of birth",placeholder:"Please enter your date of birth",dateFormat:"DD-MM-YYYY",timeFormat:!1,isDateAllowed:function isDateAllowed(date){return date.isBefore(new Date)},jarb:{validator:"User.birthday",label:"Birthday"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"weddingDay",name:"weddingDay",label:"Wedding day",placeholder:"Please enter your wedding day",dateFormat:"DD-MM-YYYY",timeFormat:!1,isDateAllowed:function isDateAllowed(date){return date.isAfter(new Date)},mode:"modal",jarb:{validator:"User.weddingDay",label:"Weddingday"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"sunset",name:"sunset",label:"Sunset",placeholder:"Please enter the time the sun sets",dateFormat:!1,timeFormat:"HH:mm:ss",isDateAllowed:function isDateAllowed(date){return date.isBefore(new Date)},jarb:{validator:"User.sunset",label:"Sunset"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"dueDate",name:"dueDate",label:"Due date",placeholder:"Please enter the due date for when the ticket needs to be resolved",dateFormat:"DD-MM-YYYY",timeFormat:"HH:mm:ss",jarb:{validator:"Issue.dueDate",label:"Due date"}}))})).add("jarb range",(function(){return react__WEBPACK_IMPORTED_MODULE_2__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_3__.Form,{onSubmit:function onSubmit(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("form submitted")},initialValues:{start:new Date,end:new Date},render:function render(_ref){var handleSubmit=_ref.handleSubmit,submitting=_ref.submitting,values=_ref.values,errors=_ref.errors;return react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.X2,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.JX,{lg:6},react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"start",name:"start",label:"Start",placeholder:"Please enter your start date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.hF)(values.end),validators:[(0,_validators__WEBPACK_IMPORTED_MODULE_8__.Vi)({label:"start",end:{path:"end",label:"end"}})],jarb:{validator:"Issue.start",label:"Start date"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"end",name:"end",label:"End",placeholder:"Please enter your end date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.Sl)(values.start),validators:[(0,_validators__WEBPACK_IMPORTED_MODULE_8__.EB)({label:"end",start:{path:"start",label:"start"}})],jarb:{validator:"Issue.end",label:"End date"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"reminder",name:"reminder",label:"Reminder",placeholder:"Please select a reminder date",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.zx)(values.start,values.end),validators:[(0,_validators__WEBPACK_IMPORTED_MODULE_8__.dz)({label:"reminder",start:{path:"start",label:"start"},end:{path:"end",label:"end"}})],jarb:{validator:"Issue.reminder",label:"Reminder date"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Mm,{onClick:function onClick(){return handleSubmit()},inProgress:submitting,className:"float-end"},"Submit"))),react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.JX,{lg:6},react__WEBPACK_IMPORTED_MODULE_2__.createElement("h2",null,"Values"),react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,JSON.stringify(values,null,2)),react__WEBPACK_IMPORTED_MODULE_2__.createElement("h2",null,"Errors"),react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,JSON.stringify(errors,null,2)))))}})})).add("jarb range inclusive",(function(){return react__WEBPACK_IMPORTED_MODULE_2__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_3__.Form,{onSubmit:function onSubmit(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("form submitted")},render:function render(_ref2){var handleSubmit=_ref2.handleSubmit,submitting=_ref2.submitting,values=_ref2.values,errors=_ref2.errors;return react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.X2,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.JX,{lg:6},react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"start",name:"start",label:"Start",placeholder:"Please enter your start date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.hF)(values.end,{inclusive:!0}),validators:[(0,_validators__WEBPACK_IMPORTED_MODULE_8__.Vi)({label:"start",end:{path:"end",label:"end",inclusive:!0}})],jarb:{validator:"Issue.start",label:"Start date"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"end",name:"end",label:"End",placeholder:"Please enter your end date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.Sl)(values.start,{inclusive:!0}),validators:[(0,_validators__WEBPACK_IMPORTED_MODULE_8__.EB)({label:"end",start:{path:"start",label:"start",inclusive:!0}})],jarb:{validator:"Issue.end",label:"End date"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"reminder",name:"reminder",label:"Reminder",placeholder:"Please select a reminder date",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.zx)(values.start,values.end,{startInclusive:!0,endInclusive:!0}),validators:[(0,_validators__WEBPACK_IMPORTED_MODULE_8__.dz)({label:"reminder",start:{path:"start",label:"start",inclusive:!0},end:{path:"end",label:"end",inclusive:!0}})],jarb:{validator:"Issue.reminder",label:"Reminder date"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Mm,{onClick:function onClick(){return handleSubmit()},inProgress:submitting,className:"float-end"},"Submit"))),react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.JX,{lg:6},react__WEBPACK_IMPORTED_MODULE_2__.createElement("h2",null,"Values"),react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,JSON.stringify(values,null,2)),react__WEBPACK_IMPORTED_MODULE_2__.createElement("h2",null,"Errors"),react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,JSON.stringify(errors,null,2)))))}})}))},"./src/form/FileInput/FileInput.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_FileInput__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/FileInput/FileInput.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/index.ts");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/FileInput",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { action } from \'@storybook/addon-actions\';\n\nimport FileInput, { JarbFileInput, requireFile } from \'./FileInput\';\n\nimport { FinalForm } from \'../story-utils\';\nimport { Tooltip, Icon, Card } from \'../..\';\n\nstoriesOf(\'Form/FileInput\', module)\n  .add(\'basic\', () => {\n    return (\n      <Card className="m-2">\n        <FileInput\n          id="file-upload-with-button"\n          placeholder="Upload a file here"\n          label="Upload a file here"\n          accept="text/plain"\n          onChange={() => action(\'value changed\')}\n        />\n      </Card>\n    );\n  })\n  .add(\'without placeholder\', () => {\n    return (\n      <Card className="m-2">\n        <FileInput\n          id="file-upload-with-button"\n          label="Upload a file here"\n          accept="text/plain"\n          onChange={() => action(\'value changed\')}\n        />\n      </Card>\n    );\n  })\n  .add(\'without label\', () => {\n    return (\n      <Card className="m-2">\n        <FileInput\n          id="file-upload-with-button"\n          placeholder="Upload a file here"\n          accept="text/plain"\n          onChange={() => action(\'value changed\')}\n        />\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    return (\n      <Card className="m-2">\n        <FileInput\n          id="file-upload-with-button"\n          placeholder="Upload a file here"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Upload a file here</span>\n              <Tooltip\n                className="ms-1"\n                style={{ zIndex: 101 }}\n                content="The file should be a plain text file"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          accept="text/plain"\n          onChange={() => action(\'value changed\')}\n        />\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbFileInput\n          id="file-upload-with-button"\n          name="upload"\n          placeholder="Upload a file here"\n          label="Upload a file here"\n          accept="text/plain"\n          validators={[requireFile(\'Profile photo\')]}\n          jarb={{\n            validator: \'User.profile\',\n            label: \'Profile photo\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:72},endLoc:{col:3,line:89},startBody:{col:15,line:72},endBody:{col:3,line:89}},"with-custom-label":{startLoc:{col:7,line:48},endLoc:{col:3,line:71},startBody:{col:28,line:48},endBody:{col:3,line:71}},"without-label":{startLoc:{col:7,line:36},endLoc:{col:3,line:47},startBody:{col:24,line:36},endBody:{col:3,line:47}},"without-placeholder":{startLoc:{col:7,line:24},endLoc:{col:3,line:35},startBody:{col:30,line:24},endBody:{col:3,line:35}},basic:{startLoc:{col:7,line:11},endLoc:{col:3,line:23},startBody:{col:16,line:11},endBody:{col:3,line:23}}}}}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FileInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"file-upload-with-button",placeholder:"Upload a file here",label:"Upload a file here",accept:"text/plain",onChange:function onChange(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("value changed")}}))})).add("without placeholder",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FileInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"file-upload-with-button",label:"Upload a file here",accept:"text/plain",onChange:function onChange(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("value changed")}}))})).add("without label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FileInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"file-upload-with-button",placeholder:"Upload a file here",accept:"text/plain",onChange:function onChange(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("value changed")}}))})).add("with custom label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FileInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"file-upload-with-button",placeholder:"Upload a file here",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Upload a file here"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.u,{className:"ms-1",style:{zIndex:101},content:"The file should be a plain text file"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.JO,{icon:"info"}))),accept:"text/plain",onChange:function onChange(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("value changed")}}))})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_4__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FileInput__WEBPACK_IMPORTED_MODULE_3__.bD,{id:"file-upload-with-button",name:"upload",placeholder:"Upload a file here",label:"Upload a file here",accept:"text/plain",validators:[(0,_FileInput__WEBPACK_IMPORTED_MODULE_3__.Ye)("Profile photo")],jarb:{validator:"User.profile",label:"Profile photo"}}))}))},"./src/form/FormExample.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{TotalForm:()=>TotalForm,__namedExportsOrder:()=>__namedExportsOrder,userAsOption:()=>userAsOption});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),lodash__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/lodash/lodash.js"),react_final_form__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),_Input_Input__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/Input/Input.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/index.ts"),_test_fixtures__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/test/fixtures.ts"),_core_OpenCloseModal_OpenCloseModal_stories__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/core/OpenCloseModal/OpenCloseModal.stories.tsx"),_addons_AddonIcon_AddonIcon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/form/addons/AddonIcon/AddonIcon.tsx"),reactstrap__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_core_Debug_Debug__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/core/Debug/Debug.tsx");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}module=__webpack_require__.hmd(module);function required(value){return value?void 0:"Required"}function isLengthBelow100(value){if(value)return value.length<100?void 0:"Cannot contain more than 100 characters"}function _firstNameAvailable(){return(_firstNameAvailable=_asyncToGenerator(regeneratorRuntime.mark((function _callee(value){return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(value){_context.next=2;break}return _context.abrupt("return",void 0);case 2:return _context.next=4,(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(2e3,5e3));case 4:return _context.abrupt("return",["Maarten","Jeffrey"].includes(value)?void 0:react__WEBPACK_IMPORTED_MODULE_0__.createElement("ul",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("li",null,"First name not available"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("li",null,"You can use Jeffrey"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("li",null,"You can use Maarten")));case 5:case"end":return _context.stop()}}),_callee)})))).apply(this,arguments)}function _lastNameAvailable(){return(_lastNameAvailable=_asyncToGenerator(regeneratorRuntime.mark((function _callee2(value){return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:if(value){_context2.next=2;break}return _context2.abrupt("return",void 0);case 2:return _context2.next=4,(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(100,500));case 4:return _context2.abrupt("return",["Hus","van Hoven"].includes(value)?void 0:react__WEBPACK_IMPORTED_MODULE_0__.createElement("ul",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("li",null,"Last name not available"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("li",null,"You can use Hus"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("li",null,"You can use van Hoven")));case 5:case"end":return _context2.stop()}}),_callee2)})))).apply(this,arguments)}var mask=["(",/[1-9]/,/\d/,/\d/,")"," ",/\d/,/\d/,/\d/,"-",/\d/,/\d/,/\d/,/\d/],validateCv=[(0,___WEBPACK_IMPORTED_MODULE_6__.Ye)("cv"),(0,___WEBPACK_IMPORTED_MODULE_6__.yM)(5,"cv")],validateProfile=[(0,___WEBPACK_IMPORTED_MODULE_6__.f3)("profile photo"),(0,___WEBPACK_IMPORTED_MODULE_6__.LT)(.5,"profile photo")],requiredValidator=[required],firstNameValidators=[required,isLengthBelow100],firstNameAsyncValidators=[function firstNameAvailable(_x){return _firstNameAvailable.apply(this,arguments)}],lastNameValidators=[required,isLengthBelow100],lastNameAsyncValidators=[function lastNameAvailable(_x2){return _lastNameAvailable.apply(this,arguments)}];function userAsOption(user){return user.email}function TotalForm(_ref){var hasSubmit=_ref.hasSubmit,formRenderProps=_ref.formRenderProps,handleSubmit=formRenderProps.handleSubmit,submitting=formRenderProps.submitting,values=formRenderProps.values,errors=formRenderProps.errors;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.X2,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.JX,{lg:6},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.vc,{label:react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,"Key",react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.bE,{tooltip:"The 'Key' represents a part of the entity which can only be created once on create but not on edit.",className:"ms-2"}))},"83690c32-26af-467b-9105-cde36ef8e21c"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input_Input__WEBPACK_IMPORTED_MODULE_4__.x9,{name:"firstName",jarb:{validator:"User.email",label:"First name"},id:"firstName",label:"First name",placeholder:"Please enter your first name",validators:firstNameValidators,asyncValidators:firstNameAsyncValidators}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input_Input__WEBPACK_IMPORTED_MODULE_4__.x9,{name:"lastName",jarb:{validator:"User.lastName",label:"Last name"},id:"lastName",label:"Last name",placeholder:"Please enter your last name",addon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_addons_AddonIcon_AddonIcon__WEBPACK_IMPORTED_MODULE_9__.G,{icon:"face"}),validators:lastNameValidators,asyncValidators:lastNameAsyncValidators}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input_Input__WEBPACK_IMPORTED_MODULE_4__.x9,{name:"phone",jarb:{validator:"User.phone",label:"Phone"},id:"phone",label:"Phone",mask,placeholder:"Please enter your phone number",validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.bD,{name:"cv",jarb:{validator:"User.cv",label:"CV"},validators:validateCv,id:"cv",label:"Upload your CV",placeholder:"Upload a file here",accept:"text/plain"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.jS,{name:"profile",jarb:{validator:"User.profile",label:"Profile photo"},validators:validateProfile,id:"profile",label:"Profile photo",crop:{type:"circle",size:250}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.dG,{name:"description",jarb:{validator:"User.description",label:"Description"},id:"description",label:"Description",placeholder:"Please add a description",validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.XX,{name:"username",jarb:{validator:"User.username",label:"User name"},id:"description",label:"User name",placeholder:"Please enter your user name",validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.VI,{name:"password",jarb:{validator:"User.password",label:"Password"},id:"password",label:"Password",placeholder:"Please enter your password",validators:[(0,___WEBPACK_IMPORTED_MODULE_6__.GI)(["lowercase","uppercase","number","specialChar","minimumLength","noSpace"],10)]}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.zj,{name:"dateOfBirth",jarb:{validator:"User.dateOfBirth",label:"Date of birth"},id:"dateOfBirth",label:"Date of birth",placeholder:"Please enter your date of birth",dateFormat:"YYYY-MM-DD",timeFormat:!1,isDateAllowed:function isDateAllowed(date){return date.isBefore(new Date)},validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.zj,{id:"start",name:"start",label:"Start",placeholder:"Please enter your start date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,___WEBPACK_IMPORTED_MODULE_6__.hF)(values.end),validators:[(0,___WEBPACK_IMPORTED_MODULE_6__.Vi)({label:"start",end:{path:"end",label:"end"}}),required],jarb:{validator:"Issue.start",label:"Start date"}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.zj,{id:"end",name:"end",label:"End",placeholder:"Please enter your end date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,___WEBPACK_IMPORTED_MODULE_6__.Sl)(values.start),validators:[(0,___WEBPACK_IMPORTED_MODULE_6__.EB)({label:"end",start:{path:"start",label:"start"}}),required],jarb:{validator:"Issue.end",label:"End date"}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.zj,{id:"reminder",name:"reminder",label:"Reminder",placeholder:"Please select a reminder date",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,___WEBPACK_IMPORTED_MODULE_6__.Y9)(values.start,values.end),validators:[(0,___WEBPACK_IMPORTED_MODULE_6__.dz)({label:"reminder",start:{path:"start",label:"start"},end:{path:"end",label:"end"}}),required],jarb:{validator:"Issue.reminder",label:"Reminder date"}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Bu,{id:"province",name:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_5__.pi,labelForOption:function labelForOption(province){return province.label},jarb:{validator:"User.province",label:"Province"},validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Bu,{name:"nemesis",jarb:{validator:"User.nemesis",label:"Nemesis"},id:"nemesis",label:"Worst enemy",placeholder:"Select your nemesis",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_7__.o7)())},labelForOption:userAsOption,validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.yn,{name:"bestFriend",jarb:{validator:"User.bestFriend",label:"Nemesis"},id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_7__.o7)())},labelForOption:userAsOption,validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.dr,{name:"bestFriend",jarb:{validator:"User.bestFriend",label:"Best friend"},id:"bestFriend",label:"Best friend",placeholder:"Please provide your best friend",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_7__.o7)())},labelForOption:userAsOption}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.qP,{name:"bestFriend",jarb:{validator:"User.bestFriend",label:"Best friend"},id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_7__.o7)())},labelForOption:userAsOption,validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.GV,{name:"friends",jarb:{validator:"User.friends",label:"Friends"},id:"friends",label:"Friends",placeholder:"Please provide all your friends",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_7__.o7)())},labelForOption:userAsOption,validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.tG,{name:"friends",jarb:{validator:"User.bestFriend",label:"Friends"},id:"friends",label:"Friends",placeholder:"Please provide all your friends",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_7__.o7)())},labelForOption:userAsOption,canSearch:!0,validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.zN,{name:"friends",jarb:{validator:"User.bestFriend",label:"Friends"},id:"friends",label:"Friends",placeholder:"Please provide all your friends",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_7__.o7)())},labelForOption:userAsOption,canSearch:!0,validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.hl,{name:"icon",jarb:{validator:"User.icon",label:"Icon"},id:"icon",label:"Icon",placeholder:"Please select an icon",validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Ug,{name:"color",jarb:{validator:"User.color",label:"Color"},id:"color",label:"Color",placeholder:"Please select a Color",validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.rK,{name:"agree",jarb:{validator:"User.agree",label:"Agree"},id:"agree",label:"Agree",placeholder:"Do you agree to the terms?",validators:requiredValidator}),hasSubmit?react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-end"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Mm,{onClick:function onClick(){return handleSubmit()},inProgress:submitting},"Submit")):null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.JX,{lg:6},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Values"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Debug_Debug__WEBPACK_IMPORTED_MODULE_11__.c,{value:values}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Errors"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Debug_Debug__WEBPACK_IMPORTED_MODULE_11__.c,{value:errors})))}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/Example",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { random } from \'lodash\';\nimport { Moment } from \'moment\';\nimport { Form, FormRenderProps } from \'react-final-form\';\n\nimport { JarbInput } from \'./Input/Input\';\nimport { provinceFetcher, resolveAfter, sleep } from \'./story-utils\';\nimport {\n  isStrongPassword,\n  JarbCheckbox,\n  JarbCheckboxMultipleSelect,\n  JarbColorPicker,\n  JarbRadioGroup,\n  JarbDateTimeInput,\n  JarbNewPasswordInput,\n  JarbFileInput,\n  JarbIconPicker,\n  JarbImageUpload,\n  JarbModalPickerMultiple,\n  JarbModalPickerSingle,\n  JarbSelect,\n  JarbTextarea,\n  JarbTextEditor,\n  JarbTypeaheadMultiple,\n  JarbTypeaheadSingle,\n  limitFileSize,\n  limitImageSize,\n  requireFile,\n  requireImage,\n  isDateAfter,\n  isDateAfterValidator,\n  isDateBefore,\n  isDateBeforeValidator,\n  isDateBetween,\n  isDateBetweenValidator,\n  SubmitButton,\n  PlainTextFormControl,\n  InfoTooltip,\n  Card\n} from \'..\';\nimport { pageOfUsers } from \'../test/fixtures\';\nimport { User } from \'../test/types\';\nimport { ModalForm } from \'../core/OpenCloseModal/OpenCloseModal.stories\';\nimport { AddonIcon } from \'./addons/AddonIcon/AddonIcon\';\nimport { Col, Row } from \'reactstrap\';\nimport { action } from \'@storybook/addon-actions\';\nimport { Debug } from \'../core/Debug/Debug\';\n\nfunction required(value?: any) {\n  return value ? undefined : \'Required\';\n}\n\nfunction isLengthBelow100(value?: string) {\n  if (!value) {\n    return undefined;\n  }\n\n  return value.length < 100\n    ? undefined\n    : \'Cannot contain more than 100 characters\';\n}\n\nasync function firstNameAvailable(value?: string) {\n  if (!value) {\n    return undefined;\n  }\n\n  await sleep(random(2000, 5000));\n\n  return [\'Maarten\', \'Jeffrey\'].includes(value) ? undefined : (\n    <ul>\n      <li>First name not available</li>\n      <li>You can use Jeffrey</li>\n      <li>You can use Maarten</li>\n    </ul>\n  );\n}\n\nasync function lastNameAvailable(value?: string) {\n  if (!value) {\n    return undefined;\n  }\n\n  await sleep(random(100, 500));\n\n  return [\'Hus\', \'van Hoven\'].includes(value) ? undefined : (\n    <ul>\n      <li>Last name not available</li>\n      <li>You can use Hus</li>\n      <li>You can use van Hoven</li>\n    </ul>\n  );\n}\n\nconst mask = [\n  \'(\',\n  /[1-9]/,\n  /\\d/,\n  /\\d/,\n  \')\',\n  \' \',\n  /\\d/,\n  /\\d/,\n  /\\d/,\n  \'-\',\n  /\\d/,\n  /\\d/,\n  /\\d/,\n  /\\d/\n];\n\nconst validateCv = [requireFile(\'cv\'), limitFileSize(5, \'cv\')];\nconst validateProfile = [\n  requireImage(\'profile photo\'),\n  limitImageSize(0.5, \'profile photo\')\n];\n\nconst requiredValidator = [required];\n\nconst firstNameValidators = [required, isLengthBelow100];\nconst firstNameAsyncValidators = [firstNameAvailable];\n\nconst lastNameValidators = [required, isLengthBelow100];\nconst lastNameAsyncValidators = [lastNameAvailable];\n\nexport function userAsOption(user: User): string {\n  return user.email;\n}\n\nstoriesOf(\'Form/Example\', module)\n  .add(\'jarb form\', () => {\n    return (\n      <Card className="m2">\n        <Form\n          onSubmit={() => action(\'form submitted\')}\n          render={(formRenderProps) => (\n            <TotalForm hasSubmit={true} formRenderProps={formRenderProps} />\n          )}\n        />\n      </Card>\n    );\n  })\n  .add(\'jarb form in modal\', ModalForm);\n\nexport function TotalForm({\n  hasSubmit,\n  formRenderProps\n}: {\n  hasSubmit: boolean;\n  formRenderProps: FormRenderProps;\n}) {\n  const { handleSubmit, submitting, values, errors } = formRenderProps;\n  return (\n    <Row>\n      <Col lg={6}>\n        <PlainTextFormControl\n          label={\n            <>\n              Key\n              <InfoTooltip\n                tooltip="The \'Key\' represents a part of the entity which can only be\n                created once on create but not on edit."\n                className="ms-2"\n              />\n            </>\n          }\n        >\n          83690c32-26af-467b-9105-cde36ef8e21c\n        </PlainTextFormControl>\n\n        <JarbInput\n          name="firstName"\n          jarb={{ validator: \'User.email\', label: \'First name\' }}\n          id="firstName"\n          label="First name"\n          placeholder="Please enter your first name"\n          validators={firstNameValidators}\n          asyncValidators={firstNameAsyncValidators}\n        />\n\n        <JarbInput\n          name="lastName"\n          jarb={{ validator: \'User.lastName\', label: \'Last name\' }}\n          id="lastName"\n          label="Last name"\n          placeholder="Please enter your last name"\n          addon={<AddonIcon icon="face" />}\n          validators={lastNameValidators}\n          asyncValidators={lastNameAsyncValidators}\n        />\n\n        <JarbInput\n          name="phone"\n          jarb={{ validator: \'User.phone\', label: \'Phone\' }}\n          id="phone"\n          label="Phone"\n          mask={mask}\n          placeholder="Please enter your phone number"\n          validators={requiredValidator}\n        />\n\n        <JarbFileInput\n          name="cv"\n          jarb={{ validator: \'User.cv\', label: \'CV\' }}\n          validators={validateCv}\n          id="cv"\n          label="Upload your CV"\n          placeholder="Upload a file here"\n          accept="text/plain"\n        />\n\n        <JarbImageUpload\n          name="profile"\n          jarb={{ validator: \'User.profile\', label: \'Profile photo\' }}\n          validators={validateProfile}\n          id="profile"\n          label="Profile photo"\n          crop={{ type: \'circle\', size: 250 }}\n        />\n\n        <JarbTextEditor\n          name="description"\n          jarb={{ validator: \'User.description\', label: \'Description\' }}\n          id="description"\n          label="Description"\n          placeholder="Please add a description"\n          validators={requiredValidator}\n        />\n\n        <JarbTextarea\n          name="username"\n          jarb={{ validator: \'User.username\', label: \'User name\' }}\n          id="description"\n          label="User name"\n          placeholder="Please enter your user name"\n          validators={requiredValidator}\n        />\n\n        <JarbNewPasswordInput\n          name="password"\n          jarb={{ validator: \'User.password\', label: \'Password\' }}\n          id="password"\n          label="Password"\n          placeholder="Please enter your password"\n          validators={[\n            isStrongPassword(\n              [\n                \'lowercase\',\n                \'uppercase\',\n                \'number\',\n                \'specialChar\',\n                \'minimumLength\',\n                \'noSpace\'\n              ],\n              10\n            )\n          ]}\n        />\n\n        <JarbDateTimeInput\n          name="dateOfBirth"\n          jarb={{\n            validator: \'User.dateOfBirth\',\n            label: \'Date of birth\'\n          }}\n          id="dateOfBirth"\n          label="Date of birth"\n          placeholder="Please enter your date of birth"\n          dateFormat="YYYY-MM-DD"\n          timeFormat={false}\n          isDateAllowed={(date: Moment) => {\n            return date.isBefore(new Date());\n          }}\n          validators={requiredValidator}\n        />\n\n        <JarbDateTimeInput\n          id="start"\n          name="start"\n          label="Start"\n          placeholder="Please enter your start date and time"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          isDateAllowed={isDateBefore(values.end)}\n          validators={[\n            isDateBeforeValidator({\n              label: \'start\',\n              end: {\n                path: \'end\',\n                label: \'end\'\n              }\n            }),\n            required\n          ]}\n          jarb={{\n            validator: \'Issue.start\',\n            label: \'Start date\'\n          }}\n        />\n\n        <JarbDateTimeInput\n          id="end"\n          name="end"\n          label="End"\n          placeholder="Please enter your end date and time"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          isDateAllowed={isDateAfter(values.start)}\n          validators={[\n            isDateAfterValidator({\n              label: \'end\',\n              start: {\n                path: \'start\',\n                label: \'start\'\n              }\n            }),\n            required\n          ]}\n          jarb={{\n            validator: \'Issue.end\',\n            label: \'End date\'\n          }}\n        />\n\n        <JarbDateTimeInput\n          id="reminder"\n          name="reminder"\n          label="Reminder"\n          placeholder="Please select a reminder date"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          isDateAllowed={isDateBetween(values.start, values.end)}\n          validators={[\n            isDateBetweenValidator({\n              label: \'reminder\',\n              start: {\n                path: \'start\',\n                label: \'start\'\n              },\n              end: {\n                path: \'end\',\n                label: \'end\'\n              }\n            }),\n            required\n          ]}\n          jarb={{\n            validator: \'Issue.reminder\',\n            label: \'Reminder date\'\n          }}\n        />\n\n        <JarbSelect\n          id="province"\n          name="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          jarb={{\n            validator: \'User.province\',\n            label: \'Province\'\n          }}\n          validators={requiredValidator}\n        />\n\n        <JarbSelect\n          name="nemesis"\n          jarb={{ validator: \'User.nemesis\', label: \'Nemesis\' }}\n          id="nemesis"\n          label="Worst enemy"\n          placeholder="Select your nemesis"\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={userAsOption}\n          validators={requiredValidator}\n        />\n\n        <JarbRadioGroup\n          name="bestFriend"\n          jarb={{ validator: \'User.bestFriend\', label: \'Nemesis\' }}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={userAsOption}\n          validators={requiredValidator}\n        />\n\n        <JarbTypeaheadSingle\n          name="bestFriend"\n          jarb={{ validator: \'User.bestFriend\', label: \'Best friend\' }}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Please provide your best friend"\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={userAsOption}\n        />\n\n        <JarbModalPickerSingle\n          name="bestFriend"\n          jarb={{ validator: \'User.bestFriend\', label: \'Best friend\' }}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={userAsOption}\n          validators={requiredValidator}\n        />\n\n        <JarbTypeaheadMultiple\n          name="friends"\n          jarb={{ validator: \'User.friends\', label: \'Friends\' }}\n          id="friends"\n          label="Friends"\n          placeholder="Please provide all your friends"\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={userAsOption}\n          validators={requiredValidator}\n        />\n\n        <JarbModalPickerMultiple\n          name="friends"\n          jarb={{ validator: \'User.bestFriend\', label: \'Friends\' }}\n          id="friends"\n          label="Friends"\n          placeholder="Please provide all your friends"\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={userAsOption}\n          canSearch={true}\n          validators={requiredValidator}\n        />\n\n        <JarbCheckboxMultipleSelect\n          name="friends"\n          jarb={{ validator: \'User.bestFriend\', label: \'Friends\' }}\n          id="friends"\n          label="Friends"\n          placeholder="Please provide all your friends"\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={userAsOption}\n          canSearch={true}\n          validators={requiredValidator}\n        />\n\n        <JarbIconPicker\n          name="icon"\n          jarb={{ validator: \'User.icon\', label: \'Icon\' }}\n          id="icon"\n          label="Icon"\n          placeholder="Please select an icon"\n          validators={requiredValidator}\n        />\n\n        <JarbColorPicker\n          name="color"\n          jarb={{ validator: \'User.color\', label: \'Color\' }}\n          id="color"\n          label="Color"\n          placeholder="Please select a Color"\n          validators={requiredValidator}\n        />\n\n        <JarbCheckbox\n          name="agree"\n          jarb={{ validator: \'User.agree\', label: \'Agree\' }}\n          id="agree"\n          label="Agree"\n          placeholder="Do you agree to the terms?"\n          validators={requiredValidator}\n        />\n        {hasSubmit ? (\n          <div className="d-flex justify-content-end">\n            <SubmitButton\n              onClick={() => handleSubmit()}\n              inProgress={submitting}\n            >\n              Submit\n            </SubmitButton>\n          </div>\n        ) : null}\n      </Col>\n      <Col lg={6}>\n        <h2>Values</h2>\n        <Debug value={values} />\n        <h2>Errors</h2>\n        <Debug value={errors} />\n      </Col>\n    </Row>\n  );\n}\n',locationsMap:{"jarb-form-in-modal":{startLoc:{col:7,line:144},endLoc:{col:38,line:144},startBody:{col:29,line:144},endBody:{col:38,line:144}},"jarb-form":{startLoc:{col:7,line:132},endLoc:{col:3,line:143},startBody:{col:20,line:132},endBody:{col:3,line:143}}}}}).add("jarb form",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_3__.Form,{onSubmit:function onSubmit(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_10__.action)("form submitted")},render:function render(formRenderProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(TotalForm,{hasSubmit:!0,formRenderProps})}}))})).add("jarb form in modal",_core_OpenCloseModal_OpenCloseModal_stories__WEBPACK_IMPORTED_MODULE_8__.ModalForm);var __namedExportsOrder=["userAsOption","TotalForm"];try{userAsOption.displayName="userAsOption",userAsOption.__docgenInfo={description:"",displayName:"userAsOption",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"number"}},email:{defaultValue:null,description:"",name:"email",required:!0,type:{name:"string"}},firstName:{defaultValue:null,description:"",name:"firstName",required:!0,type:{name:"string"}},lastName:{defaultValue:null,description:"",name:"lastName",required:!0,type:{name:"string"}},active:{defaultValue:null,description:"",name:"active",required:!0,type:{name:"boolean"}},roles:{defaultValue:null,description:"",name:"roles",required:!0,type:{name:"UserRole[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FormExample.stories.tsx#userAsOption"]={docgenInfo:userAsOption.__docgenInfo,name:"userAsOption",path:"src/form/FormExample.stories.tsx#userAsOption"})}catch(__react_docgen_typescript_loader_error){}try{TotalForm.displayName="TotalForm",TotalForm.__docgenInfo={description:"",displayName:"TotalForm",props:{hasSubmit:{defaultValue:null,description:"",name:"hasSubmit",required:!0,type:{name:"boolean"}},formRenderProps:{defaultValue:null,description:"",name:"formRenderProps",required:!0,type:{name:"FormRenderProps<Record<string, any>, Partial<Record<string, any>>>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FormExample.stories.tsx#TotalForm"]={docgenInfo:TotalForm.__docgenInfo,name:"TotalForm",path:"src/form/FormExample.stories.tsx#TotalForm"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/IconPicker/IconPicker.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_IconPicker__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/IconPicker/IconPicker.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);function is3DRotation(value){return"3d_rotation"===value?void 0:'Not "3d_rotation"'}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/IconPicker",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport IconPicker, { JarbIconPicker } from \'./IconPicker\';\nimport { FinalForm } from \'../story-utils\';\nimport { IconType, Tooltip, Icon, Card } from \'../../\';\n\nfunction is3DRotation(value: IconType) {\n  return value === \'3d_rotation\' ? undefined : \'Not "3d_rotation"\';\n}\n\nstoriesOf(\'Form/IconPicker\', module)\n  .add(\'basic\', () => {\n    const [value, setValue] = useState<IconType | undefined>(undefined);\n\n    return (\n      <div>\n        <Card className="m-2">\n          <IconPicker\n            id="icon"\n            label="Icon"\n            placeholder="Please select your icon"\n            value={value}\n            onChange={setValue}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'without label\', () => {\n    const [value, setValue] = useState<IconType | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <IconPicker\n          id="icon"\n          placeholder="Please select your icon"\n          value={value}\n          onChange={setValue}\n        />\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    const [value, setValue] = useState<IconType | undefined>(undefined);\n\n    return (\n      <div>\n        <Card className="m-2">\n          <IconPicker\n            id="icon"\n            label={\n              <div className="d-flex justify-content-between">\n                <span>Icon</span>\n                <Tooltip\n                  className="ms-1"\n                  content="The icon will be used as an avatar"\n                >\n                  <Icon icon="info" />\n                </Tooltip>\n              </div>\n            }\n            placeholder="Please select your icon"\n            value={value}\n            onChange={setValue}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'with icon\', () => {\n    const [value, setValue] = useState<IconType | undefined>(undefined);\n\n    return (\n      <div>\n        <Card className="m-2">\n          <IconPicker\n            id="icon"\n            placeholder="Please select your icon"\n            icon="colorize"\n            value={value}\n            onChange={setValue}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'without clear button\', () => {\n    const [value, setValue] = useState<IconType | undefined>(undefined);\n\n    return (\n      <div>\n        <Card className="m-2">\n          <IconPicker\n            id="icon"\n            placeholder="Please select your icon"\n            value={value}\n            onChange={setValue}\n            canClear={false}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbIconPicker\n          id="icon"\n          name="icon"\n          label="Icon"\n          placeholder="Please select your icon"\n          validators={[is3DRotation]}\n          jarb={{\n            validator: \'Hero.icon\',\n            label: \'Icon\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:105},endLoc:{col:3,line:121},startBody:{col:15,line:105},endBody:{col:3,line:121}},"without-clear-button":{startLoc:{col:7,line:88},endLoc:{col:3,line:104},startBody:{col:31,line:88},endBody:{col:3,line:104}},"with-icon":{startLoc:{col:7,line:71},endLoc:{col:3,line:87},startBody:{col:20,line:71},endBody:{col:3,line:87}},"with-custom-label":{startLoc:{col:7,line:44},endLoc:{col:3,line:70},startBody:{col:28,line:44},endBody:{col:3,line:70}},"without-label":{startLoc:{col:7,line:30},endLoc:{col:3,line:43},startBody:{col:24,line:30},endBody:{col:3,line:43}},basic:{startLoc:{col:7,line:13},endLoc:{col:3,line:29},startBody:{col:16,line:13},endBody:{col:3,line:29}}}}}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_IconPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"icon",label:"Icon",placeholder:"Please select your icon",value,onChange:setValue})))})).add("without label",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_IconPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"icon",placeholder:"Please select your icon",value,onChange:setValue}))})).add("with custom label",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_IconPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"icon",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.u,{className:"ms-1",content:"The icon will be used as an avatar"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Please select your icon",value,onChange:setValue})))})).add("with icon",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_IconPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"icon",placeholder:"Please select your icon",icon:"colorize",value,onChange:setValue})))})).add("without clear button",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_IconPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"icon",placeholder:"Please select your icon",value,onChange:setValue,canClear:!1})))})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_IconPicker__WEBPACK_IMPORTED_MODULE_2__.h,{id:"icon",name:"icon",label:"Icon",placeholder:"Please select your icon",validators:[is3DRotation],jarb:{validator:"Hero.icon",label:"Icon"}}))}))},"./src/form/ImageUpload/ImageUpload.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_ImageUpload__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/ImageUpload/ImageUpload.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/index.ts"),_FileInput_FileInput__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/FileInput/FileInput.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/ImageUpload",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport ImageUpload, { JarbImageUpload, requireImage } from './ImageUpload';\nimport { FinalForm } from '../story-utils';\nimport { Tooltip, Icon, Card } from '../..';\nimport FileInput from '../FileInput/FileInput';\n\nstoriesOf('Form/ImageUpload', module)\n  .add('rect', () => {\n    return (\n      <Card className=\"m2\">\n        <ImageUpload\n          id=\"image-uploader\"\n          label=\"Profile photo\"\n          crop={{\n            type: 'rect',\n            width: 500,\n            height: 400\n          }}\n          onChange={(value) => action(`You entered ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add('circle', () => {\n    return (\n      <Card className=\"m2\">\n        <ImageUpload\n          id=\"image-uploader\"\n          label=\"Profile photo\"\n          crop={{\n            type: 'circle',\n            size: 250\n          }}\n          onChange={(value) => action(`You entered ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add('without label', () => {\n    return (\n      <Card className=\"m2\">\n        <ImageUpload\n          id=\"image-uploader\"\n          crop={{\n            type: 'rect',\n            width: 500,\n            height: 400\n          }}\n          onChange={(value) => action(`You entered ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add('with custom label', () => {\n    return (\n      <Card className=\"m2\">\n        <ImageUpload\n          id=\"image-uploader\"\n          label={\n            <div className=\"d-flex justify-content-between\">\n              <span>Profile photo</span>\n              <Tooltip\n                className=\"ms-1\"\n                style={{ zIndex: 101 }}\n                content=\"You can edit the photo after you've selected it\"\n              >\n                <Icon icon=\"info\" />\n              </Tooltip>\n            </div>\n          }\n          crop={{\n            type: 'rect',\n            width: 500,\n            height: 400\n          }}\n          onChange={(value) => action(`You entered ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add('File as initial value', () => {\n    const [file, setFile] = useState<File | null>();\n    return (\n      <Card className=\"m2\">\n        <FileInput\n          id=\"image-uploader\"\n          label=\"Choose an image\"\n          accept=\"image/*\"\n          onChange={setFile}\n        />\n        {file ? (\n          <ImageUpload\n            id=\"image-uploader\"\n            label=\"Profile photo\"\n            crop={{\n              type: 'rect',\n              width: 500,\n              height: 400\n            }}\n            value={file}\n            onChange={setFile}\n          />\n        ) : null}\n      </Card>\n    );\n  })\n  .add('jarb', () => {\n    return (\n      <FinalForm>\n        <JarbImageUpload\n          id=\"image-uploader\"\n          name=\"profile\"\n          label=\"Profile photo\"\n          validators={[requireImage('Profile photo')]}\n          crop={{\n            type: 'rect',\n            width: 500,\n            height: 400\n          }}\n          jarb={{\n            validator: 'User.profile',\n            label: 'Profile photo'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n",locationsMap:{jarb:{startLoc:{col:7,line:110},endLoc:{col:3,line:130},startBody:{col:15,line:110},endBody:{col:3,line:130}},"file-as-initial-value":{startLoc:{col:7,line:84},endLoc:{col:3,line:109},startBody:{col:32,line:84},endBody:{col:3,line:109}},"with-custom-label":{startLoc:{col:7,line:57},endLoc:{col:3,line:83},startBody:{col:28,line:57},endBody:{col:3,line:83}},"without-label":{startLoc:{col:7,line:42},endLoc:{col:3,line:56},startBody:{col:24,line:42},endBody:{col:3,line:56}},circle:{startLoc:{col:7,line:27},endLoc:{col:3,line:41},startBody:{col:17,line:27},endBody:{col:3,line:41}},rect:{startLoc:{col:7,line:11},endLoc:{col:3,line:26},startBody:{col:15,line:11},endBody:{col:3,line:26}}}}}).add("rect",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ImageUpload__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"image-uploader",label:"Profile photo",crop:{type:"rect",width:500,height:400},onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))}}))})).add("circle",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ImageUpload__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"image-uploader",label:"Profile photo",crop:{type:"circle",size:250},onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))}}))})).add("without label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ImageUpload__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"image-uploader",crop:{type:"rect",width:500,height:400},onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))}}))})).add("with custom label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ImageUpload__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"image-uploader",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Profile photo"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.u,{className:"ms-1",style:{zIndex:101},content:"You can edit the photo after you've selected it"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.JO,{icon:"info"}))),crop:{type:"rect",width:500,height:400},onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))}}))})).add("File as initial value",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),file=_useState2[0],setFile=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FileInput_FileInput__WEBPACK_IMPORTED_MODULE_6__.ZP,{id:"image-uploader",label:"Choose an image",accept:"image/*",onChange:setFile}),file?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ImageUpload__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"image-uploader",label:"Profile photo",crop:{type:"rect",width:500,height:400},value:file,onChange:setFile}):null)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_4__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ImageUpload__WEBPACK_IMPORTED_MODULE_3__.jS,{id:"image-uploader",name:"profile",label:"Profile photo",validators:[(0,_ImageUpload__WEBPACK_IMPORTED_MODULE_3__.f3)("Profile photo")],crop:{type:"rect",width:500,height:400},jarb:{validator:"User.profile",label:"Profile photo"}}))}))},"./src/form/Input/Input.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{_:()=>_,__namedExportsOrder:()=>__namedExportsOrder});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_Input__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/Input/Input.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/index.ts");module=__webpack_require__.hmd(module);function isSuperman(value){return"superman"===value?void 0:'Not "superman"'}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/Input",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { action } from \'@storybook/addon-actions\';\n\nimport Input, { JarbInput } from \'./Input\';\nimport { FinalForm } from \'../story-utils\';\nimport { Tooltip, Icon, Addon, AddonIcon, AddonButton, Card } from \'../..\';\n\nfunction isSuperman(value: string) {\n  return value === \'superman\' ? undefined : \'Not "superman"\';\n}\n\nstoriesOf(\'Form/Input\', module)\n  .add(\'basic\', () => {\n    return (\n      <Card className="m2">\n        <Input\n          id="firstName"\n          label="First name"\n          placeholder="Please enter your first name"\n          onChange={(value) => action(`You entered ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add(\'with addon\', () => {\n    return (\n      <Card className="m2">\n        <Input\n          id="firstName"\n          label="First name"\n          placeholder="Please enter your first name"\n          onChange={(value) => action(`onChange: ${value}`)}\n          addon={<AddonIcon icon="face" />}\n        />\n\n        <Input\n          id="lastName"\n          label="Last name"\n          placeholder="Please enter your last name"\n          onChange={(value) => action(`onChange: ${value}`)}\n          addon={<AddonIcon position="right" icon="face" />}\n          color="success"\n        />\n\n        <Input\n          id="magicNumber"\n          label="Magic number"\n          placeholder="Please enter the magic number"\n          onChange={(value) => action(`onChange: ${value}`)}\n          addon={<Addon>Try 42</Addon>}\n        />\n\n        <Input\n          id="addonButton"\n          label="Addon as a button"\n          placeholder="Please click on my addon button"\n          onChange={(value) => action(`onChange: ${value}`)}\n          addon={\n            <AddonButton onClick={() => alert(\'Yippy\')} position="right">\n              Click me\n            </AddonButton>\n          }\n        />\n      </Card>\n    );\n  })\n  .add(\'without placeholder\', () => {\n    return (\n      <Card className="m2">\n        <Input\n          id="firstName"\n          label="First name"\n          onChange={(value) => action(`You entered ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add(\'mask\', () => {\n    return (\n      <Card className="m2">\n        <Input\n          id="zipcode"\n          label="Zipcode"\n          placeholder="Please enter your zipcode"\n          onChange={(value) => action(`You entered ${value}`)}\n          mask={[/[1-9]/, /[1-9]/, /[1-9]/, /[1-9]/, \' \', /[A-z]/, /[A-z]/]}\n        />\n        <p>\n          Look\n          <a href="https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask">\n            here\n          </a>\n          for more example on how to use mask\n        </p>\n      </Card>\n    );\n  })\n  .add(\'without label\', () => {\n    return (\n      <Card className="m2">\n        <Input\n          placeholder="Please enter your first name"\n          onChange={(value) => action(`You entered ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    return (\n      <Card className="m2">\n        <Input\n          id="firstName"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>First name</span>\n              <Tooltip\n                className="ms-1"\n                content="Your first name is on your birth certificate"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please enter your first name"\n          onChange={(value) => action(`You entered ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbInput\n          name="firstName"\n          jarb={{ validator: \'Hero.name\', label: \'First name\' }}\n          validators={[isSuperman]}\n          id="firstName"\n          label="First name"\n          placeholder="Please enter your first name"\n        />\n      </FinalForm>\n    );\n  });\n\nexport const _ = \'\';\n',locationsMap:{jarb:{startLoc:{col:7,line:131},endLoc:{col:3,line:144},startBody:{col:15,line:131},endBody:{col:3,line:144}},"with-custom-label":{startLoc:{col:7,line:109},endLoc:{col:3,line:130},startBody:{col:28,line:109},endBody:{col:3,line:130}},"without-label":{startLoc:{col:7,line:99},endLoc:{col:3,line:108},startBody:{col:24,line:99},endBody:{col:3,line:108}},mask:{startLoc:{col:7,line:79},endLoc:{col:3,line:98},startBody:{col:15,line:79},endBody:{col:3,line:98}},"without-placeholder":{startLoc:{col:7,line:68},endLoc:{col:3,line:78},startBody:{col:30,line:68},endBody:{col:3,line:78}},"with-addon":{startLoc:{col:7,line:26},endLoc:{col:3,line:67},startBody:{col:21,line:26},endBody:{col:3,line:67}},basic:{startLoc:{col:7,line:14},endLoc:{col:3,line:25},startBody:{col:16,line:14},endBody:{col:3,line:25}}}}}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"firstName",label:"First name",placeholder:"Please enter your first name",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))}}))})).add("with addon",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"firstName",label:"First name",placeholder:"Please enter your first name",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))},addon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Gw,{icon:"face"})}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"lastName",label:"Last name",placeholder:"Please enter your last name",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))},addon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Gw,{position:"right",icon:"face"}),color:"success"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"magicNumber",label:"Magic number",placeholder:"Please enter the magic number",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))},addon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.e9,null,"Try 42")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"addonButton",label:"Addon as a button",placeholder:"Please click on my addon button",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))},addon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.pg,{onClick:function onClick(){return alert("Yippy")},position:"right"},"Click me")}))})).add("without placeholder",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"firstName",label:"First name",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))}}))})).add("mask",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"zipcode",label:"Zipcode",placeholder:"Please enter your zipcode",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))},mask:[/[1-9]/,/[1-9]/,/[1-9]/,/[1-9]/," ",/[A-z]/,/[A-z]/]}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Look",react__WEBPACK_IMPORTED_MODULE_0__.createElement("a",{href:"https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask"},"here"),"for more example on how to use mask"))})).add("without label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{placeholder:"Please enter your first name",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))}}))})).add("with custom label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"firstName",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.u,{className:"ms-1",content:"Your first name is on your birth certificate"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.JO,{icon:"info"}))),placeholder:"Please enter your first name",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))}}))})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_4__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.x9,{name:"firstName",jarb:{validator:"Hero.name",label:"First name"},validators:[isSuperman],id:"firstName",label:"First name",placeholder:"Please enter your first name"}))}));var _="",__namedExportsOrder=["_"]},"./src/form/ModalPicker/multiple/ModalPickerMultiple.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_test_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/test/utils.tsx"),_test_fixtures__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/test/fixtures.ts"),_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/ModalPicker/multiple/ModalPickerMultiple.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/index.ts"),reactstrap__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_core_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/core/Avatar/Avatar.tsx"),classnames__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/ModalPicker/ModalPickerMultiple",module).addParameters({storySource:{source:'import React, { Fragment, useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport { pageWithContentAndExactSize } from \'../../../test/utils\';\nimport {\n  adminUser,\n  coordinatorUser,\n  pageOfUsers,\n  userUser\n} from \'../../../test/fixtures\';\nimport { User } from \'../../../test/types\';\n\nimport ModalPickerMultiple, {\n  JarbModalPickerMultiple\n} from \'./ModalPickerMultiple\';\n\nimport {\n  FinalForm,\n  IsOptionEqualInfo,\n  KeyForOptionInfo,\n  nonExistingProvince,\n  Province,\n  provinceFetcher,\n  provinces,\n  ReloadOptionsInfo,\n  resolveAfter\n} from \'../../story-utils\';\nimport { Icon, Toggle, Tooltip, Card } from \'../../..\';\nimport { ListGroup, ListGroupItem } from \'reactstrap\';\nimport Avatar from \'../../../core/Avatar/Avatar\';\nimport classNames from \'classnames\';\n\nstoriesOf(\'Form/ModalPicker/ModalPickerMultiple\', module)\n  .add(\'predefined options\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'show 5 options per page\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          pageSize={5}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n\n        <p>\n          Note: Beware of performance issues when setting the page size too\n          high, that will cause the UX to deteriorate on smaller screens!\n        </p>\n      </Card>\n    );\n  })\n  .add(\'async options\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'disabled options\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEnabled={(option) => !option.label.startsWith(\'Z\')}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'custom isOptionEqual\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      provinces()[0]\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEqual={(a, b) => a.value === b.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n\n        <IsOptionEqualInfo />\n      </Card>\n    );\n  })\n  .add(\'custom keyForOption\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      provinces()[0]\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          keyForOption={(province) => province.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n\n        <KeyForOptionInfo />\n      </Card>\n    );\n  })\n  .add(\'using reloadOptions\', () => {\n    const [limitToNorthern, setLimitToNorthern] = useState(false);\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <p>\n          Limit to northern provinces\n          <Toggle\n            className="ms-2"\n            color="primary"\n            value={limitToNorthern}\n            onChange={() => setLimitToNorthern(!limitToNorthern)}\n          />\n        </p>\n\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces().filter((option) =>\n            limitToNorthern ? option.north : true\n          )}\n          labelForOption={(option) => option.label}\n          value={value}\n          onChange={setValue}\n          reloadOptions={limitToNorthern}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\',\')}\n          </p>\n        ) : null}\n\n        <ReloadOptionsInfo />\n      </Card>\n    );\n  })\n  .add(\'using reloadOptions\', () => {\n    const [limitToNorthern, setLimitToNorthern] = useState(false);\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <p>\n          Limit to northern provinces\n          <Toggle\n            className="ms-2"\n            color="primary"\n            value={limitToNorthern}\n            onChange={() => setLimitToNorthern(!limitToNorthern)}\n          />\n        </p>\n\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces().filter((option) =>\n            limitToNorthern ? option.north : true\n          )}\n          labelForOption={(option) => option.label}\n          value={value}\n          onChange={setValue}\n          reloadOptions={limitToNorthern}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\',\')}\n          </p>\n        ) : null}\n\n        <ReloadOptionsInfo />\n      </Card>\n    );\n  })\n  .add(\'with extra add button\', () => {\n    const [value, setValue] = useState<User[] | undefined>([]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple<User>\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          labelForOption={(user: User) => user.email}\n          options={() =>\n            Promise.resolve(pageWithContentAndExactSize([userUser()]))\n          }\n          addButton={{\n            label: \'Create friend\',\n            onClick: () => {\n              // Just a fake implementation of how this could work.\n              // In real life you probably want to pop a modal window\n              // to create the friend.\n              return new Promise((resolve) => {\n                setTimeout(() => {\n                  resolve(adminUser());\n                }, 1000);\n              });\n            }\n          }}\n          value={value}\n          onChange={setValue}\n        />\n      </Card>\n    );\n  })\n  .add(\'without search\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          canSearch={false}\n          value={value}\n          onChange={setValue}\n        />\n      </Card>\n    );\n  })\n  .add(\'custom renderOptions\', () => {\n    const [value, setValue] = useState<User[] | undefined>([]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple<User>\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={[userUser(), adminUser(), coordinatorUser()]}\n          labelForOption={(user: User) => user.email}\n          isOptionEnabled={(user) => user.email !== \'admin@42.nl\'}\n          renderOptions={(options) => (\n            <ListGroup>\n              {options.map(({ option, isSelected, toggle, enabled }) => (\n                <ListGroupItem\n                  key={option.email}\n                  onClick={toggle}\n                  className={classNames(\n                    \'d-flex justify-content-between align-items-center\',\n                    { clickable: enabled, \'bg-light\': !enabled }\n                  )}\n                >\n                  <span>\n                    <Avatar\n                      src="https://www.placecage.com/100/100"\n                      alt={option.email}\n                    />\n                    {option.email}\n                  </span>\n                  {isSelected ? <Icon icon="check" color="primary" /> : null}\n                </ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n          value={value}\n          onChange={setValue}\n        />\n      </Card>\n    );\n  })\n  .add(\'custom renderValue\', () => {\n    const [value, setValue] = useState<User[] | undefined>([]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple<User>\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={[userUser(), adminUser(), coordinatorUser()]}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={(value) => setValue(value)}\n          renderValue={(users) => {\n            return users ? (\n              <>\n                {users.map((user, index) => (\n                  <Fragment key={user.id}>\n                    {index > 0 ? \', \' : \'\'}\n                    {user.roles.some((role) => role === \'ADMIN\') ? (\n                      <Icon icon="supervised_user_circle" />\n                    ) : (\n                      <Icon icon="supervisor_account" />\n                    )}\n                    {user.firstName}\n                    <b>{user.lastName}</b>\n                  </Fragment>\n                ))}\n              </>\n            ) : null;\n          }}\n        />\n      </Card>\n    );\n  })\n  .add(\'button alignment\', () => {\n    const [value, setValue] = useState<User[] | undefined>([]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple<User>\n          id="bestFriend"\n          label="Default"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n        <ModalPickerMultiple<User>\n          id="bestFriend"\n          label="Button on the left"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n          alignButton="left"\n        />\n        <ModalPickerMultiple<User>\n          id="bestFriend"\n          label="Button on the right"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n          alignButton="right"\n        />\n      </Card>\n    );\n  })\n  .add(\'labels\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <h3>Without label</h3>\n\n        <ModalPickerMultiple\n          id="provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n\n        <hr />\n\n        <h3>Custom label</h3>\n\n        <ModalPickerMultiple\n          id="provinces"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Friends</span>\n              <Tooltip\n                className="ms-1"\n                content="It is nice to have lots of friends"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'with icon\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <h3>Without icon</h3>\n\n        <ModalPickerMultiple\n          id="provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n\n        <hr />\n\n        <h3>With icon</h3>\n\n        <ModalPickerMultiple\n          id="provinces"\n          placeholder="Please select your provinces"\n          icon="ballot"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'without clear button\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          canClear={false}\n        />\n      </Card>\n    );\n  })\n  .add(\'with custom text\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          text={{\n            cancel: \'Take me back\',\n            select: \'Confirm my choice\'\n          }}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbModalPickerMultiple\n          id="provinces"\n          name="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          jarb={{\n            validator: \'User.provinces\',\n            label: \'Provinces\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:613},endLoc:{col:3,line:630},startBody:{col:15,line:613},endBody:{col:3,line:630}},"with-custom-text":{startLoc:{col:7,line:583},endLoc:{col:3,line:612},startBody:{col:27,line:583},endBody:{col:3,line:612}},"without-clear-button":{startLoc:{col:7,line:564},endLoc:{col:3,line:582},startBody:{col:31,line:564},endBody:{col:3,line:582}},"with-icon":{startLoc:{col:7,line:516},endLoc:{col:3,line:563},startBody:{col:20,line:516},endBody:{col:3,line:563}},labels:{startLoc:{col:7,line:458},endLoc:{col:3,line:515},startBody:{col:17,line:458},endBody:{col:3,line:515}},"button-alignment":{startLoc:{col:7,line:418},endLoc:{col:3,line:457},startBody:{col:27,line:418},endBody:{col:3,line:457}},"custom-rendervalue":{startLoc:{col:7,line:382},endLoc:{col:3,line:417},startBody:{col:29,line:382},endBody:{col:3,line:417}},"custom-renderoptions":{startLoc:{col:7,line:340},endLoc:{col:3,line:381},startBody:{col:31,line:340},endBody:{col:3,line:381}},"without-search":{startLoc:{col:7,line:320},endLoc:{col:3,line:339},startBody:{col:25,line:320},endBody:{col:3,line:339}},"with-extra-add-button":{startLoc:{col:7,line:287},endLoc:{col:3,line:319},startBody:{col:32,line:287},endBody:{col:3,line:319}},"using-reloadoptions":{startLoc:{col:7,line:203},endLoc:{col:3,line:244},startBody:{col:30,line:203},endBody:{col:3,line:244}},"custom-keyforoption":{startLoc:{col:7,line:174},endLoc:{col:3,line:202},startBody:{col:30,line:174},endBody:{col:3,line:202}},"custom-isoptionequal":{startLoc:{col:7,line:145},endLoc:{col:3,line:173},startBody:{col:31,line:145},endBody:{col:3,line:173}},"disabled-options":{startLoc:{col:7,line:118},endLoc:{col:3,line:144},startBody:{col:27,line:118},endBody:{col:3,line:144}},"async-options":{startLoc:{col:7,line:92},endLoc:{col:3,line:117},startBody:{col:24,line:92},endBody:{col:3,line:117}},"show-5-options-per-page":{startLoc:{col:7,line:60},endLoc:{col:3,line:91},startBody:{col:34,line:60},endBody:{col:3,line:91}},"predefined-options":{startLoc:{col:7,line:34},endLoc:{col:3,line:59},startBody:{col:29,line:34},endBody:{col:3,line:59}}}}}).add("predefined options",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("show 5 options per page",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,pageSize:5}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Note: Beware of performance issues when setting the page size too high, that will cause the UX to deteriorate on smaller screens!"))})).add("async options",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:_story_utils__WEBPACK_IMPORTED_MODULE_5__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("disabled options",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEnabled:function isOptionEnabled(option){return!option.label.startsWith("Z")},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("custom isOptionEqual",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)()[0]]),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEqual:function isOptionEqual(a,b){return a.value===b.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_5__.$L,null))})).add("custom keyForOption",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)()[0]]),2),value=_useState12[0],setValue=_useState12[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},keyForOption:function keyForOption(province){return province.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_5__.kI,null))})).add("using reloadOptions",(function(){var _useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),limitToNorthern=_useState14[0],setLimitToNorthern=_useState14[1],_useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState16[0],setValue=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Limit to northern provinces",react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.ZD,{className:"ms-2",color:"primary",value:limitToNorthern,onChange:function onChange(){return setLimitToNorthern(!limitToNorthern)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)().filter((function(option){return!limitToNorthern||option.north})),labelForOption:function labelForOption(option){return option.label},value,onChange:setValue,reloadOptions:limitToNorthern}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(",")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_5__.Nq,null))})).add("using reloadOptions",(function(){var _useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),limitToNorthern=_useState18[0],setLimitToNorthern=_useState18[1],_useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState20[0],setValue=_useState20[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Limit to northern provinces",react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.ZD,{className:"ms-2",color:"primary",value:limitToNorthern,onChange:function onChange(){return setLimitToNorthern(!limitToNorthern)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)().filter((function(option){return!limitToNorthern||option.north})),labelForOption:function labelForOption(option){return option.label},value,onChange:setValue,reloadOptions:limitToNorthern}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(",")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_5__.Nq,null))})).add("with extra add button",(function(){var _useState22=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),value=_useState22[0],setValue=_useState22[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,labelForOption:function labelForOption(user){return user.email},options:function options(){return Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_2__.Gw)([(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.$g)()]))},addButton:{label:"Create friend",onClick:function onClick(){return new Promise((function(resolve){setTimeout((function(){resolve((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.s$)())}),1e3)}))}},value,onChange:setValue}))})).add("without search",(function(){var _useState24=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState24[0],setValue=_useState24[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},canSearch:!1,value,onChange:setValue}))})).add("custom renderOptions",(function(){var _useState26=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),value=_useState26[0],setValue=_useState26[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:[(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.$g)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.s$)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.bX)()],labelForOption:function labelForOption(user){return user.email},isOptionEnabled:function isOptionEnabled(user){return"admin@42.nl"!==user.email},renderOptions:function renderOptions(options){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.NX,null,options.map((function(_ref){var option=_ref.option,isSelected=_ref.isSelected,toggle=_ref.toggle,enabled=_ref.enabled;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.WI,{key:option.email,onClick:toggle,className:classnames__WEBPACK_IMPORTED_MODULE_8___default()("d-flex justify-content-between align-items-center",{clickable:enabled,"bg-light":!enabled})},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_7__.Z,{src:"https://www.placecage.com/100/100",alt:option.email}),option.email),isSelected?react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.JO,{icon:"check",color:"primary"}):null)})))},value,onChange:setValue}))})).add("custom renderValue",(function(){var _useState28=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),value=_useState28[0],setValue=_useState28[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:[(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.$g)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.s$)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.bX)()],labelForOption:function labelForOption(user){return user.email},value,onChange:function onChange(value){return setValue(value)},renderValue:function renderValue(users){return users?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,users.map((function(user,index){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{key:user.id},index>0?", ":"",user.roles.some((function(role){return"ADMIN"===role}))?react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.JO,{icon:"supervised_user_circle"}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.JO,{icon:"supervisor_account"}),user.firstName,react__WEBPACK_IMPORTED_MODULE_0__.createElement("b",null,user.lastName))}))):null}}))})).add("button alignment",(function(){var _useState30=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),value=_useState30[0],setValue=_useState30[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"bestFriend",label:"Default",placeholder:"Select your best friend",canSearch:!0,options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.o7)())},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"bestFriend",label:"Button on the left",placeholder:"Select your best friend",canSearch:!0,options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.o7)())},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue,alignButton:"left"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"bestFriend",label:"Button on the right",placeholder:"Select your best friend",canSearch:!0,options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.o7)())},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue,alignButton:"right"}))})).add("labels",(function(){var _useState32=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState32[0],setValue=_useState32[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Custom label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Friends"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.u,{className:"ms-1",content:"It is nice to have lots of friends"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.JO,{icon:"info"}))),placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("with icon",(function(){var _useState34=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState34[0],setValue=_useState34[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"With icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",placeholder:"Please select your provinces",icon:"ballot",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("without clear button",(function(){var _useState36=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState36[0],setValue=_useState36[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,canClear:!1}))})).add("with custom text",(function(){var _useState38=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState38[0],setValue=_useState38[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,text:{cancel:"Take me back",select:"Confirm my choice"}}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_5__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.t,{id:"provinces",name:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:_story_utils__WEBPACK_IMPORTED_MODULE_5__.pi,labelForOption:function labelForOption(province){return province.label},jarb:{validator:"User.provinces",label:"Provinces"}}))}))},"./src/form/ModalPicker/single/ModalPickerSingle.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/ModalPicker/single/ModalPickerSingle.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/story-utils.tsx"),_test_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/test/utils.tsx"),_test_fixtures__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/test/fixtures.ts"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/index.ts"),_core_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/core/Avatar/Avatar.tsx"),reactstrap__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),classnames__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/ModalPicker/ModalPickerSingle",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport ModalPickerSingle, { JarbModalPickerSingle } from \'./ModalPickerSingle\';\nimport {\n  FinalForm,\n  IsOptionEqualInfo,\n  KeyForOptionInfo,\n  Province,\n  provinceFetcher,\n  provinces,\n  ReloadOptionsInfo,\n  resolveAfter\n} from \'../../story-utils\';\nimport { pageWithContentAndExactSize } from \'../../../test/utils\';\nimport { adminUser, coordinatorUser, userUser } from \'../../../test/fixtures\';\nimport { User } from \'../../../test/types\';\nimport { Icon, pageOf, Tooltip, Card } from \'../../..\';\nimport Avatar from \'../../../core/Avatar/Avatar\';\nimport { ListGroup, ListGroupItem } from \'reactstrap\';\nimport classNames from \'classnames\';\n\nstoriesOf(\'Form/ModalPicker/ModalPickerSingle\', module)\n  .add(\'predefined options\', () => {\n    const [value, setValue] = useState<Province | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'show 5 options per page\', () => {\n    const [value, setValue] = useState<Province | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          pageSize={5}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <p>\n          Note: Beware of performance issues when setting the page size too\n          high, that will cause the UX to deteriorate on smaller screens!\n        </p>\n      </Card>\n    );\n  })\n  .add(\'async options\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'disabled options\', () => {\n    const [value, setValue] = useState<Province | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEnabled={(option) => !option.label.startsWith(\'Z\')}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'custom isOptionEqual\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEqual={(a, b) => a.value === b.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <IsOptionEqualInfo />\n      </Card>\n    );\n  })\n  .add(\'custom keyForOption\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          keyForOption={(province) => province.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <KeyForOptionInfo />\n      </Card>\n    );\n  })\n  .add(\'using reloadOptions\', () => {\n    const [brand, setBrand] = useState<string>();\n    const [model, setModel] = useState<string>();\n\n    const allOptions = {\n      Audi: [\'A1\', \'A2\', \'A3\', \'M5\'],\n      BMW: [\'series 1\', \'series 2\', \'series 3\', \'series 4\', \'series 5\'],\n      Mercedes: [\'Viano\', \'Vito\', \'Sprinter\']\n    };\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle\n          id="brand"\n          label="Brand"\n          placeholder="Please select your brand"\n          options={() => resolveAfter(pageOf(Object.keys(allOptions), 1))}\n          labelForOption={(option) => option}\n          value={brand}\n          onChange={(value) => {\n            setBrand(value);\n            setModel(undefined);\n          }}\n        />\n        <ModalPickerSingle\n          id="model"\n          label="Model"\n          placeholder={\n            brand ? \'Please select your model\' : \'Please select a brand first\'\n          }\n          options={() =>\n            resolveAfter(pageOf(brand ? allOptions[brand] : [], 1))\n          }\n          labelForOption={(option: string) => option}\n          value={model}\n          onChange={setModel}\n          reloadOptions={brand}\n        />\n\n        {brand ? <p>Your chosen brand is: {brand}</p> : null}\n        {model ? <p>Your chosen model is: {model}</p> : null}\n\n        <ReloadOptionsInfo />\n      </Card>\n    );\n  })\n  .add(\'with extra add button\', () => {\n    const [value, setValue] = useState<User | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<User>\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          labelForOption={(user: User) => user.email}\n          options={() =>\n            Promise.resolve(pageWithContentAndExactSize([userUser()]))\n          }\n          addButton={{\n            label: \'Create friend\',\n            onClick: () => {\n              // Just a fake implementation of how this could work.\n              // In real life you probably want to pop a modal window\n              // to create the friend.\n              return new Promise((resolve) => {\n                setTimeout(() => {\n                  resolve(adminUser());\n                }, 1000);\n              });\n            }\n          }}\n          value={value}\n          onChange={setValue}\n        />\n      </Card>\n    );\n  })\n  .add(\'without search\', () => {\n    const [value, setValue] = useState<User | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={false}\n          labelForOption={(user: User) => user.email}\n          options={() =>\n            Promise.resolve(pageWithContentAndExactSize([userUser()]))\n          }\n          value={value}\n          onChange={setValue}\n        />\n      </Card>\n    );\n  })\n  .add(\'custom renderOptions\', () => {\n    const [value, setValue] = useState<User | undefined>();\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<User>\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={[userUser(), adminUser(), coordinatorUser()]}\n          labelForOption={(user: User) => user.email}\n          renderOptions={(options) => (\n            <ListGroup>\n              {options.map(({ option, isSelected, toggle, enabled }) => (\n                <ListGroupItem\n                  key={option.email}\n                  onClick={toggle}\n                  className={classNames(\n                    \'d-flex justify-content-between align-items-center\',\n                    { clickable: enabled, \'bg-light\': !enabled }\n                  )}\n                >\n                  <span>\n                    <Avatar\n                      src="https://www.placecage.com/100/100"\n                      alt={option.email}\n                    />\n                    {option.email}\n                  </span>\n                  {isSelected ? <Icon icon="check" color="primary" /> : null}\n                </ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n          value={value}\n          onChange={setValue}\n        />\n      </Card>\n    );\n  })\n  .add(\'custom renderValue\', () => {\n    const [value, setValue] = useState<User | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={[userUser(), adminUser(), coordinatorUser()]}\n          labelForOption={(user) => user.email}\n          value={value}\n          onChange={(user) => setValue(user)}\n          renderValue={(user) => {\n            return user ? (\n              <>\n                {user.roles.some((role) => role === \'ADMIN\') ? (\n                  <Icon icon="supervised_user_circle" />\n                ) : (\n                  <Icon icon="supervisor_account" />\n                )}\n                {user.firstName}\n                <b>{user.lastName}</b>\n              </>\n            ) : null;\n          }}\n        />\n      </Card>\n    );\n  })\n  .add(\'button alignment\', () => {\n    const [value, setValue] = useState<User | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle\n          id="bestFriend"\n          label="Default"\n          placeholder="Select your best friend"\n          canSearch={true}\n          labelForOption={(user: User) => user.email}\n          options={() =>\n            Promise.resolve(\n              pageWithContentAndExactSize([userUser(), adminUser()])\n            )\n          }\n          value={value}\n          onChange={setValue}\n          alignButton="default"\n        />\n        <ModalPickerSingle\n          id="bestFriend"\n          label="Button on the left"\n          placeholder="Select your best friend"\n          canSearch={true}\n          labelForOption={(user: User) => user.email}\n          options={() =>\n            Promise.resolve(\n              pageWithContentAndExactSize([userUser(), adminUser()])\n            )\n          }\n          value={value}\n          onChange={setValue}\n          alignButton="left"\n        />\n        <ModalPickerSingle\n          id="bestFriend"\n          label="Button on the right"\n          placeholder="Select your best friend"\n          canSearch={true}\n          labelForOption={(user: User) => user.email}\n          options={() =>\n            Promise.resolve(\n              pageWithContentAndExactSize([userUser(), adminUser()])\n            )\n          }\n          value={value}\n          onChange={setValue}\n          alignButton="right"\n        />\n      </Card>\n    );\n  })\n  .add(\'label & placeholder\', () => {\n    const [value, setValue] = useState<Province | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <h3>Without label</h3>\n\n        <ModalPickerSingle<Province>\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Custom label</h3>\n\n        <ModalPickerSingle<Province>\n          id="provinces"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Subject</span>\n              <Tooltip className="ms-1" content="The province you live in">\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'icon\', () => {\n    const [value, setValue] = useState<Province | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <h3>Without icon</h3>\n\n        <ModalPickerSingle<Province>\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>With icon</h3>\n\n        <ModalPickerSingle<Province>\n          id="provinces"\n          placeholder="Please select your province"\n          icon="home"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'without clear button\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<Province>\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          canClear={false}\n        />\n      </Card>\n    );\n  })\n  .add(\'with custom text\', () => {\n    const [value, setValue] = useState<Province | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          text={{\n            cancel: \'Take me back\',\n            select: \'Confirm my choice\'\n          }}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbModalPickerSingle\n          id="province"\n          name="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          jarb={{\n            validator: \'User.province\',\n            label: \'Province\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:491},endLoc:{col:3,line:508},startBody:{col:15,line:491},endBody:{col:3,line:508}},"with-custom-text":{startLoc:{col:7,line:468},endLoc:{col:3,line:490},startBody:{col:27,line:468},endBody:{col:3,line:490}},"without-clear-button":{startLoc:{col:7,line:452},endLoc:{col:3,line:467},startBody:{col:31,line:452},endBody:{col:3,line:467}},icon:{startLoc:{col:7,line:417},endLoc:{col:3,line:451},startBody:{col:15,line:417},endBody:{col:3,line:451}},"label-placeholder":{startLoc:{col:7,line:375},endLoc:{col:3,line:416},startBody:{col:30,line:375},endBody:{col:3,line:416}},"button-alignment":{startLoc:{col:7,line:322},endLoc:{col:3,line:374},startBody:{col:27,line:322},endBody:{col:3,line:374}},"custom-rendervalue":{startLoc:{col:7,line:291},endLoc:{col:3,line:321},startBody:{col:29,line:291},endBody:{col:3,line:321}},"custom-renderoptions":{startLoc:{col:7,line:250},endLoc:{col:3,line:290},startBody:{col:31,line:250},endBody:{col:3,line:290}},"without-search":{startLoc:{col:7,line:230},endLoc:{col:3,line:249},startBody:{col:25,line:230},endBody:{col:3,line:249}},"with-extra-add-button":{startLoc:{col:7,line:197},endLoc:{col:3,line:229},startBody:{col:32,line:197},endBody:{col:3,line:229}},"using-reloadoptions":{startLoc:{col:7,line:151},endLoc:{col:3,line:196},startBody:{col:30,line:151},endBody:{col:3,line:196}},"custom-keyforoption":{startLoc:{col:7,line:129},endLoc:{col:3,line:150},startBody:{col:30,line:129},endBody:{col:3,line:150}},"custom-isoptionequal":{startLoc:{col:7,line:107},endLoc:{col:3,line:128},startBody:{col:31,line:107},endBody:{col:3,line:128}},"disabled-options":{startLoc:{col:7,line:87},endLoc:{col:3,line:106},startBody:{col:27,line:87},endBody:{col:3,line:106}},"async-options":{startLoc:{col:7,line:68},endLoc:{col:3,line:86},startBody:{col:24,line:68},endBody:{col:3,line:86}},"show-5-options-per-page":{startLoc:{col:7,line:43},endLoc:{col:3,line:67},startBody:{col:34,line:43},endBody:{col:3,line:67}},"predefined-options":{startLoc:{col:7,line:24},endLoc:{col:3,line:42},startBody:{col:29,line:24},endBody:{col:3,line:42}}}}}).add("predefined options",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("show 5 options per page",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,pageSize:5}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Note: Beware of performance issues when setting the page size too high, that will cause the UX to deteriorate on smaller screens!"))})).add("async options",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("disabled options",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEnabled:function isOptionEnabled(option){return!option.label.startsWith("Z")},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("custom isOptionEqual",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEqual:function isOptionEqual(a,b){return a.value===b.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.$L,null))})).add("custom keyForOption",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState12[0],setValue=_useState12[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},keyForOption:function keyForOption(province){return province.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.kI,null))})).add("using reloadOptions",(function(){var _useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),brand=_useState14[0],setBrand=_useState14[1],_useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),model=_useState16[0],setModel=_useState16[1],allOptions={Audi:["A1","A2","A3","M5"],BMW:["series 1","series 2","series 3","series 4","series 5"],Mercedes:["Viano","Vito","Sprinter"]};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"brand",label:"Brand",placeholder:"Please select your brand",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.hL)((0,___WEBPACK_IMPORTED_MODULE_6__.uj)(Object.keys(allOptions),1))},labelForOption:function labelForOption(option){return option},value:brand,onChange:function onChange(value){setBrand(value),setModel(void 0)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"model",label:"Model",placeholder:brand?"Please select your model":"Please select a brand first",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.hL)((0,___WEBPACK_IMPORTED_MODULE_6__.uj)(brand?allOptions[brand]:[],1))},labelForOption:function labelForOption(option){return option},value:model,onChange:setModel,reloadOptions:brand}),brand?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen brand is: ",brand):null,model?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen model is: ",model):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.Nq,null))})).add("with extra add button",(function(){var _useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState18[0],setValue=_useState18[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,labelForOption:function labelForOption(user){return user.email},options:function options(){return Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_4__.Gw)([(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.$g)()]))},addButton:{label:"Create friend",onClick:function onClick(){return new Promise((function(resolve){setTimeout((function(){resolve((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.s$)())}),1e3)}))}},value,onChange:setValue}))})).add("without search",(function(){var _useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState20[0],setValue=_useState20[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!1,labelForOption:function labelForOption(user){return user.email},options:function options(){return Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_4__.Gw)([(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.$g)()]))},value,onChange:setValue}))})).add("custom renderOptions",(function(){var _useState22=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),value=_useState22[0],setValue=_useState22[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:[(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.$g)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.s$)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.bX)()],labelForOption:function labelForOption(user){return user.email},renderOptions:function renderOptions(options){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.NX,null,options.map((function(_ref){var option=_ref.option,isSelected=_ref.isSelected,toggle=_ref.toggle,enabled=_ref.enabled;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.WI,{key:option.email,onClick:toggle,className:classnames__WEBPACK_IMPORTED_MODULE_8___default()("d-flex justify-content-between align-items-center",{clickable:enabled,"bg-light":!enabled})},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_7__.Z,{src:"https://www.placecage.com/100/100",alt:option.email}),option.email),isSelected?react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.JO,{icon:"check",color:"primary"}):null)})))},value,onChange:setValue}))})).add("custom renderValue",(function(){var _useState24=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState24[0],setValue=_useState24[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:[(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.$g)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.s$)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.bX)()],labelForOption:function labelForOption(user){return user.email},value,onChange:function onChange(user){return setValue(user)},renderValue:function renderValue(user){return user?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,user.roles.some((function(role){return"ADMIN"===role}))?react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.JO,{icon:"supervised_user_circle"}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.JO,{icon:"supervisor_account"}),user.firstName,react__WEBPACK_IMPORTED_MODULE_0__.createElement("b",null,user.lastName)):null}}))})).add("button alignment",(function(){var _useState26=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState26[0],setValue=_useState26[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"bestFriend",label:"Default",placeholder:"Select your best friend",canSearch:!0,labelForOption:function labelForOption(user){return user.email},options:function options(){return Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_4__.Gw)([(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.$g)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.s$)()]))},value,onChange:setValue,alignButton:"default"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"bestFriend",label:"Button on the left",placeholder:"Select your best friend",canSearch:!0,labelForOption:function labelForOption(user){return user.email},options:function options(){return Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_4__.Gw)([(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.$g)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.s$)()]))},value,onChange:setValue,alignButton:"left"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"bestFriend",label:"Button on the right",placeholder:"Select your best friend",canSearch:!0,labelForOption:function labelForOption(user){return user.email},options:function options(){return Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_4__.Gw)([(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.$g)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.s$)()]))},value,onChange:setValue,alignButton:"right"}))})).add("label & placeholder",(function(){var _useState28=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState28[0],setValue=_useState28[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Custom label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Subject"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.u,{className:"ms-1",content:"The province you live in"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.JO,{icon:"info"}))),placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("icon",(function(){var _useState30=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState30[0],setValue=_useState30[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"With icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",placeholder:"Please select your province",icon:"home",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("without clear button",(function(){var _useState32=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState32[0],setValue=_useState32[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,canClear:!1}))})).add("with custom text",(function(){var _useState34=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState34[0],setValue=_useState34[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,text:{cancel:"Take me back",select:"Confirm my choice"}}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.q,{id:"province",name:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},jarb:{validator:"User.province",label:"Province"}}))}))},"./src/form/NewPasswordInput/NewPasswordInput.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_story_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/story-utils.tsx"),_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/NewPasswordInput/NewPasswordInput.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/NewPasswordInput",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { FinalForm } from \'../story-utils\';\nimport NewPasswordInput, {\n  isStrongPassword,\n  JarbNewPasswordInput\n} from \'./NewPasswordInput\';\nimport { Addon, Icon, Tooltip, Card } from \'../..\';\n\nstoriesOf(\'Form/NewPasswordInput\', module)\n  .add(\'basic\', () => {\n    const [password, setPassword] = useState(\'\');\n\n    return (\n      <Card className="m-2">\n        <NewPasswordInput\n          id="password"\n          label="Password"\n          placeholder="Please enter your password"\n          value={password}\n          onChange={setPassword}\n        />\n      </Card>\n    );\n  })\n  .add(\'icon\', () => {\n    const [password, setPassword] = useState(\'\');\n\n    return (\n      <Card className="m-2">\n        <NewPasswordInput\n          id="password"\n          label="Password"\n          placeholder="Please enter your password"\n          value={password}\n          onChange={setPassword}\n          addon={\n            <Addon>\n              <Icon icon="lock" />\n            </Addon>\n          }\n        />\n      </Card>\n    );\n  })\n  .add(\'without placeholder\', () => {\n    const [password, setPassword] = useState(\'\');\n\n    return (\n      <Card className="m-2">\n        <NewPasswordInput\n          id="password"\n          label="Password"\n          value={password}\n          onChange={setPassword}\n        />\n      </Card>\n    );\n  })\n  .add(\'without label\', () => {\n    const [password, setPassword] = useState(\'\');\n\n    return (\n      <Card className="m-2">\n        <NewPasswordInput\n          placeholder="Please enter your password"\n          value={password}\n          onChange={setPassword}\n        />\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    const [password, setPassword] = useState(\'\');\n\n    return (\n      <Card className="m-2">\n        <NewPasswordInput\n          id="password"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Password</span>\n              <Tooltip\n                className="ms-1"\n                content="Your password should be secret"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please enter your password"\n          value={password}\n          onChange={setPassword}\n        />\n      </Card>\n    );\n  })\n  .add(\'without meter\', () => {\n    const [password, setPassword] = useState(\'\');\n\n    return (\n      <Card className="m-2">\n        <NewPasswordInput\n          id="password"\n          label="Password"\n          placeholder="Please enter your password"\n          value={password}\n          onChange={setPassword}\n          showMeter={false}\n        />\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbNewPasswordInput\n          name="password"\n          jarb={{ validator: \'User.password\', label: \'Password\' }}\n          id="password"\n          label="password"\n          placeholder="Please enter your password"\n          validators={[\n            isStrongPassword(\n              [\n                \'lowercase\',\n                \'uppercase\',\n                \'number\',\n                \'specialChar\',\n                \'minimumLength\',\n                \'noSpace\'\n              ],\n              10\n            )\n          ]}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:114},endLoc:{col:3,line:139},startBody:{col:15,line:114},endBody:{col:3,line:139}},"without-meter":{startLoc:{col:7,line:98},endLoc:{col:3,line:113},startBody:{col:24,line:98},endBody:{col:3,line:113}},"with-custom-label":{startLoc:{col:7,line:73},endLoc:{col:3,line:97},startBody:{col:28,line:73},endBody:{col:3,line:97}},"without-label":{startLoc:{col:7,line:60},endLoc:{col:3,line:72},startBody:{col:24,line:60},endBody:{col:3,line:72}},"without-placeholder":{startLoc:{col:7,line:46},endLoc:{col:3,line:59},startBody:{col:30,line:46},endBody:{col:3,line:59}},icon:{startLoc:{col:7,line:26},endLoc:{col:3,line:45},startBody:{col:15,line:26},endBody:{col:3,line:45}},basic:{startLoc:{col:7,line:11},endLoc:{col:3,line:25},startBody:{col:16,line:11},endBody:{col:3,line:25}}}}}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),password=_useState2[0],setPassword=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"password",label:"Password",placeholder:"Please enter your password",value:password,onChange:setPassword}))})).add("icon",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),password=_useState4[0],setPassword=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"password",label:"Password",placeholder:"Please enter your password",value:password,onChange:setPassword,addon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.e9,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"lock"}))}))})).add("without placeholder",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),password=_useState6[0],setPassword=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"password",label:"Password",value:password,onChange:setPassword}))})).add("without label",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),password=_useState8[0],setPassword=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{placeholder:"Please enter your password",value:password,onChange:setPassword}))})).add("with custom label",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),password=_useState10[0],setPassword=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"password",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Password"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.u,{className:"ms-1",content:"Your password should be secret"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Please enter your password",value:password,onChange:setPassword}))})).add("without meter",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),password=_useState12[0],setPassword=_useState12[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"password",label:"Password",placeholder:"Please enter your password",value:password,onChange:setPassword,showMeter:!1}))})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_2__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__.VI,{name:"password",jarb:{validator:"User.password",label:"Password"},id:"password",label:"password",placeholder:"Please enter your password",validators:[(0,_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__.GI)(["lowercase","uppercase","number","specialChar","minimumLength","noSpace"],10)]}))}))},"./src/form/PlainTextFormControl/PlainTextFormControl.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_PlainTextFormControl__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/PlainTextFormControl/PlainTextFormControl.tsx"),reactstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/PlainTextFormControl",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { PlainTextFormControl } from './PlainTextFormControl';\nimport { Form } from 'reactstrap';\n\nstoriesOf('Form/PlainTextFormControl', module).add('basic', () => {\n  return (\n    <Form>\n      <PlainTextFormControl label=\"Organisation\">42 BV</PlainTextFormControl>\n    </Form>\n  );\n});\n",locationsMap:{basic:{startLoc:{col:51,line:6},endLoc:{col:1,line:12},startBody:{col:60,line:6},endBody:{col:1,line:12}}}}}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.l0,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_PlainTextFormControl__WEBPACK_IMPORTED_MODULE_2__.v,{label:"Organisation"},"42 BV"))}))},"./src/form/RadioGroup/RadioGroup.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_RadioGroup__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/RadioGroup/RadioGroup.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/RadioGroup",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport RadioGroup, { JarbRadioGroup } from \'./RadioGroup\';\nimport {\n  FinalForm,\n  IsOptionEqualInfo,\n  KeyForOptionInfo,\n  nonExistingProvince,\n  Province,\n  provinceFetcher,\n  provinces,\n  ReloadOptionsInfo,\n  resolveAfter\n} from \'../story-utils\';\nimport { Icon, pageOf, Tooltip, Card } from \'../..\';\n\nstoriesOf(\'Form/RadioGroup\', module)\n  .add(\'predefined options\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'async options\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <p className="mt-3">\n          <strong>Disclaimer:</strong> when using async, a maximum of 100\n          options will be displayed. If you want to display more than 100\n          options, you should use the ModalPickerSingle.\n        </p>\n      </Card>\n    );\n  })\n  .add(\'disabled options\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEnabled={(option) => !option.label.startsWith(\'Z\')}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'custom isOptionEqual\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEqual={(a, b) => a.value === b.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <IsOptionEqualInfo />\n      </Card>\n    );\n  })\n  .add(\'custom keyForOption\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          keyForOption={(province) => province.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <KeyForOptionInfo />\n      </Card>\n    );\n  })\n  .add(\'using reloadOptions\', () => {\n    const [brand, setBrand] = useState<string>();\n    const [model, setModel] = useState<string>();\n\n    const allOptions = {\n      Audi: [\'A1\', \'A2\', \'A3\', \'M5\'],\n      BMW: [\'series 1\', \'series 2\', \'series 3\', \'series 4\', \'series 5\'],\n      Mercedes: [\'Viano\', \'Vito\', \'Sprinter\']\n    };\n\n    return (\n      <Card className="m-2">\n        <RadioGroup\n          id="brand"\n          label="Brand"\n          placeholder="Please select your brand"\n          options={() => resolveAfter(pageOf(Object.keys(allOptions), 1))}\n          labelForOption={(option) => option}\n          value={brand}\n          onChange={(value) => {\n            setBrand(value);\n            setModel(undefined);\n          }}\n        />\n        <RadioGroup\n          id="model"\n          label="Model"\n          placeholder={\n            brand ? \'Please select your model\' : \'Please select a brand first\'\n          }\n          options={() =>\n            resolveAfter(pageOf(brand ? allOptions[brand] : [], 1))\n          }\n          labelForOption={(option: string) => option}\n          value={model}\n          onChange={setModel}\n          reloadOptions={brand}\n        />\n\n        {brand ? <p>Your chosen brand is: {brand}</p> : null}\n        {model ? <p>Your chosen model is: {model}</p> : null}\n\n        <ReloadOptionsInfo />\n      </Card>\n    );\n  })\n  .add(\'label & placeholder\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <h3>Without label</h3>\n\n        <RadioGroup<Province>\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Custom label</h3>\n\n        <RadioGroup<Province>\n          id="provinces"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Subject</span>\n              <Tooltip className="ms-1" content="The province you live in">\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Without placeholder</h3>\n\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'horizontal\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          horizontal={true}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <p>\n          <strong>Disclaimer:</strong> horizontal mode works best when there are\n          not too many items\n        </p>\n      </Card>\n    );\n  })\n  .add(\'horizontal with clear\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          horizontal={true}\n          canClear={true}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <p>\n          <strong>Disclaimer:</strong> horizontal mode works best when there are\n          not too many items\n        </p>\n      </Card>\n    );\n  })\n  .add(\'with clear button\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          canClear={true}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbRadioGroup\n          id="province"\n          name="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          jarb={{\n            validator: \'User.province\',\n            label: \'Province\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:312},endLoc:{col:3,line:329},startBody:{col:15,line:312},endBody:{col:3,line:329}},"with-clear-button":{startLoc:{col:7,line:289},endLoc:{col:3,line:310},startBody:{col:28,line:289},endBody:{col:3,line:310}},"horizontal-with-clear":{startLoc:{col:7,line:261},endLoc:{col:3,line:288},startBody:{col:32,line:261},endBody:{col:3,line:288}},horizontal:{startLoc:{col:7,line:234},endLoc:{col:3,line:260},startBody:{col:21,line:234},endBody:{col:3,line:260}},"label-placeholder":{startLoc:{col:7,line:177},endLoc:{col:3,line:233},startBody:{col:30,line:177},endBody:{col:3,line:233}},"using-reloadoptions":{startLoc:{col:7,line:131},endLoc:{col:3,line:176},startBody:{col:30,line:131},endBody:{col:3,line:176}},"custom-keyforoption":{startLoc:{col:7,line:109},endLoc:{col:3,line:130},startBody:{col:30,line:109},endBody:{col:3,line:130}},"custom-isoptionequal":{startLoc:{col:7,line:87},endLoc:{col:3,line:108},startBody:{col:31,line:87},endBody:{col:3,line:108}},"disabled-options":{startLoc:{col:7,line:65},endLoc:{col:3,line:86},startBody:{col:27,line:65},endBody:{col:3,line:86}},"async-options":{startLoc:{col:7,line:40},endLoc:{col:3,line:64},startBody:{col:24,line:40},endBody:{col:3,line:64}},"predefined-options":{startLoc:{col:7,line:19},endLoc:{col:3,line:39},startBody:{col:29,line:19},endBody:{col:3,line:39}}}}}).add("predefined options",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("async options",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," when using async, a maximum of 100 options will be displayed. If you want to display more than 100 options, you should use the ModalPickerSingle."))})).add("disabled options",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEnabled:function isOptionEnabled(option){return!option.label.startsWith("Z")},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("custom isOptionEqual",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEqual:function isOptionEqual(a,b){return a.value===b.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.$L,null))})).add("custom keyForOption",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},keyForOption:function keyForOption(province){return province.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.kI,null))})).add("using reloadOptions",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),brand=_useState12[0],setBrand=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),model=_useState14[0],setModel=_useState14[1],allOptions={Audi:["A1","A2","A3","M5"],BMW:["series 1","series 2","series 3","series 4","series 5"],Mercedes:["Viano","Vito","Sprinter"]};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"brand",label:"Brand",placeholder:"Please select your brand",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.hL)((0,___WEBPACK_IMPORTED_MODULE_4__.uj)(Object.keys(allOptions),1))},labelForOption:function labelForOption(option){return option},value:brand,onChange:function onChange(value){setBrand(value),setModel(void 0)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"model",label:"Model",placeholder:brand?"Please select your model":"Please select a brand first",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.hL)((0,___WEBPACK_IMPORTED_MODULE_4__.uj)(brand?allOptions[brand]:[],1))},labelForOption:function labelForOption(option){return option},value:model,onChange:setModel,reloadOptions:brand}),brand?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen brand is: ",brand):null,model?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen model is: ",model):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.Nq,null))})).add("label & placeholder",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState16[0],setValue=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Custom label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Subject"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.u,{className:"ms-1",content:"The province you live in"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without placeholder"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("horizontal",(function(){var _useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState18[0],setValue=_useState18[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,horizontal:!0}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," horizontal mode works best when there are not too many items"))})).add("horizontal with clear",(function(){var _useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState20[0],setValue=_useState20[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,horizontal:!0,canClear:!0}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," horizontal mode works best when there are not too many items"))})).add("with clear button",(function(){var _useState22=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState22[0],setValue=_useState22[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,canClear:!0}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.y,{id:"province",name:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},jarb:{validator:"User.province",label:"Province"}}))}))},"./src/form/Select/Select.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_Select__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/Select/Select.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/Select",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport Select, { JarbSelect } from \'./Select\';\nimport {\n  FinalForm,\n  IsOptionEqualInfo,\n  KeyForOptionInfo,\n  nonExistingProvince,\n  Province,\n  provinceFetcher,\n  provinces,\n  ReloadOptionsInfo,\n  resolveAfter\n} from \'../story-utils\';\nimport { Icon, pageOf, Tooltip, Card } from \'../..\';\n\nstoriesOf(\'Form/Select\', module)\n  .add(\'predefined options\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <Select<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'async options\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <Select<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <p className="mt-3">\n          <strong>Disclaimer:</strong> when using async, a maximum of 100\n          options will be displayed. If you want to display more than 100\n          options, you should use the ModalPickerSingle.\n        </p>\n      </Card>\n    );\n  })\n  .add(\'disabled options\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <Select<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEnabled={(option) => !option.label.startsWith(\'Z\')}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'custom isOptionEqual\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <Select<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEqual={(a, b) => a.value === b.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <IsOptionEqualInfo />\n      </Card>\n    );\n  })\n  .add(\'custom keyForOption\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <Select<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          keyForOption={(province) => province.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <KeyForOptionInfo />\n      </Card>\n    );\n  })\n  .add(\'using reloadOptions\', () => {\n    const [brand, setBrand] = useState<string>();\n    const [model, setModel] = useState<string>();\n\n    const allOptions = {\n      Audi: [\'A1\', \'A2\', \'A3\', \'M5\'],\n      BMW: [\'series 1\', \'series 2\', \'series 3\', \'series 4\', \'series 5\'],\n      Mercedes: [\'Viano\', \'Vito\', \'Sprinter\']\n    };\n\n    return (\n      <Card className="m-2">\n        <Select\n          id="brand"\n          label="Brand"\n          placeholder="Please select your brand"\n          options={() => resolveAfter(pageOf(Object.keys(allOptions), 1))}\n          labelForOption={(option) => option}\n          onChange={(value) => {\n            setBrand(value);\n            setModel(undefined);\n          }}\n          value={brand}\n        />\n        <Select\n          id="model"\n          label="Model"\n          placeholder={\n            brand ? \'Please select your model\' : \'Please select a brand first\'\n          }\n          options={() =>\n            resolveAfter(pageOf(brand ? allOptions[brand] : [], 1))\n          }\n          labelForOption={(option: string) => option}\n          onChange={setModel}\n          value={model}\n          reloadOptions={brand}\n        />\n\n        {brand ? <p>Your chosen brand is: {brand}</p> : null}\n        {model ? <p>Your chosen model is: {model}</p> : null}\n\n        <ReloadOptionsInfo />\n      </Card>\n    );\n  })\n  .add(\'label & placeholder\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <h3>Without label</h3>\n\n        <Select<Province>\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Custom label</h3>\n\n        <Select<Province>\n          id="provinces"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Subject</span>\n              <Tooltip className="ms-1" content="The province you live in">\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Without placeholder</h3>\n\n        <Select<Province>\n          id="province"\n          label="Province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbSelect\n          id="province"\n          name="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          jarb={{\n            validator: \'User.province\',\n            label: \'Province\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:234},endLoc:{col:3,line:251},startBody:{col:15,line:234},endBody:{col:3,line:251}},"label-placeholder":{startLoc:{col:7,line:177},endLoc:{col:3,line:233},startBody:{col:30,line:177},endBody:{col:3,line:233}},"using-reloadoptions":{startLoc:{col:7,line:131},endLoc:{col:3,line:176},startBody:{col:30,line:131},endBody:{col:3,line:176}},"custom-keyforoption":{startLoc:{col:7,line:109},endLoc:{col:3,line:130},startBody:{col:30,line:109},endBody:{col:3,line:130}},"custom-isoptionequal":{startLoc:{col:7,line:87},endLoc:{col:3,line:108},startBody:{col:31,line:87},endBody:{col:3,line:108}},"disabled-options":{startLoc:{col:7,line:65},endLoc:{col:3,line:86},startBody:{col:27,line:65},endBody:{col:3,line:86}},"async-options":{startLoc:{col:7,line:40},endLoc:{col:3,line:64},startBody:{col:24,line:40},endBody:{col:3,line:64}},"predefined-options":{startLoc:{col:7,line:19},endLoc:{col:3,line:39},startBody:{col:29,line:19},endBody:{col:3,line:39}}}}}).add("predefined options",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("async options",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," when using async, a maximum of 100 options will be displayed. If you want to display more than 100 options, you should use the ModalPickerSingle."))})).add("disabled options",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEnabled:function isOptionEnabled(option){return!option.label.startsWith("Z")},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("custom isOptionEqual",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEqual:function isOptionEqual(a,b){return a.value===b.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.$L,null))})).add("custom keyForOption",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},keyForOption:function keyForOption(province){return province.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.kI,null))})).add("using reloadOptions",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),brand=_useState12[0],setBrand=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),model=_useState14[0],setModel=_useState14[1],allOptions={Audi:["A1","A2","A3","M5"],BMW:["series 1","series 2","series 3","series 4","series 5"],Mercedes:["Viano","Vito","Sprinter"]};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"brand",label:"Brand",placeholder:"Please select your brand",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.hL)((0,___WEBPACK_IMPORTED_MODULE_4__.uj)(Object.keys(allOptions),1))},labelForOption:function labelForOption(option){return option},onChange:function onChange(value){setBrand(value),setModel(void 0)},value:brand}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"model",label:"Model",placeholder:brand?"Please select your model":"Please select a brand first",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.hL)((0,___WEBPACK_IMPORTED_MODULE_4__.uj)(brand?allOptions[brand]:[],1))},labelForOption:function labelForOption(option){return option},onChange:setModel,value:model,reloadOptions:brand}),brand?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen brand is: ",brand):null,model?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen model is: ",model):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.Nq,null))})).add("label & placeholder",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState16[0],setValue=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Custom label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Subject"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.u,{className:"ms-1",content:"The province you live in"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without placeholder"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.B,{id:"province",name:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},jarb:{validator:"User.province",label:"Province"}}))}))},"./src/form/TextEditor/TextEditor.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_TextEditor__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/TextEditor/TextEditor.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/index.ts");module=__webpack_require__.hmd(module);var disclaimer=react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," when using the TextEditor you must sanitize the output when rendering the output in the browser. If you do not do this you risk an XSS attack."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"The 42 way of dealing with this problem is by using"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("a",{href:"https://jsoup.org/"},"jsoup")," and to use the"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("a",{href:"https://jsoup.org/cookbook/cleaning-html/whitelist-sanitizer"},"sanitizer")," ","with a whitelist. The whitelist should only contain elements which the TextEditor generates. The sanitizer should be applied before sending the content to the browser."));(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/TextEditor",module).addParameters({storySource:{source:"import React, { useEffect, useMemo } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport TextEditor, { JarbTextEditor } from './TextEditor';\n\nimport { FinalForm } from '../story-utils';\nimport { Icon, Tooltip, Card } from '../..';\n\nconst disclaimer = (\n  <>\n    <p>\n      <strong>Disclaimer:</strong> when using the TextEditor you must sanitize\n      the output when rendering the output in the browser. If you do not do this\n      you risk an XSS attack.\n    </p>\n    <p>\n      The 42 way of dealing with this problem is by using{' '}\n      <a href=\"https://jsoup.org/\">jsoup</a> and to use the{' '}\n      <a href=\"https://jsoup.org/cookbook/cleaning-html/whitelist-sanitizer\">\n        sanitizer\n      </a>{' '}\n      with a whitelist. The whitelist should only contain elements which the\n      TextEditor generates. The sanitizer should be applied before sending the\n      content to the browser.\n    </p>\n  </>\n);\n\nstoriesOf('Form/TextEditor', module)\n  .add('basic', () => {\n    return (\n      <Card className=\"m-2\">\n        <TextEditor\n          id=\"description\"\n          label=\"Description\"\n          placeholder=\"Please add a description\"\n          onChange={(value) => action(`onChange: ${value}`)}\n        />\n        {disclaimer}\n      </Card>\n    );\n  })\n  .add('without placeholder', () => {\n    return (\n      <Card className=\"m-2\">\n        <TextEditor\n          id=\"description\"\n          label=\"Description\"\n          onChange={(value) => action(`onChange: ${value}`)}\n        />\n        {disclaimer}\n      </Card>\n    );\n  })\n  .add('without label', () => {\n    return (\n      <Card className=\"m-2\">\n        <TextEditor\n          id=\"description\"\n          placeholder=\"Please add a description\"\n          onChange={(value) => action(`onChange: ${value}`)}\n        />\n        {disclaimer}\n      </Card>\n    );\n  })\n  .add('with custom label', () => {\n    return (\n      <Card className=\"m-2\">\n        <TextEditor\n          id=\"description\"\n          label={\n            <div className=\"d-flex justify-content-between\">\n              <span>Description</span>\n              <Tooltip\n                className=\"ms-1\"\n                content=\"Be sure to secure against XSS attacks\"\n              >\n                <Icon icon=\"info\" />\n              </Tooltip>\n            </div>\n          }\n          placeholder=\"Please add a description\"\n          onChange={(value) => action(`onChange: ${value}`)}\n        />\n        {disclaimer}\n      </Card>\n    );\n  })\n  .add('custom toolbar', () => {\n    return (\n      <Card className=\"m-2\">\n        <TextEditor\n          id=\"description\"\n          label=\"Description\"\n          placeholder=\"Please add a description\"\n          onChange={(value) => action(`onChange: ${value}`)}\n          modules={{\n            toolbar: [\n              ['bold', 'italic', 'underline', 'strike'], // toggled buttons\n              ['blockquote', 'code-block'],\n\n              [{ header: 1 }, { header: 2 }], // custom button values\n              [{ list: 'ordered' }, { list: 'bullet' }],\n              [{ script: 'sub' }, { script: 'super' }], // superscript/subscript\n              [{ indent: '-1' }, { indent: '+1' }], // outdent/indent\n              [{ direction: 'rtl' }], // text direction\n\n              [{ size: ['small', false, 'large', 'huge'] }], // custom dropdown\n              [{ header: [1, 2, 3, 4, 5, 6, false] }],\n\n              [{ color: [] }, { background: [] }], // dropdown with defaults from theme\n              [{ font: [] }],\n              [{ align: [] }],\n\n              ['link', 'image', 'video'],\n\n              ['clean']\n            ]\n          }}\n        />\n\n        {disclaimer}\n      </Card>\n    );\n  })\n  .add('custom toolbar option', () => {\n    const placeholders = useMemo(\n      () => [{ label: 'First name', value: 'firstName' }],\n      []\n    );\n\n    useEffect(() => {\n      /**\n       * Supply the HTML content of the placeholder dropdown.\n       * We need this because QuillJS shows an empty dropdown when supplying a custom dropdown list.\n       */\n      document\n        .querySelectorAll('.ql-placeholder .ql-picker-label')\n        .forEach((label: HTMLElement) => {\n          if (label.innerHTML.startsWith('<span')) {\n            return;\n          }\n\n          const span = document.createElement('span');\n          span.className = 'd-inline-block me-3';\n          span.innerText = 'Insert placeholder';\n          label.insertBefore(span, label.firstChild);\n        });\n      document\n        .querySelectorAll('.ql-placeholder .ql-picker-item')\n        .forEach((item: HTMLElement) => {\n          item.textContent =\n            placeholders.find((ph) => ph.value === item.dataset.value)?.label ||\n            item.dataset.value ||\n            null;\n        });\n    }, [placeholders]);\n\n    function insertPlaceholder(value: string) {\n      const quill = this.quill;\n      const cursorPosition = quill.getSelection().index;\n      quill.insertText(cursorPosition, `[${value}]`);\n      quill.setSelection({\n        index: cursorPosition + value.length + 2,\n        length: 0\n      });\n    }\n\n    return (\n      <Card className=\"m-2\">\n        <TextEditor\n          id=\"description\"\n          label=\"Description\"\n          placeholder=\"Please add a description\"\n          onChange={(value) => action(`onChange: ${value}`)}\n          modules={{\n            toolbar: {\n              container: [\n                [\n                  {\n                    placeholder: placeholders.map((ph) => ph.value)\n                  }\n                ],\n                [\n                  {\n                    size: ['small', false, 'large', 'huge']\n                  },\n                  'bold',\n                  'italic',\n                  'underline',\n                  'link'\n                ],\n                [\n                  {\n                    list: 'ordered'\n                  },\n                  {\n                    list: 'bullet'\n                  }\n                ],\n                ['clean']\n              ],\n              handlers: {\n                placeholder: insertPlaceholder\n              }\n            }\n          }}\n        />\n        {disclaimer}\n      </Card>\n    );\n  })\n  .add('manual formats', () => {\n    return (\n      <Card className=\"m-2\">\n        <TextEditor\n          id=\"description\"\n          label=\"Description\"\n          placeholder=\"Please add a description\"\n          onChange={(value) => action(`onChange: ${value}`)}\n          modules={{\n            // This determines what is in the toolbar. But not\n            // which formats are supported. Quill does this to\n            // allow bold text to be pasted or entered with a\n            // shortcut, but not show a toolbar button.\n            toolbar: ['italic', 'underline', 'strike']\n          }}\n          // These are the formats which are allowed to be used.\n          // When you include a format here you can paste or use\n          // the shortcut to use the format. In this case we allow\n          // text to be bold, but we do not include it in the toolbar.\n          // This means that using the ctrl-b shortcut, or pasting bold\n          // text, will result in bold text.\n          formats={['bold', 'italic', 'underline', 'strike']}\n        />\n\n        <p>\n          This example shows how to use the <strong>formats</strong> props. Even\n          though there is no bold button in the toolbar you can still paste bold\n          text or use the ctrl-b shortcut.\n        </p>\n\n        <p>\n          This is achieved by not including <strong>bold</strong> in the toolbar\n          but only including it in the <strong>formats</strong> prop.\n        </p>\n\n        {disclaimer}\n      </Card>\n    );\n  })\n  .add('jarb', () => {\n    return (\n      <FinalForm>\n        <JarbTextEditor\n          id=\"description\"\n          name=\"description\"\n          label=\"Description\"\n          placeholder=\"Please add a description\"\n          jarb={{\n            validator: 'Hero.description',\n            label: 'Description'\n          }}\n        />\n        {disclaimer}\n      </FinalForm>\n    );\n  });\n",locationsMap:{jarb:{startLoc:{col:7,line:254},endLoc:{col:3,line:270},startBody:{col:15,line:254},endBody:{col:3,line:270}},"manual-formats":{startLoc:{col:7,line:215},endLoc:{col:3,line:253},startBody:{col:25,line:215},endBody:{col:3,line:253}},"custom-toolbar-option":{startLoc:{col:7,line:128},endLoc:{col:3,line:214},startBody:{col:32,line:128},endBody:{col:3,line:214}},"custom-toolbar":{startLoc:{col:7,line:91},endLoc:{col:3,line:127},startBody:{col:25,line:91},endBody:{col:3,line:127}},"with-custom-label":{startLoc:{col:7,line:68},endLoc:{col:3,line:90},startBody:{col:28,line:68},endBody:{col:3,line:90}},"without-label":{startLoc:{col:7,line:56},endLoc:{col:3,line:67},startBody:{col:24,line:56},endBody:{col:3,line:67}},"without-placeholder":{startLoc:{col:7,line:44},endLoc:{col:3,line:55},startBody:{col:30,line:44},endBody:{col:3,line:55}},basic:{startLoc:{col:7,line:31},endLoc:{col:3,line:43},startBody:{col:16,line:31},endBody:{col:3,line:43}}}}}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextEditor__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:"Description",placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))}}),disclaimer)})).add("without placeholder",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextEditor__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:"Description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))}}),disclaimer)})).add("without label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextEditor__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))}}),disclaimer)})).add("with custom label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextEditor__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Description"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.u,{className:"ms-1",content:"Be sure to secure against XSS attacks"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.JO,{icon:"info"}))),placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))}}),disclaimer)})).add("custom toolbar",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextEditor__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:"Description",placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))},modules:{toolbar:[["bold","italic","underline","strike"],["blockquote","code-block"],[{header:1},{header:2}],[{list:"ordered"},{list:"bullet"}],[{script:"sub"},{script:"super"}],[{indent:"-1"},{indent:"+1"}],[{direction:"rtl"}],[{size:["small",!1,"large","huge"]}],[{header:[1,2,3,4,5,6,!1]}],[{color:[]},{background:[]}],[{font:[]}],[{align:[]}],["link","image","video"],["clean"]]}}),disclaimer)})).add("custom toolbar option",(function(){var placeholders=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((function(){return[{label:"First name",value:"firstName"}]}),[]);return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){document.querySelectorAll(".ql-placeholder .ql-picker-label").forEach((function(label){if(!label.innerHTML.startsWith("<span")){var span=document.createElement("span");span.className="d-inline-block me-3",span.innerText="Insert placeholder",label.insertBefore(span,label.firstChild)}})),document.querySelectorAll(".ql-placeholder .ql-picker-item").forEach((function(item){var _placeholders$find;item.textContent=(null===(_placeholders$find=placeholders.find((function(ph){return ph.value===item.dataset.value})))||void 0===_placeholders$find?void 0:_placeholders$find.label)||item.dataset.value||null}))}),[placeholders]),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextEditor__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:"Description",placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))},modules:{toolbar:{container:[[{placeholder:placeholders.map((function(ph){return ph.value}))}],[{size:["small",!1,"large","huge"]},"bold","italic","underline","link"],[{list:"ordered"},{list:"bullet"}],["clean"]],handlers:{placeholder:function insertPlaceholder(value){var quill=this.quill,cursorPosition=quill.getSelection().index;quill.insertText(cursorPosition,"[".concat(value,"]")),quill.setSelection({index:cursorPosition+value.length+2,length:0})}}}}}),disclaimer)})).add("manual formats",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextEditor__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:"Description",placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))},modules:{toolbar:["italic","underline","strike"]},formats:["bold","italic","underline","strike"]}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"This example shows how to use the ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"formats")," props. Even though there is no bold button in the toolbar you can still paste bold text or use the ctrl-b shortcut."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"This is achieved by not including ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"bold")," in the toolbar but only including it in the ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"formats")," prop."),disclaimer)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_4__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextEditor__WEBPACK_IMPORTED_MODULE_3__.d,{id:"description",name:"description",label:"Description",placeholder:"Please add a description",jarb:{validator:"Hero.description",label:"Description"}}),disclaimer)}))},"./src/form/Textarea/Textarea.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_Textarea__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/Textarea/Textarea.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/index.ts");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/Textarea",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { action } from \'@storybook/addon-actions\';\n\nimport Textarea, { JarbTextarea } from \'./Textarea\';\nimport { FinalForm } from \'../story-utils\';\nimport { Tooltip, Icon, Card } from \'../..\';\n\nstoriesOf(\'Form/Textarea\', module)\n  .add(\'basic\', () => {\n    return (\n      <Card className="m-2">\n        <Textarea\n          id="description"\n          label="Description"\n          placeholder="Please add a description"\n          onChange={(value) => action(`onChange: ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add(\'without placeholder\', () => {\n    return (\n      <Card className="m-2">\n        <Textarea\n          id="description"\n          label="Description"\n          onChange={(value) => action(`onChange: ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add(\'without label\', () => {\n    return (\n      <Card className="m-2">\n        <Textarea\n          id="description"\n          placeholder="Please add a description"\n          onChange={(value) => action(`onChange: ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    return (\n      <Card className="m-2">\n        <Textarea\n          id="description"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Description</span>\n              <Tooltip\n                className="ms-1"\n                content="The description is shown inside a tooltip"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please add a description"\n          onChange={(value) => action(`onChange: ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbTextarea\n          id="description"\n          name="description"\n          label="Description"\n          placeholder="Please add a description"\n          jarb={{\n            validator: \'Hero.description\',\n            label: \'Description\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:66},endLoc:{col:3,line:81},startBody:{col:15,line:66},endBody:{col:3,line:81}},"with-custom-label":{startLoc:{col:7,line:44},endLoc:{col:3,line:65},startBody:{col:28,line:44},endBody:{col:3,line:65}},"without-label":{startLoc:{col:7,line:33},endLoc:{col:3,line:43},startBody:{col:24,line:33},endBody:{col:3,line:43}},"without-placeholder":{startLoc:{col:7,line:22},endLoc:{col:3,line:32},startBody:{col:30,line:22},endBody:{col:3,line:32}},basic:{startLoc:{col:7,line:10},endLoc:{col:3,line:21},startBody:{col:16,line:10},endBody:{col:3,line:21}}}}}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Textarea__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:"Description",placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))}}))})).add("without placeholder",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Textarea__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:"Description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))}}))})).add("without label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Textarea__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))}}))})).add("with custom label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Textarea__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Description"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.u,{className:"ms-1",content:"The description is shown inside a tooltip"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.JO,{icon:"info"}))),placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))}}))})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_4__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Textarea__WEBPACK_IMPORTED_MODULE_3__.X,{id:"description",name:"description",label:"Description",placeholder:"Please add a description",jarb:{validator:"Hero.description",label:"Description"}}))}))},"./src/form/Typeahead/multiple/TypeaheadMultiple.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_story_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/story-utils.tsx"),_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/Typeahead/multiple/TypeaheadMultiple.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts"),_core_Toggle_Toggle__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/core/Toggle/Toggle.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/Typeahead/JarbTypeaheadMultiple",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport {\n  FinalForm,\n  IsOptionEqualInfo,\n  ReloadOptionsInfo,\n  Province,\n  provinces,\n  provinceFetcher,\n  nonExistingProvince\n} from \'../../story-utils\';\n\nimport TypeaheadMultiple, { JarbTypeaheadMultiple } from \'./TypeaheadMultiple\';\nimport { Icon, Tooltip, Card } from \'../../..\';\nimport Toggle from \'../../../core/Toggle/Toggle\';\n\nstoriesOf(\'Form/Typeahead/JarbTypeaheadMultiple\', module)\n  .add(\'predefined options\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m-2">\n        <TypeaheadMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'async options\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m-2">\n        <TypeaheadMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n\n  .add(\'async options - limited pageSize\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m-2">\n        <TypeaheadMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          pageSize={5}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n\n        <p>\n          Note: Beware of performance issues when setting the page size too\n          high, that will cause the UX to deteriorate on smaller screens!\n        </p>\n      </Card>\n    );\n  })\n  .add(\'disabled options\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m-2">\n        <TypeaheadMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEnabled={(option) => !option.label.startsWith(\'Z\')}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'custom isOptionEqual\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      provinces()[0]\n    ]);\n\n    return (\n      <Card className="m-2">\n        <TypeaheadMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEqual={(a, b) => a.value === b.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n\n        <IsOptionEqualInfo />\n      </Card>\n    );\n  })\n  .add(\'using reloadOptions\', () => {\n    const [limitToNorthern, setLimitToNorthern] = useState(false);\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m-2">\n        <p>\n          Limit to northern provinces\n          <Toggle\n            className="ms-2"\n            color="primary"\n            value={limitToNorthern}\n            onChange={() => setLimitToNorthern(!limitToNorthern)}\n          />\n        </p>\n\n        <TypeaheadMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces().filter((option) =>\n            limitToNorthern ? option.north : true\n          )}\n          labelForOption={(option) => option.label}\n          value={value}\n          onChange={setValue}\n          reloadOptions={limitToNorthern}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\',\')}\n          </p>\n        ) : null}\n\n        <ReloadOptionsInfo />\n      </Card>\n    );\n  })\n  .add(\'label & placeholder\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m-2">\n        <h3>Without label</h3>\n\n        <TypeaheadMultiple\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Custom label</h3>\n\n        <TypeaheadMultiple\n          id="provinces"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Friends</span>\n              <Tooltip className="ms-1" content="Provinces are nice to have">\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Without placeholder</h3>\n\n        <TypeaheadMultiple\n          id="provinces"\n          label="Provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbTypeaheadMultiple\n          id="provinces"\n          name="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          jarb={{\n            validator: \'User.provinces\',\n            label: \'Provinces\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:264},endLoc:{col:3,line:281},startBody:{col:15,line:264},endBody:{col:3,line:281}},"label-placeholder":{startLoc:{col:7,line:202},endLoc:{col:3,line:263},startBody:{col:30,line:202},endBody:{col:3,line:263}},"using-reloadoptions":{startLoc:{col:7,line:160},endLoc:{col:3,line:201},startBody:{col:30,line:160},endBody:{col:3,line:201}},"custom-isoptionequal":{startLoc:{col:7,line:131},endLoc:{col:3,line:159},startBody:{col:31,line:131},endBody:{col:3,line:159}},"disabled-options":{startLoc:{col:7,line:104},endLoc:{col:3,line:130},startBody:{col:27,line:104},endBody:{col:3,line:130}},"async-options-limited-pagesize":{startLoc:{col:7,line:72},endLoc:{col:3,line:103},startBody:{col:43,line:72},endBody:{col:3,line:103}},"async-options":{startLoc:{col:7,line:45},endLoc:{col:3,line:70},startBody:{col:24,line:45},endBody:{col:3,line:70}},"predefined-options":{startLoc:{col:7,line:19},endLoc:{col:3,line:44},startBody:{col:29,line:19},endBody:{col:3,line:44}}}}}).add("predefined options",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.cq)()]),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("async options",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.cq)()]),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:_story_utils__WEBPACK_IMPORTED_MODULE_2__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("async options - limited pageSize",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.cq)()]),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:_story_utils__WEBPACK_IMPORTED_MODULE_2__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,pageSize:5}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Note: Beware of performance issues when setting the page size too high, that will cause the UX to deteriorate on smaller screens!"))})).add("disabled options",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.cq)()]),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEnabled:function isOptionEnabled(option){return!option.label.startsWith("Z")},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("custom isOptionEqual",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.JI)()[0]]),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEqual:function isOptionEqual(a,b){return a.value===b.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_2__.$L,null))})).add("using reloadOptions",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),limitToNorthern=_useState12[0],setLimitToNorthern=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.cq)()]),2),value=_useState14[0],setValue=_useState14[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Limit to northern provinces",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Toggle_Toggle__WEBPACK_IMPORTED_MODULE_5__.Z,{className:"ms-2",color:"primary",value:limitToNorthern,onChange:function onChange(){return setLimitToNorthern(!limitToNorthern)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.JI)().filter((function(option){return!limitToNorthern||option.north})),labelForOption:function labelForOption(option){return option.label},value,onChange:setValue,reloadOptions:limitToNorthern}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(",")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_2__.Nq,null))})).add("label & placeholder",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.cq)()]),2),value=_useState16[0],setValue=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Custom label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"provinces",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Friends"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.u,{className:"ms-1",content:"Provinces are nice to have"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without placeholder"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"provinces",label:"Provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_2__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Y,{id:"provinces",name:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:_story_utils__WEBPACK_IMPORTED_MODULE_2__.pi,labelForOption:function labelForOption(province){return province.label},jarb:{validator:"User.provinces",label:"Provinces"}}))}))},"./src/form/Typeahead/single/TypeaheadSingle.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var _storybook_react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/index.ts"),_story_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/story-utils.tsx"),_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/Typeahead/single/TypeaheadSingle.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_0__.storiesOf)("Form/Typeahead/JarbTypeaheadSingle",module).addParameters({storySource:{source:'import { storiesOf } from \'@storybook/react\';\nimport React, { useState } from \'react\';\nimport { Icon, pageOf, Tooltip, Card } from \'../../..\';\nimport {\n  FinalForm,\n  IsOptionEqualInfo,\n  nonExistingProvince,\n  Province,\n  provinceFetcher,\n  provinces,\n  ReloadOptionsInfo,\n  resolveAfter\n} from \'../../story-utils\';\nimport TypeaheadSingle, { JarbTypeaheadSingle } from \'./TypeaheadSingle\';\n\nstoriesOf(\'Form/Typeahead/JarbTypeaheadSingle\', module)\n  .add(\'predefined options\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <TypeaheadSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'async options\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <TypeaheadSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'async options - limited pageSize\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <TypeaheadSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          pageSize={5}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <p>\n          Note: Beware of performance issues when setting the page size too\n          high, that will cause the UX to deteriorate on smaller screens!\n        </p>\n      </Card>\n    );\n  })\n  .add(\'disabled options\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <TypeaheadSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEnabled={(option) => !option.label.startsWith(\'Z\')}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'custom isOptionEqual\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <TypeaheadSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEqual={(a, b) => a.value === b.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <IsOptionEqualInfo />\n      </Card>\n    );\n  })\n  .add(\'using reloadOptions\', () => {\n    const [brand, setBrand] = useState<string>();\n    const [model, setModel] = useState<string>();\n\n    const allOptions = {\n      Audi: [\'A1\', \'A2\', \'A3\', \'M5\'],\n      BMW: [\'series 1\', \'series 2\', \'series 3\', \'series 4\', \'series 5\'],\n      Mercedes: [\'Viano\', \'Vito\', \'Sprinter\']\n    };\n\n    return (\n      <Card className="m-2">\n        <TypeaheadSingle\n          id="brand"\n          label="Brand"\n          placeholder="Please select your brand"\n          options={() => resolveAfter(pageOf(Object.keys(allOptions), 1))}\n          labelForOption={(option) => option}\n          onChange={(value) => {\n            setBrand(value);\n            setModel(undefined);\n          }}\n          value={brand}\n        />\n        <TypeaheadSingle\n          id="model"\n          label="Model"\n          placeholder={\n            brand ? \'Please select your model\' : \'Please select a brand first\'\n          }\n          options={() =>\n            resolveAfter(pageOf(brand ? allOptions[brand] : [], 1))\n          }\n          labelForOption={(option: string) => option}\n          onChange={setModel}\n          value={model}\n          reloadOptions={brand}\n        />\n\n        {brand ? <p>Your chosen brand is: {brand}</p> : null}\n        {model ? <p>Your chosen model is: {model}</p> : null}\n\n        <ReloadOptionsInfo />\n      </Card>\n    );\n  })\n  .add(\'label & placeholder\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <h3>Without label</h3>\n\n        <TypeaheadSingle<Province>\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Custom label</h3>\n\n        <TypeaheadSingle<Province>\n          id="provinces"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Subject</span>\n              <Tooltip className="ms-1" content="The province you live in">\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Without placeholder</h3>\n\n        <TypeaheadSingle<Province>\n          id="province"\n          label="Province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbTypeaheadSingle\n          id="province"\n          name="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          jarb={{\n            validator: \'User.province\',\n            label: \'Province\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:231},endLoc:{col:3,line:248},startBody:{col:15,line:231},endBody:{col:3,line:248}},"label-placeholder":{startLoc:{col:7,line:174},endLoc:{col:3,line:230},startBody:{col:30,line:174},endBody:{col:3,line:230}},"using-reloadoptions":{startLoc:{col:7,line:128},endLoc:{col:3,line:173},startBody:{col:30,line:128},endBody:{col:3,line:173}},"custom-isoptionequal":{startLoc:{col:7,line:106},endLoc:{col:3,line:127},startBody:{col:31,line:106},endBody:{col:3,line:127}},"disabled-options":{startLoc:{col:7,line:84},endLoc:{col:3,line:105},startBody:{col:27,line:84},endBody:{col:3,line:105}},"async-options-limited-pagesize":{startLoc:{col:7,line:57},endLoc:{col:3,line:83},startBody:{col:43,line:57},endBody:{col:3,line:83}},"async-options":{startLoc:{col:7,line:38},endLoc:{col:3,line:56},startBody:{col:24,line:38},endBody:{col:3,line:56}},"predefined-options":{startLoc:{col:7,line:17},endLoc:{col:3,line:37},startBody:{col:29,line:17},endBody:{col:3,line:37}}}}}).add("predefined options",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("async options",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("async options - limited pageSize",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,pageSize:5}),value?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Note: Beware of performance issues when setting the page size too high, that will cause the UX to deteriorate on smaller screens!"))})).add("disabled options",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEnabled:function isOptionEnabled(option){return!option.label.startsWith("Z")},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("custom isOptionEqual",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEqual:function isOptionEqual(a,b){return a.value===b.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_1__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.$L,null))})).add("using reloadOptions",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(),2),brand=_useState12[0],setBrand=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(),2),model=_useState14[0],setModel=_useState14[1],allOptions={Audi:["A1","A2","A3","M5"],BMW:["series 1","series 2","series 3","series 4","series 5"],Mercedes:["Viano","Vito","Sprinter"]};return react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"brand",label:"Brand",placeholder:"Please select your brand",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.hL)((0,___WEBPACK_IMPORTED_MODULE_2__.uj)(Object.keys(allOptions),1))},labelForOption:function labelForOption(option){return option},onChange:function onChange(value){setBrand(value),setModel(void 0)},value:brand}),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"model",label:"Model",placeholder:brand?"Please select your model":"Please select a brand first",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.hL)((0,___WEBPACK_IMPORTED_MODULE_2__.uj)(brand?allOptions[brand]:[],1))},labelForOption:function labelForOption(option){return option},onChange:setModel,value:model,reloadOptions:brand}),brand?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Your chosen brand is: ",brand):null,model?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Your chosen model is: ",model):null,react__WEBPACK_IMPORTED_MODULE_1__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.Nq,null))})).add("label & placeholder",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState16[0],setValue=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_1__.createElement("h3",null,"Without label"),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_1__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_1__.createElement("h3",null,"Custom label"),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_1__.createElement("span",null,"Subject"),react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.u,{className:"ms-1",content:"The province you live in"},react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.JO,{icon:"info"}))),placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_1__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_1__.createElement("h3",null,"Without placeholder"),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"province",label:"Province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_1__.createElement("hr",null),value?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.d,{id:"province",name:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},jarb:{validator:"User.province",label:"Province"}}))}))},"./src/form/ValuePicker/ValuePicker.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_test_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/test/utils.tsx"),_test_fixtures__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/test/fixtures.ts"),_ValuePicker__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/ValuePicker/ValuePicker.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/story-utils.tsx"),_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/core/Button/Button.tsx"),___WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/index.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);var __STORY__='import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport { pageWithContentAndExactSize, pageWithContent } from \'../../test/utils\';\nimport { userUser, adminUser, randomUser } from \'../../test/fixtures\';\nimport { User } from \'../../test/types\';\n\nimport ValuePicker, { JarbValuePicker } from \'./ValuePicker\';\n\nimport { FinalForm } from \'../story-utils\';\nimport Button from \'../../core/Button/Button\';\nimport { Tooltip, Icon, Card } from \'../..\';\n\n/*\n  Storing users here instead of calling the fixtures again so\n  options remain selected.\n*/\nconst user = userUser();\nconst admin = adminUser();\n\nconst randomUser1 = randomUser();\nconst randomUser2 = randomUser();\nconst randomUser3 = randomUser();\nconst randomUser4 = randomUser();\nconst randomUser5 = randomUser();\nconst randomUser6 = randomUser();\nconst randomUser7 = randomUser();\nconst randomUser8 = randomUser();\nconst randomUser9 = randomUser();\nconst randomUser10 = randomUser();\nconst randomUser11 = randomUser();\n\nconst small = Promise.resolve(pageWithContentAndExactSize([user, admin]));\n\nconst medium = Promise.resolve(\n  pageWithContentAndExactSize([\n    user,\n    admin,\n    randomUser1,\n    randomUser2,\n    randomUser3,\n    randomUser4\n  ])\n);\n\nconst large = Promise.resolve(\n  pageWithContent([\n    user,\n    admin,\n    randomUser1,\n    randomUser2,\n    randomUser3,\n    randomUser4,\n    randomUser5,\n    randomUser6,\n    randomUser7,\n    randomUser8,\n    randomUser9,\n    randomUser10,\n    randomUser11\n  ])\n);\n\nconst sizes = { small, medium, large };\n\nstoriesOf(\'Form/ValuePicker/multiple\', module)\n  .addParameters({ component: ValuePicker })\n  .add(\'basic\', () => {\n    const [value, setValue] = useState<User[] | undefined>(undefined);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={true}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="mx-2" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </Card>\n    );\n  })\n  .add(\'custom isOptionEqual\', () => {\n    const [value, setValue] = useState<User[] | undefined>([user]);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={true}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          isOptionEqual={(a: User, b: User) => a.id === b.id}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="mx-2" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </Card>\n    );\n  })\n  .add(\'without label\', () => {\n    const [value, setValue] = useState<User[] | undefined>(undefined);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={true}\n          id="bestFriend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="mx-2" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    const [value, setValue] = useState<User[] | undefined>(undefined);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={true}\n          id="bestFriend"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Best friend</span>\n              <Tooltip\n                className="ms-1"\n                content="Don\'t be jealous of your best friends wife"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="mx-2" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </Card>\n    );\n  })\n  .add(\'with icon\', () => {\n    const [value, setValue] = useState<User[] | undefined>(undefined);\n\n    const promise = sizes[\'large\'];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={true}\n          id="bestFriend"\n          placeholder="Select your best friend"\n          icon="face"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>The icon only works when there are more than 10 options.</p>\n      </Card>\n    );\n  })\n  .add(\'without clear button\', () => {\n    const [value, setValue] = useState<User[] | undefined>([user]);\n\n    const promise = sizes[\'large\'];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={true}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n          canClear={false}\n        />\n        <p className="mt-3">\n          <strong>Disclaimer:</strong> canClear has no effect on small option\n          sets (1-10 options) because checkboxes can be unselected.\n        </p>\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <FinalForm>\n        <JarbValuePicker\n          multiple={true}\n          id="bestFriend"\n          name="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          labelForOption={(user: User) => user.email}\n          options={() => promise}\n          jarb={{\n            validator: \'Hero.name\',\n            label: \'Best friend\'\n          }}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="mx-2" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </FinalForm>\n    );\n  });\n\nstoriesOf(\'Form/ValuePicker/single\', module)\n  .addParameters({ component: ValuePicker })\n  .add(\'basic\', () => {\n    const [value, setValue] = useState<User | undefined>(undefined);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={false}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="me-1" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button className="me-1" onClick={() => setSize(\'medium\')}>\n          Medium\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </Card>\n    );\n  })\n  .add(\'custom isOptionEqual\', () => {\n    const [value, setValue] = useState<User | undefined>(userUser);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={false}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          isOptionEqual={(a: User, b: User) => a.id === b.id}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="me-1" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button className="me-1" onClick={() => setSize(\'medium\')}>\n          Medium\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </Card>\n    );\n  })\n  .add(\'without label\', () => {\n    const [value, setValue] = useState<User | undefined>(undefined);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={false}\n          id="bestFriend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="me-1" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button className="me-1" onClick={() => setSize(\'medium\')}>\n          Medium\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    const [value, setValue] = useState<User | undefined>(undefined);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={false}\n          id="bestFriend"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Best friend</span>\n              <Tooltip\n                className="ms-1"\n                content="Don\'t be jealous of your best friends wife"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="me-1" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button className="me-1" onClick={() => setSize(\'medium\')}>\n          Medium\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </Card>\n    );\n  })\n  .add(\'with icon\', () => {\n    const [value, setValue] = useState<User | undefined>(undefined);\n\n    const promise = sizes[\'large\'];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={false}\n          id="bestFriend"\n          placeholder="Select your best friend"\n          icon="face"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>The icon only works when there are more than 10 options.</p>\n      </Card>\n    );\n  })\n  .add(\'without clear button\', () => {\n    const [value, setValue] = useState<User | undefined>(user);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={false}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n          canClear={false}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="me-1" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n        <p className="mt-3">\n          <strong>Disclaimer:</strong> canClear has no effect on medium option\n          sets (4-10 options) because the select dropdown has a placeholder\n          option to clear the value.\n        </p>\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <FinalForm>\n        <JarbValuePicker\n          multiple={false}\n          id="bestFriend"\n          name="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          jarb={{\n            validator: \'Hero.name\',\n            label: \'Best friend\'\n          }}\n        />\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="me-1" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button className="me-1" onClick={() => setSize(\'medium\')}>\n          Medium\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </FinalForm>\n    );\n  });\n',__LOCATIONS_MAP__={jarb:{startLoc:{col:7,line:472},endLoc:{col:3,line:503},startBody:{col:15,line:472},endBody:{col:3,line:503}},"without-clear-button":{startLoc:{col:7,line:437},endLoc:{col:3,line:471},startBody:{col:31,line:437},endBody:{col:3,line:471}},"with-icon":{startLoc:{col:7,line:414},endLoc:{col:3,line:436},startBody:{col:20,line:414},endBody:{col:3,line:436}},"with-custom-label":{startLoc:{col:7,line:372},endLoc:{col:3,line:413},startBody:{col:28,line:372},endBody:{col:3,line:413}},"without-label":{startLoc:{col:7,line:341},endLoc:{col:3,line:371},startBody:{col:24,line:341},endBody:{col:3,line:371}},"custom-isoptionequal":{startLoc:{col:7,line:308},endLoc:{col:3,line:340},startBody:{col:31,line:308},endBody:{col:3,line:340}},basic:{startLoc:{col:7,line:276},endLoc:{col:3,line:307},startBody:{col:16,line:276},endBody:{col:3,line:307}}},user=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.$g)(),admin=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.s$)(),randomUser1=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser2=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser3=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser4=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser5=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser6=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser7=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser8=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser9=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser10=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser11=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),sizes={small:Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_2__.Gw)([user,admin])),medium:Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_2__.Gw)([user,admin,randomUser1,randomUser2,randomUser3,randomUser4])),large:Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_2__.fn)([user,admin,randomUser1,randomUser2,randomUser3,randomUser4,randomUser5,randomUser6,randomUser7,randomUser8,randomUser9,randomUser10,randomUser11]))};(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/ValuePicker/multiple",module).addParameters({storySource:{source:__STORY__,locationsMap:__LOCATIONS_MAP__}}).addParameters({component:_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState2[0],setValue=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState4[0],setSize=_useState4[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!0,id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"mx-2",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})).add("custom isOptionEqual",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([user]),2),value=_useState6[0],setValue=_useState6[1],_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState8[0],setSize=_useState8[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!0,id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},isOptionEqual:function isOptionEqual(a,b){return a.id===b.id},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"mx-2",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})).add("without label",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState10[0],setValue=_useState10[1],_useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState12[0],setSize=_useState12[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!0,id:"bestFriend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"mx-2",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})).add("with custom label",(function(){var _useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState14[0],setValue=_useState14[1],_useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState16[0],setSize=_useState16[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!0,id:"bestFriend",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Best friend"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.u,{className:"ms-1",content:"Don't be jealous of your best friends wife"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.JO,{icon:"info"}))),placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"mx-2",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})).add("with icon",(function(){var _useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState18[0],setValue=_useState18[1],promise=sizes.large;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!0,id:"bestFriend",placeholder:"Select your best friend",icon:"face",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"The icon only works when there are more than 10 options."))})).add("without clear button",(function(){var _useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([user]),2),value=_useState20[0],setValue=_useState20[1],promise=sizes.large;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!0,id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue,canClear:!1}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," canClear has no effect on small option sets (1-10 options) because checkboxes can be unselected."))})).add("jarb",(function(){var _useState22=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState22[0],setSize=_useState22[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_5__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Y,{multiple:!0,id:"bestFriend",name:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,labelForOption:function labelForOption(user){return user.email},options:function options(){return promise},jarb:{validator:"Hero.name",label:"Best friend"}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"mx-2",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})),(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/ValuePicker/single",module).addParameters({storySource:{source:__STORY__,locationsMap:__LOCATIONS_MAP__}}).addParameters({component:_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z}).add("basic",(function(){var _useState24=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState24[0],setValue=_useState24[1],_useState26=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState26[0],setSize=_useState26[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!1,id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("medium")}},"Medium"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})).add("custom isOptionEqual",(function(){var _useState28=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.$g),2),value=_useState28[0],setValue=_useState28[1],_useState30=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState30[0],setSize=_useState30[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!1,id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},isOptionEqual:function isOptionEqual(a,b){return a.id===b.id},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("medium")}},"Medium"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})).add("without label",(function(){var _useState32=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState32[0],setValue=_useState32[1],_useState34=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState34[0],setSize=_useState34[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!1,id:"bestFriend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("medium")}},"Medium"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})).add("with custom label",(function(){var _useState36=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState36[0],setValue=_useState36[1],_useState38=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState38[0],setSize=_useState38[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!1,id:"bestFriend",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Best friend"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.u,{className:"ms-1",content:"Don't be jealous of your best friends wife"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.JO,{icon:"info"}))),placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("medium")}},"Medium"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})).add("with icon",(function(){var _useState40=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState40[0],setValue=_useState40[1],promise=sizes.large;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!1,id:"bestFriend",placeholder:"Select your best friend",icon:"face",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"The icon only works when there are more than 10 options."))})).add("without clear button",(function(){var _useState42=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(user),2),value=_useState42[0],setValue=_useState42[1],_useState44=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState44[0],setSize=_useState44[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!1,id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue,canClear:!1}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," canClear has no effect on medium option sets (4-10 options) because the select dropdown has a placeholder option to clear the value."))})).add("jarb",(function(){var _useState46=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState46[0],setSize=_useState46[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_5__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Y,{multiple:!1,id:"bestFriend",name:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},jarb:{validator:"Hero.name",label:"Best friend"}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("medium")}},"Medium"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))}))},"./src/hooks/useBootstrapSize/useBootstrapSize.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_useBootstrapSize__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/hooks/useBootstrapSize/useBootstrapSize.ts"),reactstrap__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_core_Button_Button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Button/Button.tsx"),_core_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/Avatar/Avatar.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("hooks/useBootstrapSize",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { useBootstrapSize } from './useBootstrapSize';\nimport { Card } from 'reactstrap';\nimport Button from '../../core/Button/Button';\nimport Avatar from '../../core/Avatar/Avatar';\n\nstoriesOf('hooks/useBootstrapSize', module).add('basic', () => {\n  const { bootstrapSize, isMobile, isTablet, isDesktop } = useBootstrapSize();\n\n  const colors = {\n    xs: 'info',\n    sm: 'primary',\n    md: 'secondary',\n    lg: 'success',\n    xl: 'danger'\n  };\n\n  return (\n    <Card color={colors[bootstrapSize]} body>\n      <p>\n        The background of this card will change depending on the screen size.\n      </p>\n      <p>\n        With useBootstrapSize you can render a completely different component\n        based on the size of the screen.\n      </p>\n      {isMobile ? (\n        <p>This content should only be visible on mobile phones.</p>\n      ) : null}\n      {isTablet ? (\n        <Button>\n          This button should only be visible on tablets in portrait mode.\n        </Button>\n      ) : null}\n      {isDesktop ? (\n        <p>\n          <Avatar alt=\"lg\" size=\"lg\" src=\"https://www.placecage.com/100/100\" />\n          This avatar should only be visible on laptops, monitors, and tablets\n          in landscape mode.\n        </p>\n      ) : null}\n    </Card>\n  );\n});\n",locationsMap:{basic:{startLoc:{col:48,line:8},endLoc:{col:1,line:45},startBody:{col:57,line:8},endBody:{col:1,line:45}}}}}).add("basic",(function(){var _useBootstrapSize=(0,_useBootstrapSize__WEBPACK_IMPORTED_MODULE_2__.f)(),bootstrapSize=_useBootstrapSize.bootstrapSize,isMobile=_useBootstrapSize.isMobile,isTablet=_useBootstrapSize.isTablet,isDesktop=_useBootstrapSize.isDesktop;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.Zb,{color:{xs:"info",sm:"primary",md:"secondary",lg:"success",xl:"danger"}[bootstrapSize],body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"The background of this card will change depending on the screen size."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"With useBootstrapSize you can render a completely different component based on the size of the screen."),isMobile?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"This content should only be visible on mobile phones."):null,isTablet?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,null,"This button should only be visible on tablets in portrait mode."):null,isDesktop?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.Z,{alt:"lg",size:"lg",src:"https://www.placecage.com/100/100"}),"This avatar should only be visible on laptops, monitors, and tablets in landscape mode."):null)}))},"./src/table/CrudTable/CrudTable.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),lodash__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/lodash/lodash.js"),react_final_form__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),moment__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/moment/moment.js"),moment__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_5__),_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/core/Button/Button.tsx"),_core_Tag_Tag__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/core/Tag/Tag.tsx"),_form_Select_Select__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/form/Select/Select.tsx"),_form_Input_Input__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/form/Input/Input.tsx"),_core_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/core/ContentState/ContentState.tsx"),_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/core/ConfirmButton/ConfirmButton.tsx"),_utilities_page_page__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./src/utilities/page/page.ts"),_form_DateTimeInput_DateTimeInput__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/form/DateTimeInput/DateTimeInput.tsx"),_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/table/EpicTable/rows/EpicRow/EpicRow.tsx"),_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx"),_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/table/EpicTable/cells/EpicCell/EpicCell.tsx"),_EpicTable_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/table/EpicTable/cells/EpicCellLayout/EpicCellLayout.tsx"),_EpicTable_widgets_EpicSelection_EpicSelection__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/table/EpicTable/widgets/EpicSelection/EpicSelection.tsx"),_EpicTable_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/table/EpicTable/widgets/EpicSort/EpicSort.tsx"),_CrudTable__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/table/CrudTable/CrudTable.tsx"),_components_CrudHeader_CrudHeader__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/table/CrudTable/components/CrudHeader/CrudHeader.tsx"),_EpicTable_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/table/EpicTable/rows/EpicDetailRow/EpicDetailRow.tsx"),_EpicTable_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/table/EpicTable/widgets/EpicDetail/EpicDetail.tsx"),_core_lists_AttributeList_AttributeList__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/core/lists/AttributeList/AttributeList.tsx"),_core_lists_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/core/lists/AttributeView/AttributeView.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);var persons=[{id:Math.random(),firstName:"Fitzpatrick",lastName:"Lyons",age:20,eyeColor:"brown",height:10,weight:3,jobTitle:"Senior CodeMonkey",favoriteMovie:"The Matrix",favoriteFood:"Hamburgers",sex:"male",dateOfBirth:"2014-09-24"},{id:Math.random(),firstName:"Berry",lastName:"McNab",age:41,eyeColor:"blue",height:13,weight:55,jobTitle:"Business Manager",favoriteMovie:"Fear and loathing in Las Vegas",favoriteFood:"Spaghetti",sex:"female",dateOfBirth:"2000-09-24"},{id:Math.random(),firstName:"Neville",lastName:"Brooks",age:25,eyeColor:"green",height:12,weight:32,jobTitle:"Senior CodeMonkey",favoriteMovie:"Lord of the Rings",favoriteFood:"French Fries",sex:"male",dateOfBirth:"2014-09-24"},{id:Math.random(),firstName:"Leonard",lastName:"Nemoy",age:50,eyeColor:"brown",height:10,weight:3,jobTitle:"Thespian",favoriteMovie:"Star Trek",favoriteFood:"Kosher",sex:"male",dateOfBirth:"1900-09-24"},{id:Math.random(),firstName:"Levi",lastName:"Smith",age:30,eyeColor:"brown",height:10,weight:3,jobTitle:"Taxi driver",favoriteMovie:"Taxi",favoriteFood:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, at nam alias ad culpa quae deleniti. Autem eveniet mollitia veritatis reprehenderit ea, tempora vero voluptatem. Dolore repudiandae voluptate quam quidem.,",sex:"male",dateOfBirth:"2014-09-24"},{id:Math.random(),firstName:"Celine",lastName:"Ferdinand",age:80,eyeColor:"green",height:3,weight:5,jobTitle:"Retired",favoriteMovie:"Driving miss Daisy",favoriteFood:"Prunes",sex:"female",dateOfBirth:"1940-09-24"},{id:Math.random(),firstName:"Bonald",lastName:"Ferdinand",age:82,eyeColor:"blue",height:3,weight:5,jobTitle:"Retired",favoriteMovie:"Driving miss Daisy",favoriteFood:"Prunes",sex:"male",dateOfBirth:"1938-09-24"},{id:Math.random(),firstName:"Zechs",lastName:"Merquise",age:42,eyeColor:"blue",height:3,weight:5,jobTitle:"Ace pilot",favoriteMovie:"Gundam wing",favoriteFood:"Apple pie",sex:"male",dateOfBirth:"2010-09-24"},{id:Math.random(),firstName:"David",lastName:"Hayter",age:55,eyeColor:"blue",height:3,weight:5,jobTitle:"Voice actor",favoriteMovie:"Guyver",favoriteFood:"Snakes",sex:"male",dateOfBirth:"1960-09-24"},{id:Math.random(),firstName:"James",lastName:"Kirk",age:50,eyeColor:"brown",height:3,weight:5,jobTitle:"Captain",favoriteMovie:"Star Trek",favoriteFood:"Replicated",sex:"male",dateOfBirth:"2100-09-24"},{id:Math.random(),firstName:"Bert",lastName:"Kelly",age:30,eyeColor:"blue",height:3,weight:5,jobTitle:"Blacksmith",favoriteMovie:"Not without my daughter",favoriteFood:"Pears",sex:"male",dateOfBirth:"1989-09-24"},{id:Math.random(),firstName:"John",lastName:"Goodall",age:68,eyeColor:"green",height:3,weight:5,jobTitle:"Gardner",favoriteMovie:"The Gardner",favoriteFood:"Cauliflower",sex:"male",dateOfBirth:"2019-09-24"},{id:Math.random(),firstName:"Rick",lastName:"Xander",age:14,eyeColor:"brown",height:3,weight:5,jobTitle:"Baker",favoriteMovie:"Halloween",favoriteFood:"Cake",sex:"male",dateOfBirth:"1980-09-24"},{id:Math.random(),firstName:"Jessica",lastName:"Bernard",age:36,eyeColor:"green",height:3,weight:5,jobTitle:"Student",favoriteMovie:"Highlander",favoriteFood:"Ice cream",sex:"female",dateOfBirth:"1980-09-24"},{id:Math.random(),firstName:"Benjamin",lastName:"Sisko",age:55,eyeColor:"brown",height:3,weight:5,jobTitle:"Commander",favoriteMovie:"Search for Spock",favoriteFood:"Jamba",sex:"male",dateOfBirth:"2200-09-24"},{id:Math.random(),firstName:"Kathyrn",lastName:"Janeway",age:55,eyeColor:"brown",height:3,weight:5,jobTitle:"Captain",favoriteMovie:"Wrath of Khan",favoriteFood:"Coffee",sex:"female",dateOfBirth:"2240-09-24"},{id:Math.random(),firstName:"Jean-Luc",lastName:"Picard",age:66,eyeColor:"blue",height:3,weight:5,jobTitle:"Captain",favoriteMovie:"Next generation",favoriteFood:"Tea Earl Grey Hot",sex:"male",dateOfBirth:"2200-09-24"},{id:Math.random(),firstName:"Peter",lastName:"Parker",age:30,eyeColor:"blue",height:55,weight:14,jobTitle:"Spider-man",favoriteMovie:"Spider-man",favoriteFood:"Webs",sex:"male",dateOfBirth:"1990-09-24"},{id:Math.random(),firstName:"Clark",lastName:"Kent",age:40,eyeColor:"blue",height:80,weight:33,jobTitle:"Journalist",favoriteMovie:"Superman returns",favoriteFood:"Kryptonite",sex:"male",dateOfBirth:"1960-01-01"},{id:Math.random(),firstName:"Bruce",lastName:"Wayne",age:55,eyeColor:"blue",height:70,weight:33,jobTitle:"CEO",favoriteMovie:"Batman begins",favoriteFood:"Bats",sex:"male",dateOfBirth:"1955-01-01"},{id:Math.random(),firstName:"Diana",lastName:"Prince",age:28,eyeColor:"green",height:90,weight:19,jobTitle:"Curator",favoriteMovie:"Wonderwoman",favoriteFood:"Greek",sex:"female",dateOfBirth:"1990-01-01"},{id:Math.random(),firstName:"Tony",lastName:"Stark",age:40,eyeColor:"brown",height:70,weight:33,jobTitle:"CEO",favoriteMovie:"Ironman",favoriteFood:"Shoarma",sex:"male",dateOfBirth:"1980-01-01"},{id:Math.random(),firstName:"Steve",lastName:"Rogers",age:100,eyeColor:"blue",height:44,weight:55,jobTitle:"Captain",favoriteMovie:"Winter soldier",favoriteFood:"Apple pie",sex:"male",dateOfBirth:"1920-01-01"},{id:Math.random(),firstName:"Natasha",lastName:"Romanov",age:30,eyeColor:"green",height:77,weight:66,jobTitle:"Black widow",favoriteMovie:"Avengers",favoriteFood:"Stroganov",sex:"female",dateOfBirth:"1995-01-01"},{id:Math.random(),firstName:"Bruce",lastName:"Banner",age:42,eyeColor:"brown",height:89,weight:99,jobTitle:"Smasher",favoriteMovie:"The Incredible Hulk",favoriteFood:"Gammarays",sex:"male",dateOfBirth:"1975-01-01"}];function PersonForm(_ref){var person=_ref.person;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_4__.Form,{initialValues:person,onSubmit:function onSubmit(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("person edited")}},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_4__.Field,{name:"firstName"},(function(_ref2){var input=_ref2.input;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_9__.ZP,_extends({},input,{type:"text",label:"First name"}))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_4__.Field,{name:"lastName"},(function(_ref3){var input=_ref3.input;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_9__.ZP,_extends({},input,{type:"text",label:"Last name"}))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_4__.Field,{name:"age"},(function(_ref4){var input=_ref4.input;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_9__.ZP,_extends({},input,{type:"text",label:"Age"}))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_4__.Field,{name:"eyeColor"},(function(_ref5){var input=_ref5.input;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Select_Select__WEBPACK_IMPORTED_MODULE_8__.Z,_extends({},input,{label:"Eye color",options:["all","brown","green","blue"],labelForOption:function labelForOption(option){return option}}))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_4__.Field,{name:"sex"},(function(_ref6){var input=_ref6.input;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Select_Select__WEBPACK_IMPORTED_MODULE_8__.Z,_extends({},input,{label:"Sex",options:["male","female"],labelForOption:function labelForOption(option){return option}}))})))}))}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("table/CrudTable",module).addParameters({storySource:{source:"import React, { useEffect, useState } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\nimport { Card } from 'reactstrap';\nimport { capitalize, every, lowerCase, startsWith } from 'lodash';\nimport { Field, Form } from 'react-final-form';\nimport moment from 'moment';\nimport Button from '../../core/Button/Button';\nimport Tag from '../../core/Tag/Tag';\nimport Select from '../../form/Select/Select';\nimport Input from '../../form/Input/Input';\nimport ContentState from '../../core/ContentState/ContentState';\nimport ConfirmButton from '../../core/ConfirmButton/ConfirmButton';\nimport { pageOf } from '../../utilities/page/page';\nimport DateTimeInput from '../../form/DateTimeInput/DateTimeInput';\nimport { EpicRow } from '../EpicTable/rows/EpicRow/EpicRow';\nimport { EpicHeader } from '../EpicTable/cells/EpicHeader/EpicHeader';\nimport { EpicCell } from '../EpicTable/cells/EpicCell/EpicCell';\nimport { EpicCellLayout } from '../EpicTable/cells/EpicCellLayout/EpicCellLayout';\nimport { EpicSelection } from '../EpicTable/widgets/EpicSelection/EpicSelection';\nimport { EpicSort } from '../EpicTable/widgets/EpicSort/EpicSort';\n\nimport { EpicTableSortDirection } from '../EpicTable/types';\nimport { CrudTable } from './CrudTable';\nimport { CrudHeader } from './components/CrudHeader/CrudHeader';\nimport { EpicDetailRow } from '../EpicTable/rows/EpicDetailRow/EpicDetailRow';\nimport { EpicDetail } from '../EpicTable/widgets/EpicDetail/EpicDetail';\nimport { AttributeList } from '../../core/lists/AttributeList/AttributeList';\nimport { AttributeView } from '../../core/lists/AttributeView/AttributeView';\n\ntype Person = {\n  id: number;\n  firstName: string;\n  lastName: string;\n  age: number;\n  eyeColor: string;\n  height: number;\n  weight: number;\n  jobTitle: string;\n  favoriteMovie: string;\n  favoriteFood: string;\n  sex: string;\n  dateOfBirth: string;\n};\n\nconst persons: Person[] = [\n  {\n    id: Math.random(),\n    firstName: 'Fitzpatrick',\n    lastName: 'Lyons',\n    age: 20,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Senior CodeMonkey',\n    favoriteMovie: 'The Matrix',\n    favoriteFood: 'Hamburgers',\n    sex: 'male',\n    dateOfBirth: '2014-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Berry',\n    lastName: 'McNab',\n    age: 41,\n    eyeColor: 'blue',\n    height: 13,\n    weight: 55,\n    jobTitle: 'Business Manager',\n    favoriteMovie: 'Fear and loathing in Las Vegas',\n    favoriteFood: 'Spaghetti',\n    sex: 'female',\n    dateOfBirth: '2000-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Neville',\n    lastName: 'Brooks',\n    age: 25,\n    eyeColor: 'green',\n    height: 12,\n    weight: 32,\n    jobTitle: 'Senior CodeMonkey',\n    favoriteMovie: 'Lord of the Rings',\n    favoriteFood: 'French Fries',\n    sex: 'male',\n    dateOfBirth: '2014-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Leonard',\n    lastName: 'Nemoy',\n    age: 50,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Thespian',\n    favoriteMovie: 'Star Trek',\n    favoriteFood: 'Kosher',\n    sex: 'male',\n    dateOfBirth: '1900-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Levi',\n    lastName: 'Smith',\n    age: 30,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Taxi driver',\n    favoriteMovie: 'Taxi',\n    favoriteFood:\n      'Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, at nam alias ad culpa quae deleniti. Autem eveniet mollitia veritatis reprehenderit ea, tempora vero voluptatem. Dolore repudiandae voluptate quam quidem.,',\n    sex: 'male',\n    dateOfBirth: '2014-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Celine',\n    lastName: 'Ferdinand',\n    age: 80,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Retired',\n    favoriteMovie: 'Driving miss Daisy',\n    favoriteFood: 'Prunes',\n    sex: 'female',\n    dateOfBirth: '1940-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bonald',\n    lastName: 'Ferdinand',\n    age: 82,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Retired',\n    favoriteMovie: 'Driving miss Daisy',\n    favoriteFood: 'Prunes',\n    sex: 'male',\n    dateOfBirth: '1938-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Zechs',\n    lastName: 'Merquise',\n    age: 42,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Ace pilot',\n    favoriteMovie: 'Gundam wing',\n    favoriteFood: 'Apple pie',\n    sex: 'male',\n    dateOfBirth: '2010-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'David',\n    lastName: 'Hayter',\n    age: 55,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Voice actor',\n    favoriteMovie: 'Guyver',\n    favoriteFood: 'Snakes',\n    sex: 'male',\n    dateOfBirth: '1960-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'James',\n    lastName: 'Kirk',\n    age: 50,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captain',\n    favoriteMovie: 'Star Trek',\n    favoriteFood: 'Replicated',\n    sex: 'male',\n    dateOfBirth: '2100-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bert',\n    lastName: 'Kelly',\n    age: 30,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Blacksmith',\n    favoriteMovie: 'Not without my daughter',\n    favoriteFood: 'Pears',\n    sex: 'male',\n    dateOfBirth: '1989-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'John',\n    lastName: 'Goodall',\n    age: 68,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Gardner',\n    favoriteMovie: 'The Gardner',\n    favoriteFood: 'Cauliflower',\n    sex: 'male',\n    dateOfBirth: '2019-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Rick',\n    lastName: 'Xander',\n    age: 14,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Baker',\n    favoriteMovie: 'Halloween',\n    favoriteFood: 'Cake',\n    sex: 'male',\n    dateOfBirth: '1980-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Jessica',\n    lastName: 'Bernard',\n    age: 36,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Student',\n    favoriteMovie: 'Highlander',\n    favoriteFood: 'Ice cream',\n    sex: 'female',\n    dateOfBirth: '1980-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Benjamin',\n    lastName: 'Sisko',\n    age: 55,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Commander',\n    favoriteMovie: 'Search for Spock',\n    favoriteFood: 'Jamba',\n    sex: 'male',\n    dateOfBirth: '2200-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Kathyrn',\n    lastName: 'Janeway',\n    age: 55,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captain',\n    favoriteMovie: 'Wrath of Khan',\n    favoriteFood: 'Coffee',\n    sex: 'female',\n    dateOfBirth: '2240-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Jean-Luc',\n    lastName: 'Picard',\n    age: 66,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captain',\n    favoriteMovie: 'Next generation',\n    favoriteFood: 'Tea Earl Grey Hot',\n    sex: 'male',\n    dateOfBirth: '2200-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Peter',\n    lastName: 'Parker',\n    age: 30,\n    eyeColor: 'blue',\n    height: 55,\n    weight: 14,\n    jobTitle: 'Spider-man',\n    favoriteMovie: 'Spider-man',\n    favoriteFood: 'Webs',\n    sex: 'male',\n    dateOfBirth: '1990-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Clark',\n    lastName: 'Kent',\n    age: 40,\n    eyeColor: 'blue',\n    height: 80,\n    weight: 33,\n    jobTitle: 'Journalist',\n    favoriteMovie: 'Superman returns',\n    favoriteFood: 'Kryptonite',\n    sex: 'male',\n    dateOfBirth: '1960-01-01'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bruce',\n    lastName: 'Wayne',\n    age: 55,\n    eyeColor: 'blue',\n    height: 70,\n    weight: 33,\n    jobTitle: 'CEO',\n    favoriteMovie: 'Batman begins',\n    favoriteFood: 'Bats',\n    sex: 'male',\n    dateOfBirth: '1955-01-01'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Diana',\n    lastName: 'Prince',\n    age: 28,\n    eyeColor: 'green',\n    height: 90,\n    weight: 19,\n    jobTitle: 'Curator',\n    favoriteMovie: 'Wonderwoman',\n    favoriteFood: 'Greek',\n    sex: 'female',\n    dateOfBirth: '1990-01-01'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Tony',\n    lastName: 'Stark',\n    age: 40,\n    eyeColor: 'brown',\n    height: 70,\n    weight: 33,\n    jobTitle: 'CEO',\n    favoriteMovie: 'Ironman',\n    favoriteFood: 'Shoarma',\n    sex: 'male',\n    dateOfBirth: '1980-01-01'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Steve',\n    lastName: 'Rogers',\n    age: 100,\n    eyeColor: 'blue',\n    height: 44,\n    weight: 55,\n    jobTitle: 'Captain',\n    favoriteMovie: 'Winter soldier',\n    favoriteFood: 'Apple pie',\n    sex: 'male',\n    dateOfBirth: '1920-01-01'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Natasha',\n    lastName: 'Romanov',\n    age: 30,\n    eyeColor: 'green',\n    height: 77,\n    weight: 66,\n    jobTitle: 'Black widow',\n    favoriteMovie: 'Avengers',\n    favoriteFood: 'Stroganov',\n    sex: 'female',\n    dateOfBirth: '1995-01-01'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bruce',\n    lastName: 'Banner',\n    age: 42,\n    eyeColor: 'brown',\n    height: 89,\n    weight: 99,\n    jobTitle: 'Smasher',\n    favoriteMovie: 'The Incredible Hulk',\n    favoriteFood: 'Gammarays',\n    sex: 'male',\n    dateOfBirth: '1975-01-01'\n  }\n];\n\nstoriesOf('table/CrudTable', module)\n  .addParameters({ component: CrudTable })\n  .add('simple example', () => {\n    const columns = {\n      firstName: 300,\n      lastName: 200,\n      age: 200\n    };\n\n    const [ page, setPage ] = useState(1);\n\n    const pageOfPersons = pageOf(persons, page, 20);\n\n    const [ detail, setDetail ] = useState(-1);\n\n    const [ loading, setLoading ] = useState(false);\n\n    useEffect(() => {\n      setLoading(true);\n\n      setTimeout(() => {\n        setLoading(false);\n      }, 1000);\n    }, []);\n\n    return (\n      <Card body>\n        <CrudTable\n          page={pageOfPersons}\n          pageChanged={setPage}\n        >\n          <EpicRow header>\n            <CrudHeader width={columns.firstName}>\n              First name\n            </CrudHeader>\n            <CrudHeader width={columns.firstName}>\n              Last name\n            </CrudHeader>\n            <CrudHeader width={columns.firstName}>\n              Age\n            </CrudHeader>\n          </EpicRow>\n\n          {loading ? (\n            <ContentState mode=\"loading\" title=\"Loading...\" />\n          ) : pageOfPersons.content.map((person) => (\n            <EpicRow key={person.id} onClick={() => setDetail(person.id)}>\n              <EpicCell width={columns.firstName}>\n                <span\n                  className=\"text-primary clickable w-100\"\n                  onClick={() => setDetail(person.id)}\n                >\n                  {person.firstName}\n                </span>\n              </EpicCell>\n              <EpicCell width={columns.lastName}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={columns.age}>\n                {person.age}\n              </EpicCell>\n            </EpicRow>\n          ))}\n          <EpicDetailRow left={columns.firstName} active={detail > 0}>\n            {() => {\n              const person = pageOfPersons.content.find(p => p.id === detail);\n\n              if (!person) {\n                return <EpicDetail onClose={() => setDetail(-1)}>Person not found</EpicDetail>;\n              }\n\n              return (\n                <EpicDetail onClose={() => setDetail(-1)}>\n                  <AttributeList>\n                  {Object.keys(person).map((column) => (\n                    <AttributeView key={column} label={capitalize(column.replace(/([A-Z])/, ' $1'))}>\n                      {person[column]}\n                    </AttributeView>\n                    ))}\n                  </AttributeList>\n                </EpicDetail>\n              );\n            }}\n          </EpicDetailRow>\n        </CrudTable>\n      </Card>\n    );\n  })\n  .add('full example', () => {\n    const [ columns, setColumns ] = useState(() => ({\n      firstName: 300,\n      lastName: 200,\n      age: 200,\n      eyeColor: 200,\n      height: 150,\n      weight: 150,\n      jobTitle: 200,\n      favoriteMovie: 300,\n      favoriteFood: 200,\n      sex: 200,\n      dateOfBirth: 200\n    }));\n\n    function changeSize(name: keyof Person, width: number) {\n      setColumns((widths) => ({ ...widths, [name]: width }));\n    }\n\n    const [ filters, setFilters ] = useState(() => ({\n      firstName: '',\n      lastName: '',\n      age: '',\n      eyeColor: '',\n      height: '',\n      weight: '',\n      jobTitle: '',\n      favoriteMovie: '',\n      favoriteFood: '',\n      sex: '',\n      dateOfBirth: ''\n    }));\n\n    function filterChanged(name: keyof Person, value: string) {\n      setPage(1);\n      setFilters({ ...filters, [name]: value });\n    }\n\n    const filteredPersons = persons.filter((person) => {\n      return every(filters, (value, key) => {\n        const text = person[key];\n\n        if (!value || value === 'all') {\n          return true;\n        }\n\n        return startsWith(lowerCase(text), lowerCase(value));\n      });\n    });\n\n    const [ sort, setSort ] = useState<{\n      direction: EpicTableSortDirection;\n      column: string;\n    }>({ direction: 'NONE', column: 'firstName' });\n\n    function changeSort(\n      column: keyof Person,\n      direction: EpicTableSortDirection\n    ) {\n      setPage(1);\n      setSort({ direction, column });\n    }\n\n    const sortFn =\n      sort.direction === 'ASC'\n        ? (a, b) => `${a[sort.column]}`.localeCompare(`${b[sort.column]}`)\n        : (a, b) => `${b[sort.column]}`.localeCompare(`${a[sort.column]}`);\n\n    const sortedPersons = filteredPersons.sort(sortFn);\n\n    const [ page, setPage ] = useState(1);\n\n    const pageOfPersons = pageOf(sortedPersons, page, 20);\n\n    const [ selected, setSelected ] = useState<Person[]>([]);\n\n    function onSelect(person: Person, checked: boolean) {\n      if (checked) {\n        selected.push(person);\n        setSelected([ ...selected ]);\n      } else {\n        const nextSelected = selected.filter((p) => p.id !== person.id);\n\n        setSelected(nextSelected);\n      }\n    }\n\n    const [ detail, setDetail ] = useState(-1);\n\n    const [ editing, setEditing ] = useState(-1);\n\n    const [ creating, setCreating ] = useState(false);\n\n    const [ loading, setLoading ] = useState(false);\n\n    useEffect(() => {\n      setLoading(true);\n\n      setTimeout(() => {\n        setLoading(false);\n      }, 1000);\n    }, []);\n\n    return (\n      <Card body>\n        <CrudTable\n          buttons={() => (\n            <Button icon=\"add\" onClick={() => setCreating(true)}>\n              Add person\n            </Button>\n          )}\n          renderSelection={selected.length > 0 ? () => (\n            <>\n              <h2>Selected</h2>\n              <div className=\"mb-3\">\n                {selected.map((person) => (\n                  <Tag\n                    key={person.id}\n                    text={`${person.firstName} ${person.lastName}`}\n                    onRemove={() => onSelect(person, false)}\n                  />\n                ))}\n              </div>\n            </>\n          ) : undefined}\n          page={pageOfPersons}\n          pageChanged={setPage}\n        >\n          <EpicRow header>\n            {Object.keys(columns).filter(column => column !== 'dateOfBirth').map(((column: keyof Person) => (\n              <CrudHeader\n                key={column}\n                width={columns[column]}\n                onResize={(width) => changeSize(column, width)}\n                direction={sort.column === column ? sort.direction : 'NONE'}\n                onSort={(direction) => changeSort(column, direction)}\n                onSearch={(value) => filterChanged(column, value)}\n                searchValue={filters[column]}\n              >\n                {capitalize(column.replace(/([A-Z])/, ' $1'))}\n              </CrudHeader>\n            )))}\n            <EpicHeader\n              width={columns.dateOfBirth}\n              height={88}\n              onResize={(width) => changeSize('dateOfBirth', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Birth date\n                  <EpicSort\n                    direction={\n                      sort.column === 'dateOfBirth' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) =>\n                      changeSort('dateOfBirth', direction)\n                    }\n                  />\n                </EpicCellLayout>\n\n                <DateTimeInput\n                  id=\"dateOfBirth\"\n                  dateFormat=\"YYYY-MM-DD\"\n                  placeholder=\"YYYY-MM-DD\"\n                  timeFormat={false}\n                  onChange={(date) =>\n                    filterChanged(\n                      'dateOfBirth',\n                      date ? moment(date).format('YYYY-MM-DD') : ''\n                    )\n                  }\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader width={300} height={88}>\n              <div className=\"px-1 py-1 align-self-start\">Actions</div>\n            </EpicHeader>\n          </EpicRow>\n\n          {loading ? (\n            <ContentState mode=\"loading\" title=\"Loading...\" />\n          ) : pageOfPersons.content.map((person) => (\n            <EpicRow key={person.id} onClick={() => setDetail(person.id)}>\n              <EpicCell width={columns.firstName}>\n                <EpicSelection\n                  checked={selected.some((p) => p.id === person.id)}\n                  onChange={(checked) => onSelect(person, checked)}\n                />\n\n                <span\n                  className=\"text-primary clickable w-100\"\n                  onClick={() => setDetail(person.id)}\n                >\n                  {person.firstName}\n                </span>\n              </EpicCell>\n              {Object.keys(columns).filter(column => column !== 'firstName').map((column) => (\n                <EpicCell key={column} width={columns[column]}>\n                  {person[column]}\n                </EpicCell>\n              ))}\n              <EpicCell width={300}>\n                <ConfirmButton icon=\"delete\" dialogText=\"Are you sure you want to delete this person?\" onConfirm={action('delete')} />\n                <Button icon=\"edit\" onClick={() => setEditing(person.id)} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n\n          <EpicDetailRow left={columns.firstName} active={editing > 0}>\n            {() => (\n              <EpicDetail onClose={() => setEditing(-1)}>\n                <PersonForm person={pageOfPersons.content.find(person => person.id === editing)} />\n              </EpicDetail>\n            )}\n          </EpicDetailRow>\n          <EpicDetailRow left={columns.firstName} active={detail > 0}>\n            {() => {\n              const person = pageOfPersons.content.find(p => p.id === detail);\n\n              if (!person) {\n                return <EpicDetail onClose={() => setDetail(-1)}>Person not found</EpicDetail>;\n              }\n\n              return (\n                <EpicDetail onClose={() => setDetail(-1)}>\n                  <AttributeList>\n                  {Object.keys(columns).map((column) => (\n                    <AttributeView key={column} label={capitalize(column.replace(/([A-Z])/, ' $1'))}>\n                      {person[column]}\n                    </AttributeView>\n                    ))}\n                  </AttributeList>\n                </EpicDetail>\n              );\n            }}\n          </EpicDetailRow>\n          <EpicDetailRow left={columns.firstName} active={creating}>\n            {() => (\n              <EpicDetail onClose={() => setCreating(false)}>\n                <PersonForm />\n              </EpicDetail>\n            )}\n          </EpicDetailRow>\n        </CrudTable>\n      </Card>\n    );\n  });\n\nfunction PersonForm({ person }: { person?: Person }) {\n  return (\n    <Form initialValues={person} onSubmit={() => action('person edited')}>\n      {() => (\n        <>\n          <Field name=\"firstName\">\n            {({ input }) => (\n              <Input {...input} type=\"text\" label=\"First name\" />\n            )}\n          </Field>\n          <Field name=\"lastName\">\n            {({ input }) => (\n              <Input {...input} type=\"text\" label=\"Last name\" />\n            )}\n          </Field>\n          <Field name=\"age\">\n            {({ input }) => (\n              <Input {...input} type=\"text\" label=\"Age\" />\n            )}\n          </Field>\n          <Field name=\"eyeColor\">\n            {({ input }) => (\n              <Select\n                {...input}\n                label=\"Eye color\"\n                options={[ 'all', 'brown', 'green', 'blue' ]}\n                labelForOption={(option) => option}\n              />\n            )}\n          </Field>\n          <Field name=\"sex\">\n            {({ input }) => (\n              <Select\n                {...input}\n                label=\"Sex\"\n                options={[ 'male', 'female' ]}\n                labelForOption={(option) => option}\n              />\n            )}\n          </Field>\n        </>\n      )}\n    </Form>\n  );\n}\n",locationsMap:{"full-example":{startLoc:{col:7,line:488},endLoc:{col:3,line:734},startBody:{col:23,line:488},endBody:{col:3,line:734}},"simple-example":{startLoc:{col:7,line:402},endLoc:{col:3,line:487},startBody:{col:25,line:402},endBody:{col:3,line:487}}}}}).addParameters({component:_CrudTable__WEBPACK_IMPORTED_MODULE_19__.N}).add("simple example",(function(){var columns_firstName=300,columns_lastName=200,columns_age=200,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState2[0],setPage=_useState2[1],pageOfPersons=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_25__.u)(persons,page,20),_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),2),detail=_useState4[0],setDetail=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),loading=_useState6[0],setLoading=_useState6[1];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){setLoading(!0),setTimeout((function(){setLoading(!1)}),1e3)}),[]),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CrudTable__WEBPACK_IMPORTED_MODULE_19__.N,{page:pageOfPersons,pageChanged:setPage},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_13__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_CrudHeader_CrudHeader__WEBPACK_IMPORTED_MODULE_20__.p,{width:columns_firstName},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_CrudHeader_CrudHeader__WEBPACK_IMPORTED_MODULE_20__.p,{width:columns_firstName},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_CrudHeader_CrudHeader__WEBPACK_IMPORTED_MODULE_20__.p,{width:columns_firstName},"Age")),loading?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_10__.Z,{mode:"loading",title:"Loading..."}):pageOfPersons.content.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_13__.C,{key:person.id,onClick:function onClick(){return setDetail(person.id)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_15__.N,{width:columns_firstName},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:"text-primary clickable w-100",onClick:function onClick(){return setDetail(person.id)}},person.firstName)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_15__.N,{width:columns_lastName},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_15__.N,{width:columns_age},person.age))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_21__.U,{left:columns_firstName,active:detail>0},(function(){var person=pageOfPersons.content.find((function(p){return p.id===detail}));return person?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_22__.H,{onClose:function onClose(){return setDetail(-1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_lists_AttributeList_AttributeList__WEBPACK_IMPORTED_MODULE_23__.d,null,Object.keys(person).map((function(column){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_lists_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_24__.P,{key:column,label:(0,lodash__WEBPACK_IMPORTED_MODULE_3__.capitalize)(column.replace(/([A-Z])/," $1"))},person[column])})))):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_22__.H,{onClose:function onClose(){return setDetail(-1)}},"Person not found")}))))})).add("full example",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((function(){return{firstName:300,lastName:200,age:200,eyeColor:200,height:150,weight:150,jobTitle:200,favoriteMovie:300,favoriteFood:200,sex:200,dateOfBirth:200}})),2),columns=_useState8[0],setColumns=_useState8[1];function changeSize(name,width){setColumns((function(widths){return _objectSpread(_objectSpread({},widths),{},_defineProperty({},name,width))}))}var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((function(){return{firstName:"",lastName:"",age:"",eyeColor:"",height:"",weight:"",jobTitle:"",favoriteMovie:"",favoriteFood:"",sex:"",dateOfBirth:""}})),2),filters=_useState10[0],setFilters=_useState10[1];function filterChanged(name,value){setPage(1),setFilters(_objectSpread(_objectSpread({},filters),{},_defineProperty({},name,value)))}var filteredPersons=persons.filter((function(person){return(0,lodash__WEBPACK_IMPORTED_MODULE_3__.every)(filters,(function(value,key){var text=person[key];return!value||"all"===value||(0,lodash__WEBPACK_IMPORTED_MODULE_3__.startsWith)((0,lodash__WEBPACK_IMPORTED_MODULE_3__.lowerCase)(text),(0,lodash__WEBPACK_IMPORTED_MODULE_3__.lowerCase)(value))}))})),_useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({direction:"NONE",column:"firstName"}),2),sort=_useState12[0],setSort=_useState12[1];function changeSort(column,direction){setPage(1),setSort({direction,column})}var sortFn="ASC"===sort.direction?function(a,b){return"".concat(a[sort.column]).localeCompare("".concat(b[sort.column]))}:function(a,b){return"".concat(b[sort.column]).localeCompare("".concat(a[sort.column]))},sortedPersons=filteredPersons.sort(sortFn),_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState14[0],setPage=_useState14[1],pageOfPersons=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_25__.u)(sortedPersons,page,20),_useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),selected=_useState16[0],setSelected=_useState16[1];function onSelect(person,checked){if(checked)selected.push(person),setSelected(_toConsumableArray(selected));else{var nextSelected=selected.filter((function(p){return p.id!==person.id}));setSelected(nextSelected)}}var _useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),2),detail=_useState18[0],setDetail=_useState18[1],_useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),2),editing=_useState20[0],setEditing=_useState20[1],_useState22=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),creating=_useState22[0],setCreating=_useState22[1],_useState24=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),loading=_useState24[0],setLoading=_useState24[1];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){setLoading(!0),setTimeout((function(){setLoading(!1)}),1e3)}),[]),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CrudTable__WEBPACK_IMPORTED_MODULE_19__.N,{buttons:function buttons(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{icon:"add",onClick:function onClick(){return setCreating(!0)}},"Add person")},renderSelection:selected.length>0?function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Selected"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"mb-3"},selected.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Tag_Tag__WEBPACK_IMPORTED_MODULE_7__.Z,{key:person.id,text:"".concat(person.firstName," ").concat(person.lastName),onRemove:function onRemove(){return onSelect(person,!1)}})}))))}:void 0,page:pageOfPersons,pageChanged:setPage},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_13__.C,{header:!0},Object.keys(columns).filter((function(column){return"dateOfBirth"!==column})).map((function(column){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_CrudHeader_CrudHeader__WEBPACK_IMPORTED_MODULE_20__.p,{key:column,width:columns[column],onResize:function onResize(width){return changeSize(column,width)},direction:sort.column===column?sort.direction:"NONE",onSort:function onSort(direction){return changeSort(column,direction)},onSearch:function onSearch(value){return filterChanged(column,value)},searchValue:filters[column]},(0,lodash__WEBPACK_IMPORTED_MODULE_3__.capitalize)(column.replace(/([A-Z])/," $1")))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_14__.B,{width:columns.dateOfBirth,height:88,onResize:function onResize(width){return changeSize("dateOfBirth",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_16__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_16__.j,{mode:"horizontal"},"Birth date",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_18__.Q,{direction:"dateOfBirth"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("dateOfBirth",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_DateTimeInput_DateTimeInput__WEBPACK_IMPORTED_MODULE_12__.ZP,{id:"dateOfBirth",dateFormat:"YYYY-MM-DD",placeholder:"YYYY-MM-DD",timeFormat:!1,onChange:function onChange(date){return filterChanged("dateOfBirth",date?moment__WEBPACK_IMPORTED_MODULE_5___default()(date).format("YYYY-MM-DD"):"")}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_14__.B,{width:300,height:88},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"px-1 py-1 align-self-start"},"Actions"))),loading?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_10__.Z,{mode:"loading",title:"Loading..."}):pageOfPersons.content.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_13__.C,{key:person.id,onClick:function onClick(){return setDetail(person.id)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_15__.N,{width:columns.firstName},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicSelection_EpicSelection__WEBPACK_IMPORTED_MODULE_17__.M,{checked:selected.some((function(p){return p.id===person.id})),onChange:function onChange(checked){return onSelect(person,checked)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:"text-primary clickable w-100",onClick:function onClick(){return setDetail(person.id)}},person.firstName)),Object.keys(columns).filter((function(column){return"firstName"!==column})).map((function(column){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_15__.N,{key:column,width:columns[column]},person[column])})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_15__.N,{width:300},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_11__.Z,{icon:"delete",dialogText:"Are you sure you want to delete this person?",onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{icon:"edit",onClick:function onClick(){return setEditing(person.id)}})))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_21__.U,{left:columns.firstName,active:editing>0},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_22__.H,{onClose:function onClose(){return setEditing(-1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(PersonForm,{person:pageOfPersons.content.find((function(person){return person.id===editing}))}))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_21__.U,{left:columns.firstName,active:detail>0},(function(){var person=pageOfPersons.content.find((function(p){return p.id===detail}));return person?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_22__.H,{onClose:function onClose(){return setDetail(-1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_lists_AttributeList_AttributeList__WEBPACK_IMPORTED_MODULE_23__.d,null,Object.keys(columns).map((function(column){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_lists_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_24__.P,{key:column,label:(0,lodash__WEBPACK_IMPORTED_MODULE_3__.capitalize)(column.replace(/([A-Z])/," $1"))},person[column])})))):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_22__.H,{onClose:function onClose(){return setDetail(-1)}},"Person not found")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_21__.U,{left:columns.firstName,active:creating},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_22__.H,{onClose:function onClose(){return setCreating(!1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(PersonForm,null))}))))}))},"./src/table/EpicTable/EpicTable.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),lodash__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/lodash/lodash.js"),_EpicTable__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/table/EpicTable/EpicTable.tsx"),_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/table/EpicTable/rows/EpicRow/EpicRow.tsx"),_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx"),_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/table/EpicTable/cells/EpicCell/EpicCell.tsx"),_rows_EpicExpanderRow_EpicExpanderRow__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/table/EpicTable/rows/EpicExpanderRow/EpicExpanderRow.tsx"),_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/table/EpicTable/cells/EpicCellLayout/EpicCellLayout.tsx"),_widgets_EpicExpander_EpicExpander__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/table/EpicTable/widgets/EpicExpander/EpicExpander.tsx"),_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/table/EpicTable/rows/EpicDetailRow/EpicDetailRow.tsx"),_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/table/EpicTable/widgets/EpicDetail/EpicDetail.tsx"),_widgets_EpicSelection_EpicSelection__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/table/EpicTable/widgets/EpicSelection/EpicSelection.tsx"),_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/table/EpicTable/widgets/EpicSort/EpicSort.tsx"),___WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/index.ts"),moment__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/moment/moment.js"),moment__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_16__),_core_MoreOrLess_MoreOrLess__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/core/MoreOrLess/MoreOrLess.tsx");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("table/EpicTable",module).addParameters({storySource:{source:"import React, { Fragment, useEffect, useState } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\nimport { Alert, Card, Col, Input, Row } from 'reactstrap';\nimport { every, groupBy, lowerCase, startsWith } from 'lodash';\n\nimport { EpicTable } from './EpicTable';\nimport { EpicRow } from './rows/EpicRow/EpicRow';\nimport { EpicHeader } from './cells/EpicHeader/EpicHeader';\nimport { EpicCell } from './cells/EpicCell/EpicCell';\nimport { EpicExpanderRow } from './rows/EpicExpanderRow/EpicExpanderRow';\nimport { EpicCellLayout } from './cells/EpicCellLayout/EpicCellLayout';\n\nimport { EpicExpander } from './widgets/EpicExpander/EpicExpander';\nimport { EpicDetailRow } from './rows/EpicDetailRow/EpicDetailRow';\nimport { EpicDetail } from './widgets/EpicDetail/EpicDetail';\nimport { EpicSelection } from './widgets/EpicSelection/EpicSelection';\nimport { EpicSort } from './widgets/EpicSort/EpicSort';\n\nimport { EpicTableSortDirection } from './types';\nimport {\n  Button,\n  ContentState,\n  ContentStateMode,\n  DateTimeInput,\n  pageOf,\n  Pagination,\n  Tag\n} from '../..';\nimport moment from 'moment';\nimport MoreOrLess from '../../core/MoreOrLess/MoreOrLess';\n\nstoriesOf('table/EpicTable', module)\n  .addParameters({ component: EpicTable })\n  .add('full example', () => {\n    const [widths, setWidths] = useState(() => ({\n      firstName: 300,\n      lastName: 200,\n      age: 200,\n      eyeColor: 200,\n      height: 150,\n      weight: 150,\n      jobTitle: 200,\n      favoriteMovie: 300,\n      favoriteFood: 200,\n      dateOfBirth: 200,\n      sex: 200,\n      actions: 300\n    }));\n\n    function changeSize(name: keyof Person, width: number) {\n      setWidths((widths) => ({ ...widths, [name]: width }));\n    }\n\n    const [filters, setFilters] = useState(() => ({\n      firstName: '',\n      lastName: '',\n      age: '',\n      eyeColor: '',\n      height: '',\n      weight: '',\n      jobTitle: '',\n      favoriteMovie: '',\n      favoriteFood: '',\n      dateOfBirth: '',\n      sex: ''\n    }));\n\n    function filterChanged(name: keyof Person, value: string) {\n      setFilters({ ...filters, [name]: value });\n    }\n\n    const filteredPersons = persons.filter((person) => {\n      return every(filters, (value, key) => {\n        const text = person[key];\n\n        if (!value || value === 'all') {\n          return true;\n        }\n\n        return startsWith(lowerCase(text), lowerCase(value));\n      });\n    });\n\n    const [sort, setSort] = useState<{\n      direction: EpicTableSortDirection;\n      column: string;\n    }>({ direction: 'NONE', column: 'firstName' });\n\n    function changeSort(\n      column: keyof Person,\n      direction: EpicTableSortDirection\n    ) {\n      setPage(1);\n      setSort({ direction, column });\n    }\n\n    const sortFn =\n      sort.direction === 'ASC'\n        ? (a, b) => `${a[sort.column]}`.localeCompare(`${b[sort.column]}`)\n        : (a, b) => `${b[sort.column]}`.localeCompare(`${a[sort.column]}`);\n\n    const sortedPersons = filteredPersons.sort(sortFn);\n\n    const [page, setPage] = useState(1);\n\n    const pageOfPersons = pageOf(sortedPersons, page, 20);\n\n    const [selected, setSelected] = useState<Person[]>([]);\n\n    function onSelect(person: Person, checked: boolean) {\n      if (checked) {\n        selected.push(person);\n        setSelected([...selected]);\n      } else {\n        const nextSelected = selected.filter((p) => p.id !== person.id);\n\n        setSelected(nextSelected);\n      }\n    }\n\n    const allPersonsSelected =\n      selected.length > 0 &&\n      pageOfPersons.content.every((p) => selected.some((ps) => ps.id === p.id));\n\n    function selectAllClicked(checked: boolean) {\n      if (checked) {\n        pageOfPersons.content.forEach((p) => {\n          if (selected.every((ps) => p.id !== ps.id)) {\n            selected.push(p);\n          }\n\n          setSelected([...selected]);\n        });\n      } else {\n        setSelected([]);\n      }\n    }\n\n    const [detail, setDetail] = useState(-1);\n\n    const [loading, setLoading] = useState(false);\n\n    useEffect(() => {\n      setLoading(true);\n\n      setTimeout(() => {\n        setLoading(false);\n      }, 1000);\n    }, []);\n\n    return (\n      <Card body>\n        {selected.length > 0 ? (\n          <>\n            <h2>Selected</h2>\n            <div className=\"mb-3\">\n              {selected.map((person) => (\n                <Tag\n                  key={person.id}\n                  text={`${person.firstName} ${person.lastName}`}\n                  onRemove={() => onSelect(person, false)}\n                />\n              ))}\n            </div>\n          </>\n        ) : null}\n\n        <EpicTable\n          overlay={\n            loading ? (\n              <ContentState className=\"my-5\" mode=\"loading\" title=\"Loading\" />\n            ) : pageOfPersons.totalElements === 0 ? (\n              <ContentState\n                className=\"my-5\"\n                mode=\"no-results\"\n                title=\"Try again with a different query\"\n              />\n            ) : null\n          }\n        >\n          <EpicRow header>\n            <EpicHeader\n              width={widths.firstName}\n              height={88}\n              onResize={(width) => changeSize('firstName', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  <EpicSelection\n                    checked={allPersonsSelected}\n                    onChange={(checked) => selectAllClicked(checked)}\n                  >\n                    First name\n                  </EpicSelection>\n\n                  <EpicSort\n                    direction={\n                      sort.column === 'firstName' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) => changeSort('firstName', direction)}\n                  />\n                </EpicCellLayout>\n                <Input\n                  onChange={(event) => {\n                    event.preventDefault();\n                    filterChanged('firstName', event.target.value);\n                  }}\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.lastName}\n              height={88}\n              onResize={(width) => changeSize('lastName', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Last name\n                  <EpicSort\n                    direction={\n                      sort.column === 'lastName' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) => changeSort('lastName', direction)}\n                  />\n                </EpicCellLayout>\n                <Input\n                  onChange={(event) =>\n                    filterChanged('lastName', event.target.value)\n                  }\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.age}\n              height={88}\n              onResize={(width) => changeSize('age', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Age\n                  <EpicSort\n                    direction={sort.column === 'age' ? sort.direction : 'NONE'}\n                    onChange={(direction) => changeSort('age', direction)}\n                  />\n                </EpicCellLayout>\n                <Input\n                  onChange={(event) => filterChanged('age', event.target.value)}\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.eyeColor}\n              height={88}\n              onResize={(width) => changeSize('eyeColor', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Eye color\n                  <EpicSort\n                    direction={\n                      sort.column === 'eyeColor' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) => changeSort('eyeColor', direction)}\n                  />\n                </EpicCellLayout>\n                <Input\n                  type=\"select\"\n                  onChange={(event) =>\n                    filterChanged('eyeColor', event.target.value)\n                  }\n                >\n                  <option>all</option>\n                  <option>brown</option>\n                  <option>green</option>\n                  <option>blue</option>\n                </Input>\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.height}\n              height={88}\n              onResize={(width) => changeSize('height', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Height\n                  <EpicSort\n                    direction={\n                      sort.column === 'height' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) => changeSort('height', direction)}\n                  />\n                </EpicCellLayout>\n                <Input\n                  onChange={(event) =>\n                    filterChanged('height', event.target.value)\n                  }\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.weight}\n              height={88}\n              onResize={(width) => changeSize('weight', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Weight\n                  <EpicSort\n                    direction={\n                      sort.column === 'weight' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) => changeSort('weight', direction)}\n                  />\n                </EpicCellLayout>\n                <Input\n                  onChange={(event) =>\n                    filterChanged('weight', event.target.value)\n                  }\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.jobTitle}\n              height={88}\n              onResize={(width) => changeSize('jobTitle', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Job title\n                  <EpicSort\n                    direction={\n                      sort.column === 'jobTitle' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) => changeSort('jobTitle', direction)}\n                  />\n                </EpicCellLayout>\n                <Input\n                  onChange={(event) =>\n                    filterChanged('jobTitle', event.target.value)\n                  }\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.favoriteMovie}\n              height={88}\n              onResize={(width) => changeSize('favoriteMovie', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Favorite movie\n                  <EpicSort\n                    direction={\n                      sort.column === 'favoriteMovie' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) =>\n                      changeSort('favoriteMovie', direction)\n                    }\n                  />\n                </EpicCellLayout>\n                <Input />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.favoriteFood}\n              height={88}\n              onResize={(width) => changeSize('favoriteFood', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Favorite food\n                  <EpicSort\n                    direction={\n                      sort.column === 'favoriteFood' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) =>\n                      changeSort('favoriteFood', direction)\n                    }\n                  />\n                </EpicCellLayout>\n                <Input\n                  onChange={(event) =>\n                    filterChanged('favoriteFood', event.target.value)\n                  }\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.dateOfBirth}\n              height={88}\n              onResize={(width) => changeSize('dateOfBirth', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Birth date\n                  <EpicSort\n                    direction={\n                      sort.column === 'dateOfBirth' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) =>\n                      changeSort('dateOfBirth', direction)\n                    }\n                  />\n                </EpicCellLayout>\n\n                <DateTimeInput\n                  id=\"dateOfBirth\"\n                  dateFormat=\"YYYY-MM-DD\"\n                  placeholder=\"YYYY-MM-DD\"\n                  timeFormat={false}\n                  onChange={(date) =>\n                    filterChanged(\n                      'dateOfBirth',\n                      date ? moment(date).format('YYYY-MM-DD') : ''\n                    )\n                  }\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.sex}\n              height={88}\n              onResize={(width) => changeSize('sex', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <div className=\"d-flex w-100 justify-content-between\">\n                  Sex\n                  <EpicSort\n                    direction={sort.column === 'sex' ? sort.direction : 'NONE'}\n                    onChange={(direction) => changeSort('sex', direction)}\n                  />\n                </div>\n                <Input\n                  type=\"select\"\n                  onChange={(event) => filterChanged('sex', event.target.value)}\n                >\n                  <option>all</option>\n                  <option>male</option>\n                  <option>female</option>\n                </Input>\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader width={widths.actions} height={88}>\n              <div className=\"px-1 py-1 align-self-start\">Actions</div>\n            </EpicHeader>\n          </EpicRow>\n\n          {pageOfPersons.content.map((person, index) => (\n            <Fragment key={person.id}>\n              <EpicRow onClick={() => setDetail(index)}>\n                <EpicCell width={widths.firstName} height={44}>\n                  <EpicSelection\n                    checked={selected.some((p) => p.id === person.id)}\n                    onChange={(checked) => onSelect(person, checked)}\n                  />\n\n                  <span\n                    className=\"text-primary clickable w-100\"\n                    onClick={() => setDetail(index)}\n                  >\n                    {person.firstName}\n                  </span>\n                </EpicCell>\n                <EpicCell width={widths.lastName} height={44}>\n                  {person.lastName}\n                </EpicCell>\n                <EpicCell width={widths.age} height={44}>\n                  {person.age}\n                </EpicCell>\n                <EpicCell width={widths.eyeColor} height={44}>\n                  {person.eyeColor}\n                </EpicCell>\n                <EpicCell width={widths.height} height={44}>\n                  {person.height}\n                </EpicCell>\n                <EpicCell width={widths.weight} height={44}>\n                  {person.weight}\n                </EpicCell>\n                <EpicCell width={widths.jobTitle} height={44}>\n                  {person.jobTitle}\n                </EpicCell>\n                <EpicCell width={widths.favoriteMovie} height={44}>\n                  {person.favoriteMovie}\n                </EpicCell>\n                <EpicCell width={widths.favoriteFood} height={44}>\n                  {person.favoriteFood}\n                </EpicCell>\n                <EpicCell width={widths.dateOfBirth} height={44}>\n                  {person.dateOfBirth}\n                </EpicCell>\n                <EpicCell width={widths.sex} height={44}>\n                  {person.sex}\n                </EpicCell>\n                <EpicCell width={widths.actions} height={44}>\n                  <Button icon=\"delete\" onClick={action('delete')} />\n                  <Button icon=\"edit\" onClick={action('edit')} />\n                </EpicCell>\n              </EpicRow>\n              <EpicDetailRow active={index === detail} left={300}>\n                {() => (\n                  <EpicDetail onClose={() => setDetail(-1)}>\n                    <Row tag=\"dl\">\n                      <Col tag=\"dt\" sm={3}>\n                        First name\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.firstName}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Last name\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.lastName}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Date of birth\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.dateOfBirth}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Sex\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.sex}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Job title\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.jobTitle}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Eye color\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.eyeColor}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Weight\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.weight}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Height\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.height}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Favorite food\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.favoriteFood}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Favorite movie\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.favoriteMovie}\n                      </Col>\n\n                      <Col>\n                        <Input defaultValue=\"This input should have a normal height\" />\n                      </Col>\n                    </Row>\n                  </EpicDetail>\n                )}\n              </EpicDetailRow>\n            </Fragment>\n          ))}\n        </EpicTable>\n\n        <div className=\"d-flex justify-content-center\">\n          <Pagination\n            className=\"my-3\"\n            page={pageOfPersons}\n            onChange={setPage}\n          />\n        </div>\n      </Card>\n    );\n  })\n  .add('basic example', () => {\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {persons.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.eyeColor}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.height}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.weight}\n              </EpicCell>\n              <EpicCell width={200} height={44}>\n                {person.jobTitle}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                {person.favoriteMovie}\n              </EpicCell>\n              <EpicCell width={150} height={44}>\n                {person.favoriteFood}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.dateOfBirth}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.sex}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('with row click', () => {\n    function onRowClick(person: Person) {\n      alert(`You clicked ${person.firstName} ${person.lastName}`);\n    }\n\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {persons.map((person) => (\n            <EpicRow key={person.id} onClick={() => onRowClick(person)}>\n              <EpicCell width={300} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.eyeColor}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.height}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.weight}\n              </EpicCell>\n              <EpicCell width={200} height={44}>\n                {person.jobTitle}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                {person.favoriteMovie}\n              </EpicCell>\n              <EpicCell width={150} height={44}>\n                {person.favoriteFood}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.dateOfBirth}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.sex}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('no stripes', () => {\n    return (\n      <Card body>\n        <EpicTable striped={false}>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {persons.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.eyeColor}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.height}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.weight}\n              </EpicCell>\n              <EpicCell width={200} height={44}>\n                {person.jobTitle}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                {person.favoriteMovie}\n              </EpicCell>\n              <EpicCell width={150} height={44}>\n                {person.favoriteFood}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.dateOfBirth}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.sex}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('small example', () => {\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {persons.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('no header', () => {\n    return (\n      <Card body>\n        <EpicTable>\n          {persons.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('no right', () => {\n    return (\n      <Card body>\n        <EpicTable hasRight={false}>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n          </EpicRow>\n\n          {persons.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.eyeColor}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.height}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.weight}\n              </EpicCell>\n              <EpicCell width={200} height={44}>\n                {person.jobTitle}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                {person.favoriteMovie}\n              </EpicCell>\n              <EpicCell width={150} height={44}>\n                {person.favoriteFood}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.dateOfBirth}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.sex}\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('with overlay', () => {\n    const [mode, setMode] = useState<ContentStateMode>('loading');\n    const [detail, setDetail] = useState(false);\n\n    return (\n      <Card body>\n        <div className=\"d-flex mb-2\">\n          <Button className=\"me-1\" onClick={() => setMode('loading')}>\n            Loading\n          </Button>\n          <Button className=\"me-1\" onClick={() => setMode('empty')}>\n            Empty\n          </Button>\n          <Button className=\"me-1\" onClick={() => setMode('error')}>\n            Error\n          </Button>\n          <Button className=\"me-1\" onClick={() => setMode('no-results')}>\n            No results\n          </Button>\n\n          <Button\n            className=\"d-inline-block float-end\"\n            icon=\"details\"\n            onClick={() => setDetail(true)}\n          >\n            Show detail\n          </Button>\n        </div>\n\n        <EpicTable\n          overlay={\n            <ContentState\n              className=\"my-5\"\n              mode={mode}\n              title={`In mode ${mode}`}\n            />\n          }\n        >\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n          <EpicDetailRow active={detail} left={300}>\n            {() => (\n              <EpicDetail onClose={() => setDetail(false)}>\n                <h2>Details</h2>\n\n                <p>\n                  Details should be shown over the overlay. This allows the user\n                  to create items when the table is still empty.\n                </p>\n              </EpicDetail>\n            )}\n          </EpicDetailRow>\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('with sort', () => {\n    const [direction, setDirection] = useState<EpicTableSortDirection>('NONE');\n\n    const sortFn =\n      direction === 'ASC'\n        ? (a, b) => a.firstName.localeCompare(b.firstName)\n        : (a, b) => b.firstName.localeCompare(a.firstName);\n\n    const sortedPersons = persons.sort(sortFn);\n\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              <div className=\"d-flex w-100 justify-content-between\">\n                First name\n                <EpicSort direction={direction} onChange={setDirection} />\n              </div>\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {sortedPersons.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.eyeColor}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.height}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.weight}\n              </EpicCell>\n              <EpicCell width={200} height={44}>\n                {person.jobTitle}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                {person.favoriteMovie}\n              </EpicCell>\n              <EpicCell width={150} height={44}>\n                {person.favoriteFood}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.dateOfBirth}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.sex}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('with resizable columns', () => {\n    const [widths, setWidths] = useState(() => ({\n      firstName: 300,\n      lastName: 100,\n      age: 100,\n      eyeColor: 100\n    }));\n\n    function changeSize(name: keyof Person, width: number) {\n      setWidths((widths) => ({ ...widths, [name]: width }));\n    }\n\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader\n              width={widths.firstName}\n              height={44}\n              onResize={(width) => changeSize('firstName', width)}\n            >\n              First name\n            </EpicHeader>\n            <EpicHeader\n              width={widths.lastName}\n              height={44}\n              onResize={(width) => changeSize('lastName', width)}\n            >\n              Last name\n            </EpicHeader>\n            <EpicHeader\n              width={widths.age}\n              height={44}\n              onResize={(width) => changeSize('age', width)}\n            >\n              Age\n            </EpicHeader>\n            <EpicHeader\n              width={widths.eyeColor}\n              height={44}\n              onResize={(width) => changeSize('eyeColor', width)}\n            >\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {persons.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={widths.firstName} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={widths.lastName} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={widths.age} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={widths.eyeColor} height={44}>\n                {person.eyeColor}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('multiple headers', () => {\n    const contactsByLetter = groupBy(persons, (p) => p.lastName[0]);\n\n    const letters = Object.keys(contactsByLetter).sort();\n\n    return (\n      <Card body>\n        <EpicTable>\n          {letters.map((letter) => (\n            <Fragment key={letter}>\n              <EpicRow header>\n                <EpicHeader width={300} height={44}>\n                  {letter}\n                </EpicHeader>\n                <EpicHeader width={100} height={44}>\n                  First name\n                </EpicHeader>\n                <EpicHeader width={100} height={44}>\n                  Age\n                </EpicHeader>\n                <EpicHeader width={100} height={44}>\n                  Eye color\n                </EpicHeader>\n                <EpicHeader width={100} height={44}>\n                  Height\n                </EpicHeader>\n                <EpicHeader width={100} height={44}>\n                  Weight\n                </EpicHeader>\n                <EpicHeader width={200} height={44}>\n                  Job title\n                </EpicHeader>\n                <EpicHeader width={300} height={44}>\n                  Favorite movie\n                </EpicHeader>\n                <EpicHeader width={150} height={44}>\n                  Favorite food\n                </EpicHeader>\n                <EpicHeader width={100} height={44}>\n                  Birth date\n                </EpicHeader>\n                <EpicHeader width={100} height={44}>\n                  Sex\n                </EpicHeader>\n                <EpicHeader width={300} height={44}>\n                  Actions\n                </EpicHeader>\n              </EpicRow>\n              {contactsByLetter[letter].map((person) => (\n                <EpicRow key={person.id}>\n                  <EpicCell width={300} height={44}>\n                    {person.lastName}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.firstName}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.age}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.eyeColor}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.height}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.weight}\n                  </EpicCell>\n                  <EpicCell width={200} height={44}>\n                    {person.jobTitle}\n                  </EpicCell>\n                  <EpicCell width={300} height={44}>\n                    {person.favoriteMovie}\n                  </EpicCell>\n                  <EpicCell width={150} height={44}>\n                    {person.favoriteFood}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.dateOfBirth}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.sex}\n                  </EpicCell>\n                  <EpicCell width={300} height={44}>\n                    <Button icon=\"delete\" onClick={action('delete')} />\n                    <Button icon=\"edit\" onClick={action('edit')} />\n                  </EpicCell>\n                </EpicRow>\n              ))}\n            </Fragment>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('single column', () => {\n    const contactsByLetter = groupBy(persons, (p) => p.lastName[0]);\n\n    const letters = Object.keys(contactsByLetter).sort();\n\n    return (\n      <Card body>\n        <EpicTable striped={false}>\n          {letters.map((letter) => (\n            <Fragment key={letter}>\n              <EpicRow header>\n                <EpicHeader width={300} height={44}>\n                  {letter}\n                </EpicHeader>\n              </EpicRow>\n              {contactsByLetter[letter].map((person) => (\n                <EpicRow key={person.id}>\n                  <EpicCell width={300} height={44}>\n                    <EpicCellLayout mode=\"horizontal\">\n                      {person.lastName}\n                      <div>\n                        <Button icon=\"delete\" onClick={action('delete')} />\n                        <Button icon=\"edit\" onClick={action('edit')} />\n                      </div>\n                    </EpicCellLayout>\n                  </EpicCell>\n                </EpicRow>\n              ))}\n            </Fragment>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('with pagination', () => {\n    const [page, setPage] = useState(1);\n\n    const pageOfPersons = pageOf(persons, page, 20);\n\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {pageOfPersons.content.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.eyeColor}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.height}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.weight}\n              </EpicCell>\n              <EpicCell width={200} height={44}>\n                {person.jobTitle}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                {person.favoriteMovie}\n              </EpicCell>\n              <EpicCell width={150} height={44}>\n                {person.favoriteFood}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.dateOfBirth}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.sex}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n\n        <div className=\"d-flex justify-content-center\">\n          <Pagination\n            className=\"my-3\"\n            page={pageOfPersons}\n            onChange={setPage}\n          />\n        </div>\n      </Card>\n    );\n  })\n  .add('with expander', () => {\n    const [expanded, setExpanded] = useState(-1);\n\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {persons.map((person, index) => (\n            <Fragment key={person.id}>\n              <EpicRow>\n                <EpicCell width={300} height={44}>\n                  <EpicCellLayout mode=\"horizontal\">\n                    {person.firstName}\n\n                    <EpicExpander\n                      open={expanded === index}\n                      onChange={(open) => setExpanded(open ? index : -1)}\n                    />\n                  </EpicCellLayout>\n                </EpicCell>\n                <EpicCell width={100} height={44}>\n                  {person.lastName}\n                </EpicCell>\n                <EpicCell width={100} height={44}>\n                  {person.age}\n                </EpicCell>\n                <EpicCell width={100} height={44}>\n                  {person.eyeColor}\n                </EpicCell>\n                <EpicCell width={100} height={44}>\n                  {person.height}\n                </EpicCell>\n                <EpicCell width={100} height={44}>\n                  {person.weight}\n                </EpicCell>\n                <EpicCell width={200} height={44}>\n                  {person.jobTitle}\n                </EpicCell>\n                <EpicCell width={300} height={44}>\n                  {person.favoriteMovie}\n                </EpicCell>\n                <EpicCell width={150} height={44}>\n                  {person.favoriteFood}\n                </EpicCell>\n                <EpicCell width={100} height={44}>\n                  {person.dateOfBirth}\n                </EpicCell>\n                <EpicCell width={100} height={44}>\n                  {person.sex}\n                </EpicCell>\n                <EpicCell width={300} height={44}>\n                  <Button icon=\"delete\" onClick={action('delete')} />\n                  <Button icon=\"edit\" onClick={action('edit')} />\n                </EpicCell>\n              </EpicRow>\n              <EpicExpanderRow active={index === expanded} height={58}>\n                {() => (\n                  <div className=\"p-1\">\n                    <Alert className=\"mb-0\" color=\"danger\">\n                      You can place any content inside of an `EpicExpanderRow`.\n                      This is the row for {person.firstName} {person.lastName}.\n                    </Alert>\n                  </div>\n                )}\n              </EpicExpanderRow>\n            </Fragment>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('with detail', () => {\n    const [detail, setDetail] = useState(-1);\n\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {persons\n            .filter((p) => p.firstName === 'Zechs')\n            .map((person, index) => (\n              <Fragment key={person.id}>\n                <EpicRow>\n                  <EpicCell width={300} height={44}>\n                    <span\n                      onClick={() => setDetail(index)}\n                      className=\"text-primary clickable\"\n                    >\n                      {person.firstName}\n                    </span>\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.lastName}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.age}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.eyeColor}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.height}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.weight}\n                  </EpicCell>\n                  <EpicCell width={200} height={44}>\n                    {person.jobTitle}\n                  </EpicCell>\n                  <EpicCell width={300} height={44}>\n                    {person.favoriteMovie}\n                  </EpicCell>\n                  <EpicCell width={150} height={44}>\n                    {person.favoriteFood}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.dateOfBirth}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.sex}\n                  </EpicCell>\n                  <EpicCell width={300} height={44}>\n                    <Button icon=\"delete\" onClick={action('delete')} />\n                    <Button icon=\"edit\" onClick={action('edit')} />\n                  </EpicCell>\n                </EpicRow>\n                <EpicDetailRow active={index === detail} left={300}>\n                  {() => (\n                    <EpicDetail onClose={() => setDetail(-1)}>\n                      <Row tag=\"dl\">\n                        <Col tag=\"dt\" sm={3}>\n                          First name\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.firstName}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Last name\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.lastName}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Date of birth\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.dateOfBirth}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Sex\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.sex}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Job title\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.jobTitle}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Eye color\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.eyeColor}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Weight\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.weight}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Height\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.height}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Favorite food\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.favoriteFood}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Favorite movie\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.favoriteMovie}\n                        </Col>\n\n                        <p className=\"p-5\">\n                          Lorem, ipsum dolor sit amet consectetur adipisicing\n                          elit. Dignissimos assumenda doloribus earum quidem\n                          consequuntur. Eligendi necessitatibus vero tenetur quo\n                          dolorem, nesciunt reprehenderit, rerum ea modi,\n                          suscipit porro maiores nostrum atque.\n                        </p>\n\n                        <p className=\"p-5\">\n                          Lorem, ipsum dolor sit amet consectetur adipisicing\n                          elit. Dignissimos assumenda doloribus earum quidem\n                          consequuntur. Eligendi necessitatibus vero tenetur quo\n                          dolorem, nesciunt reprehenderit, rerum ea modi,\n                          suscipit porro maiores nostrum atque.\n                        </p>\n                      </Row>\n                    </EpicDetail>\n                  )}\n                </EpicDetailRow>\n              </Fragment>\n            ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('with detail but small', () => {\n    const [detail, setDetail] = useState(-1);\n\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {persons\n            .filter((p) => p.firstName === 'Zechs')\n            .map((person, index) => (\n              <Fragment key={person.id}>\n                <EpicRow>\n                  <EpicCell width={300} height={44}>\n                    <span\n                      onClick={() => setDetail(index)}\n                      className=\"text-primary clickable\"\n                    >\n                      {person.firstName}\n                    </span>\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.lastName}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.age}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.eyeColor}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.height}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.weight}\n                  </EpicCell>\n                  <EpicCell width={300} height={44}>\n                    <Button icon=\"delete\" onClick={action('delete')} />\n                    <Button icon=\"edit\" onClick={action('edit')} />\n                  </EpicCell>\n                </EpicRow>\n                <EpicDetailRow active={index === detail} left={300}>\n                  {() => (\n                    <EpicDetail onClose={() => setDetail(-1)}>\n                      <MoreOrLess\n                        content={persons.map((p) => (\n                          <p key={p.id}>{p.firstName}</p>\n                        ))}\n                        limit={3}\n                      />\n                    </EpicDetail>\n                  )}\n                </EpicDetailRow>\n              </Fragment>\n            ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('with selection', () => {\n    const [page, setPage] = useState(1);\n\n    const pageOfPersons = pageOf(persons, page, 20);\n\n    const [selected, setSelected] = useState<Person[]>([]);\n\n    function onSelect(person: Person, checked: boolean) {\n      if (checked) {\n        selected.push(person);\n        setSelected([...selected]);\n      } else {\n        const nextSelected = selected.filter((p) => p.id !== person.id);\n\n        setSelected(nextSelected);\n      }\n    }\n\n    const allPersonsSelected =\n      selected.length > 0 &&\n      pageOfPersons.content.every((p) => selected.some((ps) => ps.id === p.id));\n\n    function selectAllClicked(checked: boolean) {\n      if (checked) {\n        pageOfPersons.content.forEach((p) => {\n          if (selected.every((ps) => p.id !== ps.id)) {\n            selected.push(p);\n          }\n\n          setSelected([...selected]);\n        });\n      } else {\n        setSelected([]);\n      }\n    }\n\n    return (\n      <Card body>\n        {selected.length > 0 ? (\n          <>\n            <h2>Selected</h2>\n            <div className=\"mb-3\">\n              {selected.map((person) => (\n                <Tag\n                  key={person.id}\n                  text={`${person.firstName} ${person.lastName}`}\n                  onRemove={() => onSelect(person, false)}\n                />\n              ))}\n            </div>\n          </>\n        ) : null}\n\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              <EpicSelection\n                checked={allPersonsSelected}\n                onChange={(checked) => selectAllClicked(checked)}\n              >\n                First name\n              </EpicSelection>\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {pageOfPersons.content.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={44}>\n                <EpicSelection\n                  checked={selected.some((p) => p.id === person.id)}\n                  onChange={(checked) => onSelect(person, checked)}\n                >\n                  {person.firstName}\n                </EpicSelection>\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.eyeColor}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.height}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.weight}\n              </EpicCell>\n              <EpicCell width={200} height={44}>\n                {person.jobTitle}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                {person.favoriteMovie}\n              </EpicCell>\n              <EpicCell width={150} height={44}>\n                {person.favoriteFood}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.dateOfBirth}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.sex}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n\n        <div className=\"d-flex justify-content-center\">\n          <Pagination\n            className=\"my-3\"\n            page={pageOfPersons}\n            onChange={setPage}\n          />\n        </div>\n      </Card>\n    );\n  });\n\ntype Person = {\n  id: number;\n  firstName: string;\n  lastName: string;\n  age: number;\n  eyeColor: string;\n  height: number;\n  weight: number;\n  jobTitle: string;\n  favoriteMovie: string;\n  favoriteFood: string;\n  dateOfBirth: string;\n  sex: string;\n};\n\nconst persons: Person[] = [\n  {\n    id: Math.random(),\n    firstName: 'Fitzpatrick',\n    lastName: 'Lyons',\n    age: 20,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Senior CodeMonkey',\n    favoriteMovie: 'The Matrix',\n    favoriteFood: 'Hamburgers',\n    dateOfBirth: '2014-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Berry',\n    lastName: 'McNab',\n    age: 41,\n    eyeColor: 'blue',\n    height: 13,\n    weight: 55,\n    jobTitle: 'Business Manager',\n    favoriteMovie: 'Fear and loathing in Las Vegas',\n    favoriteFood: 'Spaghetti',\n    dateOfBirth: '2000-09-24',\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Neville',\n    lastName: 'Brooks',\n    age: 25,\n    eyeColor: 'green',\n    height: 12,\n    weight: 32,\n    jobTitle: 'Senior CodeMonkey',\n    favoriteMovie: 'Lord of the Rings',\n    favoriteFood: 'French Fries',\n    dateOfBirth: '2014-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Leonard',\n    lastName: 'Nemoy',\n    age: 50,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Thespian',\n    favoriteMovie: 'Star Trek',\n    favoriteFood: 'Kosher',\n    dateOfBirth: '1900-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Levi',\n    lastName: 'Smith',\n    age: 30,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Taxi driver',\n    favoriteMovie: 'Taxi',\n    favoriteFood:\n      'Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, at nam alias ad culpa quae deleniti. Autem eveniet mollitia veritatis reprehenderit ea, tempora vero voluptatem. Dolore repudiandae voluptate quam quidem.,',\n    dateOfBirth: '2014-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Celine',\n    lastName: 'Ferdinand',\n    age: 80,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Retired',\n    favoriteMovie: 'Driving miss Daisy',\n    favoriteFood: 'Prunes',\n    dateOfBirth: '1940-09-24',\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bonald',\n    lastName: 'Ferdinand',\n    age: 82,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Retired',\n    favoriteMovie: 'Driving miss Daisy',\n    favoriteFood: 'Prunes',\n    dateOfBirth: '1938-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Zechs',\n    lastName: 'Merquise',\n    age: 42,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Ace pilot',\n    favoriteMovie: 'Gundam wing',\n    favoriteFood: 'Apple pie',\n    dateOfBirth: '2010-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'David',\n    lastName: 'Hayter',\n    age: 55,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Voice actor',\n    favoriteMovie: 'Guyver',\n    favoriteFood: 'Snakes',\n    dateOfBirth: '1960-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'James',\n    lastName: 'Kirk',\n    age: 50,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captain',\n    favoriteMovie: 'Star Trek',\n    favoriteFood: 'Replicated',\n    dateOfBirth: '2100-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bert',\n    lastName: 'Kelly',\n    age: 30,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Blacksmith',\n    favoriteMovie: 'Not without my daughter',\n    favoriteFood: 'Pears',\n    dateOfBirth: '1989-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'John',\n    lastName: 'Goodall',\n    age: 68,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Gardner',\n    favoriteMovie: 'The Gardner',\n    favoriteFood: 'Cauliflower',\n    dateOfBirth: '2019-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Rick',\n    lastName: 'Xander',\n    age: 14,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Baker',\n    favoriteMovie: 'Halloween',\n    favoriteFood: 'Cake',\n    dateOfBirth: '1980-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Jessica',\n    lastName: 'Bernard',\n    age: 36,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Student',\n    favoriteMovie: 'Highlander',\n    favoriteFood: 'Ice cream',\n    dateOfBirth: '1980-09-24',\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Benjamin',\n    lastName: 'Sisko',\n    age: 55,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Commander',\n    favoriteMovie: 'Search for Spock',\n    favoriteFood: 'Jamba',\n    dateOfBirth: '2200-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Kathyrn',\n    lastName: 'Janeway',\n    age: 55,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captain',\n    favoriteMovie: 'Wrath of Khan',\n    favoriteFood: 'Coffee',\n    dateOfBirth: '2240-09-24',\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Jean-Luc',\n    lastName: 'Picard',\n    age: 66,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captain',\n    favoriteMovie: 'Next generation',\n    favoriteFood: 'Tea Earl Grey Hot',\n    dateOfBirth: '2200-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Peter',\n    lastName: 'Parker',\n    age: 30,\n    eyeColor: 'blue',\n    height: 55,\n    weight: 14,\n    jobTitle: 'Spider-man',\n    favoriteMovie: 'Spider-man',\n    favoriteFood: 'Webs',\n    dateOfBirth: '1990-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Clark',\n    lastName: 'Kent',\n    age: 40,\n    eyeColor: 'blue',\n    height: 80,\n    weight: 33,\n    jobTitle: 'Journalist',\n    favoriteMovie: 'Superman returns',\n    favoriteFood: 'Kryptonite',\n    dateOfBirth: '1960-01-01',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bruce',\n    lastName: 'Wayne',\n    age: 55,\n    eyeColor: 'blue',\n    height: 70,\n    weight: 33,\n    jobTitle: 'CEO',\n    favoriteMovie: 'Batman begins',\n    favoriteFood: 'Bats',\n    dateOfBirth: '1955-01-01',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Diana',\n    lastName: 'Prince',\n    age: 28,\n    eyeColor: 'green',\n    height: 90,\n    weight: 19,\n    jobTitle: 'Curator',\n    favoriteMovie: 'Wonderwoman',\n    favoriteFood: 'Greek',\n    dateOfBirth: '1990-01-01',\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Tony',\n    lastName: 'Stark',\n    age: 40,\n    eyeColor: 'brown',\n    height: 70,\n    weight: 33,\n    jobTitle: 'CEO',\n    favoriteMovie: 'Ironman',\n    favoriteFood: 'Shoarma',\n    dateOfBirth: '1980-01-01',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Steve',\n    lastName: 'Rogers',\n    age: 100,\n    eyeColor: 'blue',\n    height: 44,\n    weight: 55,\n    jobTitle: 'Captain',\n    favoriteMovie: 'Winter soldier',\n    favoriteFood: 'Apple pie',\n    dateOfBirth: '1920-01-01',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Natasha',\n    lastName: 'Romanov',\n    age: 30,\n    eyeColor: 'green',\n    height: 77,\n    weight: 66,\n    jobTitle: 'Black widow',\n    favoriteMovie: 'Avengers',\n    favoriteFood: 'Stroganov',\n    dateOfBirth: '1995-01-01',\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bruce',\n    lastName: 'Banner',\n    age: 42,\n    eyeColor: 'brown',\n    height: 89,\n    weight: 99,\n    jobTitle: 'Smasher',\n    favoriteMovie: 'The Incredible Hulk',\n    favoriteFood: 'Gammarays',\n    dateOfBirth: '1975-01-01',\n    sex: 'male'\n  }\n];\n",locationsMap:{"with-selection":{startLoc:{col:7,line:1886},endLoc:{col:3,line:2041},startBody:{col:25,line:1886},endBody:{col:3,line:2041}},"with-detail-but-small":{startLoc:{col:7,line:1805},endLoc:{col:3,line:1885},startBody:{col:32,line:1805},endBody:{col:3,line:1885}},"with-detail":{startLoc:{col:7,line:1613},endLoc:{col:3,line:1804},startBody:{col:22,line:1613},endBody:{col:3,line:1804}},"with-expander":{startLoc:{col:7,line:1504},endLoc:{col:3,line:1612},startBody:{col:24,line:1504},endBody:{col:3,line:1612}},"with-pagination":{startLoc:{col:7,line:1404},endLoc:{col:3,line:1503},startBody:{col:26,line:1404},endBody:{col:3,line:1503}},"single-column":{startLoc:{col:7,line:1370},endLoc:{col:3,line:1403},startBody:{col:24,line:1370},endBody:{col:3,line:1403}},"multiple-headers":{startLoc:{col:7,line:1275},endLoc:{col:3,line:1369},startBody:{col:27,line:1275},endBody:{col:3,line:1369}},"with-resizable-columns":{startLoc:{col:7,line:1202},endLoc:{col:3,line:1274},startBody:{col:33,line:1202},endBody:{col:3,line:1274}},"with-sort":{startLoc:{col:7,line:1102},endLoc:{col:3,line:1201},startBody:{col:20,line:1102},endBody:{col:3,line:1201}},"with-overlay":{startLoc:{col:7,line:1010},endLoc:{col:3,line:1101},startBody:{col:23,line:1010},endBody:{col:3,line:1101}},"no-right":{startLoc:{col:7,line:929},endLoc:{col:3,line:1009},startBody:{col:19,line:929},endBody:{col:3,line:1009}},"no-header":{startLoc:{col:7,line:904},endLoc:{col:3,line:928},startBody:{col:20,line:904},endBody:{col:3,line:928}},"small-example":{startLoc:{col:7,line:864},endLoc:{col:3,line:903},startBody:{col:24,line:864},endBody:{col:3,line:903}},"no-stripes":{startLoc:{col:7,line:776},endLoc:{col:3,line:863},startBody:{col:21,line:776},endBody:{col:3,line:863}},"with-row-click":{startLoc:{col:7,line:684},endLoc:{col:3,line:775},startBody:{col:25,line:684},endBody:{col:3,line:775}},"basic-example":{startLoc:{col:7,line:596},endLoc:{col:3,line:683},startBody:{col:24,line:596},endBody:{col:3,line:683}},"full-example":{startLoc:{col:7,line:35},endLoc:{col:3,line:595},startBody:{col:23,line:35},endBody:{col:3,line:595}}}}}).addParameters({component:_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b}).add("full example",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((function(){return{firstName:300,lastName:200,age:200,eyeColor:200,height:150,weight:150,jobTitle:200,favoriteMovie:300,favoriteFood:200,dateOfBirth:200,sex:200,actions:300}})),2),widths=_useState2[0],setWidths=_useState2[1];function changeSize(name,width){setWidths((function(widths){return _objectSpread(_objectSpread({},widths),{},_defineProperty({},name,width))}))}var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((function(){return{firstName:"",lastName:"",age:"",eyeColor:"",height:"",weight:"",jobTitle:"",favoriteMovie:"",favoriteFood:"",dateOfBirth:"",sex:""}})),2),filters=_useState4[0],setFilters=_useState4[1];function filterChanged(name,value){setFilters(_objectSpread(_objectSpread({},filters),{},_defineProperty({},name,value)))}var filteredPersons=persons.filter((function(person){return(0,lodash__WEBPACK_IMPORTED_MODULE_3__.every)(filters,(function(value,key){var text=person[key];return!value||"all"===value||(0,lodash__WEBPACK_IMPORTED_MODULE_3__.startsWith)((0,lodash__WEBPACK_IMPORTED_MODULE_3__.lowerCase)(text),(0,lodash__WEBPACK_IMPORTED_MODULE_3__.lowerCase)(value))}))})),_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({direction:"NONE",column:"firstName"}),2),sort=_useState6[0],setSort=_useState6[1];function changeSort(column,direction){setPage(1),setSort({direction,column})}var sortFn="ASC"===sort.direction?function(a,b){return"".concat(a[sort.column]).localeCompare("".concat(b[sort.column]))}:function(a,b){return"".concat(b[sort.column]).localeCompare("".concat(a[sort.column]))},sortedPersons=filteredPersons.sort(sortFn),_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState8[0],setPage=_useState8[1],pageOfPersons=(0,___WEBPACK_IMPORTED_MODULE_15__.uj)(sortedPersons,page,20),_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),selected=_useState10[0],setSelected=_useState10[1];function onSelect(person,checked){if(checked)selected.push(person),setSelected(_toConsumableArray(selected));else{var nextSelected=selected.filter((function(p){return p.id!==person.id}));setSelected(nextSelected)}}var allPersonsSelected=selected.length>0&&pageOfPersons.content.every((function(p){return selected.some((function(ps){return ps.id===p.id}))}));var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),2),detail=_useState12[0],setDetail=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),loading=_useState14[0],setLoading=_useState14[1];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){setLoading(!0),setTimeout((function(){setLoading(!1)}),1e3)}),[]),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},selected.length>0?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Selected"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"mb-3"},selected.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.Vp,{key:person.id,text:"".concat(person.firstName," ").concat(person.lastName),onRemove:function onRemove(){return onSelect(person,!1)}})})))):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,{overlay:loading?react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.Mi,{className:"my-5",mode:"loading",title:"Loading"}):0===pageOfPersons.totalElements?react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.Mi,{className:"my-5",mode:"no-results",title:"Try again with a different query"}):null},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.firstName,height:88,onResize:function onResize(width){return changeSize("firstName",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSelection_EpicSelection__WEBPACK_IMPORTED_MODULE_13__.M,{checked:allPersonsSelected,onChange:function onChange(checked){return function selectAllClicked(checked){checked?pageOfPersons.content.forEach((function(p){selected.every((function(ps){return p.id!==ps.id}))&&selected.push(p),setSelected(_toConsumableArray(selected))})):setSelected([])}(checked)}},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"firstName"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("firstName",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{onChange:function onChange(event){event.preventDefault(),filterChanged("firstName",event.target.value)}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.lastName,height:88,onResize:function onResize(width){return changeSize("lastName",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Last name",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"lastName"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("lastName",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{onChange:function onChange(event){return filterChanged("lastName",event.target.value)}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.age,height:88,onResize:function onResize(width){return changeSize("age",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Age",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"age"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("age",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{onChange:function onChange(event){return filterChanged("age",event.target.value)}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.eyeColor,height:88,onResize:function onResize(width){return changeSize("eyeColor",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Eye color",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"eyeColor"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("eyeColor",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{type:"select",onChange:function onChange(event){return filterChanged("eyeColor",event.target.value)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",null,"all"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",null,"brown"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",null,"green"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",null,"blue")))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.height,height:88,onResize:function onResize(width){return changeSize("height",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Height",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"height"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("height",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{onChange:function onChange(event){return filterChanged("height",event.target.value)}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.weight,height:88,onResize:function onResize(width){return changeSize("weight",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Weight",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"weight"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("weight",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{onChange:function onChange(event){return filterChanged("weight",event.target.value)}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.jobTitle,height:88,onResize:function onResize(width){return changeSize("jobTitle",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Job title",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"jobTitle"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("jobTitle",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{onChange:function onChange(event){return filterChanged("jobTitle",event.target.value)}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.favoriteMovie,height:88,onResize:function onResize(width){return changeSize("favoriteMovie",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Favorite movie",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"favoriteMovie"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("favoriteMovie",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,null))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.favoriteFood,height:88,onResize:function onResize(width){return changeSize("favoriteFood",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Favorite food",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"favoriteFood"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("favoriteFood",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{onChange:function onChange(event){return filterChanged("favoriteFood",event.target.value)}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.dateOfBirth,height:88,onResize:function onResize(width){return changeSize("dateOfBirth",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Birth date",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"dateOfBirth"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("dateOfBirth",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.Yg,{id:"dateOfBirth",dateFormat:"YYYY-MM-DD",placeholder:"YYYY-MM-DD",timeFormat:!1,onChange:function onChange(date){return filterChanged("dateOfBirth",date?moment__WEBPACK_IMPORTED_MODULE_16___default()(date).format("YYYY-MM-DD"):"")}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.sex,height:88,onResize:function onResize(width){return changeSize("sex",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex w-100 justify-content-between"},"Sex",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"sex"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("sex",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{type:"select",onChange:function onChange(event){return filterChanged("sex",event.target.value)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",null,"all"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",null,"male"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",null,"female")))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.actions,height:88},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"px-1 py-1 align-self-start"},"Actions"))),pageOfPersons.content.map((function(person,index){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{onClick:function onClick(){return setDetail(index)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.firstName,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSelection_EpicSelection__WEBPACK_IMPORTED_MODULE_13__.M,{checked:selected.some((function(p){return p.id===person.id})),onChange:function onChange(checked){return onSelect(person,checked)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:"text-primary clickable w-100",onClick:function onClick(){return setDetail(index)}},person.firstName)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.lastName,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.age,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.eyeColor,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.height,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.weight,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.jobTitle,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.favoriteMovie,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.favoriteFood,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.dateOfBirth,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.sex,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.actions,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_11__.U,{active:index===detail,left:300},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_12__.H,{onClose:function onClose(){return setDetail(-1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.X2,{tag:"dl"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Date of birth"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{defaultValue:"This input should have a normal height"}))))})))}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.tl,{className:"my-3",page:pageOfPersons,onChange:setPage})))})).add("basic example",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),persons.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))))})).add("with row click",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),persons.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id,onClick:function onClick(){return function onRowClick(person){alert("You clicked ".concat(person.firstName," ").concat(person.lastName))}(person)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))))})).add("no stripes",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,{striped:!1},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),persons.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))))})).add("small example",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),persons.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))))})).add("no header",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,persons.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))))})).add("no right",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,{hasRight:!1},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex")),persons.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex))}))))})).add("with overlay",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("loading"),2),mode=_useState16[0],setMode=_useState16[1],_useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),detail=_useState18[0],setDetail=_useState18[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex mb-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{className:"me-1",onClick:function onClick(){return setMode("loading")}},"Loading"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{className:"me-1",onClick:function onClick(){return setMode("empty")}},"Empty"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{className:"me-1",onClick:function onClick(){return setMode("error")}},"Error"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{className:"me-1",onClick:function onClick(){return setMode("no-results")}},"No results"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{className:"d-inline-block float-end",icon:"details",onClick:function onClick(){return setDetail(!0)}},"Show detail")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,{overlay:react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.Mi,{className:"my-5",mode,title:"In mode ".concat(mode)})},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_11__.U,{active:detail,left:300},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_12__.H,{onClose:function onClose(){return setDetail(!1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Details"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Details should be shown over the overlay. This allows the user to create items when the table is still empty."))}))))})).add("with sort",(function(){var _useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("NONE"),2),direction=_useState20[0],setDirection=_useState20[1],sortFn="ASC"===direction?function(a,b){return a.firstName.localeCompare(b.firstName)}:function(a,b){return b.firstName.localeCompare(a.firstName)},sortedPersons=persons.sort(sortFn);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex w-100 justify-content-between"},"First name",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction,onChange:setDirection}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),sortedPersons.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))))})).add("with resizable columns",(function(){var _useState22=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((function(){return{firstName:300,lastName:100,age:100,eyeColor:100}})),2),widths=_useState22[0],setWidths=_useState22[1];function changeSize(name,width){setWidths((function(widths){return _objectSpread(_objectSpread({},widths),{},_defineProperty({},name,width))}))}return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.firstName,height:44,onResize:function onResize(width){return changeSize("firstName",width)}},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.lastName,height:44,onResize:function onResize(width){return changeSize("lastName",width)}},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.age,height:44,onResize:function onResize(width){return changeSize("age",width)}},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.eyeColor,height:44,onResize:function onResize(width){return changeSize("eyeColor",width)}},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),persons.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.firstName,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.lastName,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.age,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.eyeColor,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))))})).add("multiple headers",(function(){var contactsByLetter=(0,lodash__WEBPACK_IMPORTED_MODULE_3__.groupBy)(persons,(function(p){return p.lastName[0]})),letters=Object.keys(contactsByLetter).sort();return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,letters.map((function(letter){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{key:letter},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},letter),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),contactsByLetter[letter].map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))})))}))))})).add("single column",(function(){var contactsByLetter=(0,lodash__WEBPACK_IMPORTED_MODULE_3__.groupBy)(persons,(function(p){return p.lastName[0]})),letters=Object.keys(contactsByLetter).sort();return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,{striped:!1},letters.map((function(letter){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{key:letter},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},letter)),contactsByLetter[letter].map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},person.lastName,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))))})))}))))})).add("with pagination",(function(){var _useState24=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState24[0],setPage=_useState24[1],pageOfPersons=(0,___WEBPACK_IMPORTED_MODULE_15__.uj)(persons,page,20);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),pageOfPersons.content.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.tl,{className:"my-3",page:pageOfPersons,onChange:setPage})))})).add("with expander",(function(){var _useState26=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),2),expanded=_useState26[0],setExpanded=_useState26[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),persons.map((function(person,index){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},person.firstName,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicExpander_EpicExpander__WEBPACK_IMPORTED_MODULE_10__.R,{open:expanded===index,onChange:function onChange(open){return setExpanded(open?index:-1)}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicExpanderRow_EpicExpanderRow__WEBPACK_IMPORTED_MODULE_8__.G,{active:index===expanded,height:58},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"p-1"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.bZ,{className:"mb-0",color:"danger"},"You can place any content inside of an `EpicExpanderRow`. This is the row for ",person.firstName," ",person.lastName,"."))})))}))))})).add("with detail",(function(){var _useState28=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),2),detail=_useState28[0],setDetail=_useState28[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),persons.filter((function(p){return"Zechs"===p.firstName})).map((function(person,index){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{onClick:function onClick(){return setDetail(index)},className:"text-primary clickable"},person.firstName)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_11__.U,{active:index===detail,left:300},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_12__.H,{onClose:function onClose(){return setDetail(-1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.X2,{tag:"dl"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Date of birth"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"p-5"},"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dignissimos assumenda doloribus earum quidem consequuntur. Eligendi necessitatibus vero tenetur quo dolorem, nesciunt reprehenderit, rerum ea modi, suscipit porro maiores nostrum atque."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"p-5"},"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dignissimos assumenda doloribus earum quidem consequuntur. Eligendi necessitatibus vero tenetur quo dolorem, nesciunt reprehenderit, rerum ea modi, suscipit porro maiores nostrum atque.")))})))}))))})).add("with detail but small",(function(){var _useState30=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),2),detail=_useState30[0],setDetail=_useState30[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),persons.filter((function(p){return"Zechs"===p.firstName})).map((function(person,index){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{onClick:function onClick(){return setDetail(index)},className:"text-primary clickable"},person.firstName)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_11__.U,{active:index===detail,left:300},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_12__.H,{onClose:function onClose(){return setDetail(-1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_MoreOrLess_MoreOrLess__WEBPACK_IMPORTED_MODULE_17__.Z,{content:persons.map((function(p){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{key:p.id},p.firstName)})),limit:3}))})))}))))})).add("with selection",(function(){var _useState32=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState32[0],setPage=_useState32[1],pageOfPersons=(0,___WEBPACK_IMPORTED_MODULE_15__.uj)(persons,page,20),_useState34=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),selected=_useState34[0],setSelected=_useState34[1];function onSelect(person,checked){if(checked)selected.push(person),setSelected(_toConsumableArray(selected));else{var nextSelected=selected.filter((function(p){return p.id!==person.id}));setSelected(nextSelected)}}var allPersonsSelected=selected.length>0&&pageOfPersons.content.every((function(p){return selected.some((function(ps){return ps.id===p.id}))}));return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},selected.length>0?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Selected"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"mb-3"},selected.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.Vp,{key:person.id,text:"".concat(person.firstName," ").concat(person.lastName),onRemove:function onRemove(){return onSelect(person,!1)}})})))):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSelection_EpicSelection__WEBPACK_IMPORTED_MODULE_13__.M,{checked:allPersonsSelected,onChange:function onChange(checked){return function selectAllClicked(checked){checked?pageOfPersons.content.forEach((function(p){selected.every((function(ps){return p.id!==ps.id}))&&selected.push(p),setSelected(_toConsumableArray(selected))})):setSelected([])}(checked)}},"First name")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),pageOfPersons.content.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSelection_EpicSelection__WEBPACK_IMPORTED_MODULE_13__.M,{checked:selected.some((function(p){return p.id===person.id})),onChange:function onChange(checked){return onSelect(person,checked)}},person.firstName)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.tl,{className:"my-3",page:pageOfPersons,onChange:setPage})))}));var persons=[{id:Math.random(),firstName:"Fitzpatrick",lastName:"Lyons",age:20,eyeColor:"brown",height:10,weight:3,jobTitle:"Senior CodeMonkey",favoriteMovie:"The Matrix",favoriteFood:"Hamburgers",dateOfBirth:"2014-09-24",sex:"male"},{id:Math.random(),firstName:"Berry",lastName:"McNab",age:41,eyeColor:"blue",height:13,weight:55,jobTitle:"Business Manager",favoriteMovie:"Fear and loathing in Las Vegas",favoriteFood:"Spaghetti",dateOfBirth:"2000-09-24",sex:"female"},{id:Math.random(),firstName:"Neville",lastName:"Brooks",age:25,eyeColor:"green",height:12,weight:32,jobTitle:"Senior CodeMonkey",favoriteMovie:"Lord of the Rings",favoriteFood:"French Fries",dateOfBirth:"2014-09-24",sex:"male"},{id:Math.random(),firstName:"Leonard",lastName:"Nemoy",age:50,eyeColor:"brown",height:10,weight:3,jobTitle:"Thespian",favoriteMovie:"Star Trek",favoriteFood:"Kosher",dateOfBirth:"1900-09-24",sex:"male"},{id:Math.random(),firstName:"Levi",lastName:"Smith",age:30,eyeColor:"brown",height:10,weight:3,jobTitle:"Taxi driver",favoriteMovie:"Taxi",favoriteFood:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, at nam alias ad culpa quae deleniti. Autem eveniet mollitia veritatis reprehenderit ea, tempora vero voluptatem. Dolore repudiandae voluptate quam quidem.,",dateOfBirth:"2014-09-24",sex:"male"},{id:Math.random(),firstName:"Celine",lastName:"Ferdinand",age:80,eyeColor:"green",height:3,weight:5,jobTitle:"Retired",favoriteMovie:"Driving miss Daisy",favoriteFood:"Prunes",dateOfBirth:"1940-09-24",sex:"female"},{id:Math.random(),firstName:"Bonald",lastName:"Ferdinand",age:82,eyeColor:"blue",height:3,weight:5,jobTitle:"Retired",favoriteMovie:"Driving miss Daisy",favoriteFood:"Prunes",dateOfBirth:"1938-09-24",sex:"male"},{id:Math.random(),firstName:"Zechs",lastName:"Merquise",age:42,eyeColor:"blue",height:3,weight:5,jobTitle:"Ace pilot",favoriteMovie:"Gundam wing",favoriteFood:"Apple pie",dateOfBirth:"2010-09-24",sex:"male"},{id:Math.random(),firstName:"David",lastName:"Hayter",age:55,eyeColor:"blue",height:3,weight:5,jobTitle:"Voice actor",favoriteMovie:"Guyver",favoriteFood:"Snakes",dateOfBirth:"1960-09-24",sex:"male"},{id:Math.random(),firstName:"James",lastName:"Kirk",age:50,eyeColor:"brown",height:3,weight:5,jobTitle:"Captain",favoriteMovie:"Star Trek",favoriteFood:"Replicated",dateOfBirth:"2100-09-24",sex:"male"},{id:Math.random(),firstName:"Bert",lastName:"Kelly",age:30,eyeColor:"blue",height:3,weight:5,jobTitle:"Blacksmith",favoriteMovie:"Not without my daughter",favoriteFood:"Pears",dateOfBirth:"1989-09-24",sex:"male"},{id:Math.random(),firstName:"John",lastName:"Goodall",age:68,eyeColor:"green",height:3,weight:5,jobTitle:"Gardner",favoriteMovie:"The Gardner",favoriteFood:"Cauliflower",dateOfBirth:"2019-09-24",sex:"male"},{id:Math.random(),firstName:"Rick",lastName:"Xander",age:14,eyeColor:"brown",height:3,weight:5,jobTitle:"Baker",favoriteMovie:"Halloween",favoriteFood:"Cake",dateOfBirth:"1980-09-24",sex:"male"},{id:Math.random(),firstName:"Jessica",lastName:"Bernard",age:36,eyeColor:"green",height:3,weight:5,jobTitle:"Student",favoriteMovie:"Highlander",favoriteFood:"Ice cream",dateOfBirth:"1980-09-24",sex:"female"},{id:Math.random(),firstName:"Benjamin",lastName:"Sisko",age:55,eyeColor:"brown",height:3,weight:5,jobTitle:"Commander",favoriteMovie:"Search for Spock",favoriteFood:"Jamba",dateOfBirth:"2200-09-24",sex:"male"},{id:Math.random(),firstName:"Kathyrn",lastName:"Janeway",age:55,eyeColor:"brown",height:3,weight:5,jobTitle:"Captain",favoriteMovie:"Wrath of Khan",favoriteFood:"Coffee",dateOfBirth:"2240-09-24",sex:"female"},{id:Math.random(),firstName:"Jean-Luc",lastName:"Picard",age:66,eyeColor:"blue",height:3,weight:5,jobTitle:"Captain",favoriteMovie:"Next generation",favoriteFood:"Tea Earl Grey Hot",dateOfBirth:"2200-09-24",sex:"male"},{id:Math.random(),firstName:"Peter",lastName:"Parker",age:30,eyeColor:"blue",height:55,weight:14,jobTitle:"Spider-man",favoriteMovie:"Spider-man",favoriteFood:"Webs",dateOfBirth:"1990-09-24",sex:"male"},{id:Math.random(),firstName:"Clark",lastName:"Kent",age:40,eyeColor:"blue",height:80,weight:33,jobTitle:"Journalist",favoriteMovie:"Superman returns",favoriteFood:"Kryptonite",dateOfBirth:"1960-01-01",sex:"male"},{id:Math.random(),firstName:"Bruce",lastName:"Wayne",age:55,eyeColor:"blue",height:70,weight:33,jobTitle:"CEO",favoriteMovie:"Batman begins",favoriteFood:"Bats",dateOfBirth:"1955-01-01",sex:"male"},{id:Math.random(),firstName:"Diana",lastName:"Prince",age:28,eyeColor:"green",height:90,weight:19,jobTitle:"Curator",favoriteMovie:"Wonderwoman",favoriteFood:"Greek",dateOfBirth:"1990-01-01",sex:"female"},{id:Math.random(),firstName:"Tony",lastName:"Stark",age:40,eyeColor:"brown",height:70,weight:33,jobTitle:"CEO",favoriteMovie:"Ironman",favoriteFood:"Shoarma",dateOfBirth:"1980-01-01",sex:"male"},{id:Math.random(),firstName:"Steve",lastName:"Rogers",age:100,eyeColor:"blue",height:44,weight:55,jobTitle:"Captain",favoriteMovie:"Winter soldier",favoriteFood:"Apple pie",dateOfBirth:"1920-01-01",sex:"male"},{id:Math.random(),firstName:"Natasha",lastName:"Romanov",age:30,eyeColor:"green",height:77,weight:66,jobTitle:"Black widow",favoriteMovie:"Avengers",favoriteFood:"Stroganov",dateOfBirth:"1995-01-01",sex:"female"},{id:Math.random(),firstName:"Bruce",lastName:"Banner",age:42,eyeColor:"brown",height:89,weight:99,jobTitle:"Smasher",favoriteMovie:"The Incredible Hulk",favoriteFood:"Gammarays",dateOfBirth:"1975-01-01",sex:"male"}]},"./src/table/FormTable/FormTable.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),lodash__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/lodash/lodash.js"),_EpicTable_EpicTable__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/table/EpicTable/EpicTable.tsx"),_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/table/EpicTable/rows/EpicRow/EpicRow.tsx"),_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx"),_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/Input/Input.tsx"),_form_DateTimeInput_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/DateTimeInput/DateTimeInput.tsx"),_form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/form/RadioGroup/RadioGroup.tsx"),_form_Select_Select__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/form/Select/Select.tsx"),_form_ModalPicker_single_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/form/ModalPicker/single/ModalPickerSingle.tsx"),_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/utilities/page/page.ts"),_EpicTable_cells_EpicForm_EpicForm__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/table/EpicTable/cells/EpicForm/EpicForm.tsx"),_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/table/EpicTable/cells/EpicCell/EpicCell.tsx"),_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/table/EpicTable/cells/EpicFormCell/EpicFormCell.tsx"),_core_Button_Button__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/core/Button/Button.tsx"),_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/core/Loading/Loading.tsx"),_form_FormButton_FormButton__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/form/FormButton/FormButton.tsx"),_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/core/ConfirmButton/ConfirmButton.tsx"),_core_FlashMessage_FlashMessage__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/core/FlashMessage/FlashMessage.tsx"),_index__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/index.ts"),_42_nl_spring_connect_lib__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@42.nl/spring-connect/lib/index.js"),react_final_form__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),_form_story_utils__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/form/story-utils.tsx");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("table/FormTable",module).addParameters({storySource:{source:"import React, { useEffect, useState } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { Card } from 'reactstrap';\nimport { random, uniq } from 'lodash';\n\nimport { EpicTable } from '../EpicTable/EpicTable';\nimport { EpicRow } from '../EpicTable/rows/EpicRow/EpicRow';\nimport { EpicHeader } from '../EpicTable/cells/EpicHeader/EpicHeader';\n\nimport { JarbInput } from '../../form/Input/Input';\nimport { JarbDateTimeInput } from '../../form/DateTimeInput/DateTimeInput';\nimport { JarbRadioGroup } from '../../form/RadioGroup/RadioGroup';\nimport { JarbSelect } from '../../form/Select/Select';\nimport { JarbModalPickerSingle } from '../../form/ModalPicker/single/ModalPickerSingle';\nimport { pageOf } from '../../utilities/page/page';\nimport { EpicForm } from '../EpicTable/cells/EpicForm/EpicForm';\nimport { EpicCell } from '../EpicTable/cells/EpicCell/EpicCell';\nimport { EpicFormCell } from '../EpicTable/cells/EpicFormCell/EpicFormCell';\nimport Button from '../../core/Button/Button';\nimport Loading from '../../core/Loading/Loading';\nimport { FormButton } from '../../form/FormButton/FormButton';\nimport { FormApi } from 'final-form';\nimport ConfirmButton from '../../core/ConfirmButton/ConfirmButton';\nimport FlashMessage from '../../core/FlashMessage/FlashMessage';\nimport { OpenCloseModal, Pagination } from '../../index';\nimport { emptyPage, Page } from '@42.nl/spring-connect/lib';\nimport { FormSpy } from 'react-final-form';\nimport { sleep } from '../../form/story-utils';\n\nstoriesOf('table/FormTable', module)\n  .add('basic example', () => {\n    const [newPerson] = useState<Person>({\n      id: Math.random(),\n      firstName: '',\n      lastName: '',\n      age: 0,\n      eyeColor: '',\n      height: 0,\n      weight: 0,\n      jobTitle: '',\n      favoriteMovie: undefined,\n      favoriteFood: '',\n      birthDate: undefined,\n      sex: ''\n    });\n\n    const [page, setPage] = useState(1);\n    const [newPage, setNewPage] = useState<number>();\n    const [personsList, setPersonsList] = useState(persons);\n    const [pageOfPersons, setPageOfPersons] = useState<Page<Person>>(\n      emptyPage<Person>()\n    );\n    const [loading, setLoading] = useState<Person>();\n    const [dirtyPersons, setDirtyPersons] = useState<{ [id: number]: boolean }>(\n      {}\n    );\n    const [flashMessage, setFlashMessage] = useState<string>();\n\n    useEffect(() => {\n      const p = pageOf<Person>(personsList, page, 10);\n      p.content.push({ ...newPerson });\n      setDirtyPersons({});\n      setPageOfPersons(p);\n    }, [personsList, newPerson, page]);\n\n    useEffect(() => {\n      const timeout = window.setTimeout(() => setFlashMessage(undefined), 5000);\n      return () => {\n        window.clearTimeout(timeout);\n      };\n    }, [flashMessage]);\n\n    async function onSubmit(data: Person, form: FormApi<Person>) {\n      setLoading(data);\n      await sleep(random(200, 1000));\n      const person = { ...data };\n      if (data.id === newPerson.id) {\n        person.id = Math.random();\n        setPersonsList([...personsList, person]);\n      } else {\n        setPersonsList(\n          personsList.map((p) => {\n            return p.id === person.id ? person : p;\n          })\n        );\n      }\n      setFlashMessage('Person saved successfully!');\n      window.setTimeout(\n        () => form.reset(data.id === newPerson.id ? newPerson : person),\n        1\n      );\n      setLoading(undefined);\n    }\n\n    async function deletePerson(person: Person) {\n      setLoading(person);\n      await sleep(random(200, 1000));\n      setPersonsList(personsList.filter((p) => p.id !== person.id));\n      setLoading(undefined);\n      setFlashMessage('Person deleted successfully!');\n    }\n\n    function setPersonDirty(isPristine: boolean, person: Person) {\n      if (!isPristine) {\n        if (!dirtyPersons[person.id]) {\n          setDirtyPersons({ ...dirtyPersons, [person.id]: true });\n        }\n      } else if (dirtyPersons[person.id]) {\n        setDirtyPersons({ ...dirtyPersons, [person.id]: false });\n      }\n    }\n\n    function confirmPage(pageNumber: number) {\n      if (Object.values(dirtyPersons).some((d) => d)) {\n        setNewPage(pageNumber);\n      } else {\n        setPage(pageNumber);\n      }\n    }\n\n    return (\n      <Card body>\n        {flashMessage ? (\n          <FlashMessage\n            onClose={() => setFlashMessage(undefined)}\n            color=\"success\"\n          >\n            {flashMessage}\n          </FlashMessage>\n        ) : null}\n        <EpicTable hasRight={false}>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Sex\n            </EpicHeader>\n          </EpicRow>\n          {pageOfPersons.content.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={52}>\n                {loading && loading.id === person.id ? (\n                  <Loading text={{ loading: 'Processing...' }} />\n                ) : (\n                  <>\n                    <FormButton\n                      formId={'personForm' + person.id}\n                      type=\"submit\"\n                      icon=\"save\"\n                      className=\"me-1\"\n                      color={dirtyPersons[person.id] ? 'primary' : 'secondary'}\n                    >\n                      Save\n                    </FormButton>\n                    {dirtyPersons[person.id] ? (\n                      <FormButton\n                        formId={'personForm' + person.id}\n                        type=\"reset\"\n                        icon=\"restore\"\n                        color=\"secondary\"\n                        className=\"me-1\"\n                      >\n                        Reset\n                      </FormButton>\n                    ) : null}\n                    {person.id !== newPerson.id ? (\n                      <ConfirmButton\n                        onConfirm={() => deletePerson(person)}\n                        icon=\"delete\"\n                        color=\"danger\"\n                        dialogText={`Are you sure you want to delete ${person.firstName} ${person.lastName}?`}\n                      >\n                        Delete\n                      </ConfirmButton>\n                    ) : null}\n                  </>\n                )}\n              </EpicCell>\n              <EpicForm\n                id={'personForm' + person.id}\n                width={1950}\n                height={52}\n                initialValues={person}\n                onSubmit={onSubmit}\n              >\n                <FormSpy\n                  subscription={{ pristine: true }}\n                  onChange={(formState) =>\n                    setPersonDirty(formState.pristine, person)\n                  }\n                />\n                <EpicFormCell width={300} height={52}>\n                  <JarbInput\n                    id={`firstName-${person.id}`}\n                    name=\"firstName\"\n                    placeholder=\"Enter first name\"\n                    jarb={{\n                      validator: 'Person.firstName',\n                      label: 'First name'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`lastName-${person.id}`}\n                    name=\"lastName\"\n                    placeholder=\"Enter last name\"\n                    jarb={{\n                      validator: 'Person.lastName',\n                      label: 'Last name'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`age-${person.id}`}\n                    name=\"age\"\n                    type=\"number\"\n                    placeholder=\"Enter age\"\n                    jarb={{\n                      validator: 'Person.age',\n                      label: 'Age'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbSelect\n                    id={`eyeColor-${person.id}`}\n                    name=\"eyeColor\"\n                    placeholder=\"Enter eye color\"\n                    options={['green', 'blue', 'brown']}\n                    labelForOption={(option) => option}\n                    jarb={{\n                      validator: 'Person.eyeColor',\n                      label: 'Eye color'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`age-${person.id}`}\n                    name=\"height\"\n                    placeholder=\"Enter height\"\n                    type=\"number\"\n                    jarb={{\n                      validator: 'Person.height',\n                      label: 'Height'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`weight-${person.id}`}\n                    name=\"weight\"\n                    type=\"number\"\n                    placeholder=\"Enter weight\"\n                    jarb={{\n                      validator: 'Person.weight',\n                      label: 'Weight'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={200} height={52}>\n                  <JarbInput\n                    id={`jobTitle-${person.id}`}\n                    name=\"jobTitle\"\n                    placeholder=\"Enter job title\"\n                    jarb={{\n                      validator: 'Person.jobTitle',\n                      label: 'Job title'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={300} height={52}>\n                  <JarbModalPickerSingle\n                    id={`favoriteMovie-${person.id}`}\n                    name=\"favoriteMovie\"\n                    placeholder=\"Enter favorite movie\"\n                    jarb={{\n                      validator: 'Person.favoriteMovie',\n                      label: 'Favorite movie'\n                    }}\n                    multiple={false}\n                    options={({ query, page, size }) =>\n                      Promise.resolve(\n                        pageOf(\n                          movies\n                            .filter(\n                              (movie) =>\n                                query.length === 0 ||\n                                movie.name.indexOf(query) > 0\n                            )\n                            .slice((page - 1) * size, size),\n                          page,\n                          size\n                        )\n                      )\n                    }\n                    labelForOption={(option) => option.name}\n                    errorMode=\"tooltip\"\n                    alignButton=\"right\"\n                    className=\"mw-100\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={150} height={52}>\n                  <JarbInput\n                    id={`favoriteFood-${person.id}`}\n                    name=\"favoriteFood\"\n                    placeholder=\"Enter favorite food\"\n                    jarb={{\n                      validator: 'Person.favoriteFood',\n                      label: 'Favorite food'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={300} height={52}>\n                  <JarbDateTimeInput\n                    id={`birthDate-${person.id}`}\n                    name=\"birthDate\"\n                    placeholder=\"Enter birth date\"\n                    dateFormat=\"YYYY-MM-DD\"\n                    timeFormat={false}\n                    jarb={{\n                      validator: 'Person.birthDate',\n                      label: 'Birthdate'\n                    }}\n                    errorMode=\"tooltip\"\n                    mode=\"modal\"\n                    allowNull={true}\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={200} height={52}>\n                  <JarbRadioGroup\n                    id={`sex-${person.id}`}\n                    name=\"sex\"\n                    className=\"ms-1\"\n                    options={['male', 'female']}\n                    labelForOption={(option) => option}\n                    horizontal={true}\n                    jarb={{\n                      validator: 'Person.sex',\n                      label: 'Sex'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n              </EpicForm>\n            </EpicRow>\n          ))}\n        </EpicTable>\n\n        <div className=\"d-flex justify-content-center\">\n          <Pagination\n            className=\"my-3\"\n            page={pageOfPersons}\n            onChange={confirmPage}\n          />\n          {newPage ? (\n            <OpenCloseModal\n              isOpen={true}\n              onClose={() => setNewPage(undefined)}\n              onSave={() => {\n                setPage(newPage);\n                setNewPage(undefined);\n              }}\n              text={{ save: 'Confirm' }}\n            >\n              All your changes will be lost if you navigate to another page. Are\n              you sure you want to go to page {newPage} and loose all your\n              progress?\n            </OpenCloseModal>\n          ) : null}\n        </div>\n      </Card>\n    );\n  })\n  .add('edit per row', () => {\n    const [editingPerson, setEditingPerson] = useState<Person>();\n    const [newPerson] = useState<Person>({\n      id: Math.random(),\n      firstName: '',\n      lastName: '',\n      age: 0,\n      eyeColor: '',\n      height: 0,\n      weight: 0,\n      jobTitle: '',\n      favoriteMovie: undefined,\n      favoriteFood: '',\n      birthDate: undefined,\n      sex: ''\n    });\n\n    const [page, setPage] = useState(1);\n    const [newPage, setNewPage] = useState<number>();\n    const [personsList, setPersonsList] = useState(persons);\n    const [pageOfPersons, setPageOfPersons] = useState<Page<Person>>(\n      emptyPage<Person>()\n    );\n    const [loading, setLoading] = useState<Person>();\n    const [dirty, setDirty] = useState(false);\n    const [flashMessage, setFlashMessage] = useState<string>();\n\n    useEffect(() => {\n      const p = pageOf<Person>(personsList, page, 10);\n      p.content.push({ ...newPerson });\n      setPageOfPersons(p);\n      setEditingPerson(undefined);\n    }, [personsList, newPerson, page]);\n\n    useEffect(() => {\n      const timeout = window.setTimeout(() => setFlashMessage(undefined), 5000);\n      return () => {\n        window.clearTimeout(timeout);\n      };\n    }, [flashMessage]);\n\n    async function onSubmit(data: Person, form: FormApi<Person>) {\n      setLoading(data);\n      await sleep(random(200, 1000));\n      const person = { ...data };\n      if (data.id === newPerson.id) {\n        person.id = Math.random();\n        setPersonsList([...personsList, person]);\n      } else {\n        setPersonsList(\n          personsList.map((p) => {\n            return p.id === person.id ? person : p;\n          })\n        );\n      }\n      setFlashMessage('Person saved successfully!');\n      window.setTimeout(\n        () => form.reset(data.id === newPerson.id ? newPerson : person),\n        1\n      );\n      setLoading(undefined);\n    }\n\n    async function deletePerson(person: Person) {\n      setLoading(person);\n      await sleep(random(200, 1000));\n      setPersonsList(personsList.filter((p) => p.id !== person.id));\n      setLoading(undefined);\n      setFlashMessage('Person deleted successfully!');\n    }\n\n    function confirmPage(pageNumber: number) {\n      if (editingPerson) {\n        setNewPage(pageNumber);\n      } else {\n        setPage(pageNumber);\n      }\n    }\n\n    return (\n      <Card body>\n        {flashMessage ? (\n          <FlashMessage\n            onClose={() => setFlashMessage(undefined)}\n            color=\"success\"\n          >\n            {flashMessage}\n          </FlashMessage>\n        ) : null}\n        <EpicTable hasRight={false}>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Sex\n            </EpicHeader>\n          </EpicRow>\n          {pageOfPersons.content.map((person) =>\n            (editingPerson && editingPerson.id === person.id) ||\n            person.id === newPerson.id ? (\n              <EpicRow key={person.id}>\n                <EpicCell width={300} height={52}>\n                  {loading && loading.id === person.id ? (\n                    <Loading text={{ loading: 'Processing...' }} />\n                  ) : (\n                    <>\n                      {dirty ? (\n                        <FormButton\n                          formId={'personForm' + person.id}\n                          type=\"submit\"\n                          icon=\"save\"\n                          className=\"me-1\"\n                          color={dirty ? 'primary' : 'secondary'}\n                        >\n                          Save\n                        </FormButton>\n                      ) : null}\n                      <Button\n                        type=\"button\"\n                        icon=\"cancel\"\n                        color=\"secondary\"\n                        className=\"me-1\"\n                        onClick={() => setEditingPerson(undefined)}\n                      >\n                        Cancel\n                      </Button>\n                      {person.id !== newPerson.id ? (\n                        <ConfirmButton\n                          onConfirm={() => deletePerson(person)}\n                          icon=\"delete\"\n                          color=\"danger\"\n                          dialogText={`Are you sure you want to delete ${person.firstName} ${person.lastName}?`}\n                        >\n                          Delete\n                        </ConfirmButton>\n                      ) : null}\n                    </>\n                  )}\n                </EpicCell>\n                <EpicForm\n                  id={'personForm' + person.id}\n                  width={1950}\n                  height={52}\n                  initialValues={person}\n                  onSubmit={onSubmit}\n                >\n                  <FormSpy\n                    subscription={{ pristine: true }}\n                    onChange={(formState) => setDirty(formState.pristine)}\n                  />\n                  <EpicFormCell width={300} height={52}>\n                    <JarbInput\n                      id={`firstName-${person.id}`}\n                      name=\"firstName\"\n                      placeholder=\"Enter first name\"\n                      jarb={{\n                        validator: 'Person.firstName',\n                        label: 'First name'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={100} height={52}>\n                    <JarbInput\n                      id={`lastName-${person.id}`}\n                      name=\"lastName\"\n                      placeholder=\"Enter last name\"\n                      jarb={{\n                        validator: 'Person.lastName',\n                        label: 'Last name'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={100} height={52}>\n                    <JarbInput\n                      id={`age-${person.id}`}\n                      name=\"age\"\n                      type=\"number\"\n                      placeholder=\"Enter age\"\n                      jarb={{\n                        validator: 'Person.age',\n                        label: 'Age'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={100} height={52}>\n                    <JarbSelect\n                      id={`eyeColor-${person.id}`}\n                      name=\"eyeColor\"\n                      placeholder=\"Enter eye color\"\n                      options={['green', 'blue', 'brown']}\n                      labelForOption={(option) => option}\n                      jarb={{\n                        validator: 'Person.eyeColor',\n                        label: 'Eye color'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={100} height={52}>\n                    <JarbInput\n                      id={`age-${person.id}`}\n                      name=\"height\"\n                      placeholder=\"Enter height\"\n                      type=\"number\"\n                      jarb={{\n                        validator: 'Person.height',\n                        label: 'Height'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={100} height={52}>\n                    <JarbInput\n                      id={`weight-${person.id}`}\n                      name=\"weight\"\n                      type=\"number\"\n                      placeholder=\"Enter weight\"\n                      jarb={{\n                        validator: 'Person.weight',\n                        label: 'Weight'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={200} height={52}>\n                    <JarbInput\n                      id={`jobTitle-${person.id}`}\n                      name=\"jobTitle\"\n                      placeholder=\"Enter job title\"\n                      jarb={{\n                        validator: 'Person.jobTitle',\n                        label: 'Job title'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={300} height={52}>\n                    <JarbModalPickerSingle\n                      id={`favoriteMovie-${person.id}`}\n                      name=\"favoriteMovie\"\n                      placeholder=\"Enter favorite movie\"\n                      jarb={{\n                        validator: 'Person.favoriteMovie',\n                        label: 'Favorite movie'\n                      }}\n                      multiple={false}\n                      labelForOption={(option) => option.name}\n                      options={({ query, page, size }) =>\n                        Promise.resolve(\n                          pageOf(\n                            movies\n                              .filter(\n                                (movie) =>\n                                  query.length === 0 ||\n                                  movie.name.indexOf(query) > 0\n                              )\n                              .slice((page - 1) * size, size),\n                            page,\n                            size\n                          )\n                        )\n                      }\n                      errorMode=\"tooltip\"\n                      alignButton=\"right\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={150} height={52}>\n                    <JarbInput\n                      id={`favoriteFood-${person.id}`}\n                      name=\"favoriteFood\"\n                      placeholder=\"Enter favorite food\"\n                      jarb={{\n                        validator: 'Person.favoriteFood',\n                        label: 'Favorite food'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={300} height={52}>\n                    <JarbDateTimeInput\n                      id={`birthDate-${person.id}`}\n                      name=\"birthDate\"\n                      placeholder=\"Enter birth date\"\n                      dateFormat=\"YYYY-MM-DD\"\n                      timeFormat={false}\n                      jarb={{\n                        validator: 'Person.birthDate',\n                        label: 'Birthdate'\n                      }}\n                      errorMode=\"tooltip\"\n                      mode=\"modal\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={200} height={52}>\n                    <JarbRadioGroup\n                      id={`sex-${person.id}`}\n                      name=\"sex\"\n                      className=\"ms-1\"\n                      options={['male', 'female']}\n                      labelForOption={(option) => option}\n                      horizontal={true}\n                      jarb={{\n                        validator: 'Person.sex',\n                        label: 'Sex'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n                </EpicForm>\n              </EpicRow>\n            ) : (\n              <EpicRow key={person.id}>\n                <EpicCell width={300} height={52}>\n                  {loading && loading.id === person.id ? (\n                    <Loading text={{ loading: 'Processing...' }} />\n                  ) : (\n                    <>\n                      {editingPerson ? (\n                        <ConfirmButton\n                          onConfirm={() => setEditingPerson(person)}\n                          icon=\"edit\"\n                          color=\"primary\"\n                          className=\"me-1\"\n                          dialogText={`All progress on ${editingPerson.firstName} will be lost. Are you sure you want to edit ${person.firstName}?`}\n                        >\n                          Edit\n                        </ConfirmButton>\n                      ) : (\n                        <Button\n                          onClick={() => setEditingPerson(person)}\n                          icon=\"edit\"\n                          color=\"primary\"\n                          className=\"me-1\"\n                        >\n                          Edit\n                        </Button>\n                      )}\n                      <ConfirmButton\n                        onConfirm={() => deletePerson(person)}\n                        icon=\"cancel\"\n                        color=\"danger\"\n                        dialogText={`Are you sure you want to delete ${person.firstName} ${person.lastName}?`}\n                      >\n                        Delete\n                      </ConfirmButton>\n                    </>\n                  )}\n                </EpicCell>\n\n                <EpicCell width={300} height={52}>\n                  {person.firstName}\n                </EpicCell>\n\n                <EpicCell width={100} height={52}>\n                  {person.lastName}\n                </EpicCell>\n\n                <EpicCell width={100} height={52}>\n                  {person.age}\n                </EpicCell>\n\n                <EpicCell width={100} height={52}>\n                  {person.eyeColor}\n                </EpicCell>\n\n                <EpicCell width={100} height={52}>\n                  {person.height}\n                </EpicCell>\n\n                <EpicCell width={100} height={52}>\n                  {person.weight}\n                </EpicCell>\n\n                <EpicCell width={200} height={52}>\n                  {person.jobTitle}\n                </EpicCell>\n\n                <EpicCell width={300} height={52}>\n                  {person.favoriteMovie?.name}\n                </EpicCell>\n\n                <EpicCell width={150} height={52}>\n                  {person.favoriteFood}\n                </EpicCell>\n\n                <EpicCell width={300} height={52}>\n                  {person.birthDate?.toLocaleDateString()}\n                </EpicCell>\n\n                <EpicCell width={200} height={52}>\n                  {person.sex}\n                </EpicCell>\n              </EpicRow>\n            )\n          )}\n        </EpicTable>\n\n        <div className=\"d-flex justify-content-center\">\n          <Pagination\n            className=\"my-3\"\n            page={pageOfPersons}\n            onChange={confirmPage}\n          />\n          {newPage ? (\n            <OpenCloseModal\n              isOpen={true}\n              onClose={() => setNewPage(undefined)}\n              onSave={() => {\n                setPage(newPage);\n                setNewPage(undefined);\n              }}\n              text={{ save: 'Confirm' }}\n            >\n              All your changes will be lost if you navigate to another page. Are\n              you sure you want to go to page {newPage} and loose all your\n              progress?\n            </OpenCloseModal>\n          ) : null}\n        </div>\n      </Card>\n    );\n  })\n  .add('instant edit', () => {\n    const [newPerson] = useState<Person>({\n      id: Math.random(),\n      firstName: '',\n      lastName: '',\n      age: 0,\n      eyeColor: '',\n      height: 0,\n      weight: 0,\n      jobTitle: '',\n      favoriteMovie: undefined,\n      favoriteFood: '',\n      birthDate: undefined,\n      sex: ''\n    });\n\n    const [page, setPage] = useState(1);\n    const [personsList, setPersonsList] = useState(persons);\n    const [pageOfPersons, setPageOfPersons] = useState<Page<Person>>(\n      emptyPage<Person>()\n    );\n    const [loading, setLoading] = useState<Person>();\n    const [dirtyPersons, setDirtyPersons] = useState<{ [id: number]: boolean }>(\n      {}\n    );\n    const [flashMessage, setFlashMessage] = useState<string>();\n\n    useEffect(() => {\n      const p = pageOf<Person>(personsList, page, 10);\n      p.content.push({ ...newPerson });\n      setDirtyPersons({});\n      setPageOfPersons(p);\n    }, [personsList, newPerson, page]);\n\n    useEffect(() => {\n      const timeout = window.setTimeout(() => setFlashMessage(undefined), 5000);\n      return () => {\n        window.clearTimeout(timeout);\n      };\n    }, [flashMessage]);\n\n    async function onSubmit(data: Person) {\n      setLoading(data);\n      await sleep(random(200, 1000));\n      const person = { ...data };\n      if (data.id === newPerson.id) {\n        person.id = Math.random();\n        setPersonsList([...personsList, person]);\n      } else {\n        setPersonsList(\n          personsList.map((p) => {\n            return p.id === person.id ? person : p;\n          })\n        );\n      }\n      setFlashMessage('Person saved successfully!');\n      setLoading(undefined);\n    }\n\n    async function deletePerson(person: Person) {\n      setLoading(person);\n      await sleep(random(200, 1000));\n      setPersonsList(personsList.filter((p) => p.id !== person.id));\n      setLoading(undefined);\n      setFlashMessage('Person deleted successfully!');\n    }\n\n    function setPersonDirty(isPristine: boolean, person: Person) {\n      if (!isPristine) {\n        if (!dirtyPersons[person.id]) {\n          setDirtyPersons({ ...dirtyPersons, [person.id]: true });\n        }\n      } else if (dirtyPersons[person.id]) {\n        setDirtyPersons({ ...dirtyPersons, [person.id]: false });\n      }\n    }\n\n    return (\n      <Card body>\n        {flashMessage ? (\n          <FlashMessage\n            onClose={() => setFlashMessage(undefined)}\n            color=\"success\"\n          >\n            {flashMessage}\n          </FlashMessage>\n        ) : null}\n        <EpicTable hasRight={false}>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Sex\n            </EpicHeader>\n          </EpicRow>\n          {pageOfPersons.content.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={52}>\n                {loading && loading.id === person.id ? (\n                  <Loading text={{ loading: 'Processing...' }} />\n                ) : (\n                  <>\n                    {person.id !== newPerson.id ? (\n                      <ConfirmButton\n                        onConfirm={() => deletePerson(person)}\n                        icon=\"delete\"\n                        color=\"danger\"\n                        dialogText={`Are you sure you want to delete ${person.firstName} ${person.lastName}?`}\n                      >\n                        Delete\n                      </ConfirmButton>\n                    ) : null}\n                  </>\n                )}\n              </EpicCell>\n              <EpicForm\n                id={'personForm' + person.id}\n                width={1950}\n                height={52}\n                initialValues={person}\n                onSubmit={onSubmit}\n                submitOnChange={true}\n              >\n                <FormSpy\n                  subscription={{ pristine: true }}\n                  onChange={(formState) =>\n                    setPersonDirty(formState.pristine, person)\n                  }\n                />\n                <EpicFormCell width={300} height={52}>\n                  <JarbInput\n                    id={`firstName-${person.id}`}\n                    name=\"firstName\"\n                    placeholder=\"Enter first name\"\n                    jarb={{\n                      validator: 'Person.firstName',\n                      label: 'First name'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`lastName-${person.id}`}\n                    name=\"lastName\"\n                    placeholder=\"Enter last name\"\n                    jarb={{\n                      validator: 'Person.lastName',\n                      label: 'Last name'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`age-${person.id}`}\n                    name=\"age\"\n                    type=\"number\"\n                    placeholder=\"Enter age\"\n                    jarb={{\n                      validator: 'Person.age',\n                      label: 'Age'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbSelect\n                    id={`eyeColor-${person.id}`}\n                    name=\"eyeColor\"\n                    placeholder=\"Enter eye color\"\n                    options={['green', 'blue', 'brown']}\n                    labelForOption={(option) => option}\n                    jarb={{\n                      validator: 'Person.eyeColor',\n                      label: 'Eye color'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`age-${person.id}`}\n                    name=\"height\"\n                    placeholder=\"Enter height\"\n                    type=\"number\"\n                    jarb={{\n                      validator: 'Person.height',\n                      label: 'Height'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`weight-${person.id}`}\n                    name=\"weight\"\n                    type=\"number\"\n                    placeholder=\"Enter weight\"\n                    jarb={{\n                      validator: 'Person.weight',\n                      label: 'Weight'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={200} height={52}>\n                  <JarbInput\n                    id={`jobTitle-${person.id}`}\n                    name=\"jobTitle\"\n                    placeholder=\"Enter job title\"\n                    jarb={{\n                      validator: 'Person.jobTitle',\n                      label: 'Job title'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={300} height={52}>\n                  <JarbModalPickerSingle\n                    id={`favoriteMovie-${person.id}`}\n                    name=\"favoriteMovie\"\n                    placeholder=\"Enter favorite movie\"\n                    jarb={{\n                      validator: 'Person.favoriteMovie',\n                      label: 'Favorite movie'\n                    }}\n                    multiple={false}\n                    options={({ query, page, size }) =>\n                      Promise.resolve(\n                        pageOf(\n                          movies\n                            .filter(\n                              (movie) =>\n                                query.length === 0 ||\n                                movie.name.indexOf(query) > 0\n                            )\n                            .slice((page - 1) * size, size),\n                          page,\n                          size\n                        )\n                      )\n                    }\n                    labelForOption={(option) => option.name}\n                    errorMode=\"tooltip\"\n                    alignButton=\"right\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={150} height={52}>\n                  <JarbInput\n                    id={`favoriteFood-${person.id}`}\n                    name=\"favoriteFood\"\n                    placeholder=\"Enter favorite food\"\n                    jarb={{\n                      validator: 'Person.favoriteFood',\n                      label: 'Favorite food'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={300} height={52}>\n                  <JarbDateTimeInput\n                    id={`birthDate-${person.id}`}\n                    name=\"birthDate\"\n                    placeholder=\"Enter birth date\"\n                    dateFormat=\"YYYY-MM-DD\"\n                    timeFormat={false}\n                    jarb={{\n                      validator: 'Person.birthDate',\n                      label: 'Birthdate'\n                    }}\n                    errorMode=\"tooltip\"\n                    mode=\"modal\"\n                    allowNull={true}\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={200} height={52}>\n                  <JarbRadioGroup\n                    id={`sex-${person.id}`}\n                    name=\"sex\"\n                    className=\"ms-1\"\n                    options={['male', 'female']}\n                    labelForOption={(option) => option}\n                    horizontal={true}\n                    jarb={{\n                      validator: 'Person.sex',\n                      label: 'Sex'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n              </EpicForm>\n            </EpicRow>\n          ))}\n        </EpicTable>\n\n        <div className=\"d-flex justify-content-center\">\n          <Pagination\n            className=\"my-3\"\n            page={pageOfPersons}\n            onChange={setPage}\n          />\n        </div>\n      </Card>\n    );\n  })\n  .add('copy / paste to spreadsheet', () => {\n    const [newPerson] = useState<Person>({\n      id: Math.random(),\n      firstName: '',\n      lastName: '',\n      age: 0,\n      eyeColor: '',\n      height: 0,\n      weight: 0,\n      jobTitle: '',\n      favoriteMovie: undefined,\n      favoriteFood: '',\n      birthDate: undefined,\n      sex: ''\n    });\n\n    const [page, setPage] = useState(1);\n    const [newPage, setNewPage] = useState<number>();\n    const [personsList, setPersonsList] = useState(persons);\n    const [pageOfPersons, setPageOfPersons] = useState<Page<Person>>(\n      emptyPage<Person>()\n    );\n    const [loading, setLoading] = useState<Person>();\n    const [dirtyPersons, setDirtyPersons] = useState<{ [id: number]: boolean }>(\n      {}\n    );\n    const [flashMessage, setFlashMessage] = useState<string>();\n    const [processingPaste, setProcessingPaste] = useState(false);\n\n    useEffect(() => {\n      const p = pageOf<Person>(personsList, page, 10);\n      p.content.push({ ...newPerson });\n      setDirtyPersons({});\n      setPageOfPersons(p);\n    }, [personsList, newPerson, page]);\n\n    useEffect(() => {\n      const timeout = window.setTimeout(() => setFlashMessage(undefined), 5000);\n      return () => {\n        window.clearTimeout(timeout);\n      };\n    }, [flashMessage]);\n\n    async function onSubmit(data: Person, form: FormApi<Person>) {\n      setLoading(data);\n      await sleep(random(200, 1000));\n      const person = { ...data };\n      if (data.id === newPerson.id) {\n        person.id = Math.random();\n        setPersonsList([...personsList, person]);\n      } else {\n        setPersonsList(\n          personsList.map((p) => {\n            return p.id === person.id ? person : p;\n          })\n        );\n      }\n      setFlashMessage('Person saved successfully!');\n      window.setTimeout(\n        () => form.reset(data.id === newPerson.id ? newPerson : person),\n        1\n      );\n      setLoading(undefined);\n    }\n\n    async function deletePerson(person: Person) {\n      setLoading(person);\n      await sleep(random(200, 1000));\n      setPersonsList(personsList.filter((p) => p.id !== person.id));\n      setLoading(undefined);\n      setFlashMessage('Person deleted successfully!');\n    }\n\n    function setPersonDirty(isPristine: boolean, person: Person) {\n      if (!isPristine) {\n        if (!dirtyPersons[person.id]) {\n          setDirtyPersons({ ...dirtyPersons, [person.id]: true });\n        }\n      } else if (dirtyPersons[person.id]) {\n        setDirtyPersons({ ...dirtyPersons, [person.id]: false });\n      }\n    }\n\n    function confirmPage(pageNumber: number) {\n      if (Object.values(dirtyPersons).some((d) => d)) {\n        setNewPage(pageNumber);\n      } else {\n        setPage(pageNumber);\n      }\n    }\n\n    async function copy() {\n      const csv = [personKeys.join('\\t')]\n        .concat(\n          persons.map((person) =>\n            personKeys\n              .map((key) => {\n                if (key === 'favoriteMovie') {\n                  const movie = person[key];\n\n                  return movie?.name ?? '';\n                } else {\n                  return person[key] ?? '';\n                }\n              })\n              .join('\\t')\n          )\n        )\n        .join('\\n');\n\n      await navigator.clipboard.writeText(csv);\n\n      setFlashMessage('Copied!');\n    }\n\n    async function paste() {\n      setProcessingPaste(true);\n\n      const text = await navigator.clipboard.readText();\n      const keys = [...personKeys];\n      const list: Person[] = [];\n\n      const rows = text.split('\\n');\n\n      // Remove header line\n      rows.shift();\n\n      rows.forEach((row) => {\n        const person = {};\n        row.split('\\t').forEach((value, index) => {\n          const key = keys[index];\n\n          switch (key) {\n            case 'favoriteMovie':\n              person[key] = { name: value };\n              break;\n            case 'birthDate':\n              person[key] = Date.parse(value);\n              break;\n            default:\n              person[key] = value;\n              break;\n          }\n        });\n        list.push(person as Person);\n      });\n\n      setPersonsList(list);\n      setProcessingPaste(false);\n      setFlashMessage(`Imported ${list.length} rows`);\n    }\n\n    useEffect(() => {\n      function preventOnInputElement(event: Event, action: () => void) {\n        if (\n          event.target instanceof HTMLTextAreaElement ||\n          event.target instanceof HTMLInputElement\n        ) {\n          return;\n        }\n\n        action();\n      }\n\n      function handleCopy(event: Event) {\n        preventOnInputElement(event, copy);\n      }\n\n      function handlePaste(event: Event) {\n        preventOnInputElement(event, paste);\n      }\n\n      document.addEventListener('paste', handlePaste, { passive: true });\n      document.addEventListener('copy', handleCopy, { passive: true });\n\n      return () => {\n        document.removeEventListener('paste', handlePaste);\n        document.removeEventListener('copy', handleCopy);\n      };\n    }, []);\n\n    return (\n      <Card body>\n        <div className=\"mb-2\">\n          <Button icon=\"file_copy\" onClick={copy}>\n            Copy\n          </Button>\n\n          <Button\n            onClick={paste}\n            className=\"ms-2\"\n            icon=\"assignment\"\n            inProgress={processingPaste}\n          >\n            Paste\n          </Button>\n        </div>\n\n        <p>Try copy pasting to excel / numbers and back.</p>\n\n        <p>\n          You can also use the copy and paste keyboard shortcuts when no input\n          is focussed.\n        </p>\n\n        {flashMessage ? (\n          <FlashMessage\n            onClose={() => setFlashMessage(undefined)}\n            color=\"success\"\n          >\n            {flashMessage}\n          </FlashMessage>\n        ) : null}\n        <EpicTable hasRight={false}>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Sex\n            </EpicHeader>\n          </EpicRow>\n          {pageOfPersons.content.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={52}>\n                {loading && loading.id === person.id ? (\n                  <Loading text={{ loading: 'Processing...' }} />\n                ) : (\n                  <>\n                    <FormButton\n                      formId={'personForm' + person.id}\n                      type=\"submit\"\n                      icon=\"save\"\n                      className=\"me-1\"\n                      color={dirtyPersons[person.id] ? 'primary' : 'secondary'}\n                    >\n                      Save\n                    </FormButton>\n                    {dirtyPersons[person.id] ? (\n                      <FormButton\n                        formId={'personForm' + person.id}\n                        type=\"reset\"\n                        icon=\"restore\"\n                        color=\"secondary\"\n                        className=\"me-1\"\n                      >\n                        Reset\n                      </FormButton>\n                    ) : null}\n                    {person.id !== newPerson.id ? (\n                      <ConfirmButton\n                        onConfirm={() => deletePerson(person)}\n                        icon=\"delete\"\n                        color=\"danger\"\n                        dialogText={`Are you sure you want to delete ${person.firstName} ${person.lastName}?`}\n                      >\n                        Delete\n                      </ConfirmButton>\n                    ) : null}\n                  </>\n                )}\n              </EpicCell>\n              <EpicForm\n                id={'personForm' + person.id}\n                width={1950}\n                height={52}\n                initialValues={person}\n                onSubmit={onSubmit}\n              >\n                <FormSpy\n                  subscription={{ pristine: true }}\n                  onChange={(formState) =>\n                    setPersonDirty(formState.pristine, person)\n                  }\n                />\n                <EpicFormCell width={300} height={52}>\n                  <JarbInput\n                    id={`firstName-${person.id}`}\n                    name=\"firstName\"\n                    placeholder=\"Enter first name\"\n                    jarb={{\n                      validator: 'Person.firstName',\n                      label: 'First name'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`lastName-${person.id}`}\n                    name=\"lastName\"\n                    placeholder=\"Enter last name\"\n                    jarb={{\n                      validator: 'Person.lastName',\n                      label: 'Last name'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`age-${person.id}`}\n                    name=\"age\"\n                    type=\"number\"\n                    placeholder=\"Enter age\"\n                    jarb={{\n                      validator: 'Person.age',\n                      label: 'Age'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbSelect\n                    id={`eyeColor-${person.id}`}\n                    name=\"eyeColor\"\n                    placeholder=\"Enter eye color\"\n                    options={['green', 'blue', 'brown']}\n                    labelForOption={(option) => option}\n                    jarb={{\n                      validator: 'Person.eyeColor',\n                      label: 'Eye color'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`age-${person.id}`}\n                    name=\"height\"\n                    placeholder=\"Enter height\"\n                    type=\"number\"\n                    jarb={{\n                      validator: 'Person.height',\n                      label: 'Height'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`weight-${person.id}`}\n                    name=\"weight\"\n                    type=\"number\"\n                    placeholder=\"Enter weight\"\n                    jarb={{\n                      validator: 'Person.weight',\n                      label: 'Weight'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={200} height={52}>\n                  <JarbInput\n                    id={`jobTitle-${person.id}`}\n                    name=\"jobTitle\"\n                    placeholder=\"Enter job title\"\n                    jarb={{\n                      validator: 'Person.jobTitle',\n                      label: 'Job title'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={300} height={52}>\n                  <JarbModalPickerSingle\n                    id={`favoriteMovie-${person.id}`}\n                    name=\"favoriteMovie\"\n                    placeholder=\"Enter favorite movie\"\n                    jarb={{\n                      validator: 'Person.favoriteMovie',\n                      label: 'Favorite movie'\n                    }}\n                    multiple={false}\n                    options={({ query, page, size }) =>\n                      Promise.resolve(\n                        pageOf(\n                          movies\n                            .filter(\n                              (movie) =>\n                                query.length === 0 ||\n                                movie.name.indexOf(query) > 0\n                            )\n                            .slice((page - 1) * size, size),\n                          page,\n                          size\n                        )\n                      )\n                    }\n                    labelForOption={(option) => option.name}\n                    errorMode=\"tooltip\"\n                    alignButton=\"right\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={150} height={52}>\n                  <JarbInput\n                    id={`favoriteFood-${person.id}`}\n                    name=\"favoriteFood\"\n                    placeholder=\"Enter favorite food\"\n                    jarb={{\n                      validator: 'Person.favoriteFood',\n                      label: 'Favorite food'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={300} height={52}>\n                  <JarbDateTimeInput\n                    id={`birthDate-${person.id}`}\n                    name=\"birthDate\"\n                    placeholder=\"Enter birth date\"\n                    dateFormat=\"YYYY-MM-DD\"\n                    timeFormat={false}\n                    jarb={{\n                      validator: 'Person.birthDate',\n                      label: 'Birthdate'\n                    }}\n                    errorMode=\"tooltip\"\n                    mode=\"modal\"\n                    allowNull={true}\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={200} height={52}>\n                  <JarbRadioGroup\n                    id={`sex-${person.id}`}\n                    name=\"sex\"\n                    className=\"ms-1\"\n                    options={['male', 'female']}\n                    labelForOption={(option) => option}\n                    horizontal={true}\n                    jarb={{\n                      validator: 'Person.sex',\n                      label: 'Sex'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n              </EpicForm>\n            </EpicRow>\n          ))}\n        </EpicTable>\n\n        <div className=\"d-flex justify-content-center\">\n          <Pagination\n            className=\"my-3\"\n            page={pageOfPersons}\n            onChange={confirmPage}\n          />\n          {newPage ? (\n            <OpenCloseModal\n              isOpen={true}\n              onClose={() => setNewPage(undefined)}\n              onSave={() => {\n                setPage(newPage);\n                setNewPage(undefined);\n              }}\n              text={{ save: 'Confirm' }}\n            >\n              All your changes will be lost if you navigate to another page. Are\n              you sure you want to go to page {newPage} and loose all your\n              progress?\n            </OpenCloseModal>\n          ) : null}\n        </div>\n      </Card>\n    );\n  });\n\ntype Person = {\n  id: number;\n  firstName: string;\n  lastName: string;\n  age: number;\n  eyeColor: string;\n  height: number;\n  weight: number;\n  jobTitle: string;\n  favoriteMovie?: { name: string };\n  favoriteFood: string;\n  birthDate?: Date;\n  sex: string;\n};\n\nconst personKeys: (keyof Person)[] = [\n  'id',\n  'firstName',\n  'lastName',\n  'age',\n  'eyeColor',\n  'height',\n  'weight',\n  'jobTitle',\n  'favoriteMovie',\n  'favoriteFood',\n  'birthDate',\n  'sex'\n];\n\nconst persons: Person[] = [\n  {\n    id: Math.random(),\n    firstName: 'Fitzpatrick',\n    lastName: 'Lyons',\n    age: 20,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Senior CodeMonkey',\n    favoriteMovie: { name: 'The Matrix' },\n    favoriteFood: 'Hamburgers',\n    birthDate: new Date('2014-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Berry',\n    lastName: 'McNab',\n    age: 41,\n    eyeColor: 'blue',\n    height: 13,\n    weight: 55,\n    jobTitle: 'Business Manager',\n    favoriteMovie: { name: 'Fear and loathing in Las Vegas' },\n    favoriteFood: 'Spaghetti',\n    birthDate: new Date('2000-09-24'),\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Neville',\n    lastName: 'Brooks',\n    age: 25,\n    eyeColor: 'green',\n    height: 12,\n    weight: 32,\n    jobTitle: 'Senior CodeMonkey',\n    favoriteMovie: { name: 'Lord of the Rings' },\n    favoriteFood: 'French Fries',\n    birthDate: new Date('2014-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Leonard',\n    lastName: 'Nemoy',\n    age: 50,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Thespian',\n    favoriteMovie: { name: 'Star Trek' },\n    favoriteFood: 'Kosher',\n    birthDate: new Date('1900-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Levi',\n    lastName: 'Smith',\n    age: 30,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Taxi driver',\n    favoriteMovie: { name: 'Taxi' },\n    favoriteFood:\n      'Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, at nam alias ad culpa quae deleniti. Autem eveniet mollitia veritatis reprehenderit ea, tempora vero voluptatem. Dolore repudiandae voluptate quam quidem.,',\n    birthDate: new Date('2014-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Celine',\n    lastName: 'Ferdinand',\n    age: 80,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Retired',\n    favoriteMovie: { name: 'Driving miss Daisy' },\n    favoriteFood: 'Prunes',\n    birthDate: new Date('1940-09-24'),\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bonald',\n    lastName: 'Ferdinand',\n    age: 82,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Retired',\n    favoriteMovie: { name: 'Driving miss Daisy' },\n    favoriteFood: 'Prunes',\n    birthDate: new Date('1938-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Zechs',\n    lastName: 'Merquise',\n    age: 42,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Ace pilot',\n    favoriteMovie: { name: 'Gundam wing' },\n    favoriteFood: 'Applepie',\n    birthDate: new Date('2010-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'David',\n    lastName: 'Hayter',\n    age: 55,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Voice actor',\n    favoriteMovie: { name: 'Guyver' },\n    favoriteFood: 'Snakes',\n    birthDate: new Date('1960-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'James',\n    lastName: 'Kirk',\n    age: 50,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captian',\n    favoriteMovie: { name: 'Star Trek' },\n    favoriteFood: 'Replicated',\n    birthDate: new Date('2100-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bert',\n    lastName: 'Kelly',\n    age: 30,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Blacksmith',\n    favoriteMovie: { name: 'Not without my daughter' },\n    favoriteFood: 'Pears',\n    birthDate: new Date('1989-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'John',\n    lastName: 'Goodall',\n    age: 68,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Gardner',\n    favoriteMovie: { name: 'The Gardner' },\n    favoriteFood: 'Cauliflower',\n    birthDate: new Date('2019-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Rick',\n    lastName: 'Xander',\n    age: 14,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Baker',\n    favoriteMovie: { name: 'Halloween' },\n    favoriteFood: 'Cake',\n    birthDate: new Date('1980-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Jessica',\n    lastName: 'Bernard',\n    age: 36,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Student',\n    favoriteMovie: { name: 'Highlander' },\n    favoriteFood: 'Icecream',\n    birthDate: new Date('1980-09-24'),\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Benjamin',\n    lastName: 'Sisko',\n    age: 55,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Commander',\n    favoriteMovie: { name: 'Search for Spock' },\n    favoriteFood: 'Jamba',\n    birthDate: new Date('2200-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Kathyrn',\n    lastName: 'Janeway',\n    age: 55,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captain',\n    favoriteMovie: { name: 'Wrath of Khan' },\n    favoriteFood: 'Coffee',\n    birthDate: new Date('2240-09-24'),\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Jean-Luc',\n    lastName: 'Picard',\n    age: 66,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captain',\n    favoriteMovie: { name: 'Next generation' },\n    favoriteFood: 'Tea Earl Grey Hot',\n    birthDate: new Date('2200-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Peter',\n    lastName: 'Parker',\n    age: 30,\n    eyeColor: 'blue',\n    height: 55,\n    weight: 14,\n    jobTitle: 'Spider-man',\n    favoriteMovie: { name: 'Spider-man' },\n    favoriteFood: 'Webs',\n    birthDate: new Date('1990-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Clark',\n    lastName: 'Kent',\n    age: 40,\n    eyeColor: 'blue',\n    height: 80,\n    weight: 33,\n    jobTitle: 'Journalist',\n    favoriteMovie: { name: 'Superman returns' },\n    favoriteFood: 'Kryptonite',\n    birthDate: new Date('1960-01-01'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bruce',\n    lastName: 'Wayne',\n    age: 55,\n    eyeColor: 'blue',\n    height: 70,\n    weight: 33,\n    jobTitle: 'CEO',\n    favoriteMovie: { name: 'Batman begins' },\n    favoriteFood: 'Bats',\n    birthDate: new Date('1955-01-01'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Diana',\n    lastName: 'Prince',\n    age: 28,\n    eyeColor: 'green',\n    height: 90,\n    weight: 19,\n    jobTitle: 'Curator',\n    favoriteMovie: { name: 'Wonderwoman' },\n    favoriteFood: 'Greek',\n    birthDate: new Date('1990-01-01'),\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Tony',\n    lastName: 'Stark',\n    age: 40,\n    eyeColor: 'brown',\n    height: 70,\n    weight: 33,\n    jobTitle: 'CEO',\n    favoriteMovie: { name: 'Ironman' },\n    favoriteFood: 'Shoarma',\n    birthDate: new Date('1980-01-01'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Steve',\n    lastName: 'Rogers',\n    age: 100,\n    eyeColor: 'blue',\n    height: 44,\n    weight: 55,\n    jobTitle: 'Captain',\n    favoriteMovie: { name: 'Winter soldier' },\n    favoriteFood: 'Applepie',\n    birthDate: new Date('1920-01-01'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Natasha',\n    lastName: 'Romanov',\n    age: 30,\n    eyeColor: 'green',\n    height: 77,\n    weight: 66,\n    jobTitle: 'Black widow',\n    favoriteMovie: { name: 'Avengers' },\n    favoriteFood: 'Stroganov',\n    birthDate: new Date('1995-01-01'),\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bruce',\n    lastName: 'Banner',\n    age: 42,\n    eyeColor: 'brown',\n    height: 89,\n    weight: 99,\n    jobTitle: 'Smasher',\n    favoriteMovie: { name: 'The Incredible Hulk' },\n    favoriteFood: 'Gammarays',\n    birthDate: new Date('1975-01-01'),\n    sex: 'male'\n  }\n];\n\ntype Movie = {\n  name: string;\n};\n\nconst movies: Movie[] = uniq(\n  persons\n    .filter((person) => person.favoriteMovie)\n    .map((person) => person.favoriteMovie?.name)\n).map((movie) => ({ name: movie } as Movie));\n",locationsMap:{"copy-paste-to-spreadsheet":{startLoc:{col:7,line:1239},endLoc:{col:3,line:1745},startBody:{col:38,line:1239},endBody:{col:3,line:1745}},"instant-edit":{startLoc:{col:7,line:892},endLoc:{col:3,line:1238},startBody:{col:23,line:892},endBody:{col:3,line:1238}},"edit-per-row":{startLoc:{col:7,line:426},endLoc:{col:3,line:891},startBody:{col:23,line:426},endBody:{col:3,line:891}},"basic-example":{startLoc:{col:7,line:31},endLoc:{col:3,line:425},startBody:{col:24,line:31},endBody:{col:3,line:425}}}}}).add("basic example",(function(){var newPerson=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({id:Math.random(),firstName:"",lastName:"",age:0,eyeColor:"",height:0,weight:0,jobTitle:"",favoriteMovie:void 0,favoriteFood:"",birthDate:void 0,sex:""}),1)[0],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState4[0],setPage=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),newPage=_useState6[0],setNewPage=_useState6[1],_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(persons),2),personsList=_useState8[0],setPersonsList=_useState8[1],_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_42_nl_spring_connect_lib__WEBPACK_IMPORTED_MODULE_20__.emptyPage)()),2),pageOfPersons=_useState10[0],setPageOfPersons=_useState10[1],_useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),loading=_useState12[0],setLoading=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),2),dirtyPersons=_useState14[0],setDirtyPersons=_useState14[1],_useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),flashMessage=_useState16[0],setFlashMessage=_useState16[1];function onSubmit(_x,_x2){return _onSubmit.apply(this,arguments)}function _onSubmit(){return(_onSubmit=_asyncToGenerator(regeneratorRuntime.mark((function _callee(data,form){var person;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return setLoading(data),_context.next=3,(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_22__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(200,1e3));case 3:person=_objectSpread({},data),data.id===newPerson.id?(person.id=Math.random(),setPersonsList([].concat(_toConsumableArray(personsList),[person]))):setPersonsList(personsList.map((function(p){return p.id===person.id?person:p}))),setFlashMessage("Person saved successfully!"),window.setTimeout((function(){return form.reset(data.id===newPerson.id?newPerson:person)}),1),setLoading(void 0);case 8:case"end":return _context.stop()}}),_callee)})))).apply(this,arguments)}function _deletePerson(){return(_deletePerson=_asyncToGenerator(regeneratorRuntime.mark((function _callee2(person){return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return setLoading(person),_context2.next=3,(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_22__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(200,1e3));case 3:setPersonsList(personsList.filter((function(p){return p.id!==person.id}))),setLoading(void 0),setFlashMessage("Person deleted successfully!");case 6:case"end":return _context2.stop()}}),_callee2)})))).apply(this,arguments)}return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var p=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__.u)(personsList,page,10);p.content.push(_objectSpread({},newPerson)),setDirtyPersons({}),setPageOfPersons(p)}),[personsList,newPerson,page]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var timeout=window.setTimeout((function(){return setFlashMessage(void 0)}),5e3);return function(){window.clearTimeout(timeout)}}),[flashMessage]),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_24__.Zb,{body:!0},flashMessage?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_FlashMessage_FlashMessage__WEBPACK_IMPORTED_MODULE_18__.Z,{onClose:function onClose(){return setFlashMessage(void 0)},color:"success"},flashMessage):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_EpicTable__WEBPACK_IMPORTED_MODULE_3__.b,{hasRight:!1},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Actions"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:200,height:44},"Sex")),pageOfPersons.content.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:300,height:52},loading&&loading.id===person.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_15__.Z,{text:{loading:"Processing..."}}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_FormButton_FormButton__WEBPACK_IMPORTED_MODULE_16__.O,{formId:"personForm"+person.id,type:"submit",icon:"save",className:"me-1",color:dirtyPersons[person.id]?"primary":"secondary"},"Save"),dirtyPersons[person.id]?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_FormButton_FormButton__WEBPACK_IMPORTED_MODULE_16__.O,{formId:"personForm"+person.id,type:"reset",icon:"restore",color:"secondary",className:"me-1"},"Reset"):null,person.id!==newPerson.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_17__.Z,{onConfirm:function onConfirm(){return function deletePerson(_x3){return _deletePerson.apply(this,arguments)}(person)},icon:"delete",color:"danger",dialogText:"Are you sure you want to delete ".concat(person.firstName," ").concat(person.lastName,"?")},"Delete"):null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicForm_EpicForm__WEBPACK_IMPORTED_MODULE_11__.w,{id:"personForm"+person.id,width:1950,height:52,initialValues:person,onSubmit},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_21__.FormSpy,{subscription:{pristine:!0},onChange:function onChange(formState){return function setPersonDirty(isPristine,person){isPristine?dirtyPersons[person.id]&&setDirtyPersons(_objectSpread(_objectSpread({},dirtyPersons),{},_defineProperty({},person.id,!1))):dirtyPersons[person.id]||setDirtyPersons(_objectSpread(_objectSpread({},dirtyPersons),{},_defineProperty({},person.id,!0)))}(formState.pristine,person)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"firstName-".concat(person.id),name:"firstName",placeholder:"Enter first name",jarb:{validator:"Person.firstName",label:"First name"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"lastName-".concat(person.id),name:"lastName",placeholder:"Enter last name",jarb:{validator:"Person.lastName",label:"Last name"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"age-".concat(person.id),name:"age",type:"number",placeholder:"Enter age",jarb:{validator:"Person.age",label:"Age"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Select_Select__WEBPACK_IMPORTED_MODULE_9__.B,{id:"eyeColor-".concat(person.id),name:"eyeColor",placeholder:"Enter eye color",options:["green","blue","brown"],labelForOption:function labelForOption(option){return option},jarb:{validator:"Person.eyeColor",label:"Eye color"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"age-".concat(person.id),name:"height",placeholder:"Enter height",type:"number",jarb:{validator:"Person.height",label:"Height"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"weight-".concat(person.id),name:"weight",type:"number",placeholder:"Enter weight",jarb:{validator:"Person.weight",label:"Weight"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:200,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"jobTitle-".concat(person.id),name:"jobTitle",placeholder:"Enter job title",jarb:{validator:"Person.jobTitle",label:"Job title"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_ModalPicker_single_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_10__.q,{id:"favoriteMovie-".concat(person.id),name:"favoriteMovie",placeholder:"Enter favorite movie",jarb:{validator:"Person.favoriteMovie",label:"Favorite movie"},multiple:!1,options:function options(_ref){var query=_ref.query,page=_ref.page,size=_ref.size;return Promise.resolve((0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__.u)(movies.filter((function(movie){return 0===query.length||movie.name.indexOf(query)>0})).slice((page-1)*size,size),page,size))},labelForOption:function labelForOption(option){return option.name},errorMode:"tooltip",alignButton:"right",className:"mw-100"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:150,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"favoriteFood-".concat(person.id),name:"favoriteFood",placeholder:"Enter favorite food",jarb:{validator:"Person.favoriteFood",label:"Favorite food"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_DateTimeInput_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"birthDate-".concat(person.id),name:"birthDate",placeholder:"Enter birth date",dateFormat:"YYYY-MM-DD",timeFormat:!1,jarb:{validator:"Person.birthDate",label:"Birthdate"},errorMode:"tooltip",mode:"modal",allowNull:!0})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:200,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_8__.y,{id:"sex-".concat(person.id),name:"sex",className:"ms-1",options:["male","female"],labelForOption:function labelForOption(option){return option},horizontal:!0,jarb:{validator:"Person.sex",label:"Sex"},errorMode:"tooltip"}))))}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_index__WEBPACK_IMPORTED_MODULE_19__.tl,{className:"my-3",page:pageOfPersons,onChange:function confirmPage(pageNumber){Object.values(dirtyPersons).some((function(d){return d}))?setNewPage(pageNumber):setPage(pageNumber)}}),newPage?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_index__WEBPACK_IMPORTED_MODULE_19__.nm,{isOpen:!0,onClose:function onClose(){return setNewPage(void 0)},onSave:function onSave(){setPage(newPage),setNewPage(void 0)},text:{save:"Confirm"}},"All your changes will be lost if you navigate to another page. Are you sure you want to go to page ",newPage," and loose all your progress?"):null))})).add("edit per row",(function(){var _useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),editingPerson=_useState18[0],setEditingPerson=_useState18[1],newPerson=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({id:Math.random(),firstName:"",lastName:"",age:0,eyeColor:"",height:0,weight:0,jobTitle:"",favoriteMovie:void 0,favoriteFood:"",birthDate:void 0,sex:""}),1)[0],_useState22=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState22[0],setPage=_useState22[1],_useState24=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),newPage=_useState24[0],setNewPage=_useState24[1],_useState26=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(persons),2),personsList=_useState26[0],setPersonsList=_useState26[1],_useState28=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_42_nl_spring_connect_lib__WEBPACK_IMPORTED_MODULE_20__.emptyPage)()),2),pageOfPersons=_useState28[0],setPageOfPersons=_useState28[1],_useState30=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),loading=_useState30[0],setLoading=_useState30[1],_useState32=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),dirty=_useState32[0],setDirty=_useState32[1],_useState34=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),flashMessage=_useState34[0],setFlashMessage=_useState34[1];function onSubmit(_x4,_x5){return _onSubmit2.apply(this,arguments)}function _onSubmit2(){return(_onSubmit2=_asyncToGenerator(regeneratorRuntime.mark((function _callee3(data,form){var person;return regeneratorRuntime.wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:return setLoading(data),_context3.next=3,(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_22__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(200,1e3));case 3:person=_objectSpread({},data),data.id===newPerson.id?(person.id=Math.random(),setPersonsList([].concat(_toConsumableArray(personsList),[person]))):setPersonsList(personsList.map((function(p){return p.id===person.id?person:p}))),setFlashMessage("Person saved successfully!"),window.setTimeout((function(){return form.reset(data.id===newPerson.id?newPerson:person)}),1),setLoading(void 0);case 8:case"end":return _context3.stop()}}),_callee3)})))).apply(this,arguments)}function deletePerson(_x6){return _deletePerson2.apply(this,arguments)}function _deletePerson2(){return(_deletePerson2=_asyncToGenerator(regeneratorRuntime.mark((function _callee4(person){return regeneratorRuntime.wrap((function _callee4$(_context4){for(;;)switch(_context4.prev=_context4.next){case 0:return setLoading(person),_context4.next=3,(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_22__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(200,1e3));case 3:setPersonsList(personsList.filter((function(p){return p.id!==person.id}))),setLoading(void 0),setFlashMessage("Person deleted successfully!");case 6:case"end":return _context4.stop()}}),_callee4)})))).apply(this,arguments)}return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var p=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__.u)(personsList,page,10);p.content.push(_objectSpread({},newPerson)),setPageOfPersons(p),setEditingPerson(void 0)}),[personsList,newPerson,page]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var timeout=window.setTimeout((function(){return setFlashMessage(void 0)}),5e3);return function(){window.clearTimeout(timeout)}}),[flashMessage]),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_24__.Zb,{body:!0},flashMessage?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_FlashMessage_FlashMessage__WEBPACK_IMPORTED_MODULE_18__.Z,{onClose:function onClose(){return setFlashMessage(void 0)},color:"success"},flashMessage):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_EpicTable__WEBPACK_IMPORTED_MODULE_3__.b,{hasRight:!1},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Actions"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:200,height:44},"Sex")),pageOfPersons.content.map((function(person){var _person$favoriteMovie,_person$birthDate;return editingPerson&&editingPerson.id===person.id||person.id===newPerson.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:300,height:52},loading&&loading.id===person.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_15__.Z,{text:{loading:"Processing..."}}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,dirty?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_FormButton_FormButton__WEBPACK_IMPORTED_MODULE_16__.O,{formId:"personForm"+person.id,type:"submit",icon:"save",className:"me-1",color:dirty?"primary":"secondary"},"Save"):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_14__.ZP,{type:"button",icon:"cancel",color:"secondary",className:"me-1",onClick:function onClick(){return setEditingPerson(void 0)}},"Cancel"),person.id!==newPerson.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_17__.Z,{onConfirm:function onConfirm(){return deletePerson(person)},icon:"delete",color:"danger",dialogText:"Are you sure you want to delete ".concat(person.firstName," ").concat(person.lastName,"?")},"Delete"):null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicForm_EpicForm__WEBPACK_IMPORTED_MODULE_11__.w,{id:"personForm"+person.id,width:1950,height:52,initialValues:person,onSubmit},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_21__.FormSpy,{subscription:{pristine:!0},onChange:function onChange(formState){return setDirty(formState.pristine)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"firstName-".concat(person.id),name:"firstName",placeholder:"Enter first name",jarb:{validator:"Person.firstName",label:"First name"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"lastName-".concat(person.id),name:"lastName",placeholder:"Enter last name",jarb:{validator:"Person.lastName",label:"Last name"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"age-".concat(person.id),name:"age",type:"number",placeholder:"Enter age",jarb:{validator:"Person.age",label:"Age"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Select_Select__WEBPACK_IMPORTED_MODULE_9__.B,{id:"eyeColor-".concat(person.id),name:"eyeColor",placeholder:"Enter eye color",options:["green","blue","brown"],labelForOption:function labelForOption(option){return option},jarb:{validator:"Person.eyeColor",label:"Eye color"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"age-".concat(person.id),name:"height",placeholder:"Enter height",type:"number",jarb:{validator:"Person.height",label:"Height"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"weight-".concat(person.id),name:"weight",type:"number",placeholder:"Enter weight",jarb:{validator:"Person.weight",label:"Weight"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:200,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"jobTitle-".concat(person.id),name:"jobTitle",placeholder:"Enter job title",jarb:{validator:"Person.jobTitle",label:"Job title"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_ModalPicker_single_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_10__.q,{id:"favoriteMovie-".concat(person.id),name:"favoriteMovie",placeholder:"Enter favorite movie",jarb:{validator:"Person.favoriteMovie",label:"Favorite movie"},multiple:!1,labelForOption:function labelForOption(option){return option.name},options:function options(_ref2){var query=_ref2.query,page=_ref2.page,size=_ref2.size;return Promise.resolve((0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__.u)(movies.filter((function(movie){return 0===query.length||movie.name.indexOf(query)>0})).slice((page-1)*size,size),page,size))},errorMode:"tooltip",alignButton:"right"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:150,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"favoriteFood-".concat(person.id),name:"favoriteFood",placeholder:"Enter favorite food",jarb:{validator:"Person.favoriteFood",label:"Favorite food"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_DateTimeInput_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"birthDate-".concat(person.id),name:"birthDate",placeholder:"Enter birth date",dateFormat:"YYYY-MM-DD",timeFormat:!1,jarb:{validator:"Person.birthDate",label:"Birthdate"},errorMode:"tooltip",mode:"modal"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:200,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_8__.y,{id:"sex-".concat(person.id),name:"sex",className:"ms-1",options:["male","female"],labelForOption:function labelForOption(option){return option},horizontal:!0,jarb:{validator:"Person.sex",label:"Sex"},errorMode:"tooltip"})))):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:300,height:52},loading&&loading.id===person.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_15__.Z,{text:{loading:"Processing..."}}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,editingPerson?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_17__.Z,{onConfirm:function onConfirm(){return setEditingPerson(person)},icon:"edit",color:"primary",className:"me-1",dialogText:"All progress on ".concat(editingPerson.firstName," will be lost. Are you sure you want to edit ").concat(person.firstName,"?")},"Edit"):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_14__.ZP,{onClick:function onClick(){return setEditingPerson(person)},icon:"edit",color:"primary",className:"me-1"},"Edit"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_17__.Z,{onConfirm:function onConfirm(){return deletePerson(person)},icon:"cancel",color:"danger",dialogText:"Are you sure you want to delete ".concat(person.firstName," ").concat(person.lastName,"?")},"Delete"))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:300,height:52},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:100,height:52},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:100,height:52},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:100,height:52},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:100,height:52},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:100,height:52},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:200,height:52},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:300,height:52},null===(_person$favoriteMovie=person.favoriteMovie)||void 0===_person$favoriteMovie?void 0:_person$favoriteMovie.name),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:150,height:52},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:300,height:52},null===(_person$birthDate=person.birthDate)||void 0===_person$birthDate?void 0:_person$birthDate.toLocaleDateString()),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:200,height:52},person.sex))}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_index__WEBPACK_IMPORTED_MODULE_19__.tl,{className:"my-3",page:pageOfPersons,onChange:function confirmPage(pageNumber){editingPerson?setNewPage(pageNumber):setPage(pageNumber)}}),newPage?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_index__WEBPACK_IMPORTED_MODULE_19__.nm,{isOpen:!0,onClose:function onClose(){return setNewPage(void 0)},onSave:function onSave(){setPage(newPage),setNewPage(void 0)},text:{save:"Confirm"}},"All your changes will be lost if you navigate to another page. Are you sure you want to go to page ",newPage," and loose all your progress?"):null))})).add("instant edit",(function(){var newPerson=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({id:Math.random(),firstName:"",lastName:"",age:0,eyeColor:"",height:0,weight:0,jobTitle:"",favoriteMovie:void 0,favoriteFood:"",birthDate:void 0,sex:""}),1)[0],_useState38=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState38[0],setPage=_useState38[1],_useState40=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(persons),2),personsList=_useState40[0],setPersonsList=_useState40[1],_useState42=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_42_nl_spring_connect_lib__WEBPACK_IMPORTED_MODULE_20__.emptyPage)()),2),pageOfPersons=_useState42[0],setPageOfPersons=_useState42[1],_useState44=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),loading=_useState44[0],setLoading=_useState44[1],_useState46=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),2),dirtyPersons=_useState46[0],setDirtyPersons=_useState46[1],_useState48=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),flashMessage=_useState48[0],setFlashMessage=_useState48[1];function onSubmit(_x7){return _onSubmit3.apply(this,arguments)}function _onSubmit3(){return(_onSubmit3=_asyncToGenerator(regeneratorRuntime.mark((function _callee5(data){var person;return regeneratorRuntime.wrap((function _callee5$(_context5){for(;;)switch(_context5.prev=_context5.next){case 0:return setLoading(data),_context5.next=3,(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_22__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(200,1e3));case 3:person=_objectSpread({},data),data.id===newPerson.id?(person.id=Math.random(),setPersonsList([].concat(_toConsumableArray(personsList),[person]))):setPersonsList(personsList.map((function(p){return p.id===person.id?person:p}))),setFlashMessage("Person saved successfully!"),setLoading(void 0);case 7:case"end":return _context5.stop()}}),_callee5)})))).apply(this,arguments)}function _deletePerson3(){return(_deletePerson3=_asyncToGenerator(regeneratorRuntime.mark((function _callee6(person){return regeneratorRuntime.wrap((function _callee6$(_context6){for(;;)switch(_context6.prev=_context6.next){case 0:return setLoading(person),_context6.next=3,(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_22__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(200,1e3));case 3:setPersonsList(personsList.filter((function(p){return p.id!==person.id}))),setLoading(void 0),setFlashMessage("Person deleted successfully!");case 6:case"end":return _context6.stop()}}),_callee6)})))).apply(this,arguments)}return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var p=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__.u)(personsList,page,10);p.content.push(_objectSpread({},newPerson)),setDirtyPersons({}),setPageOfPersons(p)}),[personsList,newPerson,page]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var timeout=window.setTimeout((function(){return setFlashMessage(void 0)}),5e3);return function(){window.clearTimeout(timeout)}}),[flashMessage]),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_24__.Zb,{body:!0},flashMessage?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_FlashMessage_FlashMessage__WEBPACK_IMPORTED_MODULE_18__.Z,{onClose:function onClose(){return setFlashMessage(void 0)},color:"success"},flashMessage):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_EpicTable__WEBPACK_IMPORTED_MODULE_3__.b,{hasRight:!1},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Actions"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:200,height:44},"Sex")),pageOfPersons.content.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:300,height:52},loading&&loading.id===person.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_15__.Z,{text:{loading:"Processing..."}}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,person.id!==newPerson.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_17__.Z,{onConfirm:function onConfirm(){return function deletePerson(_x8){return _deletePerson3.apply(this,arguments)}(person)},icon:"delete",color:"danger",dialogText:"Are you sure you want to delete ".concat(person.firstName," ").concat(person.lastName,"?")},"Delete"):null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicForm_EpicForm__WEBPACK_IMPORTED_MODULE_11__.w,{id:"personForm"+person.id,width:1950,height:52,initialValues:person,onSubmit,submitOnChange:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_21__.FormSpy,{subscription:{pristine:!0},onChange:function onChange(formState){return function setPersonDirty(isPristine,person){isPristine?dirtyPersons[person.id]&&setDirtyPersons(_objectSpread(_objectSpread({},dirtyPersons),{},_defineProperty({},person.id,!1))):dirtyPersons[person.id]||setDirtyPersons(_objectSpread(_objectSpread({},dirtyPersons),{},_defineProperty({},person.id,!0)))}(formState.pristine,person)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"firstName-".concat(person.id),name:"firstName",placeholder:"Enter first name",jarb:{validator:"Person.firstName",label:"First name"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"lastName-".concat(person.id),name:"lastName",placeholder:"Enter last name",jarb:{validator:"Person.lastName",label:"Last name"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"age-".concat(person.id),name:"age",type:"number",placeholder:"Enter age",jarb:{validator:"Person.age",label:"Age"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Select_Select__WEBPACK_IMPORTED_MODULE_9__.B,{id:"eyeColor-".concat(person.id),name:"eyeColor",placeholder:"Enter eye color",options:["green","blue","brown"],labelForOption:function labelForOption(option){return option},jarb:{validator:"Person.eyeColor",label:"Eye color"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"age-".concat(person.id),name:"height",placeholder:"Enter height",type:"number",jarb:{validator:"Person.height",label:"Height"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"weight-".concat(person.id),name:"weight",type:"number",placeholder:"Enter weight",jarb:{validator:"Person.weight",label:"Weight"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:200,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"jobTitle-".concat(person.id),name:"jobTitle",placeholder:"Enter job title",jarb:{validator:"Person.jobTitle",label:"Job title"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_ModalPicker_single_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_10__.q,{id:"favoriteMovie-".concat(person.id),name:"favoriteMovie",placeholder:"Enter favorite movie",jarb:{validator:"Person.favoriteMovie",label:"Favorite movie"},multiple:!1,options:function options(_ref3){var query=_ref3.query,page=_ref3.page,size=_ref3.size;return Promise.resolve((0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__.u)(movies.filter((function(movie){return 0===query.length||movie.name.indexOf(query)>0})).slice((page-1)*size,size),page,size))},labelForOption:function labelForOption(option){return option.name},errorMode:"tooltip",alignButton:"right"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:150,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"favoriteFood-".concat(person.id),name:"favoriteFood",placeholder:"Enter favorite food",jarb:{validator:"Person.favoriteFood",label:"Favorite food"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_DateTimeInput_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"birthDate-".concat(person.id),name:"birthDate",placeholder:"Enter birth date",dateFormat:"YYYY-MM-DD",timeFormat:!1,jarb:{validator:"Person.birthDate",label:"Birthdate"},errorMode:"tooltip",mode:"modal",allowNull:!0})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:200,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_8__.y,{id:"sex-".concat(person.id),name:"sex",className:"ms-1",options:["male","female"],labelForOption:function labelForOption(option){return option},horizontal:!0,jarb:{validator:"Person.sex",label:"Sex"},errorMode:"tooltip"}))))}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_index__WEBPACK_IMPORTED_MODULE_19__.tl,{className:"my-3",page:pageOfPersons,onChange:setPage})))})).add("copy / paste to spreadsheet",(function(){var newPerson=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({id:Math.random(),firstName:"",lastName:"",age:0,eyeColor:"",height:0,weight:0,jobTitle:"",favoriteMovie:void 0,favoriteFood:"",birthDate:void 0,sex:""}),1)[0],_useState52=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState52[0],setPage=_useState52[1],_useState54=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),newPage=_useState54[0],setNewPage=_useState54[1],_useState56=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(persons),2),personsList=_useState56[0],setPersonsList=_useState56[1],_useState58=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_42_nl_spring_connect_lib__WEBPACK_IMPORTED_MODULE_20__.emptyPage)()),2),pageOfPersons=_useState58[0],setPageOfPersons=_useState58[1],_useState60=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),loading=_useState60[0],setLoading=_useState60[1],_useState62=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),2),dirtyPersons=_useState62[0],setDirtyPersons=_useState62[1],_useState64=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),flashMessage=_useState64[0],setFlashMessage=_useState64[1],_useState66=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),processingPaste=_useState66[0],setProcessingPaste=_useState66[1];function onSubmit(_x9,_x10){return _onSubmit4.apply(this,arguments)}function _onSubmit4(){return(_onSubmit4=_asyncToGenerator(regeneratorRuntime.mark((function _callee7(data,form){var person;return regeneratorRuntime.wrap((function _callee7$(_context7){for(;;)switch(_context7.prev=_context7.next){case 0:return setLoading(data),_context7.next=3,(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_22__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(200,1e3));case 3:person=_objectSpread({},data),data.id===newPerson.id?(person.id=Math.random(),setPersonsList([].concat(_toConsumableArray(personsList),[person]))):setPersonsList(personsList.map((function(p){return p.id===person.id?person:p}))),setFlashMessage("Person saved successfully!"),window.setTimeout((function(){return form.reset(data.id===newPerson.id?newPerson:person)}),1),setLoading(void 0);case 8:case"end":return _context7.stop()}}),_callee7)})))).apply(this,arguments)}function _deletePerson4(){return(_deletePerson4=_asyncToGenerator(regeneratorRuntime.mark((function _callee8(person){return regeneratorRuntime.wrap((function _callee8$(_context8){for(;;)switch(_context8.prev=_context8.next){case 0:return setLoading(person),_context8.next=3,(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_22__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(200,1e3));case 3:setPersonsList(personsList.filter((function(p){return p.id!==person.id}))),setLoading(void 0),setFlashMessage("Person deleted successfully!");case 6:case"end":return _context8.stop()}}),_callee8)})))).apply(this,arguments)}function copy(){return _copy.apply(this,arguments)}function _copy(){return(_copy=_asyncToGenerator(regeneratorRuntime.mark((function _callee9(){var csv;return regeneratorRuntime.wrap((function _callee9$(_context9){for(;;)switch(_context9.prev=_context9.next){case 0:return csv=[personKeys.join("\t")].concat(persons.map((function(person){return personKeys.map((function(key){if("favoriteMovie"===key){var _movie$name,movie=person[key];return null!==(_movie$name=null==movie?void 0:movie.name)&&void 0!==_movie$name?_movie$name:""}var _person$key;return null!==(_person$key=person[key])&&void 0!==_person$key?_person$key:""})).join("\t")}))).join("\n"),_context9.next=3,navigator.clipboard.writeText(csv);case 3:setFlashMessage("Copied!");case 4:case"end":return _context9.stop()}}),_callee9)})))).apply(this,arguments)}function paste(){return _paste.apply(this,arguments)}function _paste(){return(_paste=_asyncToGenerator(regeneratorRuntime.mark((function _callee10(){var text,keys,list,rows;return regeneratorRuntime.wrap((function _callee10$(_context10){for(;;)switch(_context10.prev=_context10.next){case 0:return setProcessingPaste(!0),_context10.next=3,navigator.clipboard.readText();case 3:text=_context10.sent,keys=[].concat(personKeys),list=[],(rows=text.split("\n")).shift(),rows.forEach((function(row){var person={};row.split("\t").forEach((function(value,index){var key=keys[index];switch(key){case"favoriteMovie":person[key]={name:value};break;case"birthDate":person[key]=Date.parse(value);break;default:person[key]=value}})),list.push(person)})),setPersonsList(list),setProcessingPaste(!1),setFlashMessage("Imported ".concat(list.length," rows"));case 12:case"end":return _context10.stop()}}),_callee10)})))).apply(this,arguments)}return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var p=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__.u)(personsList,page,10);p.content.push(_objectSpread({},newPerson)),setDirtyPersons({}),setPageOfPersons(p)}),[personsList,newPerson,page]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var timeout=window.setTimeout((function(){return setFlashMessage(void 0)}),5e3);return function(){window.clearTimeout(timeout)}}),[flashMessage]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){function preventOnInputElement(event,action){event.target instanceof HTMLTextAreaElement||event.target instanceof HTMLInputElement||action()}function handleCopy(event){preventOnInputElement(event,copy)}function handlePaste(event){preventOnInputElement(event,paste)}return document.addEventListener("paste",handlePaste,{passive:!0}),document.addEventListener("copy",handleCopy,{passive:!0}),function(){document.removeEventListener("paste",handlePaste),document.removeEventListener("copy",handleCopy)}}),[]),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_24__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"mb-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_14__.ZP,{icon:"file_copy",onClick:copy},"Copy"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_14__.ZP,{onClick:paste,className:"ms-2",icon:"assignment",inProgress:processingPaste},"Paste")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Try copy pasting to excel / numbers and back."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You can also use the copy and paste keyboard shortcuts when no input is focussed."),flashMessage?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_FlashMessage_FlashMessage__WEBPACK_IMPORTED_MODULE_18__.Z,{onClose:function onClose(){return setFlashMessage(void 0)},color:"success"},flashMessage):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_EpicTable__WEBPACK_IMPORTED_MODULE_3__.b,{hasRight:!1},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Actions"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:200,height:44},"Sex")),pageOfPersons.content.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:300,height:52},loading&&loading.id===person.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_15__.Z,{text:{loading:"Processing..."}}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_FormButton_FormButton__WEBPACK_IMPORTED_MODULE_16__.O,{formId:"personForm"+person.id,type:"submit",icon:"save",className:"me-1",color:dirtyPersons[person.id]?"primary":"secondary"},"Save"),dirtyPersons[person.id]?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_FormButton_FormButton__WEBPACK_IMPORTED_MODULE_16__.O,{formId:"personForm"+person.id,type:"reset",icon:"restore",color:"secondary",className:"me-1"},"Reset"):null,person.id!==newPerson.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_17__.Z,{onConfirm:function onConfirm(){return function deletePerson(_x11){return _deletePerson4.apply(this,arguments)}(person)},icon:"delete",color:"danger",dialogText:"Are you sure you want to delete ".concat(person.firstName," ").concat(person.lastName,"?")},"Delete"):null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicForm_EpicForm__WEBPACK_IMPORTED_MODULE_11__.w,{id:"personForm"+person.id,width:1950,height:52,initialValues:person,onSubmit},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_21__.FormSpy,{subscription:{pristine:!0},onChange:function onChange(formState){return function setPersonDirty(isPristine,person){isPristine?dirtyPersons[person.id]&&setDirtyPersons(_objectSpread(_objectSpread({},dirtyPersons),{},_defineProperty({},person.id,!1))):dirtyPersons[person.id]||setDirtyPersons(_objectSpread(_objectSpread({},dirtyPersons),{},_defineProperty({},person.id,!0)))}(formState.pristine,person)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"firstName-".concat(person.id),name:"firstName",placeholder:"Enter first name",jarb:{validator:"Person.firstName",label:"First name"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"lastName-".concat(person.id),name:"lastName",placeholder:"Enter last name",jarb:{validator:"Person.lastName",label:"Last name"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"age-".concat(person.id),name:"age",type:"number",placeholder:"Enter age",jarb:{validator:"Person.age",label:"Age"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Select_Select__WEBPACK_IMPORTED_MODULE_9__.B,{id:"eyeColor-".concat(person.id),name:"eyeColor",placeholder:"Enter eye color",options:["green","blue","brown"],labelForOption:function labelForOption(option){return option},jarb:{validator:"Person.eyeColor",label:"Eye color"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"age-".concat(person.id),name:"height",placeholder:"Enter height",type:"number",jarb:{validator:"Person.height",label:"Height"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"weight-".concat(person.id),name:"weight",type:"number",placeholder:"Enter weight",jarb:{validator:"Person.weight",label:"Weight"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:200,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"jobTitle-".concat(person.id),name:"jobTitle",placeholder:"Enter job title",jarb:{validator:"Person.jobTitle",label:"Job title"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_ModalPicker_single_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_10__.q,{id:"favoriteMovie-".concat(person.id),name:"favoriteMovie",placeholder:"Enter favorite movie",jarb:{validator:"Person.favoriteMovie",label:"Favorite movie"},multiple:!1,options:function options(_ref4){var query=_ref4.query,page=_ref4.page,size=_ref4.size;return Promise.resolve((0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__.u)(movies.filter((function(movie){return 0===query.length||movie.name.indexOf(query)>0})).slice((page-1)*size,size),page,size))},labelForOption:function labelForOption(option){return option.name},errorMode:"tooltip",alignButton:"right"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:150,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"favoriteFood-".concat(person.id),name:"favoriteFood",placeholder:"Enter favorite food",jarb:{validator:"Person.favoriteFood",label:"Favorite food"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_DateTimeInput_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"birthDate-".concat(person.id),name:"birthDate",placeholder:"Enter birth date",dateFormat:"YYYY-MM-DD",timeFormat:!1,jarb:{validator:"Person.birthDate",label:"Birthdate"},errorMode:"tooltip",mode:"modal",allowNull:!0})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:200,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_8__.y,{id:"sex-".concat(person.id),name:"sex",className:"ms-1",options:["male","female"],labelForOption:function labelForOption(option){return option},horizontal:!0,jarb:{validator:"Person.sex",label:"Sex"},errorMode:"tooltip"}))))}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_index__WEBPACK_IMPORTED_MODULE_19__.tl,{className:"my-3",page:pageOfPersons,onChange:function confirmPage(pageNumber){Object.values(dirtyPersons).some((function(d){return d}))?setNewPage(pageNumber):setPage(pageNumber)}}),newPage?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_index__WEBPACK_IMPORTED_MODULE_19__.nm,{isOpen:!0,onClose:function onClose(){return setNewPage(void 0)},onSave:function onSave(){setPage(newPage),setNewPage(void 0)},text:{save:"Confirm"}},"All your changes will be lost if you navigate to another page. Are you sure you want to go to page ",newPage," and loose all your progress?"):null))}));var personKeys=["id","firstName","lastName","age","eyeColor","height","weight","jobTitle","favoriteMovie","favoriteFood","birthDate","sex"],persons=[{id:Math.random(),firstName:"Fitzpatrick",lastName:"Lyons",age:20,eyeColor:"brown",height:10,weight:3,jobTitle:"Senior CodeMonkey",favoriteMovie:{name:"The Matrix"},favoriteFood:"Hamburgers",birthDate:new Date("2014-09-24"),sex:"male"},{id:Math.random(),firstName:"Berry",lastName:"McNab",age:41,eyeColor:"blue",height:13,weight:55,jobTitle:"Business Manager",favoriteMovie:{name:"Fear and loathing in Las Vegas"},favoriteFood:"Spaghetti",birthDate:new Date("2000-09-24"),sex:"female"},{id:Math.random(),firstName:"Neville",lastName:"Brooks",age:25,eyeColor:"green",height:12,weight:32,jobTitle:"Senior CodeMonkey",favoriteMovie:{name:"Lord of the Rings"},favoriteFood:"French Fries",birthDate:new Date("2014-09-24"),sex:"male"},{id:Math.random(),firstName:"Leonard",lastName:"Nemoy",age:50,eyeColor:"brown",height:10,weight:3,jobTitle:"Thespian",favoriteMovie:{name:"Star Trek"},favoriteFood:"Kosher",birthDate:new Date("1900-09-24"),sex:"male"},{id:Math.random(),firstName:"Levi",lastName:"Smith",age:30,eyeColor:"brown",height:10,weight:3,jobTitle:"Taxi driver",favoriteMovie:{name:"Taxi"},favoriteFood:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, at nam alias ad culpa quae deleniti. Autem eveniet mollitia veritatis reprehenderit ea, tempora vero voluptatem. Dolore repudiandae voluptate quam quidem.,",birthDate:new Date("2014-09-24"),sex:"male"},{id:Math.random(),firstName:"Celine",lastName:"Ferdinand",age:80,eyeColor:"green",height:3,weight:5,jobTitle:"Retired",favoriteMovie:{name:"Driving miss Daisy"},favoriteFood:"Prunes",birthDate:new Date("1940-09-24"),sex:"female"},{id:Math.random(),firstName:"Bonald",lastName:"Ferdinand",age:82,eyeColor:"blue",height:3,weight:5,jobTitle:"Retired",favoriteMovie:{name:"Driving miss Daisy"},favoriteFood:"Prunes",birthDate:new Date("1938-09-24"),sex:"male"},{id:Math.random(),firstName:"Zechs",lastName:"Merquise",age:42,eyeColor:"blue",height:3,weight:5,jobTitle:"Ace pilot",favoriteMovie:{name:"Gundam wing"},favoriteFood:"Applepie",birthDate:new Date("2010-09-24"),sex:"male"},{id:Math.random(),firstName:"David",lastName:"Hayter",age:55,eyeColor:"blue",height:3,weight:5,jobTitle:"Voice actor",favoriteMovie:{name:"Guyver"},favoriteFood:"Snakes",birthDate:new Date("1960-09-24"),sex:"male"},{id:Math.random(),firstName:"James",lastName:"Kirk",age:50,eyeColor:"brown",height:3,weight:5,jobTitle:"Captian",favoriteMovie:{name:"Star Trek"},favoriteFood:"Replicated",birthDate:new Date("2100-09-24"),sex:"male"},{id:Math.random(),firstName:"Bert",lastName:"Kelly",age:30,eyeColor:"blue",height:3,weight:5,jobTitle:"Blacksmith",favoriteMovie:{name:"Not without my daughter"},favoriteFood:"Pears",birthDate:new Date("1989-09-24"),sex:"male"},{id:Math.random(),firstName:"John",lastName:"Goodall",age:68,eyeColor:"green",height:3,weight:5,jobTitle:"Gardner",favoriteMovie:{name:"The Gardner"},favoriteFood:"Cauliflower",birthDate:new Date("2019-09-24"),sex:"male"},{id:Math.random(),firstName:"Rick",lastName:"Xander",age:14,eyeColor:"brown",height:3,weight:5,jobTitle:"Baker",favoriteMovie:{name:"Halloween"},favoriteFood:"Cake",birthDate:new Date("1980-09-24"),sex:"male"},{id:Math.random(),firstName:"Jessica",lastName:"Bernard",age:36,eyeColor:"green",height:3,weight:5,jobTitle:"Student",favoriteMovie:{name:"Highlander"},favoriteFood:"Icecream",birthDate:new Date("1980-09-24"),sex:"female"},{id:Math.random(),firstName:"Benjamin",lastName:"Sisko",age:55,eyeColor:"brown",height:3,weight:5,jobTitle:"Commander",favoriteMovie:{name:"Search for Spock"},favoriteFood:"Jamba",birthDate:new Date("2200-09-24"),sex:"male"},{id:Math.random(),firstName:"Kathyrn",lastName:"Janeway",age:55,eyeColor:"brown",height:3,weight:5,jobTitle:"Captain",favoriteMovie:{name:"Wrath of Khan"},favoriteFood:"Coffee",birthDate:new Date("2240-09-24"),sex:"female"},{id:Math.random(),firstName:"Jean-Luc",lastName:"Picard",age:66,eyeColor:"blue",height:3,weight:5,jobTitle:"Captain",favoriteMovie:{name:"Next generation"},favoriteFood:"Tea Earl Grey Hot",birthDate:new Date("2200-09-24"),sex:"male"},{id:Math.random(),firstName:"Peter",lastName:"Parker",age:30,eyeColor:"blue",height:55,weight:14,jobTitle:"Spider-man",favoriteMovie:{name:"Spider-man"},favoriteFood:"Webs",birthDate:new Date("1990-09-24"),sex:"male"},{id:Math.random(),firstName:"Clark",lastName:"Kent",age:40,eyeColor:"blue",height:80,weight:33,jobTitle:"Journalist",favoriteMovie:{name:"Superman returns"},favoriteFood:"Kryptonite",birthDate:new Date("1960-01-01"),sex:"male"},{id:Math.random(),firstName:"Bruce",lastName:"Wayne",age:55,eyeColor:"blue",height:70,weight:33,jobTitle:"CEO",favoriteMovie:{name:"Batman begins"},favoriteFood:"Bats",birthDate:new Date("1955-01-01"),sex:"male"},{id:Math.random(),firstName:"Diana",lastName:"Prince",age:28,eyeColor:"green",height:90,weight:19,jobTitle:"Curator",favoriteMovie:{name:"Wonderwoman"},favoriteFood:"Greek",birthDate:new Date("1990-01-01"),sex:"female"},{id:Math.random(),firstName:"Tony",lastName:"Stark",age:40,eyeColor:"brown",height:70,weight:33,jobTitle:"CEO",favoriteMovie:{name:"Ironman"},favoriteFood:"Shoarma",birthDate:new Date("1980-01-01"),sex:"male"},{id:Math.random(),firstName:"Steve",lastName:"Rogers",age:100,eyeColor:"blue",height:44,weight:55,jobTitle:"Captain",favoriteMovie:{name:"Winter soldier"},favoriteFood:"Applepie",birthDate:new Date("1920-01-01"),sex:"male"},{id:Math.random(),firstName:"Natasha",lastName:"Romanov",age:30,eyeColor:"green",height:77,weight:66,jobTitle:"Black widow",favoriteMovie:{name:"Avengers"},favoriteFood:"Stroganov",birthDate:new Date("1995-01-01"),sex:"female"},{id:Math.random(),firstName:"Bruce",lastName:"Banner",age:42,eyeColor:"brown",height:89,weight:99,jobTitle:"Smasher",favoriteMovie:{name:"The Incredible Hulk"},favoriteFood:"Gammarays",birthDate:new Date("1975-01-01"),sex:"male"}],movies=(0,lodash__WEBPACK_IMPORTED_MODULE_2__.uniq)(persons.filter((function(person){return person.favoriteMovie})).map((function(person){var _person$favoriteMovie2;return null===(_person$favoriteMovie2=person.favoriteMovie)||void 0===_person$favoriteMovie2?void 0:_person$favoriteMovie2.name}))).map((function(movie){return{name:movie}}))},"./src/config/config.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>getConfig});var config={showRequiredMarkInLabel:!0};function getConfig(){return config}},"./src/core/AsyncActionButton/AsyncActionButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{V:()=>AsyncActionButton});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Button_Button__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Button/Button.tsx"),_excluded=["action","children"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function AsyncActionButton(_ref){var action=_ref.action,children=_ref.children,buttonProps=_objectWithoutProperties(_ref,_excluded),_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),inProgress=_useState2[0],setInProgress=_useState2[1];function _onClick(){return(_onClick=_asyncToGenerator(regeneratorRuntime.mark((function _callee(){return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return setInProgress(!0),_context.prev=1,_context.next=4,action();case 4:setInProgress(!1),_context.next=10;break;case 7:_context.prev=7,_context.t0=_context.catch(1),setInProgress(!1);case 10:case"end":return _context.stop()}}),_callee,null,[[1,7]])})))).apply(this,arguments)}return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_1__.ZP,_extends({onClick:function onClick(){return _onClick.apply(this,arguments)},inProgress},buttonProps),children)}try{AsyncActionButton.displayName="AsyncActionButton",AsyncActionButton.__docgenInfo={description:"The AsyncActionButton is a button that triggers a request when it is\nclicked and is disabled until the request is finished. This button should\nbe used to trigger resource-heavy actions that should not be triggered\nmultiple times asynchronously.",displayName:"AsyncActionButton",props:{children:{defaultValue:null,description:"Optionally the text of the button.",name:"children",required:!1,type:{name:"ReactNode"}},color:{defaultValue:null,description:"Optionally the color of the button.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},type:{defaultValue:{value:"button"},description:"Optionally the type of button it is, defaults to 'button'.",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"button"'},{value:'"reset"'},{value:'"submit"'}]}},icon:{defaultValue:null,description:"Optionally the Icon you want to use.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},disabled:{defaultValue:null,description:"Optionally whether the button is disabled\n\nDefaults to `false`",name:"disabled",required:!1,type:{name:"boolean | undefined"}},iconPosition:{defaultValue:null,description:'Optionally the position of the icon, either left or right.\nDefaults to "left".\n\nOnly applicable when the `icon` prop is set.',name:"iconPosition",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'}]}},outline:{defaultValue:null,description:"Optionally whether or not to show the button only as an outline.",name:"outline",required:!1,type:{name:"boolean | undefined"}},size:{defaultValue:null,description:"Optionally the size of the button, or icon when only the icon\nis rendered.\n\nDefaults to 'md'.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},fullWidth:{defaultValue:null,description:"Optionally whether or not the button should take the full width\navailable.\n\nDefaults to `false`",name:"fullWidth",required:!1,type:{name:"boolean | undefined"}},action:{defaultValue:null,description:"Callback that is triggered when the button is clicked.\nThis callback should return a request promise.",name:"action",required:!0,type:{name:"() => Promise<unknown>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/AsyncActionButton/AsyncActionButton.tsx#AsyncActionButton"]={docgenInfo:AsyncActionButton.__docgenInfo,name:"AsyncActionButton",path:"src/core/AsyncActionButton/AsyncActionButton.tsx#AsyncActionButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/AsyncContent/AsyncContent.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>AsyncContent});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/ContentState/ContentState.tsx"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utilities/translation/translation.ts"),_Button_Button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Button/Button.tsx");function AsyncContent(props){var state=props.state,_props$text=props.text,text=void 0===_props$text?{}:_props$text,_props$showRetryButto=props.showRetryButton,showRetryButton=void 0===_props$showRetryButto||_props$showRetryButto,isEmpty=props.isEmpty,emptyContent=props.emptyContent;return state.isLoading?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_1__.Z,{mode:"loading",title:(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({key:"AsyncContent.LOADING.TITLE",fallback:"Loading...",overrideText:text.loading})}):function isStateFulfilled(state){return stateIsAsyncState(state)?state.isFulfilled:!state.isError}(state)?!state.data||isEmpty&&isEmpty(state.data)?emptyContent?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,emptyContent(state.data)):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_1__.Z,{mode:"empty",title:(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({key:"AsyncContent.EMPTY.TITLE",fallback:"No results found",overrideText:text.empty})}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,props.children(state.data)):(console.error(state.error),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_1__.Z,{mode:"error",title:(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({key:"AsyncContent.ERROR.TITLE",fallback:"Oops something went wrong!",overrideText:text.error})},showRetryButton?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_2__.ZP,{icon:"refresh",onClick:function onClick(){return stateIsAsyncState(state)?state.reload():state.refetch()}},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({key:"AsyncContent.ERROR.RETRY",fallback:"Retry",overrideText:text.retry})):null))}function stateIsAsyncState(state){return state.hasOwnProperty("isFulfilled")}try{AsyncContent.displayName="AsyncContent",AsyncContent.__docgenInfo={description:"AsyncContent is a component which can be used to render the\nresult of a call to `useQuery` from `react-query` or `useAsync`\nfrom `react-async`.\n\nIt has the following behaviors:\n\n1. When the state is loading it shows a `ContentState` in the `loading` mode.\n\n2. When an error occurs it shows a `ContentState` in the `error` mode.\n   By default it will then show a `Retry` button allowing the user\n   to try again.\n\n3. When the state has loaded successfully, it will render the `children`\n   render function and it provides the `state.data` for you to render.\n\n4. When the state has loaded successfully, it will ask via the `isEmpty`\n   callback if you consider the `state.data` empty. It will then\n   render the `emptyContent` when defined or by default show\n   a `ContentState` in the `empty` mode.\n\nWith these behaviors you ensure that you always handle the error and\nloading state when using `useQuery` or `useAsync`.",displayName:"AsyncContent",props:{children:{defaultValue:null,description:"Render function which takes the `data` from the `useQuery`'s\nor `useAsync`'s `state` when the promise is fulfilled, and\nexpects you to render content.",name:"children",required:!0,type:{name:"(data: T) => ReactNode"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},showRetryButton:{defaultValue:{value:"true"},description:"Optionally whether or not to show a retry button when the\nerror state occurs. Defaults to `true`.",name:"showRetryButton",required:!1,type:{name:"boolean | undefined"}},isEmpty:{defaultValue:null,description:"An optional callback which gets called when the data has\nloaded. When `isEmpty` returns `true` the `emptyContent` is\nrendered.",name:"isEmpty",required:!1,type:{name:"((data?: T | undefined) => boolean) | undefined"}},emptyContent:{defaultValue:null,description:"Optionally when `isEmpty` returns `true` what content to render.\n\nDefaults to rendering a `ContentState` in the `empty` mode.",name:"emptyContent",required:!1,type:{name:"((data?: T | undefined) => ReactNode) | undefined"}},state:{defaultValue:null,description:"Result from calling `useAsync` from `react-async`.\nResult from calling `useQuery` from `react-query`.",name:"state",required:!0,type:{name:"AsyncState<T, AbstractState<T>> | UseQueryResult<T, unknown>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/AsyncContent/AsyncContent.tsx#AsyncContent"]={docgenInfo:AsyncContent.__docgenInfo,name:"AsyncContent",path:"src/core/AsyncContent/AsyncContent.tsx#AsyncContent"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/AsyncList/AsyncList.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>AsyncList});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_AsyncContent_AsyncContent__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/AsyncContent/AsyncContent.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function isEmpty(list){return 0===list.length}function AsyncList(props){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent_AsyncContent__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},props,{isEmpty}))}try{isEmpty.displayName="isEmpty",isEmpty.__docgenInfo={description:"",displayName:"isEmpty",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/AsyncList/AsyncList.tsx#isEmpty"]={docgenInfo:isEmpty.__docgenInfo,name:"isEmpty",path:"src/core/AsyncList/AsyncList.tsx#isEmpty"})}catch(__react_docgen_typescript_loader_error){}try{AsyncList.displayName="AsyncList",AsyncList.__docgenInfo={description:"The `AsyncList` is a variant of the `AsyncContent` which expects\nthe result of a call to `useQuery` from `react-query` or `useAsync`\nfrom `react-async` to be an array.\n\nIt has all the behaviors of the `AsyncContent` but provides a\nstandard `isEmpty` function which checks if the array has the\n`length` zero.",displayName:"AsyncList",props:{children:{defaultValue:null,description:"Render function which takes the `data` from the `useQuery`'s\nor `useAsync`'s `state` when the promise is fulfilled, and\nexpects you to render content.",name:"children",required:!0,type:{name:"(data: T[]) => ReactNode"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},showRetryButton:{defaultValue:{value:"true"},description:"Optionally whether or not to show a retry button when the\nerror state occurs. Defaults to `true`.",name:"showRetryButton",required:!1,type:{name:"boolean | undefined"}},emptyContent:{defaultValue:null,description:"Optionally when `isEmpty` returns `true` what content to render.\n\nDefaults to rendering a `ContentState` in the `empty` mode.",name:"emptyContent",required:!1,type:{name:"((data?: T[] | undefined) => ReactNode) | undefined"}},state:{defaultValue:null,description:"Result from calling `useAsync` from `react-async`.\nResult from calling `useQuery` from `react-query`.",name:"state",required:!0,type:{name:"AsyncState<T[], AbstractState<T[]>> | UseQueryResult<T[], unknown>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/AsyncList/AsyncList.tsx#AsyncList"]={docgenInfo:AsyncList.__docgenInfo,name:"AsyncList",path:"src/core/AsyncList/AsyncList.tsx#AsyncList"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/AsyncPage/AsyncPage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>AsyncPage});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_AsyncContent_AsyncContent__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/AsyncContent/AsyncContent.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function isEmpty(page){return 0===page.totalElements}function AsyncPage(props){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent_AsyncContent__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},props,{isEmpty}))}try{isEmpty.displayName="isEmpty",isEmpty.__docgenInfo={description:"",displayName:"isEmpty",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"T[]"}},last:{defaultValue:null,description:"",name:"last",required:!0,type:{name:"boolean"}},totalElements:{defaultValue:null,description:"",name:"totalElements",required:!0,type:{name:"number"}},totalPages:{defaultValue:null,description:"",name:"totalPages",required:!0,type:{name:"number"}},size:{defaultValue:null,description:"",name:"size",required:!0,type:{name:"number"}},number:{defaultValue:null,description:"",name:"number",required:!0,type:{name:"number"}},first:{defaultValue:null,description:"",name:"first",required:!0,type:{name:"boolean"}},numberOfElements:{defaultValue:null,description:"",name:"numberOfElements",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/AsyncPage/AsyncPage.tsx#isEmpty"]={docgenInfo:isEmpty.__docgenInfo,name:"isEmpty",path:"src/core/AsyncPage/AsyncPage.tsx#isEmpty"})}catch(__react_docgen_typescript_loader_error){}try{AsyncPage.displayName="AsyncPage",AsyncPage.__docgenInfo={description:"The `AsyncPage` is a variant of `AsyncContent` which expects the\nresult of a call to `useQuery` from `react-query` or `useAsync`\nfrom `react-async` to be a `Page` from `@42.nl/spring-connect`.\n\nIt has all the behaviors of the `AsyncContent` but provides a\nstandard `isEmpty` function which checks if the `totalElements`\nof the `Page` is zero.",displayName:"AsyncPage",props:{children:{defaultValue:null,description:"Render function which takes the `data` from the `useQuery`'s\nor `useAsync`'s `state` when the promise is fulfilled, and\nexpects you to render content.",name:"children",required:!0,type:{name:"(data: Page<T>) => ReactNode"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},showRetryButton:{defaultValue:{value:"true"},description:"Optionally whether or not to show a retry button when the\nerror state occurs. Defaults to `true`.",name:"showRetryButton",required:!1,type:{name:"boolean | undefined"}},emptyContent:{defaultValue:null,description:"Optionally when `isEmpty` returns `true` what content to render.\n\nDefaults to rendering a `ContentState` in the `empty` mode.",name:"emptyContent",required:!1,type:{name:"((data?: Page<T> | undefined) => ReactNode) | undefined"}},state:{defaultValue:null,description:"Result from calling `useAsync` from `react-async`.\nResult from calling `useQuery` from `react-query`.",name:"state",required:!0,type:{name:"AsyncState<Page<T>, AbstractState<Page<T>>> | UseQueryResult<Page<T>, unknown>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/AsyncPage/AsyncPage.tsx#AsyncPage"]={docgenInfo:AsyncPage.__docgenInfo,name:"AsyncPage",path:"src/core/AsyncPage/AsyncPage.tsx#AsyncPage"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Avatar});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Tooltip/Tooltip.tsx");function Avatar(_ref){var size=_ref.size,className=_ref.className,alt=_ref.alt,src=_ref.src,children=_ref.children,sizeClass=size?"avatar-".concat(size):null,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("avatar",sizeClass,className);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:classes},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{placement:"top",content:alt,distance:tooltipDistanceFromSize(size)},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:"img-placeholder"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{alt,src})),children))}function tooltipDistanceFromSize(size){switch(size){case"lg":return 42;case"md":return 32;case"sm":return 22}return 7}try{Avatar.displayName="Avatar",Avatar.__docgenInfo={description:"Avatar is a component which shows a circular image with any element underneath.\nUse it for instance for showing the profile image of a logged-in user.",displayName:"Avatar",props:{src:{defaultValue:null,description:"Image URL to show as avatar.",name:"src",required:!0,type:{name:"string"}},children:{defaultValue:null,description:"Element underneath the image.",name:"children",required:!1,type:{name:"ReactNode"}},alt:{defaultValue:null,description:"Text that will be shown upon hovering over the image.",name:"alt",required:!0,type:{name:"string"}},size:{defaultValue:{value:"md"},description:"Optional size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xs"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Avatar/Avatar.tsx#Avatar"]={docgenInfo:Avatar.__docgenInfo,name:"Avatar",path:"src/core/Avatar/Avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Avatar/AvatarStack.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>AvatarStack});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function AvatarStack(_ref){var children=_ref.children,className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("avatar-stack",className)},children)}try{AvatarStack.displayName="AvatarStack",AvatarStack.__docgenInfo={description:"AvatarStack is a component which shows a row of overlapped avatars.\nUse it for instance when you want to show multiple thumbnails of users in an organized way.",displayName:"AvatarStack",props:{children:{defaultValue:null,description:"Element underneath the image.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Avatar/AvatarStack.tsx#AvatarStack"]={docgenInfo:AvatarStack.__docgenInfo,name:"AvatarStack",path:"src/core/Avatar/AvatarStack.tsx#AvatarStack"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/BooleanIcon/BooleanIcon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{U:()=>BooleanIcon});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Icon/Icon.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function BooleanIcon(_ref){var value=_ref.value,size=_ref.size,color=_ref.color,_ref$activeColor=_ref.activeColor,activeColor=void 0===_ref$activeColor?"primary":_ref$activeColor,hoverColor=_ref.hoverColor,onChange=_ref.onChange,props={icon:value?"check_box":"check_box_outline_blank",size,className:_ref.className};return onChange?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({color:value?activeColor:color,hoverColor:hoverColor||activeColor,onClick:function onClick(e){e.preventDefault(),onChange()}},props)):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({color},props))}try{BooleanIcon.displayName="BooleanIcon",BooleanIcon.__docgenInfo={description:"The BooleanIcon is a uniform non-interactive way to display whether\na value is either true or false.",displayName:"BooleanIcon",props:{value:{defaultValue:null,description:"Whether the value to be displayed is either true or false.",name:"value",required:!0,type:{name:"boolean"}},size:{defaultValue:null,description:"Optionally the size of the icon in pixels.\n\nDefaults to `24px`",name:"size",required:!1,type:{name:"number | undefined"}},color:{defaultValue:null,description:"Optionally the color of the icon.\nWhen onChange is defined, this property is used when\nvalue is false and the icon is not hovered.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},hoverColor:{defaultValue:null,description:"Optional color you want the icon to have when it is hovered.\nWhen hoverColor is not defined, activeColor will be used.",name:"hoverColor",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},activeColor:{defaultValue:{value:"primary"},description:"Optionally the color of the icon when value is true.\nIf hoverColor is not defined, activeColor will also be used\nwhen the icon is hovered. This is only used when onChange\nis defined.\n\nDefaults to primary.",name:"activeColor",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},onChange:{defaultValue:null,description:"Optional callback for when the form element changes.",name:"onChange",required:!1,type:{name:"(() => void) | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/BooleanIcon/BooleanIcon.tsx#BooleanIcon"]={docgenInfo:BooleanIcon.__docgenInfo,name:"BooleanIcon",path:"src/core/BooleanIcon/BooleanIcon.tsx#BooleanIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{ZP:()=>Button});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Spinner/Spinner.tsx"),_Icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Icon/index.ts"),_useShowSpinner__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Button/useShowSpinner.tsx"),classnames__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__),_excluded=["type","color","inProgress","className","onClick"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Button(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,inProgress=_ref.inProgress,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,onClick=_ref.onClick,props=_objectWithoutProperties(_ref,_excluded),showSpinner=(0,_useShowSpinner__WEBPACK_IMPORTED_MODULE_3__.Z)(!!inProgress);function handleOnClick(event){onClick&&(inProgress||onClick(event))}var children=props.children,outline=props.outline,_props$size=props.size,size=void 0===_props$size?"md":_props$size,fullWidth=props.fullWidth,disabled=props.disabled,icon=props.icon,_props$iconPosition=props.iconPosition,iconPosition=void 0===_props$iconPosition?"left":_props$iconPosition;if(children){var buttonProps={type,size,color,outline,block:fullWidth},widget=showSpinner?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_1__.Z,{size:getSpinnerSize(size),color:outline?"":"white",className:"left"===iconPosition?"me-2":"ms-2"}):icon?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.JO,{icon,className:classnames__WEBPACK_IMPORTED_MODULE_4___default()("button-icon","left"===iconPosition?"me-2":"ms-2")}):null;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:classnames__WEBPACK_IMPORTED_MODULE_4___default()("button",fullWidth?"d-block":"d-inline-block",className,color)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.zx,_extends({onClick:handleOnClick,disabled:inProgress||disabled},buttonProps),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center align-items-center"},"left"===iconPosition&&widget,children,"right"===iconPosition&&widget)))}return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:classnames__WEBPACK_IMPORTED_MODULE_4___default()("button",className,color,fullWidth?"d-flex":"d-inline-block",{"justify-content-start":fullWidth&&"left"===iconPosition,"justify-content-end":fullWidth&&"right"===iconPosition})},showSpinner?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_1__.Z,{size:getIconSize(size),color:""}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.JO,{onClick:handleOnClick,icon:null!=icon?icon:"block",color,disabled:inProgress||disabled,size:getIconSize(size)}))}function getIconSize(size){switch(size){case"lg":return 32;case"md":return 24;case"sm":return 16}}function getSpinnerSize(size){switch(size){case"lg":return 19;case"md":return 16;case"sm":return 12}}try{Button.displayName="Button",Button.__docgenInfo={description:"The Button component is a clickable element which can\neither be shown as an Icon or as a ReactStrap Button.\n\nThe Button component also has a notion of being `inProgress` when it is\nit shows a Spinner. But only when `inProgress` has been true for more\nthan 200 milliseconds. Useful for showing that a button is indeed\nclicked when performing some call to the back-end.",displayName:"Button",props:{type:{defaultValue:{value:"button"},description:"Optionally the type of button it is, defaults to 'button'.",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"button"'},{value:'"reset"'},{value:'"submit"'}]}},color:{defaultValue:{value:"primary"},description:"Optionally the color of the button.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},onClick:{defaultValue:null,description:"Optional callback for what needs to happen when the button is clicked.",name:"onClick",required:!1,type:{name:"((event: MouseEvent<HTMLElement, MouseEvent>) => any) | undefined"}},inProgress:{defaultValue:{value:"false"},description:"Whether or not the action you are performing is currently in\nprogress. If so a spinner is rendered inside of the button.\nThis behavior is optional and default to `false`.",name:"inProgress",required:!1,type:{name:"boolean | undefined"}},className:{defaultValue:{value:""},description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:null,description:"Optionally whether the button is disabled\n\nDefaults to `false`",name:"disabled",required:!1,type:{name:"boolean | undefined"}},icon:{defaultValue:null,description:"Optionally the Icon you want to use.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},iconPosition:{defaultValue:null,description:'Optionally the position of the icon, either left or right.\nDefaults to "left".\n\nOnly applicable when the `icon` prop is set.',name:"iconPosition",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'}]}},outline:{defaultValue:null,description:"Optionally whether or not to show the button only as an outline.",name:"outline",required:!1,type:{name:"boolean | undefined"}},size:{defaultValue:null,description:"Optionally the size of the button, or icon when only the icon\nis rendered.\n\nDefaults to 'md'.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},fullWidth:{defaultValue:null,description:"Optionally whether or not the button should take the full width\navailable.\n\nDefaults to `false`",name:"fullWidth",required:!1,type:{name:"boolean | undefined"}},children:{defaultValue:null,description:"Optionally the text of the button.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Button/Button.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/core/Button/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}try{getIconSize.displayName="getIconSize",getIconSize.__docgenInfo={description:"",displayName:"getIconSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Button/Button.tsx#getIconSize"]={docgenInfo:getIconSize.__docgenInfo,name:"getIconSize",path:"src/core/Button/Button.tsx#getIconSize"})}catch(__react_docgen_typescript_loader_error){}try{getSpinnerSize.displayName="getSpinnerSize",getSpinnerSize.__docgenInfo={description:"",displayName:"getSpinnerSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Button/Button.tsx#getSpinnerSize"]={docgenInfo:getSpinnerSize.__docgenInfo,name:"getSpinnerSize",path:"src/core/Button/Button.tsx#getSpinnerSize"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Button/useShowSpinner.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>useShowSpinner});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useShowSpinner(show){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(show),2),showSpinner=_useState2[0],setShowSpinner=_useState2[1];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var timer=void 0;return show?timer=window.setTimeout((function(){setShowSpinner(!0)}),200):setShowSpinner(!1),function(){window.clearTimeout(timer)}}),[show]),showSpinner}try{useShowSpinner.displayName="useShowSpinner",useShowSpinner.__docgenInfo={description:"Only show the Spinner when 200 milliseconds have past.\nThis prevents very short loading periods from showing the animation,\nseeing the Spinner very briefly looks very glitchy.",displayName:"useShowSpinner",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Button/useShowSpinner.tsx#useShowSpinner"]={docgenInfo:useShowSpinner.__docgenInfo,name:"useShowSpinner",path:"src/core/Button/useShowSpinner.tsx#useShowSpinner"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Card/Card.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Card});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Loading_Loading__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Loading/Loading.tsx"),_ErrorBoundary_ErrorBoundary__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/ErrorBoundary/ErrorBoundary.tsx");function Card(_ref){var header=_ref.header,footer=_ref.footer,children=_ref.children,className=_ref.className,cardHeaderClassName=_ref.cardHeaderClassName,cardBodyClassName=_ref.cardBodyClassName,cardFooterClassName=_ref.cardFooterClassName,modalHeaderClassName=_ref.modalHeaderClassName,modalBodyClassName=_ref.modalBodyClassName,modalFooterClassName=_ref.modalFooterClassName;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.Zb,{className},header?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.Ol,{className:cardHeaderClassName||modalHeaderClassName},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading_Loading__WEBPACK_IMPORTED_MODULE_1__.Z,null)},header)):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.eW,{className:cardBodyClassName||modalBodyClassName},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading_Loading__WEBPACK_IMPORTED_MODULE_1__.Z,null)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ErrorBoundary_ErrorBoundary__WEBPACK_IMPORTED_MODULE_2__.S,null,children))),footer?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.iR,{className:cardFooterClassName||modalFooterClassName},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading_Loading__WEBPACK_IMPORTED_MODULE_1__.Z,null)},footer)):null)}try{Card.displayName="Card",Card.__docgenInfo={description:"Card is a content container with an optional header and footer.\nYou should use this component over the reactstrap Card component,\nbecause this component has Suspense built in to display a loader\nand wait for its content to be fully loaded before displaying.",displayName:"Card",props:{header:{defaultValue:null,description:"Optionally the content of the card header.",name:"header",required:!1,type:{name:"ReactNode"}},footer:{defaultValue:null,description:"Optionally the content of the card footer.",name:"footer",required:!1,type:{name:"ReactNode"}},children:{defaultValue:null,description:"The content of the card body.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},cardHeaderClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <CardHeader>.\nUseful for styling the component.",name:"cardHeaderClassName",required:!1,type:{name:"string | undefined"}},cardBodyClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <CardBody>.\nUseful for styling the component.",name:"cardBodyClassName",required:!1,type:{name:"string | undefined"}},cardFooterClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <CardFooter>.\nUseful for styling the component.",name:"cardFooterClassName",required:!1,type:{name:"string | undefined"}},modalHeaderClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <CardHeader>.\nUseful for styling the component.\n@deprecated Please do not use the modalHeaderClassName property anymore.\nInstead use the cardHeaderClassName property.\nIn version 4.0.0 the modalHeaderClassName property will be removed.",name:"modalHeaderClassName",required:!1,type:{name:"string | undefined"}},modalBodyClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <CardBody>.\nUseful for styling the component.\n@deprecated Please do not use the modalBodyClassName property anymore.\nInstead use the cardBodyClassName property.\nIn version 4.0.0 the modalBodyClassName property will be removed.",name:"modalBodyClassName",required:!1,type:{name:"string | undefined"}},modalFooterClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <CardFooter>.\nUseful for styling the component.\n@deprecated Please do not use the modalFooterClassName property anymore.\nInstead use the cardFooterClassName property.\nIn version 4.0.0 the modalFooterClassName property will be removed.",name:"modalFooterClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Card/Card.tsx#Card"]={docgenInfo:Card.__docgenInfo,name:"Card",path:"src/core/Card/Card.tsx#Card"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/CardOpenClose/CardOpenClose.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>CardOpenClose});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_OpenClose_OpenClose__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/OpenClose/OpenClose.tsx"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_Loading_Loading__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Loading/Loading.tsx");function CardOpenClose(props){var header=props.header,isOpen=props.isOpen,toggle=props.toggle,className=props.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{className:classnames__WEBPACK_IMPORTED_MODULE_2___default()("my-2",className)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Ol,{className:"d-flex justify-content-between align-content-center clickable",onClick:toggle},header,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenClose_OpenClose__WEBPACK_IMPORTED_MODULE_1__.q,{open:isOpen})),isOpen?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading_Loading__WEBPACK_IMPORTED_MODULE_3__.Z,null)},function propsHasChildren(props){return void 0!==props.children}(props)?props.children():props.content()):null)}try{CardOpenClose.displayName="CardOpenClose",CardOpenClose.__docgenInfo={description:"CardOpenClose is a collapsable bootstrap card that you can use to only display\nimportant details and hide other details in a collapsable body to prevent extra\nlong pages that cause the user to scroll a lot.",displayName:"CardOpenClose",props:{header:{defaultValue:null,description:"The important details you always want to be displayed.",name:"header",required:!0,type:{name:"ReactNode"}},isOpen:{defaultValue:null,description:"Whether or not the collapsable body is opened.",name:"isOpen",required:!0,type:{name:"boolean"}},toggle:{defaultValue:null,description:"Callback that is triggered when the header is clicked.\nIt should invert the isOpen property to show or hide the collapsable body.",name:"toggle",required:!0,type:{name:"() => void"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},children:{defaultValue:null,description:"The content that might be hidden in the collapsable body.",name:"children",required:!0,type:{name:"() => ReactNode"}},content:{defaultValue:null,description:"The content that might be hidden in the collapsable body.\n@deprecated Please do not use the content property anymore.\nInstead use the children property.\nIn version 4.0.0 the content property will be removed.",name:"content",required:!0,type:{name:"() => ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/CardOpenClose/CardOpenClose.tsx#CardOpenClose"]={docgenInfo:CardOpenClose.__docgenInfo,name:"CardOpenClose",path:"src/core/CardOpenClose/CardOpenClose.tsx#CardOpenClose"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/ConfirmButton/ConfirmButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>ConfirmButton});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Button_Button__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Button/Button.tsx"),_ConfirmModal_ConfirmModal__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/ConfirmModal/ConfirmModal.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function ConfirmButton(_ref){var icon=_ref.icon,children=_ref.children,fullWidth=_ref.fullWidth,size=_ref.size,dialogText=_ref.dialogText,_ref$color=_ref.color,color=void 0===_ref$color?"danger":_ref$color,onConfirm=_ref.onConfirm,inProgress=_ref.inProgress,_ref$text=_ref.text,text=void 0===_ref$text?{}:_ref$text,className=_ref.className,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setOpen=_useState2[1],modalHeader=text.modalHeader,confirm=text.confirm,cancel=text.cancel;var buttonProps={onClick:function openModal(event){event.stopPropagation(),setOpen(!0)},color,inProgress:!!inProgress,icon,children,fullWidth,size};return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className,style:{display:buttonProps.icon&&!buttonProps.children?"inline":"block"}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_1__.ZP,buttonProps),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmModal_ConfirmModal__WEBPACK_IMPORTED_MODULE_2__.Z,{isOpen,onClose:function onClose(){return setOpen(!1)},onSave:function onSave(){return function saveModal(){setOpen(!1),onConfirm()}()},label:modalHeader,modalText:dialogText,cancelText:cancel,confirmText:confirm}))}try{ConfirmButton.displayName="ConfirmButton",ConfirmButton.__docgenInfo={description:"The ConfirmButton asks the user if he / she is sure he wants to\nperform the action.\n\nThe obvious use case is a delete button which asks the user if\nhe is sure he wants to delete something.",displayName:"ConfirmButton",props:{type:{defaultValue:{value:"button"},description:"Optionally the type of button it is, defaults to 'button'.",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"button"'},{value:'"reset"'},{value:'"submit"'}]}},color:{defaultValue:{value:"danger"},description:"Optionally the color of the button.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},onClick:{defaultValue:null,description:"Optional callback for what needs to happen when the button is clicked.",name:"onClick",required:!1,type:{name:"((event: MouseEvent<HTMLElement, MouseEvent>) => any) | undefined"}},inProgress:{defaultValue:{value:"false"},description:"Whether or not the action you are performing is currently in\nprogress. If so a spinner is rendered inside of the button.\nThis behavior is optional and default to `false`.",name:"inProgress",required:!1,type:{name:"boolean | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:null,description:"Optionally whether the button is disabled\n\nDefaults to `false`",name:"disabled",required:!1,type:{name:"boolean | undefined"}},icon:{defaultValue:null,description:"Optionally the Icon you want to use.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},iconPosition:{defaultValue:null,description:'Optionally the position of the icon, either left or right.\nDefaults to "left".\n\nOnly applicable when the `icon` prop is set.',name:"iconPosition",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'}]}},outline:{defaultValue:null,description:"Optionally whether or not to show the button only as an outline.",name:"outline",required:!1,type:{name:"boolean | undefined"}},size:{defaultValue:null,description:"Optionally the size of the button, or icon when only the icon\nis rendered.\n\nDefaults to 'md'.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},fullWidth:{defaultValue:null,description:"Optionally whether or not the button should take the full width\navailable.\n\nDefaults to `false`",name:"fullWidth",required:!1,type:{name:"boolean | undefined"}},children:{defaultValue:null,description:"Optionally the text of the button.",name:"children",required:!1,type:{name:"ReactNode"}},dialogText:{defaultValue:null,description:"The text you want to render inside of the dialog.",name:"dialogText",required:!0,type:{name:"ReactNode"}},onConfirm:{defaultValue:null,description:"Callback which is triggered after the user has 'confirmed' that\nthe action should occur.\n\nBasically replaces the logic you would normally put in an `onClick`\nevent in a normal button.",name:"onConfirm",required:!0,type:{name:"() => void"}},text:{defaultValue:{value:"{}"},description:"Optionally customized text to use within the component.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/ConfirmButton/ConfirmButton.tsx#ConfirmButton"]={docgenInfo:ConfirmButton.__docgenInfo,name:"ConfirmButton",path:"src/core/ConfirmButton/ConfirmButton.tsx#ConfirmButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/ConfirmModal/ConfirmModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>ConfirmModal});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/index.ts");function ConfirmModal(_ref){var isOpen=_ref.isOpen,onClose=_ref.onClose,onSave=_ref.onSave,label=_ref.label,cancelText=_ref.cancelText,confirmText=_ref.confirmText,modalText=_ref.modalText,className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_1__.nm,{isOpen,onClose,onSave,label:(0,___WEBPACK_IMPORTED_MODULE_1__.t)({overrideText:label,key:"ConfirmButton.MODAL_HEADER",fallback:"Confirmation"}),text:{cancel:(0,___WEBPACK_IMPORTED_MODULE_1__.t)({overrideText:cancelText,key:"ConfirmButton.CANCEL",fallback:"Cancel"}),save:(0,___WEBPACK_IMPORTED_MODULE_1__.t)({overrideText:confirmText,key:"ConfirmButton.CONFIRM",fallback:"Confirm"})},className},modalText)}try{ConfirmModal.displayName="ConfirmModal",ConfirmModal.__docgenInfo={description:"ConfirmModal offers the user a confirmation dialog before performing an operation.\nThe main use case is a delete action, which we want the user to confirm before proceeding.\n\nNote: In most cases, you'll want to use {@link ConfirmButton } instead.\nThat component offers an easy-to-use button that triggers this dialog.\nHowever, if it is not possible to trigger the action through a button,\nsuch as when using a ButtonDropdown, you can use this component directly instead.",displayName:"ConfirmModal",props:{label:{defaultValue:{value:"Confirmation"},description:'The text to show in the heading of the modal. Defaults to "Confirmation"',name:"label",required:!1,type:{name:"string | undefined"}},cancelText:{defaultValue:{value:"Cancel"},description:'The text to show as the cancel button\'s text, defaults to "Cancel"',name:"cancelText",required:!1,type:{name:"string | undefined"}},confirmText:{defaultValue:{value:"OK"},description:'The text to show as the ok button\'s text, defaults to "OK"',name:"confirmText",required:!1,type:{name:"string | undefined"}},isOpen:{defaultValue:null,description:"Whether or not the modal is open.\n@deprecated Please do not use the isOpen boolean to control whether\nor not the modal is opened. Instead always set isOpen to `true`\nand only render the ConfirmModal when it should be rendered.\nIn version 4.0.0 the isOpen property will be removed.",name:"isOpen",required:!0,type:{name:"boolean"}},onClose:{defaultValue:null,description:"Function that gets called when the modal is dismissed or closed via the close button",name:"onClose",required:!0,type:{name:"() => void"}},onSave:{defaultValue:null,description:"Function that gets called when the user clicks the save button",name:"onSave",required:!0,type:{name:"() => void"}},modalText:{defaultValue:null,description:"Text which is rendered inside the modal",name:"modalText",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/ConfirmModal/ConfirmModal.tsx#ConfirmModal"]={docgenInfo:ConfirmModal.__docgenInfo,name:"ConfirmModal",path:"src/core/ConfirmModal/ConfirmModal.tsx#ConfirmModal"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/ContentState/ContentState.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>ContentState});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Icon/Icon.tsx"),_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Spinner/Spinner.tsx");function ContentState(_ref){var mode=_ref.mode,title=_ref.title,subTitle=_ref.subTitle,children=_ref.children,className=_ref.className,icon="empty"===mode?"laptop":"error"===mode?"sentiment_very_dissatisfied":"search";return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("text-center",className)},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("content-state",mode)},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"state-icons"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__.Z,{icon:"add"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__.Z,{icon:"radio_button_unchecked"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__.Z,{icon:"photo"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__.Z,{icon:"folder_open"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__.Z,{icon:"radio_button_unchecked"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__.Z,{icon:"add"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"state-content"},"loading"===mode?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_3__.Z,{className:"mb-2",color:"#f0ad4e",size:75}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__.Z,{icon}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h4",null,title),subTitle&&react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",{className:"text-muted mb-3"},subTitle),children)}try{ContentState.displayName="ContentState",ContentState.__docgenInfo={description:"ContentState is a component which handles various non happy flow\nstates. The states it handles are: 'empty', 'no-results' and 'error'.\n\nIt will display whimsical component which tells the user that things\ndid not go as planned / expected. Use this component whenever you\nwould otherwise display 'nothing'.",displayName:"ContentState",props:{mode:{defaultValue:null,description:"The mode of the ContentState:\n\nUse `empty` for when you want to inform the user that there\nis no content yet.\n\nUse `no-results` for when applying a filter resulted in no results\nmatching the filters.\n\nUse `error` for when something went wrong.\n\nUse `loading` for when something is still loading.",name:"mode",required:!0,type:{name:"enum",value:[{value:'"error"'},{value:'"empty"'},{value:'"no-results"'},{value:'"loading"'}]}},children:{defaultValue:null,description:"Optional custom content you want to render below the titles.\nYou could use this to render a button for example.",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},title:{defaultValue:null,description:"The title of the ContentState component.",name:"title",required:!0,type:{name:"string"}},subTitle:{defaultValue:null,description:"The subTitle of the ContentState component.",name:"subTitle",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/ContentState/ContentState.tsx#ContentState"]={docgenInfo:ContentState.__docgenInfo,name:"ContentState",path:"src/core/ContentState/ContentState.tsx#ContentState"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Debug/Debug.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c:()=>Debug});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_CardOpenClose_CardOpenClose__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/CardOpenClose/CardOpenClose.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Debug(_ref){var value=_ref.value,_ref$defaultOpen=_ref.defaultOpen,defaultOpen=void 0===_ref$defaultOpen||_ref$defaultOpen,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(defaultOpen),2),isOpen=_useState2[0],setIsOpen=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CardOpenClose_CardOpenClose__WEBPACK_IMPORTED_MODULE_1__.X,{header:"DEBUG",isOpen,toggle:function toggle(){return setIsOpen(!isOpen)}},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",null,JSON.stringify(value,null,2))}))}try{Debug.displayName="Debug",Debug.__docgenInfo={description:"A component which helps you debug things by rendering them as\nJSON on the screen.\n\nUseful for when debugging forms:",displayName:"Debug",props:{value:{defaultValue:null,description:"Any value you want to debug. Could be an object as well as any other type.",name:"value",required:!0,type:{name:"any"}},defaultOpen:{defaultValue:{value:"true"},description:"Optionally whether the debug should start open or closed.\n\nDefaults to `true`.",name:"defaultOpen",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Debug/Debug.tsx#Debug"]={docgenInfo:Debug.__docgenInfo,name:"Debug",path:"src/core/Debug/Debug.tsx#Debug"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/ErrorBoundary/ErrorBoundary.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{S:()=>ErrorBoundary});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/ContentState/ContentState.tsx"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utilities/translation/translation.ts");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"===_typeof(call)||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var ErrorBoundary=function(_React$Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(ErrorBoundary,_React$Component);var _super=_createSuper(ErrorBoundary);function ErrorBoundary(props){var _this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,ErrorBoundary),(_this=_super.call(this,props)).state={hasError:!1},_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(ErrorBoundary,[{key:"componentDidCatch",value:function componentDidCatch(error,errorInfo){console.error(error,errorInfo.componentStack)}},{key:"render",value:function render(){var _this$props$text;return this.state.hasError?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_1__.Z,{mode:"error",title:(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__.t)({key:"ErrorBoundary.ERROR.TITLE",fallback:"Oops something went wrong!",overrideText:null===(_this$props$text=this.props.text)||void 0===_this$props$text?void 0:_this$props$text.error})}):this.props.children}}],[{key:"getDerivedStateFromError",value:function getDerivedStateFromError(){return{hasError:!0}}}]),ErrorBoundary}(react__WEBPACK_IMPORTED_MODULE_0__.Component);try{ErrorBoundary.displayName="ErrorBoundary",ErrorBoundary.__docgenInfo={description:"",displayName:"ErrorBoundary",props:{text:{defaultValue:null,description:"",name:"text",required:!1,type:{name:"{ error: string; } | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/ErrorBoundary/ErrorBoundary.tsx#ErrorBoundary"]={docgenInfo:ErrorBoundary.__docgenInfo,name:"ErrorBoundary",path:"src/core/ErrorBoundary/ErrorBoundary.tsx#ErrorBoundary"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/FavoriteIcon/FavoriteIcon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>FavoriteIcon});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Icon/Icon.tsx");function FavoriteIcon(_ref){var value=_ref.value,onChange=_ref.onChange,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,size=_ref.size,_ref$color=_ref.color,color=void 0===_ref$color?"secondary":_ref$color,_ref$activeColor=_ref.activeColor,activeColor=void 0===_ref$activeColor?"primary":_ref$activeColor,hoverColor=_ref.hoverColor;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__.Z,{color:value?activeColor:color,hoverColor:hoverColor||activeColor,className,icon:value?"star":"star_border",onClick:function onClick(e){e.preventDefault(),onChange(!value)},size})}try{FavoriteIcon.displayName="FavoriteIcon",FavoriteIcon.__docgenInfo={description:"FavoriteIcon displays a star icon to show the user\nwhether an item is favorite or not. The component\nincludes toggle functionality.",displayName:"FavoriteIcon",props:{value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!0,type:{name:"boolean"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: boolean) => void"}},className:{defaultValue:{value:""},description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},size:{defaultValue:null,description:"Optionally the size of the icon in pixels.\n\nDefaults to `24px`",name:"size",required:!1,type:{name:"number | undefined"}},color:{defaultValue:{value:"secondary"},description:"Optionally the color of the icon when value is false\nand the icon is not hovered.\n\nDefaults to secondary.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},hoverColor:{defaultValue:null,description:"Optional color you want the icon to have when it is hovered.\nWhen hoverColor is not defined, activeColor will be used.",name:"hoverColor",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},activeColor:{defaultValue:{value:"primary"},description:"Optionally the color of the icon when value is true.\nAlso used when hoverColor is not defined and the icon\nis hovered.\n\nDefaults to primary.",name:"activeColor",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/FavoriteIcon/FavoriteIcon.tsx#FavoriteIcon"]={docgenInfo:FavoriteIcon.__docgenInfo,name:"FavoriteIcon",path:"src/core/FavoriteIcon/FavoriteIcon.tsx#FavoriteIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/FlashMessage/FlashMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>FlashMessage});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function FlashMessage(_ref){var className=_ref.className,onClose=_ref.onClose,color=_ref.color,children=_ref.children;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("flash-message",className)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.bZ,{color,open:!0,toggle:onClose},children))}try{FlashMessage.displayName="FlashMessage",FlashMessage.__docgenInfo={description:"A FlashMessage is a message you want to show to the user briefly.\n\nUse it when you want to globally show a notification / message.",displayName:"FlashMessage",props:{className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},onClose:{defaultValue:null,description:"Optional callback for what needs to happen when the flash-message is closed.",name:"onClose",required:!1,type:{name:"(() => void) | undefined"}},color:{defaultValue:null,description:"Optionally the color of the button.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},children:{defaultValue:null,description:"The text of the flash message.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/FlashMessage/FlashMessage.tsx#FlashMessage"]={docgenInfo:FlashMessage.__docgenInfo,name:"FlashMessage",path:"src/core/FlashMessage/FlashMessage.tsx#FlashMessage"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Icon/Icon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Icon});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/index.ts");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Icon(_ref){var className=_ref.className,_onClick=_ref.onClick,icon=_ref.icon,id=_ref.id,color=_ref.color,hoverColor=_ref.hoverColor,disabled=_ref.disabled,size=_ref.size,_useHover2=_slicedToArray((0,___WEBPACK_IMPORTED_MODULE_2__.XI)(),2),hover=_useHover2[0],hoverEvents=_useHover2[1],colorCssClasses={};hoverColor&&hover&&!disabled&&void 0!==_onClick?colorCssClasses["text-".concat(hoverColor)]=!0:color&&(colorCssClasses["text-".concat(color)]=!0);var classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("icon",className,"material-icons",colorCssClasses,{clickable:!disabled&&_onClick,"icon--disabled":disabled}),style=size?{fontSize:size}:void 0;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("i",_extends({id,style,onClick:function onClick(event){!disabled&&_onClick&&_onClick(event)},className:classes},hoverEvents),icon)}try{Icon.displayName="Icon",Icon.__docgenInfo={description:"The Icon is a small wrapper around a material design icon.\n\nUseful for making sure your icon is typesafe via TypeScript.",displayName:"Icon",props:{icon:{defaultValue:null,description:"The material icon you want to render.",name:"icon",required:!0,type:{name:"enum",value:[{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},color:{defaultValue:null,description:"Optional color you want the Icon to have.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},hoverColor:{defaultValue:null,description:"Optional color you want the Icon to have when it is hovered.\nWhen `disabled` is true, hoverColor does not work.\nThis will only be used when onClick is defined.",name:"hoverColor",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},id:{defaultValue:null,description:"Optional id when using controlled tooltips.",name:"id",required:!1,type:{name:"string | undefined"}},onClick:{defaultValue:null,description:"Optional onClick event for when the Icon is clicked.",name:"onClick",required:!1,type:{name:"((event: MouseEvent<HTMLElement, MouseEvent>) => void) | undefined"}},disabled:{defaultValue:null,description:"Optionally whether the button is disabled\n\nDefaults to `false`",name:"disabled",required:!1,type:{name:"boolean | undefined"}},size:{defaultValue:null,description:"Optionally the size of the icon in pixels.\n\nDefaults to `24px`",name:"size",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Icon/Icon.tsx#Icon"]={docgenInfo:Icon.__docgenInfo,name:"Icon",path:"src/core/Icon/Icon.tsx#Icon"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Icon/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{JO:()=>Icon.Z,ci:()=>icons});var Icon=__webpack_require__("./src/core/Icon/Icon.tsx"),icons=["10k","10mp","11mp","123","12mp","13mp","14mp","15mp","16mp","17mp","18mp","19mp","1k","1k_plus","1x_mobiledata","20mp","21mp","22mp","23mp","24mp","2k","2k_plus","2mp","30fps","30fps_select","360","3d_rotation","3g_mobiledata","3k","3k_plus","3mp","3p","4g_mobiledata","4g_plus_mobiledata","4k","4k_plus","4mp","5g","5k","5k_plus","5mp","60fps","60fps_select","6_ft_apart","6k","6k_plus","6mp","7k","7k_plus","7mp","8k","8k_plus","8mp","9k","9k_plus","9mp","abc","ac_unit","access_alarm","access_alarms","access_time","access_time_filled","accessibility","accessibility_new","accessible","accessible_forward","account_balance","account_balance_wallet","account_box","account_circle","account_tree","ad_units","adb","add","add_a_photo","add_alarm","add_alert","add_box","add_business","add_card","add_chart","add_circle","add_circle_outline","add_comment","add_ic_call","add_link","add_location","add_location_alt","add_moderator","add_photo_alternate","add_reaction","add_road","add_shopping_cart","add_task","add_to_drive","add_to_home_screen","add_to_photos","add_to_queue","addchart","adf_scanner","adjust","admin_panel_settings","ads_click","agriculture","air","airline_seat_flat","airline_seat_flat_angled","airline_seat_individual_suite","airline_seat_legroom_extra","airline_seat_legroom_normal","airline_seat_legroom_reduced","airline_seat_recline_extra","airline_seat_recline_normal","airline_stops","airlines","airplane_ticket","airplanemode_active","airplanemode_inactive","airplay","airport_shuttle","alarm","alarm_add","alarm_off","alarm_on","album","align_horizontal_center","align_horizontal_left","align_horizontal_right","align_vertical_bottom","align_vertical_center","align_vertical_top","all_inbox","all_inclusive","all_out","alt_route","alternate_email","analytics","anchor","android","animation","announcement","aod","apartment","api","app_blocking","app_registration","app_settings_alt","app_shortcut","approval","apps","apps_outage","architecture","archive","area_chart","arrow_back","arrow_back_ios","arrow_back_ios_new","arrow_circle_down","arrow_circle_left","arrow_circle_right","arrow_circle_up","arrow_downward","arrow_drop_down","arrow_drop_down_circle","arrow_drop_up","arrow_forward","arrow_forward_ios","arrow_left","arrow_right","arrow_right_alt","arrow_upward","art_track","article","aspect_ratio","assessment","assignment","assignment_ind","assignment_late","assignment_return","assignment_returned","assignment_turned_in","assistant","assistant_direction","assistant_photo","assured_workload","atm","attach_email","attach_file","attach_money","attachment","attractions","attribution","audio_file","audiotrack","auto_awesome","auto_awesome_mosaic","auto_awesome_motion","auto_delete","auto_fix_high","auto_fix_normal","auto_fix_off","auto_graph","auto_stories","autofps_select","autorenew","av_timer","baby_changing_station","back_hand","backpack","backspace","backup","backup_table","badge","bakery_dining","balance","balcony","ballot","bar_chart","batch_prediction","bathroom","bathtub","battery_alert","battery_charging_full","battery_full","battery_saver","battery_std","battery_unknown","beach_access","bed","bedroom_baby","bedroom_child","bedroom_parent","bedtime","bedtime_off","beenhere","bento","bike_scooter","biotech","blender","block","bloodtype","bluetooth","bluetooth_audio","bluetooth_connected","bluetooth_disabled","bluetooth_drive","bluetooth_searching","blur_circular","blur_linear","blur_off","blur_on","bolt","book","book_online","bookmark","bookmark_add","bookmark_added","bookmark_border","bookmark_remove","bookmarks","border_all","border_bottom","border_clear","border_color","border_horizontal","border_inner","border_left","border_outer","border_right","border_style","border_top","border_vertical","boy","branding_watermark","breakfast_dining","brightness_1","brightness_2","brightness_3","brightness_4","brightness_5","brightness_6","brightness_7","brightness_auto","brightness_high","brightness_low","brightness_medium","broken_image","browse_gallery","browser_not_supported","browser_updated","brunch_dining","brush","bubble_chart","bug_report","build","build_circle","bungalow","burst_mode","bus_alert","business","business_center","cabin","cable","cached","cake","calculate","calendar_month","calendar_today","calendar_view_day","calendar_view_month","calendar_view_week","call","call_end","call_made","call_merge","call_missed","call_missed_outgoing","call_received","call_split","call_to_action","camera","camera_alt","camera_enhance","camera_front","camera_indoor","camera_outdoor","camera_rear","camera_roll","cameraswitch","campaign","cancel","cancel_presentation","cancel_schedule_send","candlestick_chart","car_rental","car_repair","card_giftcard","card_membership","card_travel","carpenter","cases","casino","cast","cast_connected","cast_for_education","castle","catching_pokemon","category","celebration","cell_tower","cell_wifi","center_focus_strong","center_focus_weak","chair","chair_alt","chalet","change_circle","change_history","charging_station","chat","chat_bubble","chat_bubble_outline","check","check_box","check_box_outline_blank","check_circle","check_circle_outline","checklist","checklist_rtl","checkroom","chevron_left","chevron_right","child_care","child_friendly","chrome_reader_mode","church","circle","circle_notifications","class","clean_hands","cleaning_services","clear","clear_all","close","close_fullscreen","closed_caption","closed_caption_disabled","closed_caption_off","cloud","cloud_circle","cloud_done","cloud_download","cloud_off","cloud_queue","cloud_sync","cloud_upload","co2","co_present","code","code_off","coffee","coffee_maker","collections","collections_bookmark","color_lens","colorize","comment","comment_bank","comments_disabled","commit","commute","compare","compare_arrows","compass_calibration","compost","compress","computer","confirmation_number","connect_without_contact","connected_tv","connecting_airports","construction","contact_mail","contact_page","contact_phone","contact_support","contactless","contacts","content_copy","content_cut","content_paste","content_paste_go","content_paste_off","content_paste_search","contrast","control_camera","control_point","control_point_duplicate","cookie","copy_all","copyright","coronavirus","corporate_fare","cottage","countertops","create","create_new_folder","credit_card","credit_card_off","credit_score","crib","crop","crop_16_9","crop_3_2","crop_5_4","crop_7_5","crop_din","crop_free","crop_landscape","crop_original","crop_portrait","crop_rotate","crop_square","cruelty_free","css","currency_bitcoin","currency_exchange","currency_franc","currency_lira","currency_pound","currency_ruble","currency_rupee","currency_yen","currency_yuan","dangerous","dark_mode","dashboard","dashboard_customize","data_array","data_exploration","data_object","data_saver_off","data_saver_on","data_thresholding","data_usage","date_range","deblur","deck","dehaze","delete","delete_forever","delete_outline","delete_sweep","delivery_dining","density_large","density_medium","density_small","departure_board","description","deselect","design_services","desktop_access_disabled","desktop_mac","desktop_windows","details","developer_board","developer_board_off","developer_mode","device_hub","device_thermostat","device_unknown","devices","devices_other","dialer_sip","dialpad","diamond","difference","dining","dinner_dining","directions","directions_bike","directions_boat","directions_boat_filled","directions_bus","directions_bus_filled","directions_car","directions_car_filled","directions_off","directions_railway","directions_railway_filled","directions_run","directions_subway","directions_subway_filled","directions_transit","directions_transit_filled","directions_walk","dirty_lens","disabled_by_default","disabled_visible","disc_full","discount","display_settings","dns","do_disturb","do_disturb_alt","do_disturb_off","do_disturb_on","do_not_disturb","do_not_disturb_alt","do_not_disturb_off","do_not_disturb_on","do_not_disturb_on_total_silence","do_not_step","do_not_touch","dock","document_scanner","domain","domain_add","domain_disabled","domain_verification","done","done_all","done_outline","donut_large","donut_small","door_back","door_front","door_sliding","doorbell","double_arrow","downhill_skiing","download","download_done","download_for_offline","downloading","drafts","drag_handle","drag_indicator","draw","drive_eta","drive_file_move","drive_file_move_rtl","drive_file_rename_outline","drive_folder_upload","dry","dry_cleaning","duo","dvr","dynamic_feed","dynamic_form","e_mobiledata","earbuds","earbuds_battery","east","edgesensor_high","edgesensor_low","edit","edit_attributes","edit_calendar","edit_location","edit_location_alt","edit_note","edit_notifications","edit_off","edit_road","egg","egg_alt","eject","elderly","elderly_woman","electric_bike","electric_car","electric_moped","electric_rickshaw","electric_scooter","electrical_services","elevator","email","emergency","emoji_emotions","emoji_events","emoji_food_beverage","emoji_nature","emoji_objects","emoji_people","emoji_symbols","emoji_transportation","engineering","enhanced_encryption","equalizer","error","error_outline","escalator","escalator_warning","euro","euro_symbol","ev_station","event","event_available","event_busy","event_note","event_repeat","event_seat","exit_to_app","expand","expand_circle_down","expand_less","expand_more","explicit","explore","explore_off","exposure","exposure_neg_1","exposure_neg_2","exposure_plus_1","exposure_plus_2","exposure_zero","extension","extension_off","face","face_retouching_natural","face_retouching_off","fact_check","factory","family_restroom","fast_forward","fast_rewind","fastfood","favorite","favorite_border","fax","featured_play_list","featured_video","feed","feedback","female","fence","festival","fiber_dvr","fiber_manual_record","fiber_new","fiber_pin","fiber_smart_record","file_copy","file_download","file_download_done","file_download_off","file_open","file_present","file_upload","filter","filter_1","filter_2","filter_3","filter_4","filter_5","filter_6","filter_7","filter_8","filter_9","filter_9_plus","filter_alt","filter_alt_off","filter_b_and_w","filter_center_focus","filter_drama","filter_frames","filter_hdr","filter_list","filter_list_off","filter_none","filter_tilt_shift","filter_vintage","find_in_page","find_replace","fingerprint","fire_extinguisher","fireplace","first_page","fit_screen","fitbit","fitness_center","flag","flag_circle","flaky","flare","flash_auto","flash_off","flash_on","flashlight_off","flashlight_on","flatware","flight","flight_class","flight_land","flight_takeoff","flip","flip_camera_android","flip_camera_ios","flip_to_back","flip_to_front","flourescent","flutter_dash","fmd_bad","fmd_good","folder","folder_copy","folder_delete","folder_off","folder_open","folder_shared","folder_special","folder_zip","follow_the_signs","font_download","font_download_off","food_bank","forest","fork_left","fork_right","format_align_center","format_align_justify","format_align_left","format_align_right","format_bold","format_clear","format_color_fill","format_color_reset","format_color_text","format_indent_decrease","format_indent_increase","format_italic","format_line_spacing","format_list_bulleted","format_list_numbered","format_list_numbered_rtl","format_overline","format_paint","format_quote","format_shapes","format_size","format_strikethrough","format_textdirection_l_to_r","format_textdirection_r_to_l","format_underlined","fort","forum","forward","forward_10","forward_30","forward_5","forward_to_inbox","foundation","free_breakfast","free_cancellation","front_hand","fullscreen","fullscreen_exit","functions","g_mobiledata","g_translate","gamepad","games","garage","gavel","generating_tokens","gesture","get_app","gif","gif_box","girl","gite","golf_course","gpp_bad","gpp_good","gpp_maybe","gps_fixed","gps_not_fixed","gps_off","grade","gradient","grading","grain","graphic_eq","grass","grid_3x3","grid_4x4","grid_goldenratio","grid_off","grid_on","grid_view","group","group_add","group_off","group_remove","group_work","groups","h_mobiledata","h_plus_mobiledata","hail","handshake","handyman","hardware","hd","hdr_auto","hdr_auto_select","hdr_enhanced_select","hdr_off","hdr_off_select","hdr_on","hdr_on_select","hdr_plus","hdr_strong","hdr_weak","headphones","headphones_battery","headset","headset_mic","headset_off","healing","health_and_safety","hearing","hearing_disabled","heart_broken","height","help","help_center","help_outline","hevc","hexagon","hide_image","hide_source","high_quality","highlight","highlight_alt","highlight_off","hiking","history","history_edu","history_toggle_off","hive","hls","hls_off","holiday_village","home","home_max","home_mini","home_repair_service","home_work","horizontal_distribute","horizontal_rule","horizontal_split","hot_tub","hotel","hotel_class","hourglass_bottom","hourglass_disabled","hourglass_empty","hourglass_full","hourglass_top","house","house_siding","houseboat","how_to_reg","how_to_vote","html","http","https","hub","hvac","ice_skating","icecream","image","image_aspect_ratio","image_not_supported","image_search","imagesearch_roller","import_contacts","import_export","important_devices","inbox","incomplete_circle","indeterminate_check_box","info","input","insert_chart","insert_chart_outlined","insert_comment","insert_drive_file","insert_emoticon","insert_invitation","insert_link","insert_page_break","insert_photo","insights","install_desktop","install_mobile","integration_instructions","interests","interpreter_mode","inventory","inventory_2","invert_colors","invert_colors_off","ios_share","iron","iso","javascript","join_full","join_inner","join_left","join_right","kayaking","kebab_dining","key","key_off","keyboard","keyboard_alt","keyboard_arrow_down","keyboard_arrow_left","keyboard_arrow_right","keyboard_arrow_up","keyboard_backspace","keyboard_capslock","keyboard_command_key","keyboard_control_key","keyboard_double_arrow_down","keyboard_double_arrow_left","keyboard_double_arrow_right","keyboard_double_arrow_up","keyboard_hide","keyboard_option_key","keyboard_return","keyboard_tab","keyboard_voice","king_bed","kitchen","kitesurfing","label","label_important","label_off","lan","landscape","language","laptop","laptop_chromebook","laptop_mac","laptop_windows","last_page","launch","layers","layers_clear","leaderboard","leak_add","leak_remove","legend_toggle","lens","lens_blur","library_add","library_add_check","library_books","library_music","light","light_mode","lightbulb","line_axis","line_style","line_weight","linear_scale","link","link_off","linked_camera","liquor","list","list_alt","live_help","live_tv","living","local_activity","local_airport","local_atm","local_bar","local_cafe","local_car_wash","local_convenience_store","local_dining","local_drink","local_fire_department","local_florist","local_gas_station","local_grocery_store","local_hospital","local_hotel","local_laundry_service","local_library","local_mall","local_movies","local_offer","local_parking","local_pharmacy","local_phone","local_pizza","local_play","local_police","local_post_office","local_printshop","local_see","local_shipping","local_taxi","location_city","location_disabled","location_off","location_on","location_searching","lock","lock_clock","lock_open","lock_reset","login","logo_dev","logout","looks","looks_3","looks_4","looks_5","looks_6","looks_one","looks_two","loop","loupe","low_priority","loyalty","lte_mobiledata","lte_plus_mobiledata","luggage","lunch_dining","mail","mail_outline","male","man","manage_accounts","manage_search","map","maps_home_work","maps_ugc","margin","mark_as_unread","mark_chat_read","mark_chat_unread","mark_email_read","mark_email_unread","mark_unread_chat_alt","markunread","markunread_mailbox","masks","maximize","media_bluetooth_off","media_bluetooth_on","mediation","medical_services","medication","medication_liquid","meeting_room","memory","menu","menu_book","menu_open","merge","merge_type","message","mic","mic_external_off","mic_external_on","mic_none","mic_off","microwave","military_tech","minimize","miscellaneous_services","missed_video_call","mms","mobile_friendly","mobile_off","mobile_screen_share","mobiledata_off","mode","mode_comment","mode_edit","mode_edit_outline","mode_night","mode_of_travel","mode_standby","model_training","monetization_on","money","money_off","money_off_csred","monitor","monitor_heart","monitor_weight","monochrome_photos","mood","mood_bad","moped","more","more_horiz","more_time","more_vert","mosque","motion_photos_auto","motion_photos_off","motion_photos_on","motion_photos_pause","motion_photos_paused","mouse","move_down","move_to_inbox","move_up","movie","movie_creation","movie_filter","moving","mp","multiline_chart","multiple_stop","museum","music_note","music_off","music_video","my_location","nat","nature","nature_people","navigate_before","navigate_next","navigation","near_me","near_me_disabled","nearby_error","nearby_off","network_cell","network_check","network_locked","network_ping","network_wifi","new_label","new_releases","newspaper","next_plan","next_week","nfc","night_shelter","nightlife","nightlight","nightlight_round","nights_stay","no_accounts","no_backpack","no_cell","no_drinks","no_encryption","no_encryption_gmailerrorred","no_flash","no_food","no_luggage","no_meals","no_meeting_room","no_photography","no_sim","no_stroller","no_transfer","nordic_walking","north","north_east","north_west","not_accessible","not_interested","not_listed_location","not_started","note","note_add","note_alt","notes","notification_add","notification_important","notifications","notifications_active","notifications_none","notifications_off","notifications_paused","numbers","offline_bolt","offline_pin","offline_share","ondemand_video","online_prediction","opacity","open_in_browser","open_in_full","open_in_new","open_in_new_off","open_with","other_houses","outbound","outbox","outdoor_grill","outlet","outlined_flag","output","padding","pages","pageview","paid","palette","pan_tool","pan_tool_alt","panorama","panorama_fish_eye","panorama_horizontal","panorama_horizontal_select","panorama_photosphere","panorama_photosphere_select","panorama_vertical","panorama_vertical_select","panorama_wide_angle","panorama_wide_angle_select","paragliding","park","party_mode","password","pattern","pause","pause_circle","pause_circle_filled","pause_circle_outline","pause_presentation","payment","payments","pedal_bike","pending","pending_actions","pentagon","people","people_alt","people_outline","percent","perm_camera_mic","perm_contact_calendar","perm_data_setting","perm_device_information","perm_identity","perm_media","perm_phone_msg","perm_scan_wifi","person","person_add","person_add_alt","person_add_alt_1","person_add_disabled","person_off","person_outline","person_pin","person_pin_circle","person_remove","person_remove_alt_1","person_search","personal_injury","personal_video","pest_control","pest_control_rodent","pets","phishing","phone","phone_android","phone_bluetooth_speaker","phone_callback","phone_disabled","phone_enabled","phone_forwarded","phone_in_talk","phone_iphone","phone_locked","phone_missed","phone_paused","phonelink","phonelink_erase","phonelink_lock","phonelink_off","phonelink_ring","phonelink_setup","photo","photo_album","photo_camera","photo_camera_back","photo_camera_front","photo_filter","photo_library","photo_size_select_actual","photo_size_select_large","photo_size_select_small","php","piano","piano_off","picture_as_pdf","picture_in_picture","picture_in_picture_alt","pie_chart","pie_chart_outline","pin","pin_drop","pin_end","pin_invoke","pinch","pivot_table_chart","pix","place","plagiarism","play_arrow","play_circle","play_circle_filled","play_circle_outline","play_disabled","play_for_work","play_lesson","playlist_add","playlist_add_check","playlist_add_check_circle","playlist_add_circle","playlist_play","playlist_remove","plumbing","plus_one","podcasts","point_of_sale","policy","poll","polyline","polymer","pool","portable_wifi_off","portrait","post_add","power","power_input","power_off","power_settings_new","precision_manufacturing","pregnant_woman","present_to_all","preview","price_change","price_check","print","print_disabled","priority_high","privacy_tip","private_connectivity","production_quantity_limits","psychology","public","public_off","publish","published_with_changes","punch_clock","push_pin","qr_code","qr_code_2","qr_code_scanner","query_builder","query_stats","question_answer","question_mark","queue","queue_music","queue_play_next","quickreply","quiz","r_mobiledata","radar","radio","radio_button_checked","radio_button_unchecked","railway_alert","ramen_dining","ramp_left","ramp_right","rate_review","raw_off","raw_on","read_more","real_estate_agent","receipt","receipt_long","recent_actors","recommend","record_voice_over","rectangle","recycling","redeem","redo","reduce_capacity","refresh","remember_me","remove","remove_circle","remove_circle_outline","remove_done","remove_from_queue","remove_moderator","remove_red_eye","remove_shopping_cart","reorder","repeat","repeat_on","repeat_one","repeat_one_on","replay","replay_10","replay_30","replay_5","replay_circle_filled","reply","reply_all","report","report_gmailerrorred","report_off","report_problem","request_page","request_quote","reset_tv","restart_alt","restaurant","restaurant_menu","restore","restore_from_trash","restore_page","reviews","rice_bowl","ring_volume","rocket","rocket_launch","roller_skating","roofing","room","room_preferences","room_service","rotate_90_degrees_ccw","rotate_90_degrees_cw","rotate_left","rotate_right","roundabout_left","roundabout_right","rounded_corner","route","router","rowing","rss_feed","rsvp","rtt","rule","rule_folder","run_circle","running_with_errors","rv_hookup","safety_divider","sailing","sanitizer","satellite","satellite_alt","save","save_alt","save_as","saved_search","savings","scale","scanner","scatter_plot","schedule","schedule_send","schema","school","science","score","scoreboard","screen_lock_landscape","screen_lock_portrait","screen_lock_rotation","screen_rotation","screen_search_desktop","screen_share","screenshot","scuba_diving","sd","sd_card","sd_card_alert","sd_storage","search","search_off","security","security_update","security_update_good","security_update_warning","segment","select_all","self_improvement","sell","send","send_and_archive","send_time_extension","send_to_mobile","sensor_door","sensor_window","sensors","sensors_off","sentiment_dissatisfied","sentiment_neutral","sentiment_satisfied","sentiment_satisfied_alt","sentiment_very_dissatisfied","sentiment_very_satisfied","set_meal","settings","settings_accessibility","settings_applications","settings_backup_restore","settings_bluetooth","settings_brightness","settings_cell","settings_ethernet","settings_input_antenna","settings_input_component","settings_input_composite","settings_input_hdmi","settings_input_svideo","settings_overscan","settings_phone","settings_power","settings_remote","settings_suggest","settings_system_daydream","settings_voice","share","share_location","shield","shield_moon","shop","shop_2","shop_two","shopping_bag","shopping_basket","shopping_cart","shopping_cart_checkout","short_text","shortcut","show_chart","shower","shuffle","shuffle_on","shutter_speed","sick","signal_cellular_0_bar","signal_cellular_4_bar","signal_cellular_alt","signal_cellular_connected_no_internet_0_bar","signal_cellular_connected_no_internet_4_bar","signal_cellular_no_sim","signal_cellular_nodata","signal_cellular_null","signal_cellular_off","signal_wifi_0_bar","signal_wifi_4_bar","signal_wifi_4_bar_lock","signal_wifi_bad","signal_wifi_connected_no_internet_4","signal_wifi_off","signal_wifi_statusbar_4_bar","signal_wifi_statusbar_connected_no_internet_4","signal_wifi_statusbar_null","signpost","sim_card","sim_card_alert","sim_card_download","single_bed","sip","skateboarding","skip_next","skip_previous","sledding","slideshow","slow_motion_video","smart_button","smart_display","smart_screen","smart_toy","smartphone","smoke_free","smoking_rooms","sms","sms_failed","snippet_folder","snooze","snowboarding","snowmobile","snowshoeing","soap","social_distance","sort","sort_by_alpha","soup_kitchen","source","south","south_america","south_east","south_west","spa","space_bar","space_dashboard","speaker","speaker_group","speaker_notes","speaker_notes_off","speaker_phone","speed","spellcheck","splitscreen","spoke","sports","sports_bar","sports_baseball","sports_basketball","sports_cricket","sports_esports","sports_football","sports_golf","sports_gymnastics","sports_handball","sports_hockey","sports_kabaddi","sports_martial_arts","sports_mma","sports_motorsports","sports_rugby","sports_score","sports_soccer","sports_tennis","sports_volleyball","square","square_foot","ssid_chart","stacked_bar_chart","stacked_line_chart","stadium","stairs","star","star_border","star_border_purple500","star_half","star_outline","star_purple500","star_rate","stars","start","stay_current_landscape","stay_current_portrait","stay_primary_landscape","stay_primary_portrait","sticky_note_2","stop","stop_circle","stop_screen_share","storage","store","store_mall_directory","storefront","storm","straight","straighten","stream","streetview","strikethrough_s","stroller","style","subdirectory_arrow_left","subdirectory_arrow_right","subject","subscript","subscriptions","subtitles","subtitles_off","subway","summarize","superscript","supervised_user_circle","supervisor_account","support","support_agent","surfing","surround_sound","swap_calls","swap_horiz","swap_horizontal_circle","swap_vert","swap_vertical_circle","swipe","swipe_down","swipe_down_alt","swipe_left","swipe_left_alt","swipe_right","swipe_right_alt","swipe_up","swipe_up_alt","swipe_vertical","switch_access_shortcut","switch_access_shortcut_add","switch_account","switch_camera","switch_left","switch_right","switch_video","synagogue","sync","sync_alt","sync_disabled","sync_lock","sync_problem","system_security_update","system_security_update_good","system_security_update_warning","system_update","system_update_alt","tab","tab_unselected","table_bar","table_chart","table_restaurant","table_rows","table_view","tablet","tablet_android","tablet_mac","tag","tag_faces","takeout_dining","tap_and_play","tapas","task","task_alt","taxi_alert","temple_buddhist","temple_hindu","terminal","terrain","text_decrease","text_fields","text_format","text_increase","text_rotate_up","text_rotate_vertical","text_rotation_angledown","text_rotation_angleup","text_rotation_down","text_rotation_none","text_snippet","textsms","texture","theater_comedy","theaters","thermostat","thermostat_auto","thumb_down","thumb_down_alt","thumb_down_off_alt","thumb_up","thumb_up_alt","thumb_up_off_alt","thumbs_up_down","time_to_leave","timelapse","timeline","timer","timer_10","timer_10_select","timer_3","timer_3_select","timer_off","tips_and_updates","tire_repair","title","toc","today","toggle_off","toggle_on","token","toll","tonality","topic","touch_app","tour","toys","track_changes","traffic","train","tram","transfer_within_a_station","transform","transgender","transit_enterexit","translate","travel_explore","trending_down","trending_flat","trending_up","trip_origin","try","tty","tune","tungsten","turn_left","turn_right","turn_sharp_left","turn_sharp_right","turn_slight_left","turn_slight_right","turned_in","turned_in_not","tv","tv_off","two_wheeler","u_turn_left","u_turn_right","umbrella","unarchive","undo","unfold_less","unfold_more","unpublished","unsubscribe","upcoming","update","update_disabled","upgrade","upload","upload_file","usb","usb_off","vaccines","vape_free","vaping_rooms","verified","verified_user","vertical_align_bottom","vertical_align_center","vertical_align_top","vertical_distribute","vertical_split","vibration","video_call","video_camera_back","video_camera_front","video_file","video_label","video_library","video_settings","video_stable","videocam","videocam_off","videogame_asset","videogame_asset_off","view_agenda","view_array","view_carousel","view_column","view_comfy","view_comfy_alt","view_compact","view_compact_alt","view_cozy","view_day","view_headline","view_in_ar","view_kanban","view_list","view_module","view_quilt","view_sidebar","view_stream","view_timeline","view_week","vignette","villa","visibility","visibility_off","voice_chat","voice_over_off","voicemail","volume_down","volume_mute","volume_off","volume_up","volunteer_activism","vpn_key","vpn_key_off","vpn_lock","vrpano","wallpaper","warehouse","warning","warning_amber","wash","watch","watch_later","watch_off","water","water_damage","water_drop","waterfall_chart","waves","waving_hand","wb_auto","wb_cloudy","wb_incandescent","wb_iridescent","wb_shade","wb_sunny","wb_twilight","wc","web","web_asset","web_asset_off","webhook","weekend","west","whatsapp","whatshot","wheelchair_pickup","where_to_vote","widgets","wifi","wifi_calling","wifi_calling_3","wifi_channel","wifi_find","wifi_lock","wifi_off","wifi_password","wifi_protected_setup","wifi_tethering","wifi_tethering_error","wifi_tethering_off","window","wine_bar","woman","work","work_off","work_outline","workspace_premium","workspaces","wrap_text","wrong_location","wysiwyg","yard","youtube_searched_for","zoom_in","zoom_in_map","zoom_out","zoom_out_map"]},"./src/core/InfoBadge/InfoBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>InfoBadge});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function InfoBadge(_ref){var color=_ref.color,value=_ref.value,children=_ref.children,className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("info-badge-container",className)},children,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.Ct,{color,pill:!0},value))}try{InfoBadge.displayName="InfoBadge",InfoBadge.__docgenInfo={description:"InfoBadge is a badge which shows up on the top right of an element.\n\nUse it when you want to show a notification / message count above\nan element.",displayName:"InfoBadge",props:{children:{defaultValue:null,description:"The element you want to add the InfoBadge to.",name:"children",required:!0,type:{name:"ReactNode"}},color:{defaultValue:null,description:"The color of the badge. Supports Bootstrap colors (e.g. primary, danger).",name:"color",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},value:{defaultValue:null,description:"The string or number to show in the badge.",name:"value",required:!0,type:{name:"string | number"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/InfoBadge/InfoBadge.tsx#InfoBadge"]={docgenInfo:InfoBadge.__docgenInfo,name:"InfoBadge",path:"src/core/InfoBadge/InfoBadge.tsx#InfoBadge"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/InfoTooltip/InfoTooltip.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{b:()=>InfoTooltip});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_core_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Icon/index.ts"),_core_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Tooltip/Tooltip.tsx");function InfoTooltip(props){var tooltip=props.tooltip,_props$size=props.size,size=void 0===_props$size?16:_props$size,className=props.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:tooltip,className},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_1__.JO,{icon:"info",size}))}try{InfoTooltip.displayName="InfoTooltip",InfoTooltip.__docgenInfo={description:"InfoTooltip is an info icon that displays a tooltip on mouseover.",displayName:"InfoTooltip",props:{tooltip:{defaultValue:null,description:"The content of the tooltip.",name:"tooltip",required:!0,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Optionally the size of the icon.\nDefaults to 16.",name:"size",required:!1,type:{name:"number | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/InfoTooltip/InfoTooltip.tsx#InfoTooltip"]={docgenInfo:InfoTooltip.__docgenInfo,name:"InfoTooltip",path:"src/core/InfoTooltip/InfoTooltip.tsx#InfoTooltip"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Loading/Loading.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Loading});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Spinner/Spinner.tsx"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utilities/translation/translation.ts");function Loading(_ref){var children=_ref.children,className=_ref.className,_ref$text=_ref.text,text=void 0===_ref$text?{}:_ref$text,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("d-flex",className);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classes},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z,{className:"align-self-center",color:"black",size:16}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:"ms-1"},children||(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({key:"Loading.LOADING",fallback:"Loading...",overrideText:text.loading})))}try{Loading.displayName="Loading",Loading.__docgenInfo={description:"",displayName:"Loading",props:{text:{defaultValue:{value:"{}"},description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},children:{defaultValue:null,description:"Optional text to show next to the loading indicator.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Loading/Loading.tsx#Loading"]={docgenInfo:Loading.__docgenInfo,name:"Loading",path:"src/core/Loading/Loading.tsx#Loading"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/LoadingPage/LoadingPage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>LoadingPage});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Spinner/Spinner.tsx"),_hooks_useShowAfter_useShowAfter__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/hooks/useShowAfter/useShowAfter.tsx");function LoadingPage(_ref){var className=_ref.className,style=_ref.style,height=_ref.height,showSpinner=(0,_hooks_useShowAfter_useShowAfter__WEBPACK_IMPORTED_MODULE_3__.u)(200);return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()("loading-page",className),style},react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()("d-flex flex-column justify-content-center align-items-center",{"vh-100":void 0===height}),style:{marginTop:void 0===height?-75:void 0,height}},showSpinner&&react__WEBPACK_IMPORTED_MODULE_1__.createElement(_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z,{size:150,color:"#f0ad4e"})))}try{LoadingPage.displayName="LoadingPage",LoadingPage.__docgenInfo={description:"The LoadingPage component embeds the Spinner component in a page-friendly matter.\n\nUse this for showing a loading indicator when navigating to pages that fetch data.",displayName:"LoadingPage",props:{className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},style:{defaultValue:null,description:"Optional extra CSSProperties you want to add to the component.\nUseful for styling the component.",name:"style",required:!1,type:{name:"CSSProperties | undefined"}},height:{defaultValue:null,description:"Optionally a height, by default this will be the full height\nof the view port.",name:"height",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/LoadingPage/LoadingPage.tsx#LoadingPage"]={docgenInfo:LoadingPage.__docgenInfo,name:"LoadingPage",path:"src/core/LoadingPage/LoadingPage.tsx#LoadingPage"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Modal/Modal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{u:()=>Modal});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Loading_Loading__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Loading/Loading.tsx");function Modal(props){var onClose=props.onClose,header=props.header,footer=props.footer,size=props.size,_props$stickyFooter=props.stickyFooter,stickyFooter=void 0===_props$stickyFooter||_props$stickyFooter,className=props.className,modalHeaderClassName=props.modalHeaderClassName,modalBodyClassName=props.modalBodyClassName,modalFooterClassName=props.modalFooterClassName,children=props.children;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.u_,{wrapClassName:stickyFooter?"sticky-modal":void 0,isOpen:!0,toggle:function toggle(){return onClose()},size,className},header?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.xB,{toggle:function toggle(){return onClose()},className:modalHeaderClassName},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading_Loading__WEBPACK_IMPORTED_MODULE_1__.Z,null)},header)):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.fe,{className:modalBodyClassName},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading_Loading__WEBPACK_IMPORTED_MODULE_1__.Z,null)},children)),footer?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.mz,{className:modalFooterClassName},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading_Loading__WEBPACK_IMPORTED_MODULE_1__.Z,null)},footer)):null)}try{Modal.displayName="Modal",Modal.__docgenInfo={description:"Modal is a dialog that overlays the website. The dialog is often used to\nask the user a question or inform the user about something important.\nYou should use this component over the reactstrap Modal component,\nbecause this component has Suspense built in to display a loader\nand wait for its content to be fully loaded before displaying.",displayName:"Modal",props:{onClose:{defaultValue:null,description:"Callback for when the modal should close.",name:"onClose",required:!0,type:{name:"() => void"}},header:{defaultValue:null,description:"Optionally the content of the modal header.",name:"header",required:!1,type:{name:"ReactNode"}},footer:{defaultValue:null,description:"Optionally the content of the modal footer.",name:"footer",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Optionally the size (width) of the modal.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xs"'}]}},stickyFooter:{defaultValue:null,description:"Whether the footer should stick to the bottom of the modal.\nThis allows the user to always click the close and save buttons.\n\nDefaults to `true`.",name:"stickyFooter",required:!1,type:{name:"boolean | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},modalHeaderClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <ModalHeader>.\nUseful for styling the component.",name:"modalHeaderClassName",required:!1,type:{name:"string | undefined"}},modalBodyClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <ModalBody>.\nUseful for styling the component.",name:"modalBodyClassName",required:!1,type:{name:"string | undefined"}},modalFooterClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <ModalFooter>.\nUseful for styling the component.",name:"modalFooterClassName",required:!1,type:{name:"string | undefined"}},children:{defaultValue:null,description:"The content of the modal body.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Modal/Modal.tsx#Modal"]={docgenInfo:Modal.__docgenInfo,name:"Modal",path:"src/core/Modal/Modal.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/MoreOrLess/MoreOrLess.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>MoreOrLess});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),lodash__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/lodash/lodash.js"),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utilities/translation/translation.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function MoreOrLess(_ref){var limit=_ref.limit,content=_ref.content,className=_ref.className,_ref$text=_ref.text,text=void 0===_ref$text?{}:_ref$text,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1],more=text.more,less=text.less,amount=content.length-limit;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_2___default()(className,"more-or-less",{"more-or-less-opened":isOpen,"more-or-less-closed":!isOpen})},isOpen?content:(0,lodash__WEBPACK_IMPORTED_MODULE_1__.take)(content,limit),content.length>limit&&react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{role:"button",className:"more-or-less-link",onClick:function toggleOpen(){setIsOpen(!isOpen)}},isOpen?(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({key:"MoreOrLess.LESS",fallback:"Show less",overrideText:less}):(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({key:"MoreOrLess.MORE",fallback:"Show ".concat(amount," more"),data:{amount},overrideText:more?more(amount):void 0})))}try{MoreOrLess.displayName="MoreOrLess",MoreOrLess.__docgenInfo={description:"MoreOrLess is a component which truncates a collection of elements and shows a button to toggle this behavior.",displayName:"MoreOrLess",props:{limit:{defaultValue:null,description:"Amount of elements shown when closed (shown less).",name:"limit",required:!0,type:{name:"number"}},content:{defaultValue:null,description:"Elements to show.",name:"content",required:!0,type:{name:"ReactNode[]"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:{value:"{}"},description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/MoreOrLess/MoreOrLess.tsx#MoreOrLess"]={docgenInfo:MoreOrLess.__docgenInfo,name:"MoreOrLess",path:"src/core/MoreOrLess/MoreOrLess.tsx#MoreOrLess"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/NavigationItem/NavigationItem.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>NavigationItem});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_router_dom__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react-router-dom/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_Icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Icon/index.ts");function NavigationItem(_ref){var to=_ref.to,icon=_ref.icon,text=_ref.text,_ref$show=_ref.show,show=void 0===_ref$show||_ref$show,className=_ref.className,_ref$exact=_ref.exact,exact=void 0===_ref$exact||_ref$exact;return("function"==typeof show?show:function(){return show})()?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.LY,{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("navigation-item",className)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.OL,{to,exact,tag:react_router_dom__WEBPACK_IMPORTED_MODULE_4__.OL,activeClassName:"active"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.JO,{icon,className:"me-3 align-bottom"}),text)):null}try{NavigationItem.displayName="NavigationItem",NavigationItem.__docgenInfo={description:"The NavigationItem is a wrapper around the `react-router`'s\n`NavLink`. See https://reacttraining.com/react-router/web/api/NavLink.\nIt adds texts and icons around the `NavLink`.\n\nThe NavigationItem enables you to guard specific links by a predicate,\nfor example by user role.\n\nUse it when you want to keep certain navigation items hidden\nfor specific user roles.\n\nBy default the `NavigationItem` will render an `exact` link. See:\nhttps://reacttraining.com/react-router/web/api/Route/exact-bool.\nBut you can set it to `false` via the props.",displayName:"NavigationItem",props:{to:{defaultValue:null,description:"String that corresponds to a route.",name:"to",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"Determines which icon to render above the text.",name:"icon",required:!0,type:{name:"enum",value:[{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},text:{defaultValue:null,description:"Link text as rendered underneath icon.",name:"text",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},show:{defaultValue:{value:"true"},description:"Predicate to determine if the link will be shown. Accepts either a boolean or a function that returns a boolean.",name:"show",required:!1,type:{name:"boolean | (() => boolean) | undefined"}},exact:{defaultValue:{value:"true"},description:"Optionally whether the route is an exact route.\n\nDefaults to true.",name:"exact",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/NavigationItem/NavigationItem.tsx#NavigationItem"]={docgenInfo:NavigationItem.__docgenInfo,name:"NavigationItem",path:"src/core/NavigationItem/NavigationItem.tsx#NavigationItem"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/OpenClose/OpenClose.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{q:()=>OpenClose});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_Icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Icon/index.ts");function OpenClose(_ref){var open=_ref.open,className=_ref.className,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("open-close",open?"is-open":"is-closed",className);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.JO,{icon:"expand_more",className:classes})}try{OpenClose.displayName="OpenClose",OpenClose.__docgenInfo={description:"Open and close icon with a nice animation to display whether a collapsable\nelement is open or closed. This is often used in the header of a card with\na collapsable body.",displayName:"OpenClose",props:{open:{defaultValue:null,description:"Whether or not the collapsable element is currently open.",name:"open",required:!0,type:{name:"boolean"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/OpenClose/OpenClose.tsx#OpenClose"]={docgenInfo:OpenClose.__docgenInfo,name:"OpenClose",path:"src/core/OpenClose/OpenClose.tsx#OpenClose"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/OpenCloseModal/OpenCloseModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{n:()=>OpenCloseModal});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Button_Button__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Button/Button.tsx"),_SubmitButton_SubmitButton__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/SubmitButton/SubmitButton.tsx"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utilities/translation/translation.ts"),_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Modal/Modal.tsx");function OpenCloseModal(props){var isOpen=props.isOpen,inProgress=props.inProgress,onClose=props.onClose,onSave=props.onSave,children=props.children,label=props.label,text=props.text,size=props.size,className=props.className,_props$saveIcon=props.saveIcon,saveIcon=void 0===_props$saveIcon?"save":_props$saveIcon,_props$cancelIcon=props.cancelIcon,cancelIcon=void 0===_props$cancelIcon?"cancel":_props$cancelIcon,_props$stickyFooter=props.stickyFooter,stickyFooter=void 0===_props$stickyFooter||_props$stickyFooter,modalHeaderClassName=props.modalHeaderClassName,modalBodyClassName=props.modalBodyClassName,modalFooterClassName=props.modalFooterClassName;return isOpen?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__.u,{stickyFooter,onClose,size,className,modalHeaderClassName,modalBodyClassName,modalFooterClassName,header:label,footer:onSave?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_1__.ZP,{className:"ms-1",color:"secondary",icon:cancelIcon,onClick:function onClick(){return onClose()}},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_4__.t)({overrideText:null==text?void 0:text.cancel,key:"OpenCloseModal.CANCEL",fallback:"Cancel"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SubmitButton_SubmitButton__WEBPACK_IMPORTED_MODULE_2__.Z,{className:"ms-1",inProgress:!!inProgress,icon:saveIcon,onClick:function onClick(){return onSave()}},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_4__.t)({overrideText:null==text?void 0:text.save,key:"OpenCloseModal.SAVE",fallback:"Save"}))):void 0},children):null}try{OpenCloseModal.displayName="OpenCloseModal",OpenCloseModal.__docgenInfo={description:"Often a modal is content with a header and a cancel and save button\nin the footer. To make it easier for you developers, we included the\nOpenCloseModal which already includes the cancel and save button to\nsave you some code duplication for all those similar modals. If you\nwant a more advanced display, you should use the `<Modal>` component.",displayName:"OpenCloseModal",props:{isOpen:{defaultValue:null,description:"Whether or not the modal is open.\n@deprecated Please do not use the isOpen boolean to control whether\nor not the modal is opened. Instead always set isOpen to `true`\nand only render the OpenCloseModal when it should be rendered.\nIn version 4.0.0 the isOpen property will be removed.",name:"isOpen",required:!0,type:{name:"boolean"}},inProgress:{defaultValue:null,description:"Whether or not the save action you are performing is currently in\nprogress. If so a spinner is rendered inside of the button.\nThis behavior is optional and default to `false`.",name:"inProgress",required:!1,type:{name:"boolean | undefined"}},onClose:{defaultValue:null,description:"Callback for when the modal should close.",name:"onClose",required:!0,type:{name:"() => void"}},saveIcon:{defaultValue:null,description:"Optionally the icon of the save button.\n\nDefaults to `save`",name:"saveIcon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},cancelIcon:{defaultValue:null,description:"Optionally icon of the cancel button.\n\nDefaults to `cancel`",name:"cancelIcon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},onSave:{defaultValue:null,description:"Callback for when the save button is clicked.",name:"onSave",required:!1,type:{name:"(() => void) | undefined"}},children:{defaultValue:null,description:"The content of the modal body.",name:"children",required:!0,type:{name:"ReactNode"}},label:{defaultValue:null,description:"The label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},size:{defaultValue:null,description:"Optionally the size (width) of the modal.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xs"'}]}},stickyFooter:{defaultValue:null,description:"Whether the footer should stick to the bottom of the modal.\nThis allows the user to always click the close and save buttons.\n\nDefaults to `true`.",name:"stickyFooter",required:!1,type:{name:"boolean | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},modalHeaderClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <ModalHeader>.\nUseful for styling the component.",name:"modalHeaderClassName",required:!1,type:{name:"string | undefined"}},modalBodyClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <ModalBody>.\nUseful for styling the component.",name:"modalBodyClassName",required:!1,type:{name:"string | undefined"}},modalFooterClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <ModalFooter>.\nUseful for styling the component.",name:"modalFooterClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/OpenCloseModal/OpenCloseModal.tsx#OpenCloseModal"]={docgenInfo:OpenCloseModal.__docgenInfo,name:"OpenCloseModal",path:"src/core/OpenCloseModal/OpenCloseModal.tsx#OpenCloseModal"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/OrSeparator/OrSeparator.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{t:()=>OrSeparator});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utilities/translation/translation.ts"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function OrSeparator(_ref){var className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("my-2 px-5 d-flex align-items-center",className)},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"border-top flex-grow-1 position-relative"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("em",{className:"mx-2"},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__.t)({key:"OrSeparator.OR",fallback:"OR"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"border-top flex-grow-1 position-relative"}))}try{OrSeparator.displayName="OrSeparator",OrSeparator.__docgenInfo={description:"Renders:\n\n--- Or ---",displayName:"OrSeparator",props:{className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/OrSeparator/OrSeparator.tsx#OrSeparator"]={docgenInfo:OrSeparator.__docgenInfo,name:"OrSeparator",path:"src/core/OrSeparator/OrSeparator.tsx#OrSeparator"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Pager/Pager.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Pager});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utilities/translation/translation.ts"),_Button_Button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Button/Button.tsx");function Pager(_ref){var page=_ref.page,onChange=_ref.onChange,className=_ref.className,_ref$text=_ref.text,text=void 0===_ref$text?{}:_ref$text,first=page.first,last=page.last,next=text.next,previous=text.previous;return first&&last?null:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("pager",className)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_2__.ZP,{className:"me-1",outline:!0,icon:"arrow_back",disabled:first,onClick:function onClick(){return onChange(page.number-1)}},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({overrideText:previous,key:"Pager.PREVIOUS",fallback:"Previous"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_2__.ZP,{outline:!0,className:"pager-next",icon:"arrow_forward",iconPosition:"right",disabled:last,onClick:function onClick(){return onChange(page.number+1)}},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({overrideText:next,key:"Pager.NEXT",fallback:"Next"})))}try{Pager.displayName="Pager",Pager.__docgenInfo={description:"The Pager component shows a small variant of bootstraps pagination,\nit only shows a previous and next button.\n\nIt supports working with a `Page` from `@42.nl/spring-connect`.",displayName:"Pager",props:{page:{defaultValue:null,description:"Represents Spring's page abstraction.",name:"page",required:!0,type:{name:"Page<T>"}},onChange:{defaultValue:null,description:"Called when navigation to a certain page number.",name:"onChange",required:!0,type:{name:"(pageNumber: number) => void"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:{value:"{}"},description:"Optionally customized text to use within the component.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Pager/Pager.tsx#Pager"]={docgenInfo:Pager.__docgenInfo,name:"Pager",path:"src/core/Pager/Pager.tsx#Pager"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Pagination/Pagination.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Pagination});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Icon/index.ts"),lodash__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/lodash/lodash.js");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Pagination(_ref){var page=_ref.page,onChange=_ref.onChange,className=_ref.className,_ref$showPreviousAndN=_ref.showPreviousAndNextButtons,showPreviousAndNextButtons=void 0===_ref$showPreviousAndN||_ref$showPreviousAndN,first=page.first,last=page.last,totalPages=page.totalPages;if(first&&last)return null;var current=page.number,content=function pagesFor(currentPage,totalPages){var ellipsis="...";if(totalPages<8)return(0,lodash__WEBPACK_IMPORTED_MODULE_2__.range)(1,totalPages+1);if(currentPage<5){var tillEllipsis=(0,lodash__WEBPACK_IMPORTED_MODULE_2__.range)(1,Math.max(4,currentPage+2)),fromEllipsis=(0,lodash__WEBPACK_IMPORTED_MODULE_2__.range)(totalPages-(5-tillEllipsis.length),totalPages+1);return[].concat(_toConsumableArray(tillEllipsis),[ellipsis],_toConsumableArray(fromEllipsis))}if(currentPage>totalPages-4){var _fromEllipsis=(0,lodash__WEBPACK_IMPORTED_MODULE_2__.range)(Math.min(totalPages-2,currentPage-1),totalPages+1),_tillEllipsis=(0,lodash__WEBPACK_IMPORTED_MODULE_2__.range)(1,7-_fromEllipsis.length);return[].concat(_toConsumableArray(_tillEllipsis),[ellipsis],_toConsumableArray(_fromEllipsis))}return[1,ellipsis].concat(_toConsumableArray((0,lodash__WEBPACK_IMPORTED_MODULE_2__.range)(currentPage-1,currentPage+2)),[ellipsis,totalPages])}(current,totalPages);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.tl,{className},showPreviousAndNextButtons?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.nt,{disabled:first},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.kN,{onClick:function onClick(){return onChange(current-1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_1__.JO,{icon:"arrow_back",size:14}))):null,content.map((function(item,index){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.nt,{active:item===current,key:index},"..."!==item?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.kN,{onClick:function onClick(){return onChange(item)}},item):react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.kN,{className:"disabled",disabled:!0},"..."))})),showPreviousAndNextButtons?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.nt,{disabled:last},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.kN,{onClick:function onClick(){return onChange(current+1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_1__.JO,{icon:"arrow_forward",size:14}))):null)}try{Pagination.displayName="Pagination",Pagination.__docgenInfo={description:"The Pagination component is an enhanced Bootstrap pagination component. It supports working with `Page`s and shows a fixed\nlayout for the number of pages, indicating that multiple pages exist for the min and max ranges (e.g. 1 ... 4 5 6 ... 10).",displayName:"Pagination",props:{page:{defaultValue:null,description:"Represents Spring's page abstraction.",name:"page",required:!0,type:{name:"Page<T>"}},onChange:{defaultValue:null,description:"Called when navigation to a certain page number.",name:"onChange",required:!0,type:{name:"(pageNumber: number) => void"}},showPreviousAndNextButtons:{defaultValue:{value:"true"},description:"Whether or not to show the previous and next buttons.\n\nDefaults to `true`",name:"showPreviousAndNextButtons",required:!1,type:{name:"boolean | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text to use within the component.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Pagination/Pagination.tsx#Pagination"]={docgenInfo:Pagination.__docgenInfo,name:"Pagination",path:"src/core/Pagination/Pagination.tsx#Pagination"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Popover/Popover.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Popover});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_tippyjs_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@tippyjs/react/dist/tippy-react.esm.js");function Popover(_ref){var children=_ref.children,_ref$placement=_ref.placement,placement=void 0===_ref$placement?"top":_ref$placement,target=_ref.target,_ref$offset=_ref.offset,offset=void 0===_ref$offset?0:_ref$offset,_ref$distance=_ref.distance,distance=void 0===_ref$distance?7:_ref$distance,_ref$tag=_ref.tag,tag=void 0===_ref$tag?"span":_ref$tag,className=_ref.className,isOpen=_ref.isOpen,onClickOutside=_ref.onClickOutside,style=_ref.style,Tag=tag;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tippyjs_react__WEBPACK_IMPORTED_MODULE_1__.ZP,{visible:isOpen,onClickOutside,className:"border-0 tippy-popover",content:react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,children),placement,offset:[offset,distance],interactive:!0,zIndex:1049},react__WEBPACK_IMPORTED_MODULE_0__.createElement(Tag,{className,style,tabIndex:0},target))}try{Popover.displayName="Popover",Popover.__docgenInfo={description:"Bootstrap-like Popover component based on the Tippy.js library.",displayName:"Popover",props:{isOpen:{defaultValue:null,description:"Optionally whether or not the popover is currently open,\nwhen undefined, which is the default, the popover will show\nwhen hovered over the target(children). When providing a boolean\nyou can takeover when the popover is shown from outside the\nPopover component.",name:"isOpen",required:!1,type:{name:"boolean | undefined"}},onClickOutside:{defaultValue:null,description:"Optionally callback that gets triggered when clicked outside the popover.\nIs useful for when wanting to take complete control over the popover.",name:"onClickOutside",required:!1,type:{name:"(() => void) | undefined"}},children:{defaultValue:null,description:"Content shown inside of the popover.",name:"children",required:!0,type:{name:"ReactNode"}},target:{defaultValue:null,description:"Target component that, when hovered, will trigger the popover to show up.\nThe target(children) of the popover are wrapped into a div.\nThis is a bypass to not have to forward the ref to the DOM node.",name:"target",required:!0,type:{name:"ReactNode"}},placement:{defaultValue:{value:"top"},description:"Optional alignment relative to the target where the popover will be shown.",name:"placement",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"auto-start"'},{value:'"auto"'},{value:'"auto-end"'},{value:'"top-start"'},{value:'"top"'},{value:'"top-end"'},{value:'"right-start"'},{value:'"right"'},{value:'"right-end"'},{value:'"bottom-end"'},{value:'"bottom"'},{value:'"bottom-start"'},{value:'"left-end"'},{value:'"left"'},{value:'"left-start"'}]}},offset:{defaultValue:{value:"0"},description:"Optional offset that the popover will show up relative from the target.",name:"offset",required:!1,type:{name:"number | undefined"}},distance:{defaultValue:{value:"7"},description:"Optional distance that the popover will show up relative from the target.",name:"distance",required:!1,type:{name:"number | undefined"}},tag:{defaultValue:{value:"span"},description:"Optional that allows you to override the default element that the children get put inside of.\nDefault value is a span.",name:"tag",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"span"'},{value:'"div"'}]}},className:{defaultValue:null,description:"Optional className that is added to the Wrapper component\nAllowing you to add classes like margins and padding that would otherwise get lost\nby the wrapping of the children inside of the CustomTag.",name:"className",required:!1,type:{name:"string | undefined"}},style:{defaultValue:null,description:"Optional CSS properties that are added to the Wrapper component\nAllowing you to add CSS properties that would otherwise get lost\nby the wrapping of the children inside of the CustomTag.",name:"style",required:!1,type:{name:"CSSProperties | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Popover/Popover.tsx#Popover"]={docgenInfo:Popover.__docgenInfo,name:"Popover",path:"src/core/Popover/Popover.tsx#Popover"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/ProgressStepper/ProgressStepper.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>ProgressStepper});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),alwaysFalse=function alwaysFalse(){return!1};function ProgressStepper(props){var steps=props.steps,onClick=props.onClick,colorForStep=props.colorForStep,titleForStep=props.titleForStep,_props$isStepClickabl=props.isStepClickable,isStepClickable=void 0===_props$isStepClickabl?alwaysFalse:_props$isStepClickabl,className=props.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("progress-stepper",className)},steps.map((function(step,index){var title=titleForStep(step,index),color=colorForStep(step,index),clickable=isStepClickable(step,index),classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("step",color,{clickable});return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{key:title,className:classes},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"step-item",onClick:function(_onClick){function onClick(){return _onClick.apply(this,arguments)}return onClick.toString=function(){return _onClick.toString()},onClick}((function(){clickable&&onClick&&onClick(step,index)}))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"step-circle"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,index+1)),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"step-title"},title)),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"step-bar-left"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"step-bar-right"}))})))}try{ProgressStepper.displayName="ProgressStepper",ProgressStepper.__docgenInfo={description:"",displayName:"ProgressStepper",props:{steps:{defaultValue:null,description:"The steps that the progress stepper needs to render. Can be\nanything from an array of strings to an array of complex\nobjects.",name:"steps",required:!0,type:{name:"T[]"}},onClick:{defaultValue:null,description:"Optional callback which is called when the step is clicked.\n\nCan only be called if the `isStepClickable` for this step\nreturns `true`.\n@param step The step which is clicked\n@param index The index of the step that was clicked",name:"onClick",required:!1,type:{name:"((step: T, index: number) => void) | undefined"}},colorForStep:{defaultValue:null,description:"Callback to determine the bootstrap color of the step.\n\nThe color also determines if an icon is shown in the circle\nor a number.\n@param step The step you must provide the color for\n@param index The index of the step you must provide the color for\\\n@returns",name:"colorForStep",required:!0,type:{name:"(step: T, index: number) => Color"}},titleForStep:{defaultValue:null,description:"Callback to determine the title for the step to display below the circle.\n@param step The step you must provide the title for\n@param index The index of the step you must provide the color for\n@returns The title of the step",name:"titleForStep",required:!0,type:{name:"(step: T, index: number) => string"}},isStepClickable:{defaultValue:null,description:"Optional callback to determine whether or not the step is clickable.\n\nWhen the step is clickable the cursor will be a pointer, and\ncalls to `onClick` are let through.\n@param step The step you must answer whether it is clickable or not\n@param index The index of the step for which you must answer whether it is clickable or not\n@returns Whether or not the step is clickable",name:"isStepClickable",required:!1,type:{name:"((step: T, index: number) => boolean) | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/ProgressStepper/ProgressStepper.tsx#ProgressStepper"]={docgenInfo:ProgressStepper.__docgenInfo,name:"ProgressStepper",path:"src/core/ProgressStepper/ProgressStepper.tsx#ProgressStepper"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/SearchInput/SearchInput.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>SearchInput});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),lodash__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/lodash/lodash.js"),reactstrap__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Icon/index.ts"),_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/hooks/useId/useId.ts"),_form_addons_AddonIcon_AddonIcon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/addons/AddonIcon/AddonIcon.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function SearchInput(props){var _inputRef$current,id=props.id,label=props.label,_props$debounce=props.debounce,debounce=void 0===_props$debounce?500:_props$debounce,debounceSettings=props.debounceSettings,placeholder=props.placeholder,defaultValue=props.defaultValue,onChange=props.onChange,_props$showIcon=props.showIcon,showIcon=void 0===_props$showIcon||_props$showIcon,_props$className=props.className,className=void 0===_props$className?"":_props$className,children=props.children,size=props.size,_props$canClear=props.canClear,canClear=void 0===_props$canClear||_props$canClear,inputRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),handleChange=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)((0,lodash__WEBPACK_IMPORTED_MODULE_1__.debounce)(onChange,debounce,debounceSettings));function setValue(value){inputRef.current&&(inputRef.current.value=value,onChange(value),handleChange.current.cancel())}(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){handleChange.current=(0,lodash__WEBPACK_IMPORTED_MODULE_1__.debounce)(onChange,debounce,debounceSettings)}),[onChange,debounce,debounceSettings]);var innerId=(0,_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_3__.M)({id}),inputProps={id:innerId,innerRef:inputRef,defaultValue,onChange:function onChange(event){return handleChange.current(event.target.value)},onKeyUp:function handleKeyUp(event){"Enter"===event.key&&onChange(event.currentTarget.value)},placeholder,type:"search"};function getInput(){return showIcon?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.BZ,{className,size},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_addons_AddonIcon_AddonIcon__WEBPACK_IMPORTED_MODULE_4__.G,{icon:"search"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.II,inputProps)):react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.II,_extends({className},inputProps))}var searchInputWrapper=react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"search-input"},null!==(_inputRef$current=inputRef.current)&&void 0!==_inputRef$current&&_inputRef$current.value&&canClear?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.JO,{icon:"close",className:"cancel-search",onClick:function onClick(){return setValue("")}}):null,children?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,children(getInput(),{setValue})):getInput());return label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.cw,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.__,{for:innerId},label),searchInputWrapper):searchInputWrapper}try{SearchInput.displayName="SearchInput",SearchInput.__docgenInfo={description:"SearchInput is a component which shows an input field which has\nthe onChange debounced by a number of milliseconds. Useful for\nwhen you want to run search queries on your back-end, and you\ndon't want to spam the back-end for every keystroke.\n\nFor the debounce logic it uses lodash.",displayName:"SearchInput",props:{id:{defaultValue:null,description:"Optionally the id of the SearchInput. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the SearchInput.",name:"label",required:!1,type:{name:"ReactNode"}},debounce:{defaultValue:null,description:"Optionally the number of milliseconds to debounce the onChange.\n\nDefaults to 500 milliseconds.",name:"debounce",required:!1,type:{name:"number | undefined"}},debounceSettings:{defaultValue:null,description:"Optionally the debounce settings. As defined by lodash\nhttps://lodash.com/docs/4.17.15#debounce.",name:"debounceSettings",required:!1,type:{name:"DebounceSettings | undefined"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},defaultValue:{defaultValue:null,description:"The default value that the form element currently has.",name:"defaultValue",required:!0,type:{name:"string"}},onChange:{defaultValue:null,description:"Called when the value changes after the debounce period.",name:"onChange",required:!0,type:{name:"(value: string) => void"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},children:{defaultValue:null,description:"Optionally you can use the `children` prop to manipulate the\nvalue rendered inside of the `SearchInput`.\n\nYou will be called with the `searchInput`, which you must render, and\nan API object, which you can use to manually alter the value.\n\nThe `setValue` in the API will then cancel any active debounce.\n\nThis has to be done via this unconventional api because the\n`SearchInput` has to use an uncontrolled <input> so it can\ndebounce the value. If you would change the `props.value` from\noutside this component nothing would normally happen.",name:"children",required:!1,type:{name:"((searchInput: ReactNode, api: SearchInputApi) => ReactNode) | undefined"}},showIcon:{defaultValue:null,description:"Whether or not to show a magnifying glass icon.\n\nDefaults to true.",name:"showIcon",required:!1,type:{name:"boolean | undefined"}},size:{defaultValue:null,description:"Optional size you want to give the icon.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xs"'}]}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/SearchInput/SearchInput.tsx#SearchInput"]={docgenInfo:SearchInput.__docgenInfo,name:"SearchInput",path:"src/core/SearchInput/SearchInput.tsx#SearchInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Spinner/Spinner.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Spinner});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function Spinner(_ref){var className=_ref.className,color=_ref.color,size=_ref.size;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("spinner",className),width:size,height:size,viewBox:"25 25 50 50"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("circle",{className:"path",fill:"none",stroke:color,cx:"50",cy:"50",r:"20",strokeWidth:"4",strokeMiterlimit:"10"}))}try{Spinner.displayName="Spinner",Spinner.__docgenInfo={description:"Spinner is a component which is used as a loading indicator.\n\nUse it for example when data is fetching during navigation to a page.",displayName:"Spinner",props:{className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Color of the circle within the spinner.",name:"color",required:!0,type:{name:"string"}},size:{defaultValue:null,description:"Width and height of the spinner.",name:"size",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Spinner/Spinner.tsx#Spinner"]={docgenInfo:Spinner.__docgenInfo,name:"Spinner",path:"src/core/Spinner/Spinner.tsx#Spinner"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/SubmitButton/SubmitButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>SubmitButton});var react=__webpack_require__("./node_modules/react/index.js"),Button=__webpack_require__("./src/core/Button/Button.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function SubmitButton(_ref){var children=_ref.children,inProgress=_ref.inProgress,size=_ref.size,_ref$className=_ref.className,className=void 0===_ref$className?void 0:_ref$className,onClick=_ref.onClick,_ref$scrollToClosestE=_ref.scrollToClosestError,scrollToClosestError=void 0===_ref$scrollToClosestE||_ref$scrollToClosestE,_ref$icon=_ref.icon,icon=void 0===_ref$icon?"save":_ref$icon,_useScrollToClosestEr=function useScrollToClosestError(_ref){var enabled=_ref.enabled,_useState2=_slicedToArray((0,react.useState)(0),2),scroll=_useState2[0],setScroll=_useState2[1];return(0,react.useEffect)((function(){if(0!==scroll&&enabled){var timeoutId=setTimeout((function(){var _firstError$parentEle,_firstError$parentEle2,firstError=document.querySelector(".invalid-feedback");null==firstError||null===(_firstError$parentEle=firstError.parentElement)||void 0===_firstError$parentEle||null===(_firstError$parentEle2=_firstError$parentEle.parentElement)||void 0===_firstError$parentEle2||_firstError$parentEle2.scrollIntoView({behavior:"smooth"})}),200);return function(){return clearTimeout(timeoutId)}}}),[scroll,enabled]),{doScrollToClosestError:function doScrollToClosestError(){setScroll((function(value){return value+1}))}}}({enabled:scrollToClosestError}),doScrollToClosestError=_useScrollToClosestEr.doScrollToClosestError;return react.createElement(Button.ZP,{type:"submit",size,color:"primary",inProgress,className,onClick:function submitAndScrollToClosestError(event){doScrollToClosestError(),onClick&&onClick(event)},icon},children)}try{SubmitButton.displayName="SubmitButton",SubmitButton.__docgenInfo={description:"A SubmitButton is a Button with default 'save' icon and  a button\nof type \"submit\". It will scroll to the closest error when\n`scrollToClosestError` is `true` which it is by default.",displayName:"SubmitButton",props:{className:{defaultValue:{value:"undefined"},description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},size:{defaultValue:null,description:"Optionally the size of the button\n\nDefaults to 'md'.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},onClick:{defaultValue:null,description:"Optional callback for what needs to happen when the button is clicked.",name:"onClick",required:!1,type:{name:"((event: MouseEvent<HTMLElement, MouseEvent>) => any) | undefined"}},children:{defaultValue:null,description:"The text of the button.",name:"children",required:!1,type:{name:"ReactNode"}},inProgress:{defaultValue:null,description:"Whether or not the action you are performing is currently in\nprogress. If so a spinner is rendered inside of the button.",name:"inProgress",required:!0,type:{name:"boolean"}},scrollToClosestError:{defaultValue:{value:"true"},description:"Optionally whether or not to scroll to the closest error message.\n\nDefaults to `true`",name:"scrollToClosestError",required:!1,type:{name:"boolean | undefined"}},icon:{defaultValue:{value:"save"},description:"Optionally the Icon you want to use.\n\nDefaults to 'save'.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/SubmitButton/SubmitButton.tsx#SubmitButton"]={docgenInfo:SubmitButton.__docgenInfo,name:"SubmitButton",path:"src/core/SubmitButton/SubmitButton.tsx#SubmitButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/SuccessIcon/SuccessIcon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{t:()=>SuccessIcon});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Icon/Icon.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function SuccessIcon(_ref){var value=_ref.value,size=_ref.size,_ref$color=_ref.color,color=void 0===_ref$color?"dark":_ref$color,_ref$activeColor=_ref.activeColor,activeColor=void 0===_ref$activeColor?"primary":_ref$activeColor,hoverColor=_ref.hoverColor,onChange=_ref.onChange,props={icon:value?"done":"clear",size,className:_ref.className};return onChange?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({color:value?activeColor:color,hoverColor:hoverColor||activeColor,onClick:function onClick(e){e.preventDefault(),onChange()}},props)):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({color},props))}try{SuccessIcon.displayName="SuccessIcon",SuccessIcon.__docgenInfo={description:"SuccessIcon is used to display whether a process succeeded or not\nbased on a boolean value.",displayName:"SuccessIcon",props:{value:{defaultValue:null,description:"Whether or not the process succeeded.",name:"value",required:!0,type:{name:"boolean"}},size:{defaultValue:null,description:"Optionally the size of the icon in pixels.\n\nDefaults to `24px`",name:"size",required:!1,type:{name:"number | undefined"}},color:{defaultValue:{value:"dark"},description:"Optionally the color of the icon.\nWhen onChange is defined, this property is used when\nvalue is false and the icon is not hovered.\n\nDefaults to dark.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},hoverColor:{defaultValue:null,description:"Optional color you want the icon to have when it is hovered.\nWhen hoverColor is not defined, activeColor will be used.",name:"hoverColor",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},activeColor:{defaultValue:{value:"primary"},description:"Optionally the color of the icon when value is true.\nAlso used when hoverColor is not defined and the icon\nis hovered. This is only used when onChange is defined.\n\nDefaults to primary.",name:"activeColor",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},onChange:{defaultValue:null,description:"Optional callback for when the form element changes.",name:"onChange",required:!1,type:{name:"(() => void) | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/SuccessIcon/SuccessIcon.tsx#SuccessIcon"]={docgenInfo:SuccessIcon.__docgenInfo,name:"SuccessIcon",path:"src/core/SuccessIcon/SuccessIcon.tsx#SuccessIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Tabs/Tab/Tab.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>Tab});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Icon/index.ts"),_form_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/utils.ts"),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);function Tab(_ref){var icon=_ref.icon,label=_ref.label,onClick=_ref.onClick,active=_ref.active,_ref$show=_ref.show,show=void 0===_ref$show?_form_utils__WEBPACK_IMPORTED_MODULE_3__.GK:_ref$show,disabled=_ref.disabled,iconColor=_ref.iconColor,className=_ref.className;return show()?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.LY,{className:classnames__WEBPACK_IMPORTED_MODULE_2___default()({disabled},className)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.OL,{active,onClick,disabled},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex p-2 justify-content-center"},icon?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_1__.JO,{icon,color:iconColor,className:"me-1"}):null,label))):null}try{Tab.displayName="Tab",Tab.__docgenInfo={description:"The Tab component displays a tab navigation item and holds the content\nthat will only be displayed when the tab is active.\nThis component should only be used inside the Tabs component.",displayName:"Tab",props:{label:{defaultValue:null,description:"The label to display in the tab navigation.",name:"label",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"Callback that should activate the tab.\n\nWe highly recommend adding the tab as a URL parameter,\nespecially if the inactive tabs are not hidden by CSS.",name:"onClick",required:!0,type:{name:"() => void"}},children:{defaultValue:null,description:"Callback to render the tab content.",name:"children",required:!0,type:{name:"() => ReactNode"}},active:{defaultValue:null,description:"Whether or not the tab content should be displayed.",name:"active",required:!0,type:{name:"boolean"}},disabled:{defaultValue:null,description:"Optional boolean to determine if the tab navigation item should be disabled.\n\nDefaults to false.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},show:{defaultValue:null,description:"Optional callback to determine if the tab should be displayed.\nThis is useful if you have to do permission checks to determine\nif the user is allowed to see the tab content.\n\nBy default, tabs will always be displayed.",name:"show",required:!1,type:{name:"(() => boolean) | undefined"}},icon:{defaultValue:null,description:"Optional icon to be displayed in front of the label in the tab navigation.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},iconColor:{defaultValue:null,description:"Optional color the icon should have.\nThis is useful when using tabs in a form and an inactive tab\ncontains validation errors.",name:"iconColor",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Tabs/Tab/Tab.tsx#Tab"]={docgenInfo:Tab.__docgenInfo,name:"Tab",path:"src/core/Tabs/Tab/Tab.tsx#Tab"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Tabs/Tabs.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{m:()=>Tabs});var react=__webpack_require__("./node_modules/react/index.js"),reactstrap_modern=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),Tab=__webpack_require__("./src/core/Tabs/Tab/Tab.tsx"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),LoadingPage=__webpack_require__("./src/core/LoadingPage/LoadingPage.tsx"),utils=__webpack_require__("./src/form/utils.ts");function TabContent(_ref){var _ref$show=_ref.show,show=void 0===_ref$show?utils.GK:_ref$show,active=_ref.active,children=_ref.children,hideInactiveTabsBy=_ref.hideInactiveTabsBy;return show()&&("excluding-from-dom"!==hideInactiveTabsBy||active)?react.createElement("div",{className:classnames_default()("tab-pane",{active})},children()):null}try{TabContent.displayName="TabContent",TabContent.__docgenInfo={description:"",displayName:"TabContent",props:{show:{defaultValue:null,description:"",name:"show",required:!1,type:{name:"(() => boolean) | undefined"}},active:{defaultValue:null,description:"",name:"active",required:!0,type:{name:"boolean"}},hideInactiveTabsBy:{defaultValue:null,description:"",name:"hideInactiveTabsBy",required:!0,type:{name:"enum",value:[{value:'"CSS"'},{value:'"excluding-from-dom"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Tabs/TabContent/TabContent.tsx#TabContent"]={docgenInfo:TabContent.__docgenInfo,name:"TabContent",path:"src/core/Tabs/TabContent/TabContent.tsx#TabContent"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["children"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Tabs(_ref){var _ref$hideInactiveTabs=_ref.hideInactiveTabsBy,hideInactiveTabsBy=void 0===_ref$hideInactiveTabs?"excluding-from-dom":_ref$hideInactiveTabs,children=_ref.children,className=_ref.className;return react.Children.forEach(children,(function(child){if(child.type!==Tab.O)throw new Error("Tabs: expecting children of Tabs to be of type Tab but got something else",child.type)})),react.createElement("div",{className:classnames_default()("tabs",className)},react.createElement(reactstrap_modern.JL,{tabs:!0,fill:!0,style:{overflowY:"hidden"},className:"flex-nowrap"},children),react.createElement("div",{className:"mt-3 tab-content"},react.createElement(react.Suspense,{fallback:react.createElement(LoadingPage.Z,{height:200,className:"bg-white"})},react.Children.map(children,(function(_ref2){var _ref2$props=_ref2.props,children=_ref2$props.children,rest=_objectWithoutProperties(_ref2$props,_excluded);return react.createElement(TabContent,_extends({hideInactiveTabsBy},rest),children)})))))}try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"The Tabs component is a wrapper for multiple containers that will\nbe displayed only one at a time. A container can be activated by\nclicking the related navigation item on top.\nThis component has Suspense built in to display a loader\nand wait for its content to be fully loaded before displaying.",displayName:"Tabs",props:{hideInactiveTabsBy:{defaultValue:{value:"excluding-from-dom"},description:"Optionally set the way tabs are hidden from the user.\n\nThere are two options:\n- excluding the inactive tabs from the DOM\n- hiding the inactive tabs using CSS\n\nThe benefits of excluding inactive tabs from the DOM is that less elements appear on\nthe page. This gives better performance when the tabs contain more elements, because\nReact has fewer things to do, and the browser will be faster because there are less\nelements in the DOM and probably less requests.\n\nThe benefits from hiding inactive tabs using CSS is that the content can appear faster\nwhen clicking to the next tab, because only the CSS is changed. So when the content of\nthe tabs are relatively small, it will have better performance.\n\nAnother important use case for hiding inactive tabs using CSS is when the tabs are\nused in a final-form. When all form elements are in the DOM, they will all participate\nin the form validation. This way, form elements across all tabs are checked.\n\nBy default, the tabs are excluded from the DOM when they are inactive.",name:"hideInactiveTabsBy",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"CSS"'},{value:'"excluding-from-dom"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Tabs/Tabs.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:"src/core/Tabs/Tabs.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Tag/Tag.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Tag});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function Tag(_ref){var text=_ref.text,color=_ref.color,onRemove=_ref.onRemove,className=_ref.className,canClose=void 0!==onRemove,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("tag",className,function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}({},"tag-".concat(color),color));return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:classes},text,canClose?react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{onClick:onRemove,className:"close-button",role:"button"},"×"):null)}try{Tag.displayName="Tag",Tag.__docgenInfo={description:"Tag is a component which shows a piece of text inside of a colored\nbackground. Under the hood the Tag component is a bootstrap badge\nwith the option to show a close button.\n\nAn example of a good use case for using a `Tag` is for blog post\nwhich belong in a category, each category could be a `Tag`. Another\nexample is someone' hobby's on a profile page, each hobby could\nbe a `Tag`.",displayName:"Tag",props:{text:{defaultValue:null,description:"Text to display within the tag.",name:"text",required:!0,type:{name:"string"}},color:{defaultValue:null,description:"The color of the badge. Supports Bootstrap colors (e.g. primary, danger).",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},onRemove:{defaultValue:null,description:"Determines if a tag should be removable.",name:"onRemove",required:!1,type:{name:"(() => void) | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Tag/Tag.tsx#Tag"]={docgenInfo:Tag.__docgenInfo,name:"Tag",path:"src/core/Tag/Tag.tsx#Tag"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/TextButton/TextButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>TextButton});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function TextButton(_ref){var onClick=_ref.onClick,children=_ref.children,className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("u",{role:"button",className:"align-self-center clickable fw-lighter ".concat(null!=className?className:""),onClick},children)}try{TextButton.displayName="TextButton",TextButton.__docgenInfo={description:"The TextButton component is a special type of button which shows\nlike a styled text.",displayName:"TextButton",props:{onClick:{defaultValue:null,description:"Callback for what needs to happen when the button is clicked.",name:"onClick",required:!0,type:{name:"(event: MouseEvent<HTMLElement, MouseEvent>) => any"}},children:{defaultValue:null,description:"The text of the TextButton",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/TextButton/TextButton.tsx#TextButton"]={docgenInfo:TextButton.__docgenInfo,name:"TextButton",path:"src/core/TextButton/TextButton.tsx#TextButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Toggle/Toggle.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Toggle});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function Toggle(_ref){var className=_ref.className,color=_ref.color,id=_ref.id,_ref$value=_ref.value,value=void 0!==_ref$value&&_ref$value,_onChange=_ref.onChange,onBlur=_ref.onBlur,label=_ref.label,toggleClasses=classnames__WEBPACK_IMPORTED_MODULE_1___default()("toggle-container","toggle-".concat(color),className);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:toggleClasses},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:"toggle-label me-2",onClick:function onClick(){return _onChange(!value)}},label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("input",{id,type:"checkbox",onChange:function onChange(event){return _onChange(event.target.checked)},checked:value,onBlur}))}try{Toggle.displayName="Toggle",Toggle.__docgenInfo={description:"Toggle is a component which looks like a switch. Use the Toggle\ninstead of a checkbox, when you want the changes to take effect\nimmediately.",displayName:"Toggle",props:{id:{defaultValue:null,description:"Optionally the id of the input element",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"The color of the element.",name:"color",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},value:{defaultValue:{value:"false"},description:"Optionally the value of the Toggle, when `true` it is active.\nwhen `false` it is inactive. Defaults to `false`.",name:"value",required:!1,type:{name:"boolean | undefined"}},onChange:{defaultValue:null,description:"Callback for when the Toggle element is toggled.",name:"onChange",required:!0,type:{name:"(value: boolean) => void"}},onBlur:{defaultValue:null,description:"Optional callback for when the Toggle is blurred.",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},label:{defaultValue:null,description:"Optional label to display next to the toggle.",name:"label",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Toggle/Toggle.tsx#Toggle"]={docgenInfo:Toggle.__docgenInfo,name:"Toggle",path:"src/core/Toggle/Toggle.tsx#Toggle"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Tooltip/Tooltip.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Tooltip});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_tippyjs_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@tippyjs/react/dist/tippy-react.esm.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function Tooltip(_ref){var children=_ref.children,_ref$placement=_ref.placement,placement=void 0===_ref$placement?"top":_ref$placement,content=_ref.content,_ref$offset=_ref.offset,offset=void 0===_ref$offset?0:_ref$offset,_ref$distance=_ref.distance,distance=void 0===_ref$distance?7:_ref$distance,interactive=_ref.interactive,_ref$maxWidth=_ref.maxWidth,maxWidth=void 0===_ref$maxWidth?350:_ref$maxWidth,_ref$tag=_ref.tag,tag=void 0===_ref$tag?"span":_ref$tag,className=_ref.className,style=_ref.style,Tag=tag;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tippyjs_react__WEBPACK_IMPORTED_MODULE_1__.ZP,{className:"border-0",content:react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null," ",content," "),placement,offset:[offset,distance],interactive,maxWidth},react__WEBPACK_IMPORTED_MODULE_0__.createElement(Tag,{className,style:_objectSpread({outline:0},style),tabIndex:0},children))}try{Tooltip.displayName="Tooltip",Tooltip.__docgenInfo={description:"Bootstrap-like Tooltip component based on the Tippy.js library.",displayName:"Tooltip",props:{children:{defaultValue:null,description:"Target component that, when hovered, will trigger the tooltip to show up.\nThe target(children) of the tooltip are wrapped into a div.\nThis is a bypass to not have to forward the ref to the DOM node.",name:"children",required:!0,type:{name:"ReactNode"}},content:{defaultValue:null,description:"Content shown inside of the tooltip.",name:"content",required:!0,type:{name:"ReactNode"}},placement:{defaultValue:{value:"top"},description:"Optional alignment relative to the target where the tooltip will be shown.",name:"placement",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"auto-start"'},{value:'"auto"'},{value:'"auto-end"'},{value:'"top-start"'},{value:'"top"'},{value:'"top-end"'},{value:'"right-start"'},{value:'"right"'},{value:'"right-end"'},{value:'"bottom-end"'},{value:'"bottom"'},{value:'"bottom-start"'},{value:'"left-end"'},{value:'"left"'},{value:'"left-start"'}]}},offset:{defaultValue:{value:"0"},description:"Optional offset that the popover will show up relative from the target.",name:"offset",required:!1,type:{name:"number | undefined"}},distance:{defaultValue:{value:"7"},description:"Optional distance that the tooltip will show up relative from the target.",name:"distance",required:!1,type:{name:"number | undefined"}},interactive:{defaultValue:null,description:"Optional value that allows you to interact with the Tooltip. This is useful for when\nyou have a clickable component inside of your Tooltip.\nWhen set to true, the Tooltip will no longer disappear when clicked",name:"interactive",required:!1,type:{name:"boolean | undefined"}},maxWidth:{defaultValue:{value:"350"},description:"Optional that allows you to override the default max width of the tooltip\nPossible values: number (px), string (with units \"rem\") or string 'none'.",name:"maxWidth",required:!1,type:{name:"string | number | undefined"}},tag:{defaultValue:{value:"span"},description:"Optional that allows you to override the default element that the children get put inside of.\nDefault value is a span.",name:"tag",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"span"'},{value:'"div"'}]}},className:{defaultValue:null,description:"Optional className that is added to the Wrapper component\nAllowing you to add classes like margins and padding that would otherwise get lost\nby the wrapping of the children inside of the CustomTag.",name:"className",required:!1,type:{name:"string | undefined"}},style:{defaultValue:null,description:"Optional CSS properties that are added to the Wrapper component\nAllowing you to add CSS properties that would otherwise get lost\nby the wrapping of the children inside of the CustomTag.",name:"style",required:!1,type:{name:"CSSProperties | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Tooltip/Tooltip.tsx#Tooltip"]={docgenInfo:Tooltip.__docgenInfo,name:"Tooltip",path:"src/core/Tooltip/Tooltip.tsx#Tooltip"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/lists/AttributeList/AttributeList.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{d:()=>AttributeList});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js");function AttributeList(_ref){var children=_ref.children,className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_1__.NX,{flush:!0,className},children)}try{AttributeList.displayName="AttributeList",AttributeList.__docgenInfo={description:"AttributeList when used with AttributeView is a way to display\nobject properties in a clear and beautiful list.",displayName:"AttributeList",props:{children:{defaultValue:null,description:"The content of the list.\nThis should be a combination of AttributeView components.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/lists/AttributeList/AttributeList.tsx#AttributeList"]={docgenInfo:AttributeList.__docgenInfo,name:"AttributeList",path:"src/core/lists/AttributeList/AttributeList.tsx#AttributeList"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/lists/AttributeView/AttributeView.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{P:()=>AttributeView});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js");function AttributeView(_ref){var label=_ref.label,children=_ref.children,className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_1__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.WI,{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()("pl-0",className)},react__WEBPACK_IMPORTED_MODULE_1__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.bq,{className:"small text-primary"},label),children)}try{AttributeView.displayName="AttributeView",AttributeView.__docgenInfo={description:"AttributeView is used inside AttributeList to display object properties\nin a clear and beautiful list.",displayName:"AttributeView",props:{label:{defaultValue:null,description:"The heading to display above the value.",name:"label",required:!0,type:{name:"ReactNode"}},children:{defaultValue:null,description:"The value described by the label.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/lists/AttributeView/AttributeView.tsx#AttributeView"]={docgenInfo:AttributeView.__docgenInfo,name:"AttributeView",path:"src/core/lists/AttributeView/AttributeView.tsx#AttributeView"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/AutoSave/AutoSave.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{u:()=>AutoSave});var react=__webpack_require__("./node_modules/react/index.js"),react_final_form_es=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),lodash=__webpack_require__("./node_modules/lodash/lodash.js");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function AutoSave(props){var onSave=props.onSave,initialValues=props.initialValues,_useActive2=_slicedToArray(function useActive(){return(0,react.useState)()}(),2),active=_useActive2[0],setActive=_useActive2[1],promise=function usePromise(){return(0,react.useRef)()}();function _onChange(){return(_onChange=_asyncToGenerator(regeneratorRuntime.mark((function _callee(formState){var activeAsString;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(active!==formState.active){_context.next=2;break}return _context.abrupt("return");case 2:if(activeAsString=formState.active,setActive(activeAsString),active){_context.next=6;break}return _context.abrupt("return");case 6:if(!promise.current){_context.next=9;break}return _context.next=9,promise.current;case 9:(0,lodash.isEqual)(formState.values,initialValues)||(promise.current=onSave(formState.values));case 10:case"end":return _context.stop()}}),_callee)})))).apply(this,arguments)}return react.createElement(react_final_form_es.FormSpy,{subscription:{values:!0,active:!0},onChange:function onChange(_x){return _onChange.apply(this,arguments)}})}try{AutoSave.displayName="AutoSave",AutoSave.__docgenInfo={description:"",displayName:"AutoSave",props:{onSave:{defaultValue:null,description:"Callback fired on blur when value of the form element changed.\n@param values",name:"onSave",required:!0,type:{name:"(values: FormValues) => Promise<T> | undefined"}},initialValues:{defaultValue:null,description:"The initial values to compare to.",name:"initialValues",required:!1,type:{name:"FormValues | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/AutoSave/AutoSave.tsx#AutoSave"]={docgenInfo:AutoSave.__docgenInfo,name:"AutoSave",path:"src/form/AutoSave/AutoSave.tsx#AutoSave"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/Checkbox/Checkbox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Checkbox,r:()=>JarbCheckbox});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/utils.ts");function Checkbox(props){var id=props.id,onChange=props.onChange,onBlur=props.onBlur,error=props.error,color=props.color,label=props.label,_props$className=props.className,className=void 0===_props$className?"":_props$className,placeholder=props.placeholder,value=props.value,valid=props.valid,allowIndeterminate=props.allowIndeterminate,checked=!!value,invalid=!1===valid||void 0;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.cw,{check:!0,className,color},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.__,{for:id,check:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.II,{id,type:"checkbox",checked,onChange:function onClick(){onChange(!checked),(0,_utils__WEBPACK_IMPORTED_MODULE_2__.yJ)(onBlur)},valid,invalid,innerRef:function innerRef(e){e&&allowIndeterminate&&(e.indeterminate=void 0===value||""===value)}})," ",label),placeholder?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"text-muted mb-0"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("em",null,placeholder)):null,error)}var JarbCheckbox=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__.Z)(Checkbox);try{Checkbox.displayName="Checkbox",Checkbox.__docgenInfo={description:"Checkbox is a form element for when the value is a boolean.",displayName:"Checkbox",props:{id:{defaultValue:null,description:"The id of the form element.",name:"id",required:!0,type:{name:"string"}},value:{defaultValue:null,description:"The value that the form element currently has.\n\nWhen the value is `true` the checkbox is checked.\nWhen the value `false` the checkbox is unchecked.\n\nWhen the value is `undefined` it depends on `allowIndeterminate`,\nwhen `allowIndeterminate` is `true` the checkbox is indeterminate.\nwhen  `allowIndeterminate` is `false` the checkbox is unchecked.",name:"value",required:!1,type:{name:"boolean | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: boolean) => void"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The label of the form element.",name:"label",required:!0,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},allowIndeterminate:{defaultValue:null,description:"Optionally whether to support the indeterminate state.",name:"allowIndeterminate",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Checkbox/Checkbox.tsx#Checkbox"]={docgenInfo:Checkbox.__docgenInfo,name:"Checkbox",path:"src/form/Checkbox/Checkbox.tsx#Checkbox"})}catch(__react_docgen_typescript_loader_error){}try{JarbCheckbox.displayName="JarbCheckbox",JarbCheckbox.__docgenInfo={description:"Variant of the Checkbox which can be used in a Jarb context.",displayName:"JarbCheckbox",props:{id:{defaultValue:null,description:"The id of the form element.",name:"id",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},allowIndeterminate:{defaultValue:null,description:"Optionally whether to support the indeterminate state.",name:"allowIndeterminate",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Checkbox/Checkbox.tsx#JarbCheckbox"]={docgenInfo:JarbCheckbox.__docgenInfo,name:"JarbCheckbox",path:"src/form/Checkbox/Checkbox.tsx#JarbCheckbox"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>CheckboxMultipleSelect,z:()=>JarbCheckboxMultipleSelect});var lodash__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/lodash/lodash.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/index.ts"),_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/hooks/useId/useId.ts"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/utilities/translation/translation.ts"),_option__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/option.ts"),_useOptions__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/useOptions.ts"),_utils__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/utils.ts");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function CheckboxMultipleSelect(props){var id=props.id,label=props.label,error=props.error,color=props.color,_props$text=props.text,text=void 0===_props$text?{}:_props$text,_props$className=props.className,className=void 0===_props$className?"":_props$className,placeholder=props.placeholder,value=props.value,isOptionEqual=props.isOptionEqual,labelForOption=props.labelForOption,reloadOptions=props.reloadOptions,keyForOption=props.keyForOption,_props$horizontal=props.horizontal,horizontal=void 0!==_props$horizontal&&_props$horizontal,_props$isOptionEnable=props.isOptionEnabled,isOptionEnabled=void 0===_props$isOptionEnable?_utils__WEBPACK_IMPORTED_MODULE_6__.GK:_props$isOptionEnable,_props$optionsShouldA=props.optionsShouldAlwaysContainValue,optionsShouldAlwaysContainValue=void 0===_props$optionsShouldA||_props$optionsShouldA,onChange=props.onChange,onBlur=props.onBlur,innerId=(0,_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_3__.M)({id}),_useOptions=(0,_useOptions__WEBPACK_IMPORTED_MODULE_4__.D)({options:props.options,value,isOptionEqual,labelForOption,reloadOptions,pageNumber:1,query:"",size:Array.isArray(props.options)?props.options.length:100,optionsShouldAlwaysContainValue}),page=_useOptions.page,loading=_useOptions.loading;function optionClicked(option,isSelected){var selected=(0,lodash__WEBPACK_IMPORTED_MODULE_0__.isArray)(value)?_toConsumableArray(value):[];isSelected?selected=selected.filter((function(value){return!(0,_option__WEBPACK_IMPORTED_MODULE_7__.O)({option,keyForOption,labelForOption,isOptionEqual,value})})):selected.push(option),onChange(selected),(0,_utils__WEBPACK_IMPORTED_MODULE_6__.yJ)(onBlur)}return react__WEBPACK_IMPORTED_MODULE_1__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.cw,{className,color},label?react__WEBPACK_IMPORTED_MODULE_1__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.__,{for:innerId},label):null,placeholder?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",{className:"text-muted"},react__WEBPACK_IMPORTED_MODULE_1__.createElement("em",null,placeholder)):null,loading?react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.gb,null,(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_9__.t)({key:"Select.LOADING",fallback:"Loading...",overrideText:text.loadingMessage})):function renderCheckboxes(){if(horizontal)return renderOptions({options:page.content,horizontal:!0});var chunks=(0,lodash__WEBPACK_IMPORTED_MODULE_0__.chunk)(page.content,10);return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:"d-flex flex-wrap"},chunks.map((function(options,index){return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:"pe-3",key:index,style:{flexBasis:"300px"}},renderOptions({options,horizontal:!1}))})))}(),error);function renderOptions(_ref){var options=_ref.options,horizontal=_ref.horizontal;return options.map((function(option,index){var label=labelForOption(option),key=(0,_option__WEBPACK_IMPORTED_MODULE_7__.G)({option,keyForOption,labelForOption}),isSelected=(0,_option__WEBPACK_IMPORTED_MODULE_7__.O)({option,keyForOption,labelForOption,isOptionEqual,value});return react__WEBPACK_IMPORTED_MODULE_1__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.cw,{check:!0,key,inline:horizontal},react__WEBPACK_IMPORTED_MODULE_1__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.__,{check:!0},react__WEBPACK_IMPORTED_MODULE_1__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.II,{type:"checkbox",checked:isSelected,value:index,disabled:!isOptionEnabled(option),onChange:function onChange(){return optionClicked(option,isSelected)}})," ",label))}))}}var JarbCheckboxMultipleSelect=(0,__webpack_require__("./src/form/withJarb/withJarb.tsx").Z)(CheckboxMultipleSelect);try{CheckboxMultipleSelect.displayName="CheckboxMultipleSelect",CheckboxMultipleSelect.__docgenInfo={description:"CheckboxMultipleSelect is a form element for which the values can\nbe selected from a limited range. Is shown a grid of options as\ncheckboxes from which the user can select multiple values.\n\nIf you pass a callback to the options property, be aware\nthat only 100 options will be displayed without pagination.\nIf you want to display more than 100 options,\nyou should use the ModalPickerMultiple instead.",displayName:"CheckboxMultipleSelect",props:{onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: T[]) => void"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"T[] | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<T>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<T> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<T> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<T> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},horizontal:{defaultValue:null,description:"Whether or not to show the CheckboxMultipleSelect horizontally.\n\nDefaults to `false`",name:"horizontal",required:!1,type:{name:"boolean | undefined"}},optionsShouldAlwaysContainValue:{defaultValue:null,description:"Whether or not the form element should always contain the value\nwhich is selected.\n\nIt should be `true` when using it in the following situation:\nThe form element receives a value which is no longer part\nof the options. In that case it is handy to have the value\nautomatically added to the options, so the user still sees\nthe select value.\n\nIt should be `false` when using it in the following situations:\n\n1. The selected `value` is displayed separately from the\n   selection of values. In this case it does not make sense\n   to add the `value` to the options because it is already\n   displayed.\n\n2. The form element represents a sub selection of a larger\n   value. For example you have an array of permissions of what\n   the user can do in the system, visually you display grouped\n   by parts of the domain. This means giving the same `value`\n   to various form element components to represent parts of the\n   same array of permissions. If `optionsShouldAlwaysContainValue`\n   were `true` it would add all permissions to each permission\n   group.\n\nThis value is `true` by default.",name:"optionsShouldAlwaysContainValue",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx#CheckboxMultipleSelect"]={docgenInfo:CheckboxMultipleSelect.__docgenInfo,name:"CheckboxMultipleSelect",path:"src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx#CheckboxMultipleSelect"})}catch(__react_docgen_typescript_loader_error){}try{JarbCheckboxMultipleSelect.displayName="JarbCheckboxMultipleSelect",JarbCheckboxMultipleSelect.__docgenInfo={description:"Variant of the CheckboxMultipleSelect which can be used in a Jarb context.",displayName:"JarbCheckboxMultipleSelect",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<any>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<any>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<any> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<any> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<any> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},horizontal:{defaultValue:null,description:"Whether or not to show the CheckboxMultipleSelect horizontally.\n\nDefaults to `false`",name:"horizontal",required:!1,type:{name:"boolean | undefined"}},optionsShouldAlwaysContainValue:{defaultValue:null,description:"Whether or not the form element should always contain the value\nwhich is selected.\n\nIt should be `true` when using it in the following situation:\nThe form element receives a value which is no longer part\nof the options. In that case it is handy to have the value\nautomatically added to the options, so the user still sees\nthe select value.\n\nIt should be `false` when using it in the following situations:\n\n1. The selected `value` is displayed separately from the\n   selection of values. In this case it does not make sense\n   to add the `value` to the options because it is already\n   displayed.\n\n2. The form element represents a sub selection of a larger\n   value. For example you have an array of permissions of what\n   the user can do in the system, visually you display grouped\n   by parts of the domain. This means giving the same `value`\n   to various form element components to represent parts of the\n   same array of permissions. If `optionsShouldAlwaysContainValue`\n   were `true` it would add all permissions to each permission\n   group.\n\nThis value is `true` by default.",name:"optionsShouldAlwaysContainValue",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx#JarbCheckboxMultipleSelect"]={docgenInfo:JarbCheckboxMultipleSelect.__docgenInfo,name:"JarbCheckboxMultipleSelect",path:"src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx#JarbCheckboxMultipleSelect"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/ColorPicker/ColorPicker.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{U:()=>JarbColorPicker,Z:()=>ColorPicker});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),react_color__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-color/es/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts"),_utils__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/utils.ts"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/utilities/translation/translation.ts"),_core_Popover_Popover__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/core/Popover/Popover.tsx"),_core_TextButton_TextButton__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/core/TextButton/TextButton.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function ColorPicker(props){var id=props.id,label=props.label,value=props.value,color=props.color,placeholder=props.placeholder,icon=props.icon,className=props.className,error=props.error,onChange=props.onChange,onBlur=props.onBlur,_props$canClear=props.canClear,canClear=void 0===_props$canClear||_props$canClear,_props$text=props.text,text=void 0===_props$text?{}:_props$text,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(value||"#ffffff"),2),colorValue=_useState2[0],setColorValue=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState4[0],setIsOpen=_useState4[1];function onColorSelected(color){onChange(color),(0,_utils__WEBPACK_IMPORTED_MODULE_7__.yJ)(onBlur),setIsOpen(!1)}var classes=classnames__WEBPACK_IMPORTED_MODULE_2___default()("color-picker",className);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.cw,{className:classes,color},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.__,{for:id},label),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex"},value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"border p-1 me-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{id:"color-picker-value",className:"h-100",style:{backgroundColor:value,width:42}})),canClear?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_TextButton_TextButton__WEBPACK_IMPORTED_MODULE_6__.Z,{onClick:function onClick(){return onColorSelected(void 0)},className:"me-3"},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_9__.t)({key:"ColorPicker.CLEAR",fallback:"Clear",overrideText:text.clear})):null):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Popover_Popover__WEBPACK_IMPORTED_MODULE_5__.Z,{placement:"bottom",isOpen,target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.zx,{type:"button",color:"primary",onClick:function onClick(){setIsOpen(!isOpen)}},icon?react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon,className:"me-2 align-bottom"}):null,placeholder)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0,className:"p-0"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_color__WEBPACK_IMPORTED_MODULE_1__.xS,{color:colorValue,onChange:function onChange(color){return setColorValue(color.hex)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between my-1 p-1"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.zx,{color:"secondary",onClick:function onClick(){setColorValue(value||"#ffffff"),setIsOpen(!1)}},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_9__.t)({key:"ColorPicker.CANCEL",fallback:"Cancel",overrideText:text.cancel})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.zx,{color:"primary",onClick:function onClick(){return onColorSelected(colorValue)}},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_9__.t)({key:"ColorPicker.SELECT",fallback:"Select",overrideText:text.select})))))),error)}var JarbColorPicker=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_3__.Z)(ColorPicker);try{ColorPicker.displayName="ColorPicker",ColorPicker.__docgenInfo={description:"ColorPicker is a form element which allows the user to select a\ncolor from a color picker. The color's format is in hex.",displayName:"ColorPicker",props:{id:{defaultValue:null,description:"The id of the form element.",name:"id",required:!0,type:{name:"string"}},value:{defaultValue:null,description:"The color that the form element currently has in hex.",name:"value",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value?: string | undefined) => void"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The label of the form element.",name:"label",required:!0,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button that opens the color picker.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ColorPicker/ColorPicker.tsx#ColorPicker"]={docgenInfo:ColorPicker.__docgenInfo,name:"ColorPicker",path:"src/form/ColorPicker/ColorPicker.tsx#ColorPicker"})}catch(__react_docgen_typescript_loader_error){}try{JarbColorPicker.displayName="JarbColorPicker",JarbColorPicker.__docgenInfo={description:"Variant of the ColorPicker which can be used in a Jarb context.",displayName:"JarbColorPicker",props:{id:{defaultValue:null,description:"The id of the form element.",name:"id",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button that opens the color picker.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ColorPicker/ColorPicker.tsx#JarbColorPicker"]={docgenInfo:JarbColorPicker.__docgenInfo,name:"JarbColorPicker",path:"src/form/ColorPicker/ColorPicker.tsx#JarbColorPicker"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/DateTimeInput/DateTimeInput.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{zj:()=>JarbDateTimeInput,ZP:()=>DateTimeInput});var react=__webpack_require__("./node_modules/react/index.js"),reactstrap_modern=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),react_datetime_cjs=__webpack_require__("./node_modules/react-datetime/dist/react-datetime.cjs.js"),react_datetime_cjs_default=__webpack_require__.n(react_datetime_cjs),lodash=__webpack_require__("./node_modules/lodash/lodash.js"),moment=__webpack_require__("./node_modules/moment/moment.js"),moment_default=__webpack_require__.n(moment),reactTextMask=__webpack_require__("./node_modules/react-text-mask/dist/reactTextMask.js"),reactTextMask_default=__webpack_require__.n(reactTextMask),src=__webpack_require__("./src/index.ts");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function combineFormat(dateFormat,timeFormat){if(!1!==dateFormat&&!1!==timeFormat)return"".concat(dateFormat," ").concat(timeFormat);if(!1!==dateFormat)return dateFormat;if(!1!==timeFormat)return timeFormat;throw new Error("DateTimeInput: dateFormat and timeFormat cannot both be false")}function formatToMask(dateFormat,timeFormat){var dateMask=function dateFormatToMask(dateFormat){if(!1===dateFormat)return[];var separator=function extractSeparator(dateFormat){if(dateFormat.includes("-"))return"-";if(dateFormat.includes("/"))return"/";if(dateFormat.includes("."))return".";throw new Error("DateTimeInput: cannot extract separator from dateFormat")}(dateFormat);return dateFormat.split("").map((function(_char2){return _char2===separator?separator:/\d/}))}(dateFormat),timeMask=function timeFormatToMask(timeFormat){if(!1===timeFormat)return[];return timeFormat.split("").map((function(_char){return":"===_char?":":/\d/}))}(timeFormat),dateMaskIsDefined=dateMask.length>0;return dateMaskIsDefined&&timeMask.length>0?[].concat(_toConsumableArray(dateMask),[" "],_toConsumableArray(timeMask)):dateMaskIsDefined?dateMask:timeMask}var withJarb=__webpack_require__("./src/form/withJarb/withJarb.tsx"),utils=__webpack_require__("./src/form/utils.ts"),translation=__webpack_require__("./src/utilities/translation/translation.ts");var OpenCloseModal=__webpack_require__("./src/core/OpenCloseModal/OpenCloseModal.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function DateTimeModal_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return DateTimeModal_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return DateTimeModal_arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function DateTimeModal_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function DateTimeModal(props){var isOpen=props.isOpen,onClose=props.onClose,_onSave=props.onSave,label=props.label,dateFormat=props.dateFormat,timeFormat=props.timeFormat,locale=props.locale,_props$utc=props.utc,utc=void 0===_props$utc||_props$utc,_props$text=props.text,text=void 0===_props$text?{save:(0,translation.t)({key:"DateTimeModal.SELECT",fallback:"Select"})}:_props$text,isDateAllowed=(0,lodash.get)(props,"isDateAllowed",(0,lodash.constant)(!0)),_useValue2=_slicedToArray(function useValue(defaultValue){return(0,react.useState)(defaultValue)}(props.defaultValue?moment_default()(props.defaultValue):""),2),value=_useValue2[0],setValue=_useValue2[1];return isOpen?react.createElement(OpenCloseModal.n,{isOpen:!0,onClose,onSave:function onSave(){return _onSave(value)},label,text,size:"sm",className:"date-time-modal",stickyFooter:!1},react.createElement(react_datetime_cjs_default(),{input:!1,open:!0,closeOnSelect:!1,onChange:function onChange(x){return setValue(x)},value,dateFormat,timeFormat,locale,utc,isValidDate:function isValidDate(date,current){return isDateAllowed(date,current)}})):null}try{DateTimeModal.displayName="DateTimeModal",DateTimeModal.__docgenInfo={description:"",displayName:"DateTimeModal",props:{isOpen:{defaultValue:null,description:"Whether or not the modal is open.\n@deprecated Please do not use the isOpen boolean to control whether\nor not the modal is opened. Instead always set isOpen to `true`\nand only render the OpenCloseModal when it should be rendered.\nIn version 4.0.0 the isOpen property will be removed.",name:"isOpen",required:!0,type:{name:"boolean"}},onClose:{defaultValue:null,description:"Callback for when the modal should close.",name:"onClose",required:!0,type:{name:"() => void"}},label:{defaultValue:null,description:"The label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},onSave:{defaultValue:null,description:"Callback for when the form element changes.",name:"onSave",required:!0,type:{name:"(value: string | Moment) => void"}},defaultValue:{defaultValue:null,description:"The value that the form element currently has.",name:"defaultValue",required:!1,type:{name:"Date | undefined"}},dateFormat:{defaultValue:null,description:"The format for the date, follows Moment.js format.\n\nAt least a DateFormat or TimeFormat should be defined, otherwise\nan error occurs.\n@see https://momentjs.com/docs/#/displaying/format/",name:"dateFormat",required:!0,type:{name:"DateFormat"}},timeFormat:{defaultValue:null,description:"The format for the time, follows Moment.js format.\n\nAt least a TimeFormat or DateFormat should be defined, otherwise\nan error occurs.\n@see https://momentjs.com/docs/#/displaying/format/",name:"timeFormat",required:!0,type:{name:"TimeFormat"}},locale:{defaultValue:null,description:"Optionally the locale moment js should use.",name:"locale",required:!1,type:{name:"string | undefined"}},isDateAllowed:{defaultValue:null,description:"Optional Callback which returns whether a date is selectable.\nIs ran for every date which is displayed. By default every\ndate can be selected.",name:"isDateAllowed",required:!1,type:{name:"DateTimeInputIsDateAllowed | undefined"}},utc:{defaultValue:null,description:"When true, input time values will be interpreted as UTC (Zulu time)\nby Moment.js. Otherwise they will default to the user's local\ntimezone.\n\nDefaults to true.",name:"utc",required:!1,type:{name:"boolean | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/DateTimeInput/DateTimeModal/DateTimeModal.tsx#DateTimeModal"]={docgenInfo:DateTimeModal.__docgenInfo,name:"DateTimeModal",path:"src/form/DateTimeInput/DateTimeModal/DateTimeModal.tsx#DateTimeModal"})}catch(__react_docgen_typescript_loader_error){}var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames);var AddonButton=__webpack_require__("./src/form/addons/AddonButton/AddonButton.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function DateTimeInput_slicedToArray(arr,i){return function DateTimeInput_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function DateTimeInput_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function DateTimeInput_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return DateTimeInput_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return DateTimeInput_arrayLikeToArray(o,minLen)}(arr,i)||function DateTimeInput_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function DateTimeInput_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function DateTimeInput(props){var _useSetLastStringValu2=DateTimeInput_slicedToArray(function useSetLastStringValue(){return(0,react.useState)("")}(),2),lastStringValue=_useSetLastStringValu2[0],setLastStringValue=_useSetLastStringValu2[1],_useHasFormatError2=DateTimeInput_slicedToArray(function useHasFormatError(){return(0,react.useState)(!1)}(),2),hasFormatError=_useHasFormatError2[0],setHasFormatError=_useHasFormatError2[1],_useIsModalOpen2=DateTimeInput_slicedToArray(function useIsModalOpen(){return(0,react.useState)(!1)}(),2),isModalOpen=_useIsModalOpen2[0],setIsModalOpen=_useIsModalOpen2[1],id=props.id,label=props.label,placeholder=props.placeholder,valid=props.valid,onFocus=props.onFocus,dateFormat=props.dateFormat,timeFormat=props.timeFormat,color=props.color,value=props.value,error=props.error,locale=props.locale,_props$utc=props.utc,utc=void 0===_props$utc||_props$utc,_props$mode=props.mode,mode=void 0===_props$mode?"default":_props$mode,text=props.text,_props$className=props.className,className=void 0===_props$className?"":_props$className,isDateAllowed=(0,lodash.get)(props,"isDateAllowed",(0,lodash.constant)(!0));if(!dateFormat&&!timeFormat)throw new Error("DateTimeInput: dateFormat and timeFormat cannot both be false. This is a programmer error.");function onChange(value){var onChange=props.onChange,onBlur=props.onBlur;if("string"==typeof value){if(function isDate(value,dateFormat,timeFormat){return!value.includes("_")&&moment_default()(value.trim(),combineFormat(dateFormat,timeFormat)).isValid()}(value,dateFormat,timeFormat))setLastStringValue(value),onChange(moment_default()(value.trim(),combineFormat(dateFormat,timeFormat)).toDate()),setHasFormatError(!1);else setLastStringValue(value),onChange(void 0),setHasFormatError(!(0,lodash.isEmpty)(value))}else{var valueAsString=moment_default()(value.toDate()).format(combineFormat(dateFormat,timeFormat));setLastStringValue(valueAsString),onChange(value.toDate()),(0,utils.yJ)(onBlur),setHasFormatError(!1)}setIsModalOpen(!1)}var formGroupClassName=classnames_default()("date-time-input",className,{"with-modal":"modal"===mode});return react.createElement(reactstrap_modern.cw,{className:formGroupClassName,color},label?react.createElement(reactstrap_modern.__,{for:id},label," ",react.createElement("span",{className:"date-time-input-format ".concat(value&&hasFormatError?"text-danger":"text-muted")},"(",combineFormat(dateFormat,timeFormat),")")):null,react.createElement(react_datetime_cjs_default(),{inputProps:{mask:formatToMask(dateFormat,timeFormat),placeholder,invalid:!1===valid||hasFormatError,id,autoComplete:"off"},open:"modal"!==mode&&void 0,renderInput:function renderInput(props){return"modal"===mode?maskedInputGroup(props,(function(){return setIsModalOpen(!0)})):maskedInput(props)},onChange,onOpen:onFocus,value:value||lastStringValue,dateFormat,timeFormat,closeOnSelect:!0,locale,utc,isValidDate:function isValidDate(date,current){return isDateAllowed(date,current)}}),error,"modal"===mode&&isModalOpen?react.createElement(DateTimeModal,{isOpen:!0,onClose:function onClose(){return setIsModalOpen(!1)},onSave:onChange,dateFormat,timeFormat,defaultValue:value,isDateAllowed,label:placeholder,locale,utc,text}):null)}var JarbDateTimeInput=(0,withJarb.Z)(DateTimeInput);function maskedInput(props){return react.createElement(reactTextMask_default(),_extends({},props,{render:reactStrapInput}))}function maskedInputGroup(props,onClick){return react.createElement(reactstrap_modern.BZ,null,react.createElement(reactTextMask_default(),_extends({},props,{render:reactStrapInput})),react.createElement(AddonButton.p,{onClick},react.createElement(src.JO,{icon:"calendar_today",className:"d-block"})))}function reactStrapInput(ref,props){return react.createElement(reactstrap_modern.II,_extends({innerRef:ref},props))}try{DateTimeInput.displayName="DateTimeInput",DateTimeInput.__docgenInfo={description:"DateTimeInput is a form element which allows the user to select:\ndate and times, times, and dates.",displayName:"DateTimeInput",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"Date | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: Date | undefined) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},dateFormat:{defaultValue:null,description:"The format for the date, follows Moment.js format.\n\nAt least a DateFormat or TimeFormat should be defined, otherwise\nan error occurs.\n@see https://momentjs.com/docs/#/displaying/format/",name:"dateFormat",required:!0,type:{name:"DateFormat"}},timeFormat:{defaultValue:null,description:"The format for the time, follows Moment.js format.\n\nAt least a TimeFormat or DateFormat should be defined, otherwise\nan error occurs.\n@see https://momentjs.com/docs/#/displaying/format/",name:"timeFormat",required:!0,type:{name:"TimeFormat"}},isDateAllowed:{defaultValue:null,description:"Optional Callback which returns whether a date is selectable.\nIs ran for every date which is displayed. By default every\ndate can be selected.",name:"isDateAllowed",required:!1,type:{name:"DateTimeInputIsDateAllowed | undefined"}},locale:{defaultValue:null,description:"Optionally the locale moment js should use.",name:"locale",required:!1,type:{name:"string | undefined"}},utc:{defaultValue:null,description:"When true, input time values will be interpreted as UTC (Zulu time)\nby Moment.js. Otherwise they will default to the user's local\ntimezone.\n\nDefaults to true.",name:"utc",required:!1,type:{name:"boolean | undefined"}},mode:{defaultValue:null,description:"Whether or not the date picker should be displayed in a modal.\nDefaults to opening in a tooltip-like layout.",name:"mode",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"modal"'},{value:'"default"'}]}},text:{defaultValue:null,description:"Optionally customized text within the DateTimeModal component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/DateTimeInput/DateTimeInput.tsx#DateTimeInput"]={docgenInfo:DateTimeInput.__docgenInfo,name:"DateTimeInput",path:"src/form/DateTimeInput/DateTimeInput.tsx#DateTimeInput"})}catch(__react_docgen_typescript_loader_error){}try{maskedInput.displayName="maskedInput",maskedInput.__docgenInfo={description:"",displayName:"maskedInput",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/DateTimeInput/DateTimeInput.tsx#maskedInput"]={docgenInfo:maskedInput.__docgenInfo,name:"maskedInput",path:"src/form/DateTimeInput/DateTimeInput.tsx#maskedInput"})}catch(__react_docgen_typescript_loader_error){}try{maskedInputGroup.displayName="maskedInputGroup",maskedInputGroup.__docgenInfo={description:"",displayName:"maskedInputGroup",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/DateTimeInput/DateTimeInput.tsx#maskedInputGroup"]={docgenInfo:maskedInputGroup.__docgenInfo,name:"maskedInputGroup",path:"src/form/DateTimeInput/DateTimeInput.tsx#maskedInputGroup"})}catch(__react_docgen_typescript_loader_error){}try{JarbDateTimeInput.displayName="JarbDateTimeInput",JarbDateTimeInput.__docgenInfo={description:"Variant of the DateTimeInput which can be used in a Jarb context.",displayName:"JarbDateTimeInput",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},mode:{defaultValue:null,description:"Whether or not the date picker should be displayed in a modal.\nDefaults to opening in a tooltip-like layout.",name:"mode",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"modal"'},{value:'"default"'}]}},text:{defaultValue:null,description:"Optionally customized text within the DateTimeModal component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},dateFormat:{defaultValue:null,description:"The format for the date, follows Moment.js format.\n\nAt least a DateFormat or TimeFormat should be defined, otherwise\nan error occurs.\n@see https://momentjs.com/docs/#/displaying/format/",name:"dateFormat",required:!0,type:{name:"DateFormat"}},timeFormat:{defaultValue:null,description:"The format for the time, follows Moment.js format.\n\nAt least a TimeFormat or DateFormat should be defined, otherwise\nan error occurs.\n@see https://momentjs.com/docs/#/displaying/format/",name:"timeFormat",required:!0,type:{name:"TimeFormat"}},isDateAllowed:{defaultValue:null,description:"Optional Callback which returns whether a date is selectable.\nIs ran for every date which is displayed. By default every\ndate can be selected.",name:"isDateAllowed",required:!1,type:{name:"DateTimeInputIsDateAllowed | undefined"}},locale:{defaultValue:null,description:"Optionally the locale moment js should use.",name:"locale",required:!1,type:{name:"string | undefined"}},utc:{defaultValue:null,description:"When true, input time values will be interpreted as UTC (Zulu time)\nby Moment.js. Otherwise they will default to the user's local\ntimezone.\n\nDefaults to true.",name:"utc",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/DateTimeInput/DateTimeInput.tsx#JarbDateTimeInput"]={docgenInfo:JarbDateTimeInput.__docgenInfo,name:"JarbDateTimeInput",path:"src/form/DateTimeInput/DateTimeInput.tsx#JarbDateTimeInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/DateTimeInput/checkers.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Sl:()=>isDateAfter,hF:()=>isDateBefore,zx:()=>isDateBetween});var moment__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/moment/moment.js"),moment__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_0__),_utils__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/form/utils.ts");function isDateBefore(end){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{inclusive:!1},inclusive=config.inclusive;return end?function(date){return!date||(inclusive?moment__WEBPACK_IMPORTED_MODULE_0___default()(date).isSameOrBefore(end):moment__WEBPACK_IMPORTED_MODULE_0___default()(date).isBefore(end))}:_utils__WEBPACK_IMPORTED_MODULE_1__.GK}function isDateAfter(start){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{inclusive:!1},inclusive=config.inclusive;return start?function(date){return!date||(inclusive?moment__WEBPACK_IMPORTED_MODULE_0___default()(date).isSameOrAfter(start):moment__WEBPACK_IMPORTED_MODULE_0___default()(date).isAfter(start))}:_utils__WEBPACK_IMPORTED_MODULE_1__.GK}function isDateBetween(start,end){var config=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{startInclusive:!1,endInclusive:!1};if(!start&&!end)return _utils__WEBPACK_IMPORTED_MODULE_1__.GK;var startInclusive=config.startInclusive,endInclusive=config.endInclusive;return end?start?function(date){if(!date)return!0;var startChar=startInclusive?"[":"(",endChar=endInclusive?"]":")";return moment__WEBPACK_IMPORTED_MODULE_0___default()(date).isBetween(start,end,void 0,"".concat(startChar).concat(endChar))}:isDateBefore(end,{inclusive:endInclusive}):isDateAfter(start,{inclusive:startInclusive})}},"./src/form/DateTimeInput/validators.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{EB:()=>isDateAfterValidator,Vi:()=>isDateBeforeValidator,dz:()=>isDateBetweenValidator});var lodash__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/lodash/lodash.js"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utilities/translation/translation.ts"),_checkers__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/form/DateTimeInput/checkers.ts");function isDateBeforeValidator(config){var end=config.end,label=config.label,overrideErrorText=config.overrideErrorText;return function(value,allValues){var before=(0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(allValues,end.path);return(0,_checkers__WEBPACK_IMPORTED_MODULE_1__.hF)(before,{inclusive:end.inclusive})(value)?void 0:dateBeforeError({label,end,overrideErrorText})}}function isDateAfterValidator(config){var start=config.start,label=config.label,overrideErrorText=config.overrideErrorText;return function(value,allValues){var after=(0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(allValues,start.path);return(0,_checkers__WEBPACK_IMPORTED_MODULE_1__.Sl)(after,{inclusive:start.inclusive})(value)?void 0:dateAfterError({label,start,overrideErrorText})}}function isDateBetweenValidator(config){var start=config.start,end=config.end,label=config.label,overrideErrorText=config.overrideErrorText;return function(value,allValues){var after=(0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(allValues,start.path),before=(0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(allValues,end.path);return(0,_checkers__WEBPACK_IMPORTED_MODULE_1__.zx)(after,before,{startInclusive:start.inclusive,endInclusive:end.inclusive})(value)?void 0:before?after?(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__.t)({key:"DateTimeInput.DATE_BETWEEN_ERROR",fallback:'The "'.concat(label,'" must be between the "').concat(start.label,'" and "').concat(end.label,'"'),data:{start:start.label,label,end:end.label},overrideText:overrideErrorText}):dateBeforeError({label,end,overrideErrorText}):dateAfterError({label,start,overrideErrorText})}}function dateAfterError(_ref){var label=_ref.label,start=_ref.start,overrideErrorText=_ref.overrideErrorText;return(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__.t)({key:"DateTimeInput.DATE_AFTER_ERROR",fallback:'The "'.concat(label,'" must be after the "').concat(start.label,'"'),data:{start:start.label,end:label},overrideText:overrideErrorText})}function dateBeforeError(_ref2){var label=_ref2.label,end=_ref2.end,overrideErrorText=_ref2.overrideErrorText;return(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__.t)({key:"DateTimeInput.DATE_BEFORE_ERROR",fallback:'The "'.concat(label,'" must be before the "').concat(end.label,'"'),data:{start:label,end:end.label},overrideText:overrideErrorText})}},"./src/form/FileInput/FileInput.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ye:()=>requireFile,ZP:()=>FileInput,bD:()=>JarbFileInput,yM:()=>limitFileSize});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),lodash__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/lodash/lodash.js"),reactstrap__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_utils__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/utils.ts"),_addons_AddonButton_AddonButton__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/addons/AddonButton/AddonButton.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"===_typeof(call)||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(self)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var FileInput=function(_Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(FileInput,_Component);var _super=_createSuper(FileInput);function FileInput(){var _assertThisInitialize,_assertThisInitialize2,_assertThisInitialize3,_this;_classCallCheck(this,FileInput);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _defineProperty(_assertThisInitialized(_this=_super.call.apply(_super,[this].concat(args))),"innerId",null!==(_assertThisInitialize=null===(_assertThisInitialize2=_assertThisInitialized(_this))||void 0===_assertThisInitialize2||null===(_assertThisInitialize3=_assertThisInitialize2.props)||void 0===_assertThisInitialize3?void 0:_assertThisInitialize3.id)&&void 0!==_assertThisInitialize?_assertThisInitialize:(0,lodash__WEBPACK_IMPORTED_MODULE_1__.uniqueId)()),_defineProperty(_assertThisInitialized(_this),"inputRef",react__WEBPACK_IMPORTED_MODULE_0__.createRef()),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(FileInput,[{key:"onChange",value:function onChange(event){var files=event.target.files;if(files){var file=files.item(0);this.props.onChange(file),(0,_utils__WEBPACK_IMPORTED_MODULE_5__.yJ)(this.props.onBlur)}}},{key:"onClick",value:function onClick(event){this.props.value&&(event.preventDefault(),this.props.onChange(null),(0,_utils__WEBPACK_IMPORTED_MODULE_5__.yJ)(this.props.onBlur),this.inputRef.current&&(this.inputRef.current.value=""))}},{key:"render",value:function render(){var _this2=this,_this$props=this.props,label=_this$props.label,accept=_this$props.accept,placeholder=_this$props.placeholder,error=_this$props.error,color=_this$props.color,value=_this$props.value,valid=_this$props.valid,_this$props$className=_this$props.className,className=void 0===_this$props$className?"":_this$props$className,inputProps={placeholder,value:(0,lodash__WEBPACK_IMPORTED_MODULE_1__.get)(value,"name",""),invalid:!1===valid||void 0};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__.cw,{className:"file-upload ".concat(className),color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__.__,{for:this.innerId},label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("input",{id:this.innerId,accept,ref:this.inputRef,type:"file",onClick:function onClick(event){return _this2.onClick(event)},onChange:function onChange(event){return _this2.onChange(event)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__.BZ,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__.II,_extends({},inputProps,{onChange:function onChange(){}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_addons_AddonButton_AddonButton__WEBPACK_IMPORTED_MODULE_3__.p,{position:"right",color:value||!1===valid?"danger":"primary",onClick:lodash__WEBPACK_IMPORTED_MODULE_1__.noop},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:value?"delete":"cloud_upload",className:"d-block"}))),error)}}]),FileInput}(react__WEBPACK_IMPORTED_MODULE_0__.Component),JarbFileInput=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__.Z)(FileInput);function requireFile(label){return function(value){if(!value)return{key:"FileInput.REQUIRED",data:{label},fallback:"".concat(label," is required")}}}function limitFileSize(size,label){return function(value){if(value instanceof File&&void 0!==value.size){var maxSizeInBytes=1048576*size;if(!(value.size<maxSizeInBytes)){var fileSize=(value.size/1048576).toFixed(1),maxSizeDisplay=size.toFixed(1);return{key:"FileInput.SIZE_TOO_LARGE",data:{label,size:maxSizeDisplay,fileSize},fallback:"".concat(label," file is to large. Max size is ").concat(maxSizeDisplay," MB file size is ").concat(fileSize," MB")}}}}}try{requireFile.displayName="requireFile",requireFile.__docgenInfo={description:"Takes a `label` and returns a validator which can check if the\nthere is a `File`.",displayName:"requireFile",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FileInput/FileInput.tsx#requireFile"]={docgenInfo:requireFile.__docgenInfo,name:"requireFile",path:"src/form/FileInput/FileInput.tsx#requireFile"})}catch(__react_docgen_typescript_loader_error){}try{limitFileSize.displayName="limitFileSize",limitFileSize.__docgenInfo={description:"Takes a `size` and `label` and returns a validator which can check if the\nfile is past the size limit.",displayName:"limitFileSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FileInput/FileInput.tsx#limitFileSize"]={docgenInfo:limitFileSize.__docgenInfo,name:"limitFileSize",path:"src/form/FileInput/FileInput.tsx#limitFileSize"})}catch(__react_docgen_typescript_loader_error){}try{FileInput.displayName="FileInput",FileInput.__docgenInfo={description:"",displayName:"FileInput",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"File | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: File | null) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},accept:{defaultValue:null,description:"Which types of files the form element accepts.\n@see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#Unique_file_type_specifiers",name:"accept",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FileInput/FileInput.tsx#FileInput"]={docgenInfo:FileInput.__docgenInfo,name:"FileInput",path:"src/form/FileInput/FileInput.tsx#FileInput"})}catch(__react_docgen_typescript_loader_error){}try{JarbFileInput.displayName="JarbFileInput",JarbFileInput.__docgenInfo={description:"Variant of the FileInput which can be used in a Jarb context.",displayName:"JarbFileInput",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},accept:{defaultValue:null,description:"Which types of files the form element accepts.\n@see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#Unique_file_type_specifiers",name:"accept",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FileInput/FileInput.tsx#JarbFileInput"]={docgenInfo:JarbFileInput.__docgenInfo,name:"JarbFileInput",path:"src/form/FileInput/FileInput.tsx#JarbFileInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/FormButton/FormButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>FormButton});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_core_Button_Button__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Button/Button.tsx"),_excluded=["formId","type"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function FormButton(_ref){var formId=_ref.formId,type=_ref.type,rest=_objectWithoutProperties(_ref,_excluded);var buttonProps=function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({type,onClick:function onClick(){var _document$getElementB;null===(_document$getElementB=document.getElementById(formId))||void 0===_document$getElementB||_document$getElementB.dispatchEvent(new Event(type,{cancelable:!0,bubbles:!0}))}},rest);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_1__.ZP,buttonProps)}try{FormButton.displayName="FormButton",FormButton.__docgenInfo={description:"The FormButton component is used to submit forms from a distance.\nDistance meaning that the FormButton is not rendered inside of\na <form>. Sometimes this happens when doing more advanced layouts.\n\nThe FormButton will when clicked search for the <form> with the\n`formId` prop and will submit that form.\n\nIt is used when using the EpicForm component.",displayName:"FormButton",props:{formId:{defaultValue:null,description:"The id of the form that should be submitted or reset on click.",name:"formId",required:!0,type:{name:"string"}},type:{defaultValue:{value:"button"},description:"The type of button it is, defaults to 'button'.",name:"type",required:!0,type:{name:"enum",value:[{value:'"reset"'},{value:'"submit"'}]}},children:{defaultValue:null,description:"Optionally the text of the button.",name:"children",required:!1,type:{name:"ReactNode"}},color:{defaultValue:null,description:"Optionally the color of the button.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},icon:{defaultValue:null,description:"Optionally the Icon you want to use.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},inProgress:{defaultValue:{value:"false"},description:"Whether or not the action you are performing is currently in\nprogress. If so a spinner is rendered inside of the button.\nThis behavior is optional and default to `false`.",name:"inProgress",required:!1,type:{name:"boolean | undefined"}},disabled:{defaultValue:null,description:"Optionally whether the button is disabled\n\nDefaults to `false`",name:"disabled",required:!1,type:{name:"boolean | undefined"}},iconPosition:{defaultValue:null,description:'Optionally the position of the icon, either left or right.\nDefaults to "left".\n\nOnly applicable when the `icon` prop is set.',name:"iconPosition",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'}]}},outline:{defaultValue:null,description:"Optionally whether or not to show the button only as an outline.",name:"outline",required:!1,type:{name:"boolean | undefined"}},size:{defaultValue:null,description:"Optionally the size of the button, or icon when only the icon\nis rendered.\n\nDefaults to 'md'.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},fullWidth:{defaultValue:null,description:"Optionally whether or not the button should take the full width\navailable.\n\nDefaults to `false`",name:"fullWidth",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FormButton/FormButton.tsx#FormButton"]={docgenInfo:FormButton.__docgenInfo,name:"FormButton",path:"src/form/FormButton/FormButton.tsx#FormButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/FormError/FormError.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>FormError});var react=__webpack_require__("./node_modules/react/index.js"),reactstrap_modern=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),lib=__webpack_require__("./node_modules/@42.nl/react-error-store/lib/index.js"),utils=__webpack_require__("./src/form/FormError/utils.tsx"),lodash=__webpack_require__("./node_modules/lodash/lodash.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function FormError(props){var value=props.value,meta=props.meta,validator=props.validator,onChange=props.onChange,className=props.className,backEndErrors=(0,lib.jx)(validator),frontEndErrors=function useSettledErrors(meta,value){var error=meta.error,active=meta.active,touched=meta.touched,errorCache=_slicedToArray((0,react.useState)({}),1)[0],errors=(0,react.useMemo)((function(){return void 0===error?[]:(0,lodash.isArray)(error)?error:[error]}),[error]),_useState4=_slicedToArray((0,react.useState)(errors),2),settledErrors=_useState4[0],setSettledErrors=_useState4[1],hasErrors=errors.length>0;return(0,react.useEffect)((function(){var timeout;function showErrors(){errorCache[value]=errors,setSettledErrors(errors)}function hideErrors(){settledErrors.length>0&&void 0===errorCache[value]?setSettledErrors([]):timeout=window.setTimeout(clearCacheAndHideErrors,2e3)}function clearCacheAndHideErrors(){errorCache[value]=void 0,setSettledErrors([])}return active?timeout=hasErrors?window.setTimeout(showErrors,5e3):window.setTimeout(hideErrors,100):hasErrors?touched?timeout=window.setTimeout(showErrors,100):hideErrors():timeout=window.setTimeout(hideErrors,2e3),function(){window.clearTimeout(timeout)}}),[hasErrors,active,touched,errors,settledErrors.length,errorCache,value]),settledErrors}(meta,value),hasErrors=backEndErrors.length>0||frontEndErrors.length>0;return function useOnChange(hasErrors,onChange){(0,react.useEffect)((function(){onChange&&onChange(hasErrors)}),[hasErrors,onChange])}(hasErrors,onChange),hasErrors?react.createElement("div",{className},frontEndErrors.map((function(e,index){return react.createElement(reactstrap_modern.AG,{key:"".concat(index)},(0,utils.N)(e))})),backEndErrors.map((function(e){return react.createElement(reactstrap_modern.AG,{key:e},(0,utils.N)(e))}))):null}try{FormError.displayName="FormError",FormError.__docgenInfo={description:"The FormError component renders errors coming from the front-end\nand the back-end. It ties the front-end and back-end errors together\nbased on the the validator.\n\nA validator is a string which looks like this: `User.name` the format\nis `Entity.property`.",displayName:"FormError",props:{value:{defaultValue:null,description:"The value for this form error.",name:"value",required:!0,type:{name:"any"}},meta:{defaultValue:null,description:"The meta object to render the errors for.",name:"meta",required:!0,type:{name:"Meta"}},validator:{defaultValue:null,description:"The validator for which the FormError should render the errors.",name:"validator",required:!0,type:{name:"string"}},onChange:{defaultValue:null,description:"Optionally: callback which is called when there are errors or\nthey are removed.",name:"onChange",required:!1,type:{name:"FormErrorOnChange | undefined"}},className:{defaultValue:null,description:"Optionally: classes to put on the div around the errors.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FormError/FormError.tsx#FormError"]={docgenInfo:FormError.__docgenInfo,name:"FormError",path:"src/form/FormError/FormError.tsx#FormError"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/FormError/utils.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>errorMessage});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_utilities_translation_translator__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/utilities/translation/translator.ts");function errorMessage(error){var translator=(0,_utilities_translation_translator__WEBPACK_IMPORTED_MODULE_1__.T)();if("string"==typeof error||react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(error))return error;if(void 0===error.type)return translator(error);var validationError=error;switch(validationError.type){case"ERROR_REQUIRED":return translator({key:"JarbFinalForm.VALIDATION.REQUIRED",data:validationError,fallback:"".concat(validationError.label," is required")});case"ERROR_MINIMUM_LENGTH":return translator({key:"JarbFinalForm.VALIDATION.MINIMUM_LENGTH",data:validationError,fallback:"".concat(validationError.label," must be bigger than ").concat(validationError.reasons.minimumLength," characters")});case"ERROR_MAXIMUM_LENGTH":return translator({key:"JarbFinalForm.VALIDATION.MAXIMUM_LENGTH",data:validationError,fallback:"".concat(validationError.label," must be smaller than ").concat(validationError.reasons.maximumLength," characters")});case"ERROR_MIN_VALUE":return translator({key:"JarbFinalForm.VALIDATION.MIN_VALUE",data:validationError,fallback:"".concat(validationError.label," must be more than ").concat(validationError.reasons.minValue)});case"ERROR_MAX_VALUE":return translator({key:"JarbFinalForm.VALIDATION.MAX_VALUE",data:validationError,fallback:"".concat(validationError.label," must be less than ").concat(validationError.reasons.maxValue)});case"ERROR_NUMBER":return translator({key:"JarbFinalForm.VALIDATION.NUMBER",data:validationError,fallback:"".concat(validationError.label," is not a number")});case"ERROR_NUMBER_FRACTION":return translator({key:"JarbFinalForm.VALIDATION.NUMBER_FRACTION",data:validationError,fallback:"".concat(validationError.label," is not a number. Number may have ").concat(validationError.reasons.fractionLength," digits behind the comma")});default:return translator({key:"FormError.UNKNOWN_ERROR",fallback:"Something is wrong"})}}try{errorMessage.displayName="errorMessage",errorMessage.__docgenInfo={description:"",displayName:"errorMessage",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"unknown"}},reasons:{defaultValue:null,description:"",name:"reasons",required:!0,type:{name:'{ required: "required"; } | { minimumLength: number; } | { maximumLength: number; } | { minValue: number; } | { maxValue: number; } | { regex: RegExp; } | { regex: RegExp; fractionLength: number; }'}},data:{defaultValue:null,description:"Optionally may contain extra data to make the translation more\nspecific. For example may contain the label for the form element\nwhich is invalid. Or the number the user entered.\n\nYou can then use it in your translation: `The ${label} is invalid`",name:"data",required:!1,type:{name:"Record<string, unknown> | undefined"}},fallback:{defaultValue:null,description:"The fallback string for the translation. Is English but provides\na default for when you cannot come up with a translation.",name:"fallback",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FormError/utils.tsx#errorMessage"]={docgenInfo:errorMessage.__docgenInfo,name:"errorMessage",path:"src/form/FormError/utils.tsx#errorMessage"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/IconPicker/IconPicker.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>IconPicker,h:()=>JarbIconPicker});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_core_Icon__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Icon/index.ts"),_core_Pager_Pager__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/Pager/Pager.tsx"),_utils__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/form/utils.ts"),_core_SearchInput_SearchInput__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/core/SearchInput/SearchInput.tsx"),_utilities_page_page__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/utilities/page/page.ts"),_core_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/core/ContentState/ContentState.tsx"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/utilities/translation/translation.ts"),_core_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/core/Tooltip/Tooltip.tsx"),_core_Popover_Popover__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/core/Popover/Popover.tsx"),_core_TextButton_TextButton__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/core/TextButton/TextButton.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function IconPicker(props){var label=props.label,icon=props.icon,value=props.value,color=props.color,placeholder=props.placeholder,className=props.className,error=props.error,onChange=props.onChange,onBlur=props.onBlur,_props$text=props.text,text=void 0===_props$text?{}:_props$text,_props$canClear=props.canClear,canClear=void 0===_props$canClear||_props$canClear,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),pageNumber=_useState4[0],setPageNumber=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState6[0],setQuery=_useState6[1],filteredIcons=_core_Icon__WEBPACK_IMPORTED_MODULE_3__.ci.filter((function(icon){return icon.toLowerCase().startsWith(query.toLowerCase())})),iconsPage=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_10__.u)(filteredIcons,pageNumber,36);function onIconSelected(icon){onChange(icon),(0,_utils__WEBPACK_IMPORTED_MODULE_11__.yJ)(onBlur),setIsOpen(!1)}var isEmpty=0===filteredIcons.length,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("icon-picker",className);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_SearchInput_SearchInput__WEBPACK_IMPORTED_MODULE_5__.Z,{defaultValue:query,onChange:function onSearch(query){setQuery(query),setPageNumber(1)},debounce:0},(function(searchInput,searchInputApi){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.cw,{className:classes,color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.__,null,label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex"},value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_3__.JO,{id:"icon-picker-value",className:"pt-2 me-3",icon:value}),canClear?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_TextButton_TextButton__WEBPACK_IMPORTED_MODULE_9__.Z,{onClick:function onClick(){return onIconSelected(void 0)},className:"me-3"},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_13__.t)({key:"IconPicker.CLEAR",fallback:"Clear",overrideText:text.clear})):null):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Popover_Popover__WEBPACK_IMPORTED_MODULE_8__.Z,{placement:"bottom",isOpen,target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.zx,{type:"button",color:"primary",onClick:function onClick(){isOpen&&searchInputApi.setValue(""),setIsOpen(!isOpen)}},icon?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_3__.JO,{icon,className:"me-2 align-bottom"}):null,placeholder)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.Zb,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.Ol,null,searchInput),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.eW,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{width:250,height:250}},isEmpty?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_6__.Z,{mode:"no-results",title:(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_13__.t)({key:"IconPicker.NO_RESULTS.TITLE",fallback:"No icons found",overrideText:text.noResultsTitle}),subTitle:(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_13__.t)({key:"IconPicker.NO_RESULTS.SUBTITLE",fallback:"No icons were found, please try again with a different query.",overrideText:text.noResultsSubtitle})}):iconsPage.content.map((function(icon){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{key:icon,className:"d-inline-block"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_7__.Z,{placement:"top",distance:18,content:icon},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_3__.JO,{className:"m-2",icon,onClick:function onClick(){return onIconSelected(icon)}})))}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"my-2 text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Pager_Pager__WEBPACK_IMPORTED_MODULE_4__.Z,{page:iconsPage,onChange:setPageNumber})))))),error)}))}var JarbIconPicker=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__.Z)(IconPicker);try{IconPicker.displayName="IconPicker",IconPicker.__docgenInfo={description:"IconPicker is a form element which allows the user to select one\nof the material design icons. It is a popover which shows all\nthe icons and lets the user select one.",displayName:"IconPicker",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:'(value: "info" | "warning" | "link" | "light" | "error" | "label" | "input" | "10k" | "10mp" | "11mp" | "123" | "12mp" | "13mp" | "14mp" | "15mp" | "16mp" | "17mp" | "18mp" | "19mp" | "1k" | ... 1987 more ... | undefined) => void'}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button to open the icon picker.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/IconPicker/IconPicker.tsx#IconPicker"]={docgenInfo:IconPicker.__docgenInfo,name:"IconPicker",path:"src/form/IconPicker/IconPicker.tsx#IconPicker"})}catch(__react_docgen_typescript_loader_error){}try{JarbIconPicker.displayName="JarbIconPicker",JarbIconPicker.__docgenInfo={description:"Variant of the IconPicker which can be used in a Jarb context.",displayName:"JarbIconPicker",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button to open the icon picker.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/IconPicker/IconPicker.tsx#JarbIconPicker"]={docgenInfo:JarbIconPicker.__docgenInfo,name:"JarbIconPicker",path:"src/form/IconPicker/IconPicker.tsx#JarbIconPicker"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/ImageUpload/ImageUpload.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{jS:()=>JarbImageUpload,ZP:()=>ImageUpload,LT:()=>limitImageSize,f3:()=>requireImage});var picaInstance,react=__webpack_require__("./node_modules/react/index.js"),reactstrap_modern=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),dist=__webpack_require__("./node_modules/react-avatar-editor/dist/index.js"),dist_default=__webpack_require__.n(dist),Icon=__webpack_require__("./src/core/Icon/Icon.tsx"),Button=__webpack_require__("./src/core/Button/Button.tsx"),withJarb=__webpack_require__("./src/form/withJarb/withJarb.tsx"),utils=__webpack_require__("./src/form/utils.ts"),translation=__webpack_require__("./src/utilities/translation/translation.ts"),pica=__webpack_require__("./node_modules/pica/dist/pica.js"),pica_default=__webpack_require__.n(pica);function dataUrlToFile(dataUrl,fileName){for(var byteString=atob(dataUrl.split(",")[1]),mimeString=dataUrl.split(",")[0].split(":")[1].split(";")[0],bytes=new Uint8Array(byteString.length),i=0;i<byteString.length;i++)bytes[i]=byteString.charCodeAt(i);return new File([bytes],fileName,{type:mimeString})}function cropToAvatarEditorConfig(crop){if("rect"===crop.type)return{borderRadius:0,width:crop.width,height:crop.height};var size=crop.size;return{borderRadius:9e6,width:size,height:size}}function replaceFileExtension(fileName){return fileName.replace(/\.[\w]+$/,".png")}var lodash=__webpack_require__("./node_modules/lodash/lodash.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["crop"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"===_typeof(call)||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(self)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var reader=new FileReader,ImageUpload=function(_Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(ImageUpload,_Component);var _onCrop,_super=_createSuper(ImageUpload);function ImageUpload(){var _assertThisInitialize,_assertThisInitialize2,_assertThisInitialize3,_this;_classCallCheck(this,ImageUpload);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _defineProperty(_assertThisInitialized(_this=_super.call.apply(_super,[this].concat(args))),"innerId",null!==(_assertThisInitialize=null===(_assertThisInitialize2=_assertThisInitialized(_this))||void 0===_assertThisInitialize2||null===(_assertThisInitialize3=_assertThisInitialize2.props)||void 0===_assertThisInitialize3?void 0:_assertThisInitialize3.id)&&void 0!==_assertThisInitialize?_assertThisInitialize:(0,lodash.uniqueId)()),_defineProperty(_assertThisInitialized(_this),"state",{mode:"no-file",imageSrc:"",fileName:"",rotate:0,scale:1}),_defineProperty(_assertThisInitialized(_this),"inputRef",react.createRef()),_defineProperty(_assertThisInitialized(_this),"editorRef",react.createRef()),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(ImageUpload,[{key:"componentDidMount",value:function componentDidMount(){var _this2=this,imageSrc=this.props.value;"string"==typeof imageSrc&&""!==imageSrc?this.setState({mode:"file-selected",imageSrc}):imageSrc&&this.readFile(imageSrc,(function(result){return _this2.setState({mode:"file-selected",imageSrc:result,fileName:imageSrc.name})}))}},{key:"readFile",value:function readFile(file,callback){reader.onloadend=function(){"string"==typeof reader.result&&callback(reader.result)},reader.readAsDataURL(file)}},{key:"imgSelected",value:function imgSelected(_ref){var _this3=this,files=_ref.target.files;if(files){var file=files[0];this.readFile(file,(function(result){return _this3.setState({imageSrc:result,mode:"edit",fileName:file.name,rotate:0,scale:1})}))}}},{key:"onCrop",value:(_onCrop=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(regeneratorRuntime.mark((function _callee(){var _this$props,crop,_this$props$keepOrigi,keepOriginalFileExtension,canvas,config,offScreenCanvas,picaCanvas,dataUrl,fileName,file;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(!this.editorRef.current){_context.next=16;break}return _this$props=this.props,crop=_this$props.crop,_this$props$keepOrigi=_this$props.keepOriginalFileExtension,keepOriginalFileExtension=void 0!==_this$props$keepOrigi&&_this$props$keepOrigi,canvas=this.editorRef.current.getImage(),config=cropToAvatarEditorConfig(crop),(offScreenCanvas=document.createElement("canvas")).width=config.width,offScreenCanvas.height=config.height,_context.next=9,(picaInstance||(picaInstance=pica_default()())).resize(canvas,offScreenCanvas,{alpha:!0});case 9:picaCanvas=_context.sent,dataUrl=picaCanvas.toDataURL("image/png",1),fileName=keepOriginalFileExtension?this.state.fileName:replaceFileExtension(this.state.fileName),file=dataUrlToFile(dataUrl,fileName),this.props.onChange(file),(0,utils.yJ)(this.props.onBlur),this.setState({mode:"file-selected",imageSrc:dataUrl,fileName});case 16:case"end":return _context.stop()}}),_callee,this)}))),function onCrop(){return _onCrop.apply(this,arguments)})},{key:"rotateLeft",value:function rotateLeft(){this.setState({rotate:this.state.rotate-90})}},{key:"rotateRight",value:function rotateRight(){this.setState({rotate:this.state.rotate+90})}},{key:"changeScale",value:function changeScale(event){event.preventDefault();var scale=function calculateScale(scale,delta){var zoomFactor=Math.max(Math.abs(delta)/1e3,.1),nextScale=delta>0?scale-zoomFactor:scale+zoomFactor;return Math.min(10,Math.max(1,nextScale))}(this.state.scale,event.deltaY);this.setState({scale})}},{key:"resetFileInput",value:function resetFileInput(){this.setState({imageSrc:"",mode:"no-file",rotate:0,scale:1}),this.props.onChange(null),(0,utils.yJ)(this.props.onBlur),this.inputRef.current&&(this.inputRef.current.value="")}},{key:"triggerFileInput",value:function triggerFileInput(){var _this4=this;this.resetFileInput(),setTimeout((function(){_this4.inputRef.current&&_this4.inputRef.current.click()}),200)}},{key:"render",value:function render(){var _this$props2=this.props,className=_this$props2.className,error=_this$props2.error,color=_this$props2.color,label=_this$props2.label;return react.createElement("div",{className},react.createElement(reactstrap_modern.cw,{color,className:"img-upload"},label?react.createElement(reactstrap_modern.__,{for:this.innerId},label):null,this.renderMode(),this.renderButtons(),error))}},{key:"renderMode",value:function renderMode(){switch(this.state.mode){case"file-selected":return this.renderFileSelected();case"edit":return this.renderEdit();default:return this.renderNoFile()}}},{key:"renderNoFile",value:function renderNoFile(){var _this5=this;return react.createElement(react.Fragment,null,react.createElement("input",{id:this.innerId,onChange:function onChange(event){return _this5.imgSelected(event)},type:"file",accept:"image/*",ref:this.inputRef}),react.createElement("div",{className:"img-upload-wrapper bg-faded text-muted"},react.createElement(Icon.Z,{icon:"add_a_photo"})))}},{key:"renderEdit",value:function renderEdit(){var _this6=this,crop=this.props.crop,_this$state=this.state,imageSrc=_this$state.imageSrc,rotate=_this$state.rotate,scale=_this$state.scale,config=cropToAvatarEditorConfig(crop);return react.createElement("div",{className:"d-flex justify-content-center"},react.createElement("div",{onWheel:function onWheel(event){return _this6.changeScale(event)}},react.createElement(dist_default(),{ref:this.editorRef,image:imageSrc,width:config.width,height:config.height,borderRadius:config.borderRadius,rotate,scale})))}},{key:"renderFileSelected",value:function renderFileSelected(){var imageSrc=this.state.imageSrc,_this$props3=this.props,crop=_this$props3.crop,props=_objectWithoutProperties(_this$props3,_excluded),alt="";return props.label&&"string"==typeof props.label&&(alt=props.label),react.createElement("div",{className:"d-flex justify-content-center"},react.createElement("img",{style:{borderRadius:"rect"===crop.type?0:"50%"},className:"img-fluid elevated-3",alt,src:imageSrc}))}},{key:"renderButtons",value:function renderButtons(){switch(this.state.mode){case"file-selected":return this.renderFileSelectedButtons();case"edit":return this.renderEditButtons();default:return null}}},{key:"renderFileSelectedButtons",value:function renderFileSelectedButtons(){var _this7=this,_this$props$text=this.props.text,text=void 0===_this$props$text?{}:_this$props$text;return react.createElement(reactstrap_modern.cw,{className:"text-center mt-1"},react.createElement(Button.ZP,{onClick:function onClick(){return _this7.triggerFileInput()},color:"primary",icon:"camera_roll"},(0,translation.t)({key:"ImageUpload.CHANGE",fallback:"Change",overrideText:text.change})),react.createElement(Button.ZP,{className:"ms-1",onClick:function onClick(){return _this7.resetFileInput()},color:"danger",icon:"delete"},(0,translation.t)({key:"ImageUpload.REMOVE",fallback:"Remove",overrideText:text.remove})))}},{key:"renderEditButtons",value:function renderEditButtons(){var _this8=this,_this$props$text2=this.props.text,text=void 0===_this$props$text2?{}:_this$props$text2;return react.createElement(reactstrap_modern.cw,{className:"d-flex justify-content-center mt-1"},react.createElement(Button.ZP,{className:"mt-2",onClick:function onClick(){return _this8.rotateLeft()},color:"secondary",icon:"rotate_left"}),react.createElement(Button.ZP,{className:"ms-1 mt-2",onClick:function onClick(){return _this8.rotateRight()},color:"secondary",icon:"rotate_right"}),react.createElement(Button.ZP,{className:"ms-3",onClick:function onClick(){return _this8.resetFileInput()},color:"secondary",icon:"cancel"},(0,translation.t)({key:"ImageUpload.CANCEL",fallback:"Cancel",overrideText:text.cancel})),react.createElement(Button.ZP,{className:"ms-1",onClick:function onClick(){return _this8.onCrop()},color:"primary",icon:"done"},(0,translation.t)({key:"ImageUpload.DONE",fallback:"Done",overrideText:text.done})))}}]),ImageUpload}(react.Component),JarbImageUpload=(0,withJarb.Z)(ImageUpload);function requireImage(label){return function(value){if(!value)return{key:"ImageUpload.REQUIRED",data:{label},fallback:"".concat(label," is required")}}}function limitImageSize(size,label){return function(value){if(value instanceof File&&void 0!==value.size){var maxSizeInBytes=1048576*size;if(!(value.size<maxSizeInBytes)){var fileSize=(value.size/1048576).toFixed(1),maxSizeDisplay=size.toFixed(1);return{key:"ImageUpload.SIZE_TOO_LARGE",data:{label,size:maxSizeDisplay,fileSize},fallback:"".concat(label," image is to large. Max size is ").concat(maxSizeDisplay," MB image size is ").concat(fileSize," MB")}}}}}try{requireImage.displayName="requireImage",requireImage.__docgenInfo={description:"Takes a `label` and returns a validator which can check if the\nthere is an image.",displayName:"requireImage",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ImageUpload/ImageUpload.tsx#requireImage"]={docgenInfo:requireImage.__docgenInfo,name:"requireImage",path:"src/form/ImageUpload/ImageUpload.tsx#requireImage"})}catch(__react_docgen_typescript_loader_error){}try{limitImageSize.displayName="limitImageSize",limitImageSize.__docgenInfo={description:"Takes a `size` and `label` and returns a validator which can check if the\nimage is past the size limit.",displayName:"limitImageSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ImageUpload/ImageUpload.tsx#limitImageSize"]={docgenInfo:limitImageSize.__docgenInfo,name:"limitImageSize",path:"src/form/ImageUpload/ImageUpload.tsx#limitImageSize"})}catch(__react_docgen_typescript_loader_error){}try{ImageUpload.displayName="ImageUpload",ImageUpload.__docgenInfo={description:"",displayName:"ImageUpload",props:{onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: ChangeValue) => void"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"Value | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},crop:{defaultValue:null,description:"Whether to crop as a circle or as a rectangle.",name:"crop",required:!0,type:{name:"ImageUploadCrop"}},text:{defaultValue:null,description:"Optionally customized text you want to use in this component.",name:"text",required:!1,type:{name:"Text | undefined"}},keepOriginalFileExtension:{defaultValue:null,description:"Optionally whether to keep the original file extension or to\nreplace it with .png (because the output is always a PNG file).\nDefaults to false.",name:"keepOriginalFileExtension",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ImageUpload/ImageUpload.tsx#ImageUpload"]={docgenInfo:ImageUpload.__docgenInfo,name:"ImageUpload",path:"src/form/ImageUpload/ImageUpload.tsx#ImageUpload"})}catch(__react_docgen_typescript_loader_error){}try{JarbImageUpload.displayName="JarbImageUpload",JarbImageUpload.__docgenInfo={description:"",displayName:"JarbImageUpload",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},crop:{defaultValue:null,description:"Whether to crop as a circle or as a rectangle.",name:"crop",required:!0,type:{name:"ImageUploadCrop"}},text:{defaultValue:null,description:"Optionally customized text you want to use in this component.",name:"text",required:!1,type:{name:"Text | undefined"}},keepOriginalFileExtension:{defaultValue:null,description:"Optionally whether to keep the original file extension or to\nreplace it with .png (because the output is always a PNG file).\nDefaults to false.",name:"keepOriginalFileExtension",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ImageUpload/ImageUpload.tsx#JarbImageUpload"]={docgenInfo:JarbImageUpload.__docgenInfo,name:"JarbImageUpload",path:"src/form/ImageUpload/ImageUpload.tsx#JarbImageUpload"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/Input/Input.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{ZP:()=>Input,x9:()=>JarbInput});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_text_mask__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-text-mask/dist/reactTextMask.js"),react_text_mask__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(react_text_mask__WEBPACK_IMPORTED_MODULE_1__),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/hooks/useId/useId.ts"),_excluded=["innerRef"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Input(props){var _addon$props$position,id=props.id,label=props.label,placeholder=props.placeholder,value=props.value,_onChange=props.onChange,onBlur=props.onBlur,onFocus=props.onFocus,innerRef=props.innerRef,_props$type=props.type,type=void 0===_props$type?"text":_props$type,error=props.error,color=props.color,valid=props.valid,mask=props.mask,addon=props.addon,_props$className=props.className,className=void 0===_props$className?"":_props$className,innerId=(0,_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_3__.M)({id}),inputProps={id:innerId,type,valid,invalid:!1===valid||void 0,value,innerRef,placeholder:placeholder||"",onFocus,onChange:function onChange(event){return _onChange(event.target.value)},onBlur},withoutRef=_objectWithoutProperties(inputProps,_excluded),input=void 0===mask?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.II,_extends({key:"input"},inputProps)):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_text_mask__WEBPACK_IMPORTED_MODULE_1___default(),_extends({key:"mask",mask},withoutRef,{render:reactStrapInput})),content=input;void 0!==addon&&(content="left"===(null!==(_addon$props$position=addon.props.position)&&void 0!==_addon$props$position?_addon$props$position:"left")?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.BZ,null,addon,input):react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.BZ,null,input,addon));return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.cw,{className,color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.__,{for:innerId},label):null,content,error)}function reactStrapInput(ref,props){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.II,_extends({innerRef:ref},props))}var JarbInput=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__.Z)(Input);try{Input.displayName="Input",Input.__docgenInfo={description:"Input is a basic form element which allows the user to enter text.\n\nSupports addons and masks.",displayName:"Input",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: string) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},type:{defaultValue:null,description:"Optional type of the input, default to `text`.",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"number"'},{value:'"color"'},{value:'"select"'},{value:'"textarea"'},{value:'"email"'},{value:'"image"'},{value:'"password"'},{value:'"radio"'},{value:'"search"'},{value:'"text"'},{value:'"file"'},{value:'"checkbox"'},{value:'"switch"'},{value:'"button"'},{value:'"reset"'},{value:'"submit"'},{value:'"date"'},{value:'"datetime-local"'},{value:'"hidden"'},{value:'"month"'},{value:'"range"'},{value:'"tel"'},{value:'"url"'},{value:'"week"'},{value:'"datetime"'},{value:'"time"'}]}},mask:{defaultValue:null,description:"Optional mask of the input.\n@see https://text-mask.github.io/text-mask/",name:"mask",required:!1,type:{name:"InputMask | undefined"}},addon:{defaultValue:null,description:"Optional addon to display to the left or right of the input\nelement. Provide either an Addon, AddonIcon or AddonButton to be\nrendered here.\n\nThe `position` property of the addon determines were the addon\nis rendered.",name:"addon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | undefined"}},innerRef:{defaultValue:null,description:"A ref to the actual input, can be used to focus the element.",name:"innerRef",required:!1,type:{name:"Ref<HTMLInputElement> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Input/Input.tsx#Input"]={docgenInfo:Input.__docgenInfo,name:"Input",path:"src/form/Input/Input.tsx#Input"})}catch(__react_docgen_typescript_loader_error){}try{JarbInput.displayName="JarbInput",JarbInput.__docgenInfo={description:"Variant of the Input which can be used in a Jarb context.",displayName:"JarbInput",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},mask:{defaultValue:null,description:"Optional mask of the input.\n@see https://text-mask.github.io/text-mask/",name:"mask",required:!1,type:{name:"InputMask | undefined"}},addon:{defaultValue:null,description:"Optional addon to display to the left or right of the input\nelement. Provide either an Addon, AddonIcon or AddonButton to be\nrendered here.\n\nThe `position` property of the addon determines were the addon\nis rendered.",name:"addon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | undefined"}},innerRef:{defaultValue:null,description:"A ref to the actual input, can be used to focus the element.",name:"innerRef",required:!1,type:{name:"Ref<HTMLInputElement> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Input/Input.tsx#JarbInput"]={docgenInfo:JarbInput.__docgenInfo,name:"JarbInput",path:"src/form/Input/Input.tsx#JarbInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/ModalPicker/ModalPicker.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>ModalPicker});var react=__webpack_require__("./node_modules/react/index.js"),reactstrap_modern=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),Pagination=__webpack_require__("./src/core/Pagination/Pagination.tsx"),translation=__webpack_require__("./src/utilities/translation/translation.ts"),SearchInput=__webpack_require__("./src/core/SearchInput/SearchInput.tsx"),useBodyFixOnModalClose=__webpack_require__("./src/hooks/useBodyFixOnModalClose/useBodyFixOnModalClose.ts"),ContentState=__webpack_require__("./src/core/ContentState/ContentState.tsx");function EmptyModal(props){var userHasSearched=props.userHasSearched,title=props.title,subTitle=props.subTitle;return userHasSearched?react.createElement(ContentState.Z,{mode:"no-results",title:(0,translation.t)({key:"EmptyModal.NO_RESULTS.TITLE",fallback:"Empty",overrideText:title}),subTitle:(0,translation.t)({key:"EmptyModal.NO_RESULTS.SUBTITLE",fallback:"No results were found please try again with a different query.",overrideText:subTitle})}):react.createElement(ContentState.Z,{mode:"empty",title:(0,translation.t)({key:"EmptyModal.EMPTY.TITLE",fallback:"Empty",overrideText:title}),subTitle:(0,translation.t)({key:"EmptyModal.EMPTY.SUBTITLE",fallback:"There is nothing here yet, the collection is empty.",overrideText:subTitle})})}try{EmptyModal.displayName="EmptyModal",EmptyModal.__docgenInfo={description:"The EmptyModal is a component which is rendered when a\nModal is empty. Can either display a message saying that\nit is empty when there is nothing to be selected. Or a\nmessage saying that there is no result for the current\nsearch query when the user has searched.",displayName:"EmptyModal",props:{userHasSearched:{defaultValue:null,description:"Whether or not the user performed a search.",name:"userHasSearched",required:!0,type:{name:"boolean"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string | undefined"}},subTitle:{defaultValue:null,description:"",name:"subTitle",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ModalPicker/EmptyModal.tsx#EmptyModal"]={docgenInfo:EmptyModal.__docgenInfo,name:"EmptyModal",path:"src/form/ModalPicker/EmptyModal.tsx#EmptyModal"})}catch(__react_docgen_typescript_loader_error){}var form_option=__webpack_require__("./src/form/option.ts");function ModalPicker(props){var placeholder=props.placeholder,isOpen=props.isOpen,page=props.page,children=props.children,query=props.query,canSearch=props.canSearch,canSearchSync=props.canSearchSync,queryChanged=props.queryChanged,pageChanged=props.pageChanged,closeModal=props.closeModal,modalSaved=props.modalSaved,addButton=props.addButton,loading=props.loading,userHasSearched=props.userHasSearched,renderOptionsConfig=props.renderOptionsConfig,selected=props.selected,_props$text=props.text,text=void 0===_props$text?{}:_props$text;(0,useBodyFixOnModalClose.s)(isOpen);var shouldRenderPagination=!(page.first&&page.last);return react.createElement(reactstrap_modern.u_,{isOpen,toggle:function toggle(){return closeModal()}},react.createElement(reactstrap_modern.xB,{toggle:function toggle(){return closeModal()}},placeholder),react.createElement(reactstrap_modern.fe,null,canSearch?react.createElement(reactstrap_modern.X2,null,react.createElement(reactstrap_modern.JX,null,react.createElement(SearchInput.Z,{defaultValue:query,placeholder:(0,translation.t)({overrideText:text.placeholder,key:"ModalPicker.SEARCH",fallback:"Search..."}),debounce:canSearchSync?0:500,onChange:queryChanged}))):null,react.createElement(reactstrap_modern.X2,{className:"mt-3"},react.createElement(reactstrap_modern.JX,null,function renderChildren(){if(loading)return react.createElement(ContentState.Z,{mode:"loading",title:""});if(0===page.totalElements)return react.createElement(EmptyModal,{userHasSearched});if(renderOptionsConfig)return renderOptionsConfig.renderOptions(function mapOptions(renderOptionsConfig){var onChange=renderOptionsConfig.onChange,labelForOption=renderOptionsConfig.labelForOption,isOptionEqual=renderOptionsConfig.isOptionEqual,keyForOption=renderOptionsConfig.keyForOption,isOptionEnabled=renderOptionsConfig.isOptionEnabled;return page.content.map((function(option){var isSelected=(0,form_option.O)({option,labelForOption,isOptionEqual,keyForOption,value:selected}),enabled=isOptionEnabled(option);return{option,isSelected,enabled,toggle:function toggle(){return enabled?onChange(option,isSelected):void 0}}}))}(renderOptionsConfig));return react.createElement(react.Fragment,null,children)}()))),shouldRenderPagination?react.createElement(reactstrap_modern.mz,{className:"d-flex justify-content-center"},react.createElement(Pagination.Z,{page,onChange:function onChange(page){return pageChanged(page)}})):null,react.createElement(reactstrap_modern.mz,{className:"d-flex flex-row justify-content-between"},addButton?react.createElement(reactstrap_modern.zx,{color:"primary",onClick:function onClick(){return addButton.onClick()}},addButton.label):react.createElement("div",null),react.createElement("div",null,react.createElement(reactstrap_modern.zx,{className:"ms-1",color:"secondary",onClick:function onClick(){return closeModal()}},(0,translation.t)({overrideText:text.cancel,key:"ModalPicker.CANCEL",fallback:"Cancel"})),react.createElement(reactstrap_modern.zx,{className:"ms-1",color:"primary",onClick:function onClick(){return modalSaved()},disabled:!selected},(0,translation.t)({overrideText:text.select,key:"ModalPicker.SELECT",fallback:"Select"})))))}try{ModalPicker.displayName="ModalPicker",ModalPicker.__docgenInfo={description:"The ModalPicker component is an abstraction used by the ModalPickerMultiple\nand ModalPickerSingle to render a modal. It contains the code which\ncould be shared by the two components.",displayName:"ModalPicker",props:{placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},isOpen:{defaultValue:null,description:"Whether or not the modal is open.",name:"isOpen",required:!0,type:{name:"boolean"}},page:{defaultValue:null,description:"The current page of options. Used to determine if the\npagination should be rendered.",name:"page",required:!0,type:{name:"Page<T>"}},children:{defaultValue:null,description:"Here the component using the ModalPicker must render in the options.",name:"children",required:!0,type:{name:"ReactNode"}},query:{defaultValue:null,description:"The value to show in the search input.",name:"query",required:!0,type:{name:"string"}},canSearch:{defaultValue:null,description:"Whether or not to show the search input.",name:"canSearch",required:!0,type:{name:"boolean"}},canSearchSync:{defaultValue:null,description:"Whether or not the search can happen synchronously. Used\nwhen the `options` for the ModalPickerSingle / ModalPickerMultiple\nis an array, in that case the query will be filtered locally\nso no debounce is needed.",name:"canSearchSync",required:!0,type:{name:"boolean"}},queryChanged:{defaultValue:null,description:"Callback for when the query changes.",name:"queryChanged",required:!0,type:{name:"(query: string) => void"}},pageChanged:{defaultValue:null,description:"Callback for when the page changes.",name:"pageChanged",required:!0,type:{name:"(page: number) => void"}},closeModal:{defaultValue:null,description:"Callback for when the modal should close.",name:"closeModal",required:!0,type:{name:"() => void"}},modalSaved:{defaultValue:null,description:"Callback for when the modal is saved",name:"modalSaved",required:!0,type:{name:"() => void"}},addButton:{defaultValue:null,description:"Optionally an add button to display in the Modal. Can\nbe used to dynamically add an option which was not there\nbefore.",name:"addButton",required:!1,type:{name:"{ label: string; onClick: () => void; } | undefined"}},loading:{defaultValue:null,description:"Whether or not the ModelPicker is loading",name:"loading",required:!0,type:{name:"boolean"}},userHasSearched:{defaultValue:null,description:"Whether or not the user has searched.",name:"userHasSearched",required:!0,type:{name:"boolean"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},renderOptionsConfig:{defaultValue:null,description:"",name:"renderOptionsConfig",required:!1,type:{name:"RenderOptionsConfig<T> | undefined"}},selected:{defaultValue:null,description:"The selected option",name:"selected",required:!0,type:{name:"T | T[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ModalPicker/ModalPicker.tsx#ModalPicker"]={docgenInfo:ModalPicker.__docgenInfo,name:"ModalPicker",path:"src/form/ModalPicker/ModalPicker.tsx#ModalPicker"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/ModalPicker/ModalPickerOpener/ModalPickerOpener.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{M:()=>ModalPickerOpener});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utilities/translation/translation.ts"),_core_TextButton_TextButton__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/TextButton/TextButton.tsx"),_core_Icon__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Icon/index.ts");function ModalPickerOpener(props){var openModal=props.openModal,label=props.label,icon=props.icon,alignButton=props.alignButton,onClear=props.onClear,_props$text=props.text,text=void 0===_props$text?{}:_props$text,renderValue=props.renderValue,value=props.value,hasValue=!!value,wrapperClassName=classnames__WEBPACK_IMPORTED_MODULE_1___default()("d-flex","align-items-center",{"flex-row-reverse":"left"===alignButton,"justify-content-between":"right"===alignButton&&hasValue,"justify-content-end":"left"===alignButton||"right"===alignButton&&!hasValue}),buttonClassName=classnames__WEBPACK_IMPORTED_MODULE_1___default()("flex-grow-0","flex-shrink-0",{"me-3":hasValue&&"left"===alignButton,"ms-3":hasValue&&"left"!==alignButton}),displayValue=renderValue(value);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:wrapperClassName},displayValue,hasValue&&onClear?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_TextButton_TextButton__WEBPACK_IMPORTED_MODULE_2__.Z,{onClick:onClear,className:"ms-3"},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_4__.t)({overrideText:text.clear,key:"ModalPickerOpener.CLEAR",fallback:"Clear"})):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.zx,{color:"primary",onClick:openModal,className:buttonClassName},icon?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_3__.JO,{icon,className:"me-2 align-bottom"}):null,label))}try{ModalPickerOpener.displayName="ModalPickerOpener",ModalPickerOpener.__docgenInfo={description:"",displayName:"ModalPickerOpener",props:{openModal:{defaultValue:null,description:"Function to open the modal, called when the button is clicked.",name:"openModal",required:!0,type:{name:"() => void"}},label:{defaultValue:null,description:"The label to display on the button.",name:"label",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},onClear:{defaultValue:null,description:"Optionally: what needs to happen when the clear button is pressed",name:"onClear",required:!1,type:{name:"(() => void) | undefined"}},alignButton:{defaultValue:null,description:"Optionally the position the button should be aligned to\nwithin it's container.",name:"alignButton",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'},{value:'"default"'}]}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"T | T[] | undefined"}},renderValue:{defaultValue:null,description:"",name:"renderValue",required:!0,type:{name:"ModalPickerSingleRenderValue<T> | ModalPickerMultipleRenderValues<T>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ModalPicker/ModalPickerOpener/ModalPickerOpener.tsx#ModalPickerOpener"]={docgenInfo:ModalPickerOpener.__docgenInfo,name:"ModalPickerOpener",path:"src/form/ModalPicker/ModalPickerOpener/ModalPickerOpener.tsx#ModalPickerOpener"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/ModalPicker/ModalPickerValueTruncator/ModalPickerValueTruncator.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{h:()=>ModalPickerValueTruncator});var react=__webpack_require__("./node_modules/react/index.js"),Tooltip=__webpack_require__("./src/core/Tooltip/Tooltip.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useComponentOverflow(ref,values){var _useState2=_slicedToArray((0,react.useState)(isOverflowing(ref.current)),2),componentOverflow=_useState2[0],setComponentOverflow=_useState2[1],handleResize=(0,react.useCallback)(function handleResizeCallback(ref,setComponentOverflow){return function(){ref.current&&setComponentOverflow(isOverflowing(ref.current))}}(ref,setComponentOverflow),[ref]),resizeObserver=function useResizeObserver(handleResize){return"undefined"!=typeof ResizeObserver?new ResizeObserver((function(entries){return entries.forEach(handleResize)})):void 0}(handleResize);return(0,react.useLayoutEffect)(function layoutEffect(ref,handleResize,resizeObserver){return function(){if(ref.current){handleResize();var el=ref.current;return resizeObserver?(resizeObserver.observe(el),function(){resizeObserver.unobserve(el)}):(el.addEventListener("resize",handleResize,{passive:!0}),function(){el.removeEventListener("resize",handleResize)})}}}(ref,handleResize,resizeObserver),[ref,handleResize,values,resizeObserver]),componentOverflow}function isOverflowing(el){return!!el&&el.clientWidth<el.scrollWidth}function ModalPickerValueTruncator(_ref){var value=_ref.value,labelForOption=_ref.labelForOption,ref=(0,react.useRef)(null),isOverflowing=useComponentOverflow(ref,value);if(!value)return null;var text=Array.isArray(value)?react.createElement(react.Fragment,null,value.map(labelForOption).join(", ")):labelForOption(value);return react.createElement("span",{className:"text-truncate position-relative",ref},isOverflowing?react.createElement(Tooltip.Z,{content:text,className:"w-100 h-100 position-absolute",tag:"div"}," "):null,text)}try{ModalPickerValueTruncator.displayName="ModalPickerValueTruncator",ModalPickerValueTruncator.__docgenInfo={description:"",displayName:"ModalPickerValueTruncator",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"T | T[]"}},labelForOption:{defaultValue:null,description:"",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ModalPicker/ModalPickerValueTruncator/ModalPickerValueTruncator.tsx#ModalPickerValueTruncator"]={docgenInfo:ModalPickerValueTruncator.__docgenInfo,name:"ModalPickerValueTruncator",path:"src/form/ModalPicker/ModalPickerValueTruncator/ModalPickerValueTruncator.tsx#ModalPickerValueTruncator"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/ModalPicker/multiple/ModalPickerMultiple.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>ModalPickerMultiple,t:()=>JarbModalPickerMultiple});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_utils__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/form/utils.ts"),_core_Tag_Tag__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Tag/Tag.tsx"),_ModalPicker__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/ModalPicker/ModalPicker.tsx"),_option__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/form/option.ts"),_ModalPickerOpener_ModalPickerOpener__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/ModalPicker/ModalPickerOpener/ModalPickerOpener.tsx"),_ModalPickerValueTruncator_ModalPickerValueTruncator__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/ModalPicker/ModalPickerValueTruncator/ModalPickerValueTruncator.tsx"),_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/hooks/useId/useId.ts"),_useOptions__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/useOptions.ts"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/utilities/translation/translation.ts");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function ModalPickerMultiple(props){var id=props.id,label=props.label,color=props.color,placeholder=props.placeholder,icon=props.icon,_props$className=props.className,className=void 0===_props$className?"":_props$className,value=props.value,onChange=props.onChange,addButton=props.addButton,_props$canSearch=props.canSearch,canSearch=void 0===_props$canSearch||_props$canSearch,_props$pageSize=props.pageSize,pageSize=void 0===_props$pageSize?10:_props$pageSize,options=props.options,keyForOption=props.keyForOption,isOptionEqual=props.isOptionEqual,_props$isOptionEnable=props.isOptionEnabled,isOptionEnabled=void 0===_props$isOptionEnable?_utils__WEBPACK_IMPORTED_MODULE_8__.GK:_props$isOptionEnable,labelForOption=props.labelForOption,reloadOptions=props.reloadOptions,renderValue=props.renderValue,alignButton=props.alignButton,renderOptions=props.renderOptions,error=props.error,onBlur=props.onBlur,_props$canClear=props.canClear,canClear=void 0===_props$canClear||_props$canClear,text=props.text,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),pageNumber=_useState4[0],setPageNumber=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState6[0],setQuery=_useState6[1],_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),userHasSearched=_useState8[0],setUserHasSearched=_useState8[1],_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),selected=_useState10[0],setSelected=_useState10[1],_useOptions=(0,_useOptions__WEBPACK_IMPORTED_MODULE_7__.D)({options,value,isOptionEqual,labelForOption,reloadOptions,pageNumber,query,size:pageSize,optionsShouldAlwaysContainValue:!1}),page=_useOptions.page,loading=_useOptions.loading,innerId=(0,_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_6__.M)({id});function modalSaved(){setIsOpen(!1),onChange(_toConsumableArray(selected)),(0,_utils__WEBPACK_IMPORTED_MODULE_8__.yJ)(onBlur)}function closeModal(){setIsOpen(!1)}function optionClicked(option,isSelected){var newSelected=_toConsumableArray(selected);isSelected?newSelected=selected.filter((function(value){return!(0,_option__WEBPACK_IMPORTED_MODULE_9__.O)({option,keyForOption,labelForOption,isOptionEqual,value})})):newSelected.push(option),setSelected(newSelected)}function _addButtonClicked(){return(_addButtonClicked=_asyncToGenerator(regeneratorRuntime.mark((function _callee(callback){var item;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return setIsOpen(!1),_context.prev=1,_context.next=4,callback();case 4:optionClicked(item=_context.sent,!1),page.content.unshift(item),setIsOpen(!0),_context.next=13;break;case 10:_context.prev=10,_context.t0=_context.catch(1),setIsOpen(!0);case 13:case"end":return _context.stop()}}),_callee,null,[[1,10]])})))).apply(this,arguments)}var modalPickerOpenerProps={openModal:function openModal(){var newSelected=Array.isArray(value)?_toConsumableArray(value):[];setSelected(newSelected),setIsOpen(!0),setQuery(""),setPageNumber(1),setUserHasSearched(!1)},label:placeholder,icon,alignButton,renderValue:renderValue||function(value){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerValueTruncator_ModalPickerValueTruncator__WEBPACK_IMPORTED_MODULE_5__.h,{value,labelForOption})},onClear:canClear?function(){return onChange(void 0)}:void 0,value:value&&value.length>0?value:void 0};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_10__.cw,{className,color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_10__.__,{for:innerId},label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerOpener_ModalPickerOpener__WEBPACK_IMPORTED_MODULE_4__.M,modalPickerOpenerProps),error,function renderModal(){var addButtonOptions=addButton?{label:addButton.label,onClick:function onClick(){!function addButtonClicked(_x){return _addButtonClicked.apply(this,arguments)}(addButton.onClick)}}:void 0;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPicker__WEBPACK_IMPORTED_MODULE_3__.Z,{query,placeholder,isOpen,page,canSearch,canSearchSync:Array.isArray(options),queryChanged,pageChanged:setPageNumber,closeModal,modalSaved,addButton:addButtonOptions,loading,userHasSearched,selected,renderOptionsConfig:renderOptions?{labelForOption,isOptionEqual,keyForOption,isOptionEnabled,renderOptions,onChange:optionClicked}:void 0,text},function renderModalCurrentSelection(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_10__.X2,{className:"mb-3 p-2",style:{backgroundColor:"#edecf1"}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_10__.JX,null,selected&&selected.length>0?selected.map((function(value){var label=labelForOption(value);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Tag_Tag__WEBPACK_IMPORTED_MODULE_2__.Z,{key:label,onRemove:function onRemove(){return optionClicked(value,!0)},text:label})})):react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:"text-muted"},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_11__.t)({key:"ModalPickerMultiple.NO_OPTION_SELECTED",fallback:"No option selected"}))))}(),function renderModalContent(){return page.content.map((function(option){var label=labelForOption(option),key=(0,_option__WEBPACK_IMPORTED_MODULE_9__.G)({option,keyForOption,labelForOption}),isSelected=(0,_option__WEBPACK_IMPORTED_MODULE_9__.O)({option,labelForOption,isOptionEqual,keyForOption,value:selected});return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_10__.cw,{key,check:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_10__.__,{check:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_10__.II,{type:"checkbox",checked:isSelected,disabled:!isOptionEnabled(option),onChange:function onChange(){return optionClicked(option,isSelected)}}),label))}))}())}());function queryChanged(query){setQuery(query),setUserHasSearched(!0),setPageNumber(1)}}var JarbModalPickerMultiple=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__.Z)(ModalPickerMultiple);try{ModalPickerMultiple.displayName="ModalPickerMultiple",ModalPickerMultiple.__docgenInfo={description:"The ModalPickerMultiple is a form element which allows the user\nto select multiple options from a modal.\n\nThe use case is that when there are too many options to render\nin a simple Select you can use the ModalPickerMultiple.\n\nUse the ModalPickerMultiple when the user does not precisely know\nwhich options he / she is going to select. Otherwise use the\nTypeaheadMultiple which is useful when the user is an expert and\ncan type in the selections quicker than he can select it from\nthe modal.",displayName:"ModalPickerMultiple",props:{onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: T[] | undefined) => void"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"T[] | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<T>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<T> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<T> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<T> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button to open the modal picker.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canSearch:{defaultValue:null,description:"Optionally whether or not the user can search.\nDefaults to `true`.",name:"canSearch",required:!1,type:{name:"boolean | undefined"}},pageSize:{defaultValue:null,description:"Optionally specify the number of options to show / fetch per\npage in the modal.\n\nWhen `options` is an array, it will determine how many options\nwill be displayed per page.\n\nWhen `options` is a fetcher, it will determine how many options\nare requested through the fetcher as the `page` parameter.\nThis means that when you set the pageSize to `100` that\n`100` items are fetched from the back-end. Beware of\nperformance issues when setting the value too high.\n\nBeware that setting the page size too high will cause the UX\nto deteriorate on smaller screens!\n\nDefaults to `10`.",name:"pageSize",required:!1,type:{name:"number | undefined"}},addButton:{defaultValue:null,description:"Optionally an add button to display in the Modal. Can\nbe used to dynamically add an option which was not there\nbefore.",name:"addButton",required:!1,type:{name:"ModalPickerAddButtonOptions<T> | undefined"}},alignButton:{defaultValue:null,description:"Optionally the position the button should be aligned to\nwithin it's container.",name:"alignButton",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'},{value:'"default"'}]}},renderValue:{defaultValue:null,description:"Optionally callback to display the selected items.",name:"renderValue",required:!1,type:{name:"ModalPickerMultipleRenderValues<T> | undefined"}},renderOptions:{defaultValue:null,description:"Callback to customize display of options.",name:"renderOptions",required:!1,type:{name:"ModalPickerRenderOptions<T> | undefined"}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ModalPicker/multiple/ModalPickerMultiple.tsx#ModalPickerMultiple"]={docgenInfo:ModalPickerMultiple.__docgenInfo,name:"ModalPickerMultiple",path:"src/form/ModalPicker/multiple/ModalPickerMultiple.tsx#ModalPickerMultiple"})}catch(__react_docgen_typescript_loader_error){}try{JarbModalPickerMultiple.displayName="JarbModalPickerMultiple",JarbModalPickerMultiple.__docgenInfo={description:"Variant of the ModalPickerMultiple which can be used in a Jarb context.",displayName:"JarbModalPickerMultiple",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button to open the modal picker.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<any>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<any>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<any> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<any> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<any> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},canSearch:{defaultValue:null,description:"Optionally whether or not the user can search.\nDefaults to `true`.",name:"canSearch",required:!1,type:{name:"boolean | undefined"}},pageSize:{defaultValue:null,description:"Optionally specify the number of options to show / fetch per\npage in the modal.\n\nWhen `options` is an array, it will determine how many options\nwill be displayed per page.\n\nWhen `options` is a fetcher, it will determine how many options\nare requested through the fetcher as the `page` parameter.\nThis means that when you set the pageSize to `100` that\n`100` items are fetched from the back-end. Beware of\nperformance issues when setting the value too high.\n\nBeware that setting the page size too high will cause the UX\nto deteriorate on smaller screens!\n\nDefaults to `10`.",name:"pageSize",required:!1,type:{name:"number | undefined"}},addButton:{defaultValue:null,description:"Optionally an add button to display in the Modal. Can\nbe used to dynamically add an option which was not there\nbefore.",name:"addButton",required:!1,type:{name:"ModalPickerAddButtonOptions<any> | undefined"}},alignButton:{defaultValue:null,description:"Optionally the position the button should be aligned to\nwithin it's container.",name:"alignButton",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'},{value:'"default"'}]}},renderValue:{defaultValue:null,description:"Optionally callback to display the selected items.",name:"renderValue",required:!1,type:{name:"ModalPickerMultipleRenderValues<any> | undefined"}},renderOptions:{defaultValue:null,description:"Callback to customize display of options.",name:"renderOptions",required:!1,type:{name:"ModalPickerRenderOptions<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ModalPicker/multiple/ModalPickerMultiple.tsx#JarbModalPickerMultiple"]={docgenInfo:JarbModalPickerMultiple.__docgenInfo,name:"JarbModalPickerMultiple",path:"src/form/ModalPicker/multiple/ModalPickerMultiple.tsx#JarbModalPickerMultiple"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/ModalPicker/single/ModalPickerSingle.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>ModalPickerSingle,q:()=>JarbModalPickerSingle});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/hooks/useId/useId.ts"),_option__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/form/option.ts"),_useOptions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/useOptions.ts"),_utils__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/utils.ts"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_ModalPicker__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/ModalPicker/ModalPicker.tsx"),_ModalPickerOpener_ModalPickerOpener__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/ModalPicker/ModalPickerOpener/ModalPickerOpener.tsx"),_ModalPickerValueTruncator_ModalPickerValueTruncator__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/ModalPicker/ModalPickerValueTruncator/ModalPickerValueTruncator.tsx");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function ModalPickerSingle(props){var id=props.id,label=props.label,color=props.color,placeholder=props.placeholder,icon=props.icon,_props$className=props.className,className=void 0===_props$className?"":_props$className,value=props.value,onChange=props.onChange,addButton=props.addButton,_props$canSearch=props.canSearch,canSearch=void 0===_props$canSearch||_props$canSearch,_props$pageSize=props.pageSize,pageSize=void 0===_props$pageSize?10:_props$pageSize,options=props.options,keyForOption=props.keyForOption,isOptionEqual=props.isOptionEqual,_props$isOptionEnable=props.isOptionEnabled,isOptionEnabled=void 0===_props$isOptionEnable?_utils__WEBPACK_IMPORTED_MODULE_7__.GK:_props$isOptionEnable,labelForOption=props.labelForOption,reloadOptions=props.reloadOptions,renderValue=props.renderValue,alignButton=props.alignButton,renderOptions=props.renderOptions,error=props.error,_props$canClear=props.canClear,canClear=void 0===_props$canClear||_props$canClear,text=props.text,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),pageNumber=_useState4[0],setPageNumber=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState6[0],setQuery=_useState6[1],_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),userHasSearched=_useState8[0],setUserHasSearched=_useState8[1],_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),selected=_useState10[0],setSelected=_useState10[1],_useOptions=(0,_useOptions__WEBPACK_IMPORTED_MODULE_2__.D)({options,value,isOptionEqual,labelForOption,reloadOptions,pageNumber,query,size:pageSize,optionsShouldAlwaysContainValue:!1}),page=_useOptions.page,loading=_useOptions.loading,innerId=(0,_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_1__.M)({id});function modalSaved(){setIsOpen(!1),onChange(selected)}function closeModal(){setIsOpen(!1)}function _addButtonClicked(){return(_addButtonClicked=_asyncToGenerator(regeneratorRuntime.mark((function _callee(callback){var option;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return setIsOpen(!1),_context.prev=1,_context.next=4,callback();case 4:option=_context.sent,setSelected(option),page.content.unshift(option),setIsOpen(!0),_context.next=13;break;case 10:_context.prev=10,_context.t0=_context.catch(1),setIsOpen(!0);case 13:case"end":return _context.stop()}}),_callee,null,[[1,10]])})))).apply(this,arguments)}var modalPickerOpenerProps={openModal:function openModal(){setIsOpen(!0),setSelected(value),setQuery(""),setPageNumber(1),setUserHasSearched(!1)},label:placeholder,icon,alignButton,renderValue:renderValue||function(value){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerValueTruncator_ModalPickerValueTruncator__WEBPACK_IMPORTED_MODULE_6__.h,{value,labelForOption})},onClear:canClear?function(){return onChange(void 0)}:void 0,value};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.cw,{className,color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.__,{for:innerId},label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerOpener_ModalPickerOpener__WEBPACK_IMPORTED_MODULE_5__.M,modalPickerOpenerProps),error,function renderModal(){var addButtonOptions=addButton?{label:addButton.label,onClick:function onClick(){!function addButtonClicked(_x){return _addButtonClicked.apply(this,arguments)}(addButton.onClick)}}:void 0;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPicker__WEBPACK_IMPORTED_MODULE_4__.Z,{query,placeholder,isOpen,page,canSearch,canSearchSync:Array.isArray(options),queryChanged,pageChanged:setPageNumber,closeModal,modalSaved,addButton:addButtonOptions,loading,userHasSearched,selected,renderOptionsConfig:renderOptions?{labelForOption,isOptionEqual,keyForOption,isOptionEnabled,renderOptions,onChange:setSelected}:void 0,text},function renderModalContent(){return page.content.map((function(option){var label=labelForOption(option),key=(0,_option__WEBPACK_IMPORTED_MODULE_9__.G)({option,keyForOption,labelForOption}),isChecked=(0,_option__WEBPACK_IMPORTED_MODULE_9__.O)({option,keyForOption,labelForOption,isOptionEqual,value:selected});return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.cw,{key,check:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.__,{check:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.II,{type:"radio",checked:isChecked,disabled:!isOptionEnabled(option),onChange:function onChange(){return setSelected(option)}}),label))}))}())}());function queryChanged(query){setQuery(query),setUserHasSearched(!0),setPageNumber(1)}}var JarbModalPickerSingle=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_3__.Z)(ModalPickerSingle);try{ModalPickerSingle.displayName="ModalPickerSingle",ModalPickerSingle.__docgenInfo={description:"The ModalPickerSingle is a form element which allows the user\nto select an option from a modal.\n\nThe use case is that when there are too many options to render\nin a simple Select you can use the ModalPickerSingle.\n\nUse the ModalPickerSingle when the user does not precisely know\nwhich option he / she is going to select. Otherwise use the\nTypeaheadSingle which is useful when the user is an expert and\ncan type in the selection quicker than he can select it from the\nmodal.",displayName:"ModalPickerSingle",props:{onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: T | undefined) => void"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"T | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<T>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<T> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<T> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<T> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button to open the modal picker.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canSearch:{defaultValue:null,description:"Optionally whether or not the user can search.\nDefaults to `true`.",name:"canSearch",required:!1,type:{name:"boolean | undefined"}},pageSize:{defaultValue:null,description:"Optionally specify the number of options to show / fetch per\npage in the modal.\n\nWhen `options` is an array, it will determine how many options\nwill be displayed per page.\n\nWhen `options` is a fetcher, it will determine how many options\nare requested through the fetcher as the `page` parameter.\nThis means that when you set the pageSize to `100` that\n`100` items are fetched from the back-end. Beware of\nperformance issues when setting the value too high.\n\nBeware that setting the page size too high will cause the UX\nto deteriorate on smaller screens!\n\nDefaults to `10`.",name:"pageSize",required:!1,type:{name:"number | undefined"}},addButton:{defaultValue:null,description:"Optionally an add button to display in the Modal. Can\nbe used to dynamically add an option which was not there\nbefore.",name:"addButton",required:!1,type:{name:"ModalPickerAddButtonOptions<T> | undefined"}},alignButton:{defaultValue:null,description:"Optionally the position the button should be aligned to\nwithin it's container.",name:"alignButton",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'},{value:'"default"'}]}},renderValue:{defaultValue:null,description:"Optionally callback to display the selected item.",name:"renderValue",required:!1,type:{name:"ModalPickerSingleRenderValue<T> | undefined"}},renderOptions:{defaultValue:null,description:"Callback to customize display of options.",name:"renderOptions",required:!1,type:{name:"ModalPickerRenderOptions<T> | undefined"}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ModalPicker/single/ModalPickerSingle.tsx#ModalPickerSingle"]={docgenInfo:ModalPickerSingle.__docgenInfo,name:"ModalPickerSingle",path:"src/form/ModalPicker/single/ModalPickerSingle.tsx#ModalPickerSingle"})}catch(__react_docgen_typescript_loader_error){}try{JarbModalPickerSingle.displayName="JarbModalPickerSingle",JarbModalPickerSingle.__docgenInfo={description:"Variant of the ModalPickerSingle which can be used in a Jarb context.",displayName:"JarbModalPickerSingle",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button to open the modal picker.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<any>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<any>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<any> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<any> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<any> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},canSearch:{defaultValue:null,description:"Optionally whether or not the user can search.\nDefaults to `true`.",name:"canSearch",required:!1,type:{name:"boolean | undefined"}},pageSize:{defaultValue:null,description:"Optionally specify the number of options to show / fetch per\npage in the modal.\n\nWhen `options` is an array, it will determine how many options\nwill be displayed per page.\n\nWhen `options` is a fetcher, it will determine how many options\nare requested through the fetcher as the `page` parameter.\nThis means that when you set the pageSize to `100` that\n`100` items are fetched from the back-end. Beware of\nperformance issues when setting the value too high.\n\nBeware that setting the page size too high will cause the UX\nto deteriorate on smaller screens!\n\nDefaults to `10`.",name:"pageSize",required:!1,type:{name:"number | undefined"}},addButton:{defaultValue:null,description:"Optionally an add button to display in the Modal. Can\nbe used to dynamically add an option which was not there\nbefore.",name:"addButton",required:!1,type:{name:"ModalPickerAddButtonOptions<any> | undefined"}},alignButton:{defaultValue:null,description:"Optionally the position the button should be aligned to\nwithin it's container.",name:"alignButton",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'},{value:'"default"'}]}},renderValue:{defaultValue:null,description:"Optionally callback to display the selected item.",name:"renderValue",required:!1,type:{name:"ModalPickerSingleRenderValue<any> | undefined"}},renderOptions:{defaultValue:null,description:"Callback to customize display of options.",name:"renderOptions",required:!1,type:{name:"ModalPickerRenderOptions<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ModalPicker/single/ModalPickerSingle.tsx#JarbModalPickerSingle"]={docgenInfo:JarbModalPickerSingle.__docgenInfo,name:"JarbModalPickerSingle",path:"src/form/ModalPicker/single/ModalPickerSingle.tsx#JarbModalPickerSingle"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/NewPasswordInput/NewPasswordInput.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{VI:()=>JarbNewPasswordInput,ZP:()=>NewPasswordInput,GI:()=>isStrongPassword});var react=__webpack_require__("./node_modules/react/index.js"),lodash=__webpack_require__("./node_modules/lodash/lodash.js"),Input=__webpack_require__("./src/form/Input/Input.tsx"),withJarb=__webpack_require__("./src/form/withJarb/withJarb.tsx"),reactstrap_modern=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),translation=__webpack_require__("./src/utilities/translation/translation.ts"),Icon=__webpack_require__("./src/core/Icon/Icon.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function hasLowercase(value){return!!value&&/(?=.*[a-z])/.test(value)}function hasUppercase(value){return!!value&&/(?=.*[A-Z])/.test(value)}function hasNumber(value){return!!value&&/(?=.*[0-9])/.test(value)}function hasSpecialChar(value){return!!value&&/(?=.*[@#$%^&+=.,?!])/.test(value)}function hasMinimumLength(length,value){return!!value&&new RegExp(".{".concat(length,",}")).test(value)}function hasNoSpaces(value){return/^\S*$/.test(null!=value?value:"")}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function useRules_slicedToArray(arr,i){return function useRules_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function useRules_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function useRules_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return useRules_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return useRules_arrayLikeToArray(o,minLen)}(arr,i)||function useRules_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function useRules_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function checkRule(obj,rule,value,minimumLength){switch(rule){case"lowercase":return _objectSpread(_objectSpread({},obj),{},_defineProperty({},rule,hasLowercase(value)));case"uppercase":return _objectSpread(_objectSpread({},obj),{},_defineProperty({},rule,hasUppercase(value)));case"number":return _objectSpread(_objectSpread({},obj),{},_defineProperty({},rule,hasNumber(value)));case"specialChar":return _objectSpread(_objectSpread({},obj),{},_defineProperty({},rule,hasSpecialChar(value)));case"minimumLength":return _objectSpread(_objectSpread({},obj),{},_defineProperty({},rule,hasMinimumLength(minimumLength,value)));case"noSpace":return _objectSpread(_objectSpread({},obj),{},_defineProperty({},rule,hasNoSpaces(value)))}}function PasswordStrength(props){var password=props.password,rules=props.rules,_props$minimumLength=props.minimumLength,minimumLength=void 0===_props$minimumLength?10:_props$minimumLength,_props$showMeter=props.showMeter,showMeter=void 0===_props$showMeter||_props$showMeter,compliant=function useRules(rules,password,minimumLength){var _useState2=useRules_slicedToArray((0,react.useState)(rules.reduce((function(obj,rule){return checkRule(obj,rule,password,minimumLength)}),{})),2),compliant=_useState2[0],setCompliant=_useState2[1];return(0,react.useEffect)((function(){setCompliant(rules.reduce((function(obj,rule){return checkRule(obj,rule,password,minimumLength)}),{}))}),[password,rules,setCompliant,minimumLength]),compliant}(rules,password,minimumLength),meterWidth=function useMeterWidth(compliant){var _useState2=_slicedToArray((0,react.useState)(0),2),meterWidth=_useState2[0],setMeterWidth=_useState2[1];return(0,react.useEffect)((function(){var values=Object.values(compliant),noCompliantRules=values.filter((function(value){return value})).length,noRules=values.length;setMeterWidth(noCompliantRules/noRules*100)}),[compliant,setMeterWidth]),meterWidth}(compliant);return react.createElement(react.Fragment,null,showMeter?react.createElement(reactstrap_modern.Ex,{color:meterWidth>=100?"success":meterWidth>=75?"warning":"danger",value:meterWidth,className:"mb-2"}):null,react.createElement("div",{className:"mb-2"},rules.map((function(rule){var isCompliant=compliant[rule];return react.createElement("div",{key:rule,className:"d-flex"},react.createElement(Icon.Z,{icon:isCompliant?"check_circle":"cancel",color:isCompliant?"success":"danger",size:16,className:"align-bottom mt-1 mb-1 me-3"}),react.createElement("div",null,(0,translation.t)(function labelForRule(rule,minimumLength){switch(rule){case"lowercase":return{key:"PasswordStrength.LOWERCASE",fallback:"Must contain at least one lowercase letter"};case"uppercase":return{key:"PasswordStrength.UPPERCASE",fallback:"Must contain at least one uppercase letter"};case"number":return{key:"PasswordStrength.NUMBER",fallback:"Must contain at least one number"};case"specialChar":return{key:"PasswordStrength.SPECIAL_CHAR",data:{specialCharacters:"@#$%^&+=.,?!"},fallback:"Must contain at least one special character (@#$%^&+=.,?!)"};case"minimumLength":return{key:"PasswordStrength.MINIMUM_LENGTH",data:{minimumLength},fallback:"Must contain at least ".concat(minimumLength," characters")};case"noSpace":return{key:"PasswordStrength.NO_SPACE",fallback:"Must not contain any space"}}}(rule,minimumLength))))}))))}try{PasswordStrength.displayName="PasswordStrength",PasswordStrength.__docgenInfo={description:"",displayName:"PasswordStrength",props:{password:{defaultValue:null,description:"The password to match the rule to.",name:"password",required:!0,type:{name:"string"}},rules:{defaultValue:null,description:"The list of rules to be matched.",name:"rules",required:!0,type:{name:"NewPasswordInputRule[]"}},minimumLength:{defaultValue:null,description:"Optionally the minimum length of the password.",name:"minimumLength",required:!1,type:{name:"number | undefined"}},showMeter:{defaultValue:{value:"true"},description:"Whether or not to display a meter or only a list of rules.\nDefaults to true.",name:"showMeter",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/NewPasswordInput/PasswordStrength/PasswordStrength.tsx#PasswordStrength"]={docgenInfo:PasswordStrength.__docgenInfo,name:"PasswordStrength",path:"src/form/NewPasswordInput/PasswordStrength/PasswordStrength.tsx#PasswordStrength"})}catch(__react_docgen_typescript_loader_error){}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function NewPasswordInput(props){var _inputProps$value,rules=function getRulesFromProps(props){var _props$lowercase=props.lowercase,lowercase=void 0===_props$lowercase||_props$lowercase,_props$uppercase=props.uppercase,uppercase=void 0===_props$uppercase||_props$uppercase,_props$number=props.number,number=void 0===_props$number||_props$number,_props$specialCharact=props.specialCharacter,specialCharacter=void 0===_props$specialCharact||_props$specialCharact,_props$minimumLength=props.minimumLength,minimumLength=void 0===_props$minimumLength?10:_props$minimumLength,_props$noSpace=props.noSpace,noSpace=void 0===_props$noSpace||_props$noSpace,rules=[];lowercase&&rules.push("lowercase");uppercase&&rules.push("uppercase");number&&rules.push("number");specialCharacter&&rules.push("specialChar");minimumLength>0&&rules.push("minimumLength");noSpace&&rules.push("noSpace");return rules}(props),inputProps=(0,lodash.omit)(props,["lowercase","uppercase","number","specialCharacter","minimumLength","noSpace","showMeter"]);inputProps.type="password";var passwordStrengthProps=(0,lodash.pick)(props,["minimumLength","showMeter"]);return react.createElement("div",{className:"new-password-input"},react.createElement(Input.ZP,inputProps),react.createElement(PasswordStrength,_extends({password:null!==(_inputProps$value=inputProps.value)&&void 0!==_inputProps$value?_inputProps$value:"",rules},passwordStrengthProps)))}var JarbNewPasswordInput=(0,withJarb.Z)(NewPasswordInput);function isStrongPassword(rules,minimumLength){return function(value){if(!rules.map((function(rule){switch(rule){case"lowercase":return hasLowercase(value);case"uppercase":return hasUppercase(value);case"number":return hasNumber(value);case"specialChar":return hasSpecialChar(value);case"minimumLength":return hasMinimumLength(minimumLength,value);case"noSpace":return hasNoSpaces(value)}})).every((function(value){return value})))return{key:"NewPasswordInput.NOT_STRONG_ENOUGH",fallback:"Password does not follow rules"}}}try{NewPasswordInput.displayName="NewPasswordInput",NewPasswordInput.__docgenInfo={description:"",displayName:"NewPasswordInput",props:{onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: string) => void"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},mask:{defaultValue:null,description:"Optional mask of the input.\n@see https://text-mask.github.io/text-mask/",name:"mask",required:!1,type:{name:"InputMask | undefined"}},addon:{defaultValue:null,description:"Optional addon to display to the left or right of the input\nelement. Provide either an Addon, AddonIcon or AddonButton to be\nrendered here.\n\nThe `position` property of the addon determines were the addon\nis rendered.",name:"addon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | undefined"}},innerRef:{defaultValue:null,description:"A ref to the actual input, can be used to focus the element.",name:"innerRef",required:!1,type:{name:"Ref<HTMLInputElement> | undefined"}},lowercase:{defaultValue:{value:"true"},description:"Whether or not the password should contain at least one lowercase letter.\nDefaults to true.",name:"lowercase",required:!1,type:{name:"boolean | undefined"}},uppercase:{defaultValue:{value:"true"},description:"Whether or not the password should contain at least one uppercase letter.\nDefaults to true.",name:"uppercase",required:!1,type:{name:"boolean | undefined"}},number:{defaultValue:{value:"true"},description:"Whether or not the password should contain at least one number.\nDefaults to true.",name:"number",required:!1,type:{name:"boolean | undefined"}},specialCharacter:{defaultValue:{value:"true"},description:"Whether or not the password should contain at least one special character.\nDefaults to true.",name:"specialCharacter",required:!1,type:{name:"boolean | undefined"}},minimumLength:{defaultValue:{value:"10"},description:"Optionally the minimum length of the password.\nDefaults to 10.",name:"minimumLength",required:!1,type:{name:"number | undefined"}},noSpace:{defaultValue:{value:"true"},description:"Whether or not the password should not contain any space.\nDefaults to true.",name:"noSpace",required:!1,type:{name:"boolean | undefined"}},showMeter:{defaultValue:{value:"true"},description:"Whether or not to display a meter or only a list of rules.\nDefaults to true.",name:"showMeter",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/NewPasswordInput/NewPasswordInput.tsx#NewPasswordInput"]={docgenInfo:NewPasswordInput.__docgenInfo,name:"NewPasswordInput",path:"src/form/NewPasswordInput/NewPasswordInput.tsx#NewPasswordInput"})}catch(__react_docgen_typescript_loader_error){}try{isStrongPassword.displayName="isStrongPassword",isStrongPassword.__docgenInfo={description:"Takes `rules` and a minimum length and returns a validator which can check if the\nthe password complies to the rules.",displayName:"isStrongPassword",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/NewPasswordInput/NewPasswordInput.tsx#isStrongPassword"]={docgenInfo:isStrongPassword.__docgenInfo,name:"isStrongPassword",path:"src/form/NewPasswordInput/NewPasswordInput.tsx#isStrongPassword"})}catch(__react_docgen_typescript_loader_error){}try{JarbNewPasswordInput.displayName="JarbNewPasswordInput",JarbNewPasswordInput.__docgenInfo={description:"Variant of the FileInput which can be used in a Jarb context.",displayName:"JarbNewPasswordInput",props:{number:{defaultValue:{value:"true"},description:"Whether or not the password should contain at least one number.\nDefaults to true.",name:"number",required:!1,type:{name:"boolean | undefined"}},id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},mask:{defaultValue:null,description:"Optional mask of the input.\n@see https://text-mask.github.io/text-mask/",name:"mask",required:!1,type:{name:"InputMask | undefined"}},addon:{defaultValue:null,description:"Optional addon to display to the left or right of the input\nelement. Provide either an Addon, AddonIcon or AddonButton to be\nrendered here.\n\nThe `position` property of the addon determines were the addon\nis rendered.",name:"addon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | undefined"}},innerRef:{defaultValue:null,description:"A ref to the actual input, can be used to focus the element.",name:"innerRef",required:!1,type:{name:"Ref<HTMLInputElement> | undefined"}},lowercase:{defaultValue:{value:"true"},description:"Whether or not the password should contain at least one lowercase letter.\nDefaults to true.",name:"lowercase",required:!1,type:{name:"boolean | undefined"}},uppercase:{defaultValue:{value:"true"},description:"Whether or not the password should contain at least one uppercase letter.\nDefaults to true.",name:"uppercase",required:!1,type:{name:"boolean | undefined"}},specialCharacter:{defaultValue:{value:"true"},description:"Whether or not the password should contain at least one special character.\nDefaults to true.",name:"specialCharacter",required:!1,type:{name:"boolean | undefined"}},minimumLength:{defaultValue:{value:"10"},description:"Optionally the minimum length of the password.\nDefaults to 10.",name:"minimumLength",required:!1,type:{name:"number | undefined"}},noSpace:{defaultValue:{value:"true"},description:"Whether or not the password should not contain any space.\nDefaults to true.",name:"noSpace",required:!1,type:{name:"boolean | undefined"}},showMeter:{defaultValue:{value:"true"},description:"Whether or not to display a meter or only a list of rules.\nDefaults to true.",name:"showMeter",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/NewPasswordInput/NewPasswordInput.tsx#JarbNewPasswordInput"]={docgenInfo:JarbNewPasswordInput.__docgenInfo,name:"JarbNewPasswordInput",path:"src/form/NewPasswordInput/NewPasswordInput.tsx#JarbNewPasswordInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/PlainTextFormControl/PlainTextFormControl.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{v:()=>PlainTextFormControl});var reactstrap__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function PlainTextFormControl(_ref){var label=_ref.label,children=_ref.children,className=_ref.className,valueClassName=_ref.valueClassName,labelClassName=_ref.labelClassName,valueClasses=classnames__WEBPACK_IMPORTED_MODULE_1___default()("form-control-plaintext",valueClassName);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.cw,{className},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.__,{className:labelClassName},label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:valueClasses},children))}try{PlainTextFormControl.displayName="PlainTextFormControl",PlainTextFormControl.__docgenInfo={description:"Not all users know that an interaction design element can have\na disabled state. Disabled elements have poor contrast and thus\nare not as readable as they should. Also, screen readers don't\ngive users as much information about the state of the element\nand keyboard navigation gets a little weird, causing confusion to\nthose using a screen reader. Users might also think the form\nelement might be enabled by changing another form element or in\na different use case. So to prevent users confusion or thinking\nthe form is invalid, you should display the value without letting\nit look like a form element. To prevent alignment issues, the\nPlainTextFormControl uses spacing as if it were a form element,\nwithout the looks of a form element.",displayName:"PlainTextFormControl",props:{label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},children:{defaultValue:null,description:"The value that the form element currently has.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},valueClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the value.\nUseful for styling the value.",name:"valueClassName",required:!1,type:{name:"string | undefined"}},labelClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the label.\nUseful for styling the label.",name:"labelClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/PlainTextFormControl/PlainTextFormControl.tsx#PlainTextFormControl"]={docgenInfo:PlainTextFormControl.__docgenInfo,name:"PlainTextFormControl",path:"src/form/PlainTextFormControl/PlainTextFormControl.tsx#PlainTextFormControl"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/RadioGroup/RadioGroup.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>RadioGroup,y:()=>JarbRadioGroup});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utilities/translation/translation.ts"),_option__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/form/option.ts"),_utils__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/utils.ts"),_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Loading/Loading.tsx"),_useOptions__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/useOptions.ts"),_core_TextButton_TextButton__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/TextButton/TextButton.tsx");function RadioGroup(props){var label=props.label,value=props.value,error=props.error,color=props.color,_props$text=props.text,text=void 0===_props$text?{}:_props$text,_props$className=props.className,className=void 0===_props$className?"":_props$className,placeholder=props.placeholder,onChange=props.onChange,onBlur=props.onBlur,options=props.options,keyForOption=props.keyForOption,labelForOption=props.labelForOption,isOptionEqual=props.isOptionEqual,_props$horizontal=props.horizontal,horizontal=void 0!==_props$horizontal&&_props$horizontal,_props$canClear=props.canClear,canClear=void 0!==_props$canClear&&_props$canClear,_props$isOptionEnable=props.isOptionEnabled,isOptionEnabled=void 0===_props$isOptionEnable?_utils__WEBPACK_IMPORTED_MODULE_5__.GK:_props$isOptionEnable,reloadOptions=props.reloadOptions,_useOptions=(0,_useOptions__WEBPACK_IMPORTED_MODULE_3__.D)({options,value,isOptionEqual,labelForOption,reloadOptions,pageNumber:1,query:"",size:Array.isArray(options)?options.length:100,optionsShouldAlwaysContainValue:!0}),page=_useOptions.page,loading=_useOptions.loading;function onRadioClicked(option){onChange(option),(0,_utils__WEBPACK_IMPORTED_MODULE_5__.yJ)(onBlur)}return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__.cw,{tag:"fieldset",className:"radio-group "+className,color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement("legend",null,label):null,placeholder?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"text-muted"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("em",null,placeholder)):null,loading?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_2__.Z,null,(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_7__.t)({key:"RadioGroup.LOADING",fallback:"Loading...",overrideText:text.loadingMessage})):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,canClear&&value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"mb-1"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_TextButton_TextButton__WEBPACK_IMPORTED_MODULE_4__.Z,{onClick:function onClick(){return onChange(void 0)}},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_7__.t)({key:"RadioGroup.CLEAR",fallback:"Clear",overrideText:text.clear}))):null,page.content.map((function(option){var label=labelForOption(option),key=(0,_option__WEBPACK_IMPORTED_MODULE_8__.G)({option,keyForOption,labelForOption}),isSelected=(0,_option__WEBPACK_IMPORTED_MODULE_8__.O)({option,keyForOption,labelForOption,isOptionEqual,value});return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__.cw,{key,check:!0,inline:horizontal},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__.__,{check:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__.II,{type:"radio",value:label,checked:isSelected,disabled:!isOptionEnabled(option),onChange:function onChange(){return onRadioClicked(option)}})," ",label))}))),error)}var JarbRadioGroup=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__.Z)(RadioGroup);try{RadioGroup.displayName="RadioGroup",RadioGroup.__docgenInfo={description:"RadioGroup is a form element for which the value can be selected\nfrom a limited range.\n\nIf you pass a callback to the options property, be aware\nthat only 100 options will be displayed without pagination.\nIf you want to display more than 100 options,\nyou should use the ModalPickerSingle instead.",displayName:"RadioGroup",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"T | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: T | undefined) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<T>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<T> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<T> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<T> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},horizontal:{defaultValue:null,description:"Whether or not to show the RadioGroup horizontally.\n\nDefaults to `false`",name:"horizontal",required:!1,type:{name:"boolean | undefined"}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `false`',name:"canClear",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/RadioGroup/RadioGroup.tsx#RadioGroup"]={docgenInfo:RadioGroup.__docgenInfo,name:"RadioGroup",path:"src/form/RadioGroup/RadioGroup.tsx#RadioGroup"})}catch(__react_docgen_typescript_loader_error){}try{JarbRadioGroup.displayName="JarbRadioGroup",JarbRadioGroup.__docgenInfo={description:"Variant of the RadioGroup which can be used in a Jarb context.",displayName:"JarbRadioGroup",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `false`',name:"canClear",required:!1,type:{name:"boolean | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<any>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<any>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<any> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<any> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<any> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},horizontal:{defaultValue:null,description:"Whether or not to show the RadioGroup horizontally.\n\nDefaults to `false`",name:"horizontal",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/RadioGroup/RadioGroup.tsx#JarbRadioGroup"]={docgenInfo:JarbRadioGroup.__docgenInfo,name:"JarbRadioGroup",path:"src/form/RadioGroup/RadioGroup.tsx#JarbRadioGroup"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/Select/Select.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{B:()=>JarbSelect,Z:()=>Select});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/utilities/translation/translation.ts"),_option__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/option.ts"),_useOptions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/useOptions.ts"),_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Loading/Loading.tsx"),_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/hooks/useId/useId.ts"),_utils__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/utils.ts");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function Select(props){var id=props.id,label=props.label,value=props.value,error=props.error,color=props.color,_props$text=props.text,text=void 0===_props$text?{}:_props$text,_props$className=props.className,className=void 0===_props$className?"":_props$className,valid=props.valid,placeholder=props.placeholder,_onChange=props.onChange,onBlur=props.onBlur,options=props.options,_props$isOptionEnable=props.isOptionEnabled,isOptionEnabled=void 0===_props$isOptionEnable?_utils__WEBPACK_IMPORTED_MODULE_5__.GK:_props$isOptionEnable,keyForOption=props.keyForOption,labelForOption=props.labelForOption,isOptionEqual=props.isOptionEqual,reloadOptions=props.reloadOptions,_useOptions=(0,_useOptions__WEBPACK_IMPORTED_MODULE_2__.D)({options,value,keyForOption,isOptionEqual,labelForOption,reloadOptions,pageNumber:1,query:"",size:Array.isArray(options)?options.length:100,optionsShouldAlwaysContainValue:!0}),page=_useOptions.page,loading=_useOptions.loading;var innerId=(0,_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_4__.M)({id}),inputProps={id:innerId,valid,invalid:!1===valid||void 0,type:"select",placeholder,onChange:function onChange(event){var index=parseInt(event.target.value,10);_onChange(page.content[index])},onBlur,className:void 0===value?"showing-placeholder":""},indexOfValue=void 0!==value?page.content.findIndex((function(option){return(0,_option__WEBPACK_IMPORTED_MODULE_6__.O)({option,keyForOption,labelForOption,isOptionEqual,value})})):void 0;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.cw,{className,color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.__,{for:innerId},label):null,loading?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_3__.Z,{className:"mt-2"},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_8__.t)({key:"Select.LOADING",fallback:"Loading...",overrideText:text.loadingMessage})):react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.II,_extends({value:indexOfValue},inputProps),placeholder?react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",{ref:function ref(option){return function selectDefaultOption(option){option&&void 0===value&&(option.selected=!0)}(option)}},placeholder):null,page.content.map((function(option,index){var optionLabel=labelForOption(option),key=(0,_option__WEBPACK_IMPORTED_MODULE_6__.G)({option,keyForOption,labelForOption});return react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",{key,value:index,disabled:!isOptionEnabled(option)},optionLabel)}))),error)}var JarbSelect=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__.Z)(Select);try{Select.displayName="Select",Select.__docgenInfo={description:"Select is a form element for which the value can be selected\nfrom a limited range.\n\nIf you pass a callback to the options property, be aware\nthat only 100 options will be displayed without pagination.\nIf you want to display more than 100 options,\nyou should use the ModalPickerSingle instead.",displayName:"Select",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"T | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: T) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<T>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<T> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<T> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<T> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Select/Select.tsx#Select"]={docgenInfo:Select.__docgenInfo,name:"Select",path:"src/form/Select/Select.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}try{JarbSelect.displayName="JarbSelect",JarbSelect.__docgenInfo={description:"Variant of the Select which can be used in a Jarb context.",displayName:"JarbSelect",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<any>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<any>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<any> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<any> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<any> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Select/Select.tsx#JarbSelect"]={docgenInfo:JarbSelect.__docgenInfo,name:"JarbSelect",path:"src/form/Select/Select.tsx#JarbSelect"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/TextEditor/TextEditor.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{d:()=>JarbTextEditor,Z:()=>TextEditor});var react=__webpack_require__("./node_modules/react/index.js"),reactstrap_modern=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),lib=__webpack_require__("./node_modules/react-quill/lib/index.js"),lib_default=__webpack_require__.n(lib),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),withJarb=__webpack_require__("./src/form/withJarb/withJarb.tsx"),utils=__webpack_require__("./src/form/utils.ts"),lodash=__webpack_require__("./node_modules/lodash/lodash.js");function formatsFromToolbarModule(modules){if(!modules)return["header","list","bold","italic","underline","link"];var toolbar=modules.toolbar;if(!toolbar)return["header","list","bold","italic","underline","link"];if(toolbar.container&&(toolbar=toolbar.container),!(0,lodash.isArray)(toolbar))throw new Error("TextEditor: expecting modules.toolbar to be an array");return(0,lodash.uniq)(formatsForToolbar(toolbar))}function formatsForToolbar(toolbarItem){return"string"==typeof toolbarItem?toolbarItem:(0,lodash.isArray)(toolbarItem)?(0,lodash.flatMap)(toolbarItem,formatsForToolbar):formatsForToolbar(Object.keys(toolbarItem))}var useId=__webpack_require__("./src/hooks/useId/useId.ts");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function TextEditor(props){var id=props.id,label=props.label,placeholder=props.placeholder,_onChange=props.onChange,_onBlur=props.onBlur,onFocus=props.onFocus,valid=props.valid,error=props.error,color=props.color,value=props.value,_props$className=props.className,className=void 0===_props$className?"":_props$className,modules=props.modules,formats=props.formats,inputProps={id,placeholder,onChange:function onChange(content){return _onChange(content)},onBlur:function onBlur(){return(0,utils.yJ)(_onBlur)},onFocus,value,modules,formats:formats||formatsFromToolbarModule(modules)},innerId=(0,useId.M)({id}),classes=classnames_default()({"is-invalid":!1===valid});return react.createElement(reactstrap_modern.cw,{className,color},label?react.createElement(reactstrap_modern.__,{for:innerId},label):null,react.createElement(lib_default(),_extends({className:classes},inputProps)),error)}var JarbTextEditor=(0,withJarb.Z)(TextEditor);try{TextEditor.displayName="TextEditor",TextEditor.__docgenInfo={description:"Textarea is a form element which allows the user to enter large\nformatted text.\n\nDisclaimer: when using the TextEditor you must sanitize the output\nwhen rendering the output in the browser. If you do not do this you\nrisk an XSS attack.\n\nThe 42 way of dealing with this problem is by using jsoup and to use the\nsanitizer, https://jsoup.org/cookbook/cleaning-html/whitelist-sanitizer,\nwith a whitelist. The whitelist should only contain elements which the\nTextEditor generates. The sanitizer should be applied before sending\nthe content to the browser.",displayName:"TextEditor",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: string) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},modules:{defaultValue:null,description:"Optional configuration option to i.e. customize the toolbar.\n@see https://quilljs.com/docs/modules/",name:"modules",required:!1,type:{name:"StringMap | undefined"}},formats:{defaultValue:null,description:'Optional configuration to determine which `Quill` formats are\nallowed. A format in `Quill` is: bold text, headers, links,\ncolors, etc etc. If something is not in the `formats` it is not\nallowed in the `TextEditor`.\n\nIn Quill it is possible to not show an item in the toolbar but\nallow it in the `formats`. For example you can remove the "bold"\nitem from the toolbar but allow it in the `formats`. This way the\nuser can still copy paste bold text into the `TextEditor`, or use\nthe ctrl-b keyboard shortcut to make bold text.\n\nBy default the `formats` will be the same as the allowed `toolbar`\nitems in the `modules` prop. This way you do not need to keep\n`formats` and `modules.toolbar` in sync.\n@see https://quilljs.com/docs/formats/',name:"formats",required:!1,type:{name:"string[] | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/TextEditor/TextEditor.tsx#TextEditor"]={docgenInfo:TextEditor.__docgenInfo,name:"TextEditor",path:"src/form/TextEditor/TextEditor.tsx#TextEditor"})}catch(__react_docgen_typescript_loader_error){}try{JarbTextEditor.displayName="JarbTextEditor",JarbTextEditor.__docgenInfo={description:"Variant of the TextEditor which can be used in a Jarb context.",displayName:"JarbTextEditor",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},modules:{defaultValue:null,description:"Optional configuration option to i.e. customize the toolbar.\n@see https://quilljs.com/docs/modules/",name:"modules",required:!1,type:{name:"StringMap | undefined"}},formats:{defaultValue:null,description:'Optional configuration to determine which `Quill` formats are\nallowed. A format in `Quill` is: bold text, headers, links,\ncolors, etc etc. If something is not in the `formats` it is not\nallowed in the `TextEditor`.\n\nIn Quill it is possible to not show an item in the toolbar but\nallow it in the `formats`. For example you can remove the "bold"\nitem from the toolbar but allow it in the `formats`. This way the\nuser can still copy paste bold text into the `TextEditor`, or use\nthe ctrl-b keyboard shortcut to make bold text.\n\nBy default the `formats` will be the same as the allowed `toolbar`\nitems in the `modules` prop. This way you do not need to keep\n`formats` and `modules.toolbar` in sync.\n@see https://quilljs.com/docs/formats/',name:"formats",required:!1,type:{name:"string[] | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/TextEditor/TextEditor.tsx#JarbTextEditor"]={docgenInfo:JarbTextEditor.__docgenInfo,name:"JarbTextEditor",path:"src/form/TextEditor/TextEditor.tsx#JarbTextEditor"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/Textarea/Textarea.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>JarbTextarea,Z:()=>Textarea});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),react_textarea_autosize__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react-textarea-autosize/dist/react-textarea-autosize.browser.esm.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/hooks/useId/useId.ts");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function Textarea(props){var id=props.id,label=props.label,placeholder=props.placeholder,onBlur=props.onBlur,onFocus=props.onFocus,_onChange=props.onChange,value=props.value,color=props.color,error=props.error,valid=props.valid,_props$className=props.className,className=void 0===_props$className?"":_props$className,innerId=(0,_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_3__.M)({id}),inputProps={id:innerId,value,placeholder,onChange:function onChange(event){return _onChange(event.target.value)},onFocus,onBlur},classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("form-control",{"is-invalid":!1===valid});return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.cw,{className,color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.__,{for:innerId},label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_textarea_autosize__WEBPACK_IMPORTED_MODULE_5__.Z,_extends({className:classes},inputProps)),error)}var JarbTextarea=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__.Z)(Textarea);try{Textarea.displayName="Textarea",Textarea.__docgenInfo={description:"Textarea is a basic form element which allows the user to enter large\ntexts, autogrows when the user enters a lot of text.",displayName:"Textarea",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: string) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Textarea/Textarea.tsx#Textarea"]={docgenInfo:Textarea.__docgenInfo,name:"Textarea",path:"src/form/Textarea/Textarea.tsx#Textarea"})}catch(__react_docgen_typescript_loader_error){}try{JarbTextarea.displayName="JarbTextarea",JarbTextarea.__docgenInfo={description:"Variant of the Textarea which can be used in a Jarb context.",displayName:"JarbTextarea",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Textarea/Textarea.tsx#JarbTextarea"]={docgenInfo:JarbTextarea.__docgenInfo,name:"JarbTextarea",path:"src/form/Textarea/Textarea.tsx#JarbTextarea"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/Typeahead/multiple/TypeaheadMultiple.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Y:()=>JarbTypeaheadMultiple,Z:()=>TypeaheadMultiple});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-bootstrap-typeahead/es/index.js"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_utils__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/utils.ts"),_utils__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/form/Typeahead/utils.ts"),_option__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/form/option.ts"),classnames__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__),_core_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/Tag/Tag.tsx"),_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/hooks/useId/useId.ts"),_useOptions__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/useOptions.ts"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/utilities/translation/translation.ts");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function TypeaheadMultiple(props){var id=props.id,label=props.label,placeholder=props.placeholder,value=props.value,color=props.color,error=props.error,labelForOption=props.labelForOption,onFocus=props.onFocus,valid=props.valid,_props$className=props.className,className=void 0===_props$className?"":_props$className,onChange=props.onChange,onBlur=props.onBlur,options=props.options,keyForOption=props.keyForOption,isOptionEqual=props.isOptionEqual,reloadOptions=props.reloadOptions,_props$isOptionEnable=props.isOptionEnabled,isOptionEnabled=void 0===_props$isOptionEnable?_utils__WEBPACK_IMPORTED_MODULE_7__.GK:_props$isOptionEnable,_props$pageSize=props.pageSize,pageSize=void 0===_props$pageSize?10:_props$pageSize,_props$text=props.text,text=void 0===_props$text?{}:_props$text,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState2[0],setQuery=_useState2[1],_useOptions=(0,_useOptions__WEBPACK_IMPORTED_MODULE_6__.D)({options,value,keyForOption,isOptionEqual,labelForOption,reloadOptions,query,pageNumber:1,size:Array.isArray(options)?options.length:pageSize,optionsShouldAlwaysContainValue:!1}),page=_useOptions.page,loading=_useOptions.loading,typeaheadOptions=page.content.filter((function(option){return isOptionEnabled(option)})).filter((function(option){return!(0,_option__WEBPACK_IMPORTED_MODULE_8__.O)({option,keyForOption,labelForOption,isOptionEqual,value})})).map((function(option){return(0,_utils__WEBPACK_IMPORTED_MODULE_9__.e)(option,labelForOption)}));var selected=[];value&&value.length&&(selected=value.map((function(v){return(0,_utils__WEBPACK_IMPORTED_MODULE_9__.e)(v,labelForOption)})));var classes=classnames__WEBPACK_IMPORTED_MODULE_3___default()(className,{"is-invalid":!1===valid}),innerId=(0,_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_5__.M)({id}),typeaheadProps={id,filterBy:_utils__WEBPACK_IMPORTED_MODULE_7__.GK,paginationText:(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_10__.t)({key:"TypeaheadMultiple.PAGINATION_TEXT",fallback:"Display additional results...",overrideText:text.paginationText}),multiple:!0,placeholder,selected,options:typeaheadOptions,onChange:function doOnChange(values){0===values.length?onChange(void 0):onChange(values.map((function(option){return option.value}))),(0,_utils__WEBPACK_IMPORTED_MODULE_7__.yJ)(onBlur)},onFocus,inputProps:{value,className:classnames__WEBPACK_IMPORTED_MODULE_3___default()("form-control",{"is-invalid":!1===valid})},renderToken:function renderToken(option,props,index){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{key:index,text:option.label,onRemove:function onRemove(){return props.onRemove(option)},className:"align-self-center"})}};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_11__.cw,{className:classes,color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_11__.__,{for:innerId},label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:0===selected.length?"showing-placeholder":""},Array.isArray(options)?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_1__.pY,_extends({},typeaheadProps,{onInputChange:setQuery})):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_1__.Wf,_extends({},typeaheadProps,{isLoading:loading,delay:200,onSearch:setQuery}))),error)}var JarbTypeaheadMultiple=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__.Z)(TypeaheadMultiple);try{TypeaheadMultiple.displayName="TypeaheadMultiple",TypeaheadMultiple.__docgenInfo={description:"The TypeaheadMultiple is a form element which allows the user\nto select multiple options by searching for them and selecting\nthem.\n\nThe use case is that when there are too many options to render\nin a simple Select you can use the TypeaheadMultiple.\n\nUse the TypeaheadMultiple when the user knows which options he / she\nwants to select beforehand. Scenario: you are building a system\nfor a trading company, the users need to enter some trading code\nfrom a big list. The users know each code by heart since they\nwork with the system daily. This is a nice use case for the TypeaheadMultiple\nbecause the user can type in faster than the can select from a\nModalPickerMultiple.",displayName:"TypeaheadMultiple",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"T[] | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: T[] | undefined) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<T>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<T> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<T> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<T> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},pageSize:{defaultValue:null,description:"Optionally specify the number of suggestions to show / fetch\nin the dropdown.\n\nWhen `options` is an array, all options will always be shown\nand this prop has no effect.\n\nWhen `options` is a fetcher, it will determine how many options\nare requested through the fetcher as the `page` parameter.\nThis means that when you set the pageSize to `100` that\n`100` items are fetched from the back-end. Beware of\nperformance issues when setting the value too high.\n\nBeware that setting the page size too high will cause the UX\nto deteriorate on smaller screens!\n\nDefaults to `10`.",name:"pageSize",required:!1,type:{name:"number | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Typeahead/multiple/TypeaheadMultiple.tsx#TypeaheadMultiple"]={docgenInfo:TypeaheadMultiple.__docgenInfo,name:"TypeaheadMultiple",path:"src/form/Typeahead/multiple/TypeaheadMultiple.tsx#TypeaheadMultiple"})}catch(__react_docgen_typescript_loader_error){}try{JarbTypeaheadMultiple.displayName="JarbTypeaheadMultiple",JarbTypeaheadMultiple.__docgenInfo={description:"Variant of the TypeaheadMultiple which can be used in a Jarb context.",displayName:"JarbTypeaheadMultiple",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<any>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<any>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<any> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<any> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<any> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},pageSize:{defaultValue:null,description:"Optionally specify the number of suggestions to show / fetch\nin the dropdown.\n\nWhen `options` is an array, all options will always be shown\nand this prop has no effect.\n\nWhen `options` is a fetcher, it will determine how many options\nare requested through the fetcher as the `page` parameter.\nThis means that when you set the pageSize to `100` that\n`100` items are fetched from the back-end. Beware of\nperformance issues when setting the value too high.\n\nBeware that setting the page size too high will cause the UX\nto deteriorate on smaller screens!\n\nDefaults to `10`.",name:"pageSize",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Typeahead/multiple/TypeaheadMultiple.tsx#JarbTypeaheadMultiple"]={docgenInfo:JarbTypeaheadMultiple.__docgenInfo,name:"JarbTypeaheadMultiple",path:"src/form/Typeahead/multiple/TypeaheadMultiple.tsx#JarbTypeaheadMultiple"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/Typeahead/single/TypeaheadSingle.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{d:()=>JarbTypeaheadSingle,Z:()=>TypeaheadSingle});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),react=__webpack_require__("./node_modules/react/index.js"),es=__webpack_require__("./node_modules/react-bootstrap-typeahead/es/index.js"),reactstrap_modern=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),useId=__webpack_require__("./src/hooks/useId/useId.ts"),useOptions=__webpack_require__("./src/form/useOptions.ts"),utils=__webpack_require__("./src/form/utils.ts"),withJarb=__webpack_require__("./src/form/withJarb/withJarb.tsx"),Typeahead_utils=__webpack_require__("./src/form/Typeahead/utils.ts");var translation=__webpack_require__("./src/utilities/translation/translation.ts");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function TypeaheadSingle(props){var id=props.id,label=props.label,placeholder=props.placeholder,error=props.error,value=props.value,color=props.color,labelForOption=props.labelForOption,onFocus=props.onFocus,valid=props.valid,_props$className=props.className,className=void 0===_props$className?"":_props$className,onChange=props.onChange,onBlur=props.onBlur,options=props.options,keyForOption=props.keyForOption,isOptionEqual=props.isOptionEqual,reloadOptions=props.reloadOptions,_props$isOptionEnable=props.isOptionEnabled,isOptionEnabled=void 0===_props$isOptionEnable?utils.GK:_props$isOptionEnable,_props$pageSize=props.pageSize,pageSize=void 0===_props$pageSize?10:_props$pageSize,_props$text=props.text,text=void 0===_props$text?{}:_props$text,_useState2=_slicedToArray((0,react.useState)(""),2),query=_useState2[0],setQuery=_useState2[1],_useOptions=(0,useOptions.D)({options,value,keyForOption,isOptionEqual,labelForOption,reloadOptions,query,pageNumber:1,size:Array.isArray(options)?options.length:pageSize,optionsShouldAlwaysContainValue:!1}),page=_useOptions.page,loading=_useOptions.loading,typeaheadOptions=page.content.filter((function(option){return isOptionEnabled(option)})).map((function(option){return(0,Typeahead_utils.e)(option,labelForOption)}));!function useAutoSelectOptionWhenQueryMatchesExactly(_ref){var typeaheadOptions=_ref.typeaheadOptions,onChange=_ref.onChange,query=_ref.query;(0,react.useEffect)((function(){var lowerCasedQuery=query.toLowerCase(),selectedValue=typeaheadOptions.find((function(_ref2){return _ref2.label.toLowerCase()===lowerCasedQuery}));selectedValue&&onChange(selectedValue.value)}),[typeaheadOptions,onChange,query])}({typeaheadOptions,onChange,query});var selected=[];if(value){var option=(0,Typeahead_utils.e)(value,labelForOption);selected.push(option)}var classes=classnames_default()(className,{"is-invalid":!1===valid}),innerId=(0,useId.M)({id}),typeaheadProps={id,filterBy:utils.GK,multiple:!1,placeholder,selected,options:typeaheadOptions,onChange:function doOnChange(values){if(0===values.length)onChange(void 0);else{var selectedOption=values[0];onChange(selectedOption.value)}(0,utils.yJ)(onBlur)},onFocus,paginationText:(0,translation.t)({key:"TypeaheadSingle.PAGINATION_TEXT",fallback:"Display additional results...",overrideText:text.paginationText}),inputProps:{className:classnames_default()("form-control",{"is-invalid":!1===valid})}};return react.createElement(reactstrap_modern.cw,{className:classes,color},label?react.createElement(reactstrap_modern.__,{for:innerId},label):null,react.createElement("div",{className:0===selected.length?"showing-placeholder":""},Array.isArray(options)?react.createElement(es.pY,_extends({},typeaheadProps,{onInputChange:setQuery})):react.createElement(es.Wf,_extends({},typeaheadProps,{isLoading:loading,delay:200,onSearch:setQuery}))),error)}var JarbTypeaheadSingle=(0,withJarb.Z)(TypeaheadSingle);try{TypeaheadSingle.displayName="TypeaheadSingle",TypeaheadSingle.__docgenInfo={description:"The TypeaheadSingle is a form element which allows the user\nto select an option by searching for them and selecting\nthem.\n\nThe use case is that when there are too many options to render\nin a simple Select you can use the TypeaheadSingle.\n\nUse the TypeaheadSingle when the user knows which option he / she\nwants to select beforehand. Scenario: you are building a system\nfor a trading company, the users need to enter some trading code\nfrom a big list. The users know each code by heart since they\nwork with the system daily. This is a nice use case for the TypeaheadSingle\nbecause the user can type in faster than the can select from a\nModalPickerSingle.",displayName:"TypeaheadSingle",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"T | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: T | undefined) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<T>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<T> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<T> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<T> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},pageSize:{defaultValue:null,description:"Optionally specify the number of suggestions to show / fetch\nin the dropdown.\n\nWhen `options` is an array, all options will always be shown\nand this prop has no effect.\n\nWhen `options` is a fetcher, it will determine how many options\nare requested through the fetcher as the `page` parameter.\nThis means that when you set the pageSize to `100` that\n`100` items are fetched from the back-end. Beware of\nperformance issues when setting the value too high.\n\nBeware that setting the page size too high will cause the UX\nto deteriorate on smaller screens!\n\nDefaults to `10`.",name:"pageSize",required:!1,type:{name:"number | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Typeahead/single/TypeaheadSingle.tsx#TypeaheadSingle"]={docgenInfo:TypeaheadSingle.__docgenInfo,name:"TypeaheadSingle",path:"src/form/Typeahead/single/TypeaheadSingle.tsx#TypeaheadSingle"})}catch(__react_docgen_typescript_loader_error){}try{JarbTypeaheadSingle.displayName="JarbTypeaheadSingle",JarbTypeaheadSingle.__docgenInfo={description:"Variant of the TypeaheadSingle which can be used in a Jarb context.",displayName:"JarbTypeaheadSingle",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<any>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<any>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<any> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<any> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<any> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},pageSize:{defaultValue:null,description:"Optionally specify the number of suggestions to show / fetch\nin the dropdown.\n\nWhen `options` is an array, all options will always be shown\nand this prop has no effect.\n\nWhen `options` is a fetcher, it will determine how many options\nare requested through the fetcher as the `page` parameter.\nThis means that when you set the pageSize to `100` that\n`100` items are fetched from the back-end. Beware of\nperformance issues when setting the value too high.\n\nBeware that setting the page size too high will cause the UX\nto deteriorate on smaller screens!\n\nDefaults to `10`.",name:"pageSize",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Typeahead/single/TypeaheadSingle.tsx#JarbTypeaheadSingle"]={docgenInfo:JarbTypeaheadSingle.__docgenInfo,name:"JarbTypeaheadSingle",path:"src/form/Typeahead/single/TypeaheadSingle.tsx#JarbTypeaheadSingle"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/Typeahead/utils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function optionToTypeaheadOption(option,labelForOption){return{label:labelForOption(option),value:option}}__webpack_require__.d(__webpack_exports__,{e:()=>optionToTypeaheadOption})},"./src/form/ValuePicker/ValuePicker.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Y:()=>JarbValuePicker,Z:()=>ValuePicker});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_ModalPicker_multiple_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/ModalPicker/multiple/ModalPickerMultiple.tsx"),_CheckboxMultipleSelect_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx"),_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/RadioGroup/RadioGroup.tsx"),_Select_Select__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/Select/Select.tsx"),_ModalPicker_single_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/ModalPicker/single/ModalPickerSingle.tsx"),_core_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/core/Spinner/Spinner.tsx"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/utilities/translation/translation.ts"),lodash__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/lodash/lodash.js"),_excluded=["multiple","text"],_excluded2=["multiple","text"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function ValuePicker(props){var _props$text=props.text,text=void 0===_props$text?{}:_props$text,options=props.options,_props$canClear=props.canClear,canClear=void 0===_props$canClear||_props$canClear,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),booting=_useState2[0],setBooting=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),2),totalElements=_useState4[0],setTotalElements=_useState4[1];if((0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){function _boot(){return(_boot=_asyncToGenerator(regeneratorRuntime.mark((function _callee(){var page;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(!(0,lodash__WEBPACK_IMPORTED_MODULE_8__.isArray)(options)){_context.next=4;break}setTotalElements(options.length),_context.next=8;break;case 4:return _context.next=6,options({query:"",page:1,size:1});case 6:page=_context.sent,setTotalElements(page.totalElements);case 8:setBooting(!1);case 9:case"end":return _context.stop()}}),_callee)})))).apply(this,arguments)}!function boot(){return _boot.apply(this,arguments)}()}),[options]),booting)return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_7__.Z,{color:"black",size:16})," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_9__.t)({key:"ValuePicker.LOADING",fallback:"Loading...",overrideText:text.loadingMessage})));if(props.multiple){props.multiple,props.text;var rest=_objectWithoutProperties(props,_excluded);return totalElements<11?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_3__.Z,rest):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPicker_multiple_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_2__.Z,_extends({canClear},rest))}props.multiple,props.text;var _rest=_objectWithoutProperties(props,_excluded2);return totalElements<4?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_4__.Z,_extends({canClear},_rest)):totalElements<11?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select_Select__WEBPACK_IMPORTED_MODULE_5__.Z,_rest):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPicker_single_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_6__.Z,_extends({canClear},_rest))}var JarbValuePicker=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__.Z)(ValuePicker);try{ValuePicker.displayName="ValuePicker",ValuePicker.__docgenInfo={description:"\nThe `ValuePicker` component is an abstraction which automatically\nselects the best component to use when the user has to select a value\nfrom a pre-defined list.\n\nThis is the decision matrix:\n\n```\n| multiple | items <=3              | items <= 10             | items > 10\n| true     | CheckboxMultipleSelect | CheckboxMultipleSelect  | ModalPickerMultiple\n| false    | RadioGroup             | Select                  | ModalPickerSingle\n```\n\n`ValuePicker` starts in a booting state in which a spinner is shown.\nDuring the booting state it will call `FetchOptionsCallback` and ask\nfor a `Page` of size `1` so it can get the `totalElements`.",displayName:"ValuePicker",props:{onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button that opens the modal picker.\nThis icon only works when there are more than 10 options.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\nThis property only has effect when there are more than 10 options\nor single value with 1-3 options.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<T>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<T> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<T> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<T> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},canSearch:{defaultValue:null,description:"Optionally whether or not the user can search.\nDefaults to `true`.",name:"canSearch",required:!1,type:{name:"boolean | undefined"}},multiple:{defaultValue:null,description:"Whether or not multiple values can be selected.",name:"multiple",required:!0,type:{name:"boolean"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"((value: T | undefined) => void) | ((value: T[] | undefined) => void)"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"T | T[] | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ValuePicker/ValuePicker.tsx#ValuePicker"]={docgenInfo:ValuePicker.__docgenInfo,name:"ValuePicker",path:"src/form/ValuePicker/ValuePicker.tsx#ValuePicker"})}catch(__react_docgen_typescript_loader_error){}try{JarbValuePicker.displayName="JarbValuePicker",JarbValuePicker.__docgenInfo={description:"Variant of the ValuePicker which can be used in a Jarb context.",displayName:"JarbValuePicker",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button that opens the modal picker.\nThis icon only works when there are more than 10 options.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\nThis property only has effect when there are more than 10 options\nor single value with 1-3 options.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<any>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<any>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<any> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<any> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<any> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},canSearch:{defaultValue:null,description:"Optionally whether or not the user can search.\nDefaults to `true`.",name:"canSearch",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ValuePicker/ValuePicker.tsx#JarbValuePicker"]={docgenInfo:JarbValuePicker.__docgenInfo,name:"JarbValuePicker",path:"src/form/ValuePicker/ValuePicker.tsx#JarbValuePicker"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/addons/Addon/Addon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{e:()=>Addon});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function Addon(_ref){var children=_ref.children;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,children)}try{Addon.displayName="Addon",Addon.__docgenInfo={description:'Defines an addon to use with an Input element. An addon is a little\nbox rendered to the left or right of an input element.\n\nUsed to give extra context to an input field. A classic example\nis using an addon with the value of "km" to show that the input\'s\nunit is a kilometer.',displayName:"Addon",props:{children:{defaultValue:null,description:"The content of the addon.",name:"children",required:!0,type:{name:"ReactNode"}},position:{defaultValue:null,description:"The position of the Addon, is it to the right or left\nof the input.\n\nDefaults to 'left'",name:"position",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/addons/Addon/Addon.tsx#Addon"]={docgenInfo:Addon.__docgenInfo,name:"Addon",path:"src/form/addons/Addon/Addon.tsx#Addon"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/addons/AddonButton/AddonButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{p:()=>AddonButton});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Addon_Addon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/form/addons/Addon/Addon.tsx");function AddonButton(_ref){var children=_ref.children,color=_ref.color,_ref$position=_ref.position,position=void 0===_ref$position?"right":_ref$position,onClick=_ref.onClick,className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Addon_Addon__WEBPACK_IMPORTED_MODULE_1__.e,{position},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.zx,{tabIndex:-1,type:"button",color:color||"primary",onClick,className},children))}try{AddonButton.displayName="AddonButton",AddonButton.__docgenInfo={description:"Defines an addon to use with an Input element which is a button.\nIt is used to add an action to an Input element.",displayName:"AddonButton",props:{children:{defaultValue:null,description:"The content of the addon.",name:"children",required:!0,type:{name:"ReactNode"}},color:{defaultValue:null,description:'Optionally the color of the Addon.\n\nDefaults to "primary"',name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},position:{defaultValue:{value:"right"},description:"The position of the Addon, is it to the right or left\nof the input.\n\nDefaults to 'right'",name:"position",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'}]}},onClick:{defaultValue:null,description:"Callback for when the addon is clicked.",name:"onClick",required:!0,type:{name:"() => void"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/addons/AddonButton/AddonButton.tsx#AddonButton"]={docgenInfo:AddonButton.__docgenInfo,name:"AddonButton",path:"src/form/addons/AddonButton/AddonButton.tsx#AddonButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/addons/AddonIcon/AddonIcon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>AddonIcon});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/index.ts"),_Addon_Addon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/addons/Addon/Addon.tsx"),reactstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js");function AddonIcon(_ref){var icon=_ref.icon,className=_ref.className,position=_ref.position;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Addon_Addon__WEBPACK_IMPORTED_MODULE_2__.e,{position},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.O3,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_1__.JO,{icon,className})))}try{AddonIcon.displayName="AddonIcon",AddonIcon.__docgenInfo={description:"Defines an addon to use with an Input element which is a readonly\nIcon.",displayName:"AddonIcon",props:{position:{defaultValue:null,description:"The position of the Addon, is it to the right or left\nof the input.\n\nDefaults to 'left'",name:"position",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'}]}},icon:{defaultValue:null,description:"",name:"icon",required:!0,type:{name:"enum",value:[{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"error"'},{value:'"label"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"email"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"password"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/addons/AddonIcon/AddonIcon.tsx#AddonIcon"]={docgenInfo:AddonIcon.__docgenInfo,name:"AddonIcon",path:"src/form/addons/AddonIcon/AddonIcon.tsx#AddonIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/option.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function getKeyForOption(_ref){var option=_ref.option,keyForOption=_ref.keyForOption,labelForOption=_ref.labelForOption;return keyForOption?keyForOption(option):option.id?"".concat(option.id):labelForOption(option)}function isOptionSelected(config){var value=config.value;return!!value&&(Array.isArray(value)?value.some((function(value){return isValueSelected(value,config)})):isValueSelected(value,config))}function isValueSelected(value,config){var option=config.option,isOptionEqual=config.isOptionEqual,labelForOption=config.labelForOption,keyForOption=config.keyForOption;return isOptionEqual?isOptionEqual(value,option):getKeyForOption({option,keyForOption,labelForOption})===getKeyForOption({option:value,keyForOption,labelForOption})}__webpack_require__.d(__webpack_exports__,{G:()=>getKeyForOption,O:()=>isOptionSelected})},"./src/form/story-utils.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$L:()=>IsOptionEqualInfo,JI:()=>provinces,Nq:()=>ReloadOptionsInfo,_v:()=>sleep,cq:()=>nonExistingProvince,hL:()=>resolveAfter,kI:()=>KeyForOptionInfo,pi:()=>provinceFetcher,vy:()=>FinalForm});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_final_form__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),reactstrap__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_core_SubmitButton_SubmitButton__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/SubmitButton/SubmitButton.tsx"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_utilities_page_page__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utilities/page/page.ts"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts");function FinalForm(_ref){var children=_ref.children;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_1__.Form,{onSubmit:function onSubmit(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("form submitted")},render:function render(_ref2){var handleSubmit=_ref2.handleSubmit,submitting=_ref2.submitting,values=_ref2.values,errors=_ref2.errors;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.X2,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.JX,{lg:6},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},children,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_SubmitButton_SubmitButton__WEBPACK_IMPORTED_MODULE_2__.Z,{onClick:function onClick(){return handleSubmit()},inProgress:submitting,className:"float-end"},"Submit"))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.JX,{lg:6},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Values"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",null,JSON.stringify(values,null,2)),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Errors"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",null,JSON.stringify(errors,null,2)))))}})}function resolveAfter(value){var after=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1e3;return new Promise((function(resolve){return setTimeout((function(){resolve(value)}),after)}))}function IsOptionEqualInfo(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"By default when ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"isOptionEqual")," is not provided the ids of the objects will be compared. If id does not exist the labels for the options coming from ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"labelForOption")," will be compared."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"You will rarely need ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("em",null,"isOptionEqual")," in practice.")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You will only need to provide a custom ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"isOptionEqual")," ","when your objects do not have an ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"id")," or when options will have the same ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"label"),"."))}function KeyForOptionInfo(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"By default when ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"keyForOption")," is not provided the id of the object will be used the key. If id does not exist the labels for the options coming from ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"labelForOption")," will be used as the key."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"You will rarely need ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("em",null,"keyForOption")," in practice.")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You will rarely need ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"keyForOption")," in practice. You will only need to provide a custom ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"keyForOption")," when your objects do not have an ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"id")," or when options will have the same ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"label"),"."))}function ReloadOptionsInfo(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Whenever ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"reloadOptions")," changes the options are fetched again. Should only be used when ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"options")," is a function which fetches data.")}function provinceFetcher(_ref3){var query=_ref3.query,page=_ref3.page,size=_ref3.size,content=[{id:1,value:"GRONINGEN",label:"Groningen",north:!0},{id:2,value:"FRIESLAND",label:"Friesland",north:!0},{id:3,value:"DRENTHE",label:"Drenthe",north:!0},{id:4,value:"OVERIJSSEL",label:"Overijssel",north:!1},{id:5,value:"FLEVOLAND",label:"Flevoland",north:!1},{id:6,value:"GELDERLAND",label:"Gelderland",north:!1},{id:7,value:"UTRECHT",label:"Utrecht",north:!1},{id:8,value:"NOORD-HOLLAND",label:"Noord-Holland",north:!0},{id:9,value:"ZUID-HOLLAND",label:"Zuid-Holland",north:!1},{id:10,value:"ZEELAND",label:"Zeeland",north:!1},{id:11,value:"NOORD-BRABANT",label:"Noord-Brabant",north:!1},{id:12,value:"LIMBURG",label:"Limburg",north:!1}].filter((function(province){return province.label.toLowerCase().includes(query.toLowerCase())}));return resolveAfter((0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_6__.u)(content,page,size))}function nonExistingProvince(){return{id:13,value:"VLAANDEREN",label:"Vlaanderen",north:!1}}function provinces(){return[{id:1,value:"GRONINGEN",label:"Groningen",north:!0},{id:2,value:"FRIESLAND",label:"Friesland",north:!0},{id:3,value:"DRENTHE",label:"Drenthe",north:!0},{id:4,value:"OVERIJSSEL",label:"Overijssel",north:!1},{id:5,value:"FLEVOLAND",label:"Flevoland",north:!1},{id:6,value:"GELDERLAND",label:"Gelderland",north:!1},{id:7,value:"UTRECHT",label:"Utrecht",north:!1},{id:8,value:"NOORD-HOLLAND",label:"Noord-Holland",north:!0},{id:9,value:"ZUID-HOLLAND",label:"Zuid-Holland",north:!1},{id:10,value:"ZEELAND",label:"Zeeland",north:!1},{id:11,value:"NOORD-BRABANT",label:"Noord-Brabant",north:!1},{id:12,value:"LIMBURG",label:"Limburg",north:!1}]}function cityFetcher(_ref4){var query=_ref4.query,page=_ref4.page,size=_ref4.size,content=[{id:1,value:"GRONINGEN",label:"Groningen",north:!0},{id:2,value:"FRIESLAND",label:"Friesland",north:!0},{id:3,value:"DRENTHE",label:"Drenthe",north:!0},{id:4,value:"OVERIJSSEL",label:"Overijssel",north:!1},{id:5,value:"FLEVOLAND",label:"Flevoland",north:!1},{id:6,value:"GELDERLAND",label:"Gelderland",north:!1},{id:7,value:"UTRECHT",label:"Utrecht",north:!1},{id:8,value:"NOORD-HOLLAND",label:"Noord-Holland",north:!0},{id:9,value:"ZUID-HOLLAND",label:"Zuid-Holland",north:!1},{id:10,value:"ZEELAND",label:"Zeeland",north:!1},{id:11,value:"NOORD-BRABANT",label:"Noord-Brabant",north:!1},{id:12,value:"LIMBURG",label:"Limburg",north:!1}].filter((function(province){return province.label.toLowerCase().includes(query.toLowerCase())}));return resolveAfter(pageOf(content,page,size))}function sleep(ms){return new Promise((function(resolve){setTimeout(resolve,ms)}))}try{FinalForm.displayName="FinalForm",FinalForm.__docgenInfo={description:"",displayName:"FinalForm",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/story-utils.tsx#FinalForm"]={docgenInfo:FinalForm.__docgenInfo,name:"FinalForm",path:"src/form/story-utils.tsx#FinalForm"})}catch(__react_docgen_typescript_loader_error){}try{provinceFetcher.displayName="provinceFetcher",provinceFetcher.__docgenInfo={description:"",displayName:"provinceFetcher",props:{query:{defaultValue:null,description:"The query which was provided by the component. If no query is\npresent an empty string is provided.",name:"query",required:!0,type:{name:"string"}},page:{defaultValue:null,description:"The page number the developer must fetch from the back-end.\nStarts at 1.",name:"page",required:!0,type:{name:"number"}},size:{defaultValue:null,description:"The desired size which the form component accepts. The developer\nshould not provide more items than the size, otherwise unintended\nthings may happen.",name:"size",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/story-utils.tsx#provinceFetcher"]={docgenInfo:provinceFetcher.__docgenInfo,name:"provinceFetcher",path:"src/form/story-utils.tsx#provinceFetcher"})}catch(__react_docgen_typescript_loader_error){}try{cityFetcher.displayName="cityFetcher",cityFetcher.__docgenInfo={description:"",displayName:"cityFetcher",props:{query:{defaultValue:null,description:"The query which was provided by the component. If no query is\npresent an empty string is provided.",name:"query",required:!0,type:{name:"string"}},page:{defaultValue:null,description:"The page number the developer must fetch from the back-end.\nStarts at 1.",name:"page",required:!0,type:{name:"number"}},size:{defaultValue:null,description:"The desired size which the form component accepts. The developer\nshould not provide more items than the size, otherwise unintended\nthings may happen.",name:"size",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/story-utils.tsx#cityFetcher"]={docgenInfo:cityFetcher.__docgenInfo,name:"cityFetcher",path:"src/form/story-utils.tsx#cityFetcher"})}catch(__react_docgen_typescript_loader_error){}try{sleep.displayName="sleep",sleep.__docgenInfo={description:"",displayName:"sleep",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/story-utils.tsx#sleep"]={docgenInfo:sleep.__docgenInfo,name:"sleep",path:"src/form/story-utils.tsx#sleep"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/useOptions.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>useOptions});var _42_nl_spring_connect__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@42.nl/spring-connect/lib/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_utilities_page_page__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utilities/page/page.ts"),_option__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/option.ts");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useOptions(config){var optionsOrFetcher=config.options,value=config.value,keyForOption=config.keyForOption,labelForOption=config.labelForOption,isOptionEqual=config.isOptionEqual,reloadOptions=config.reloadOptions,query=config.query,pageNumber=config.pageNumber,size=config.size,optionsShouldAlwaysContainValue=config.optionsShouldAlwaysContainValue,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((function(){return!Array.isArray(optionsOrFetcher)})),2),loading=_useState2[0],setLoading=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((function(){if(Array.isArray(optionsOrFetcher)){var _page=pageFromOptionsArray(optionsOrFetcher);return appendValueToPage(_page),_page}return(0,_42_nl_spring_connect__WEBPACK_IMPORTED_MODULE_0__.emptyPage)()})),2),page=_useState4[0],setPage=_useState4[1];function pageFromOptionsArray(options){var content=options.filter((function(option){return labelForOption(option).toLocaleLowerCase().includes(query.toLocaleLowerCase())}));return(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_2__.u)(content,pageNumber,size)}function appendValueToPage(page){if(optionsShouldAlwaysContainValue&&value)if(Array.isArray(value)){var prepend=value.filter((function(v){return!page.content.some((function(option){return(0,_option__WEBPACK_IMPORTED_MODULE_3__.O)({option,keyForOption,labelForOption,isOptionEqual,value:v})}))}));page.content=[].concat(_toConsumableArray(prepend),_toConsumableArray(page.content))}else{if(page.content.some((function(option){return(0,_option__WEBPACK_IMPORTED_MODULE_3__.O)({option,keyForOption,labelForOption,isOptionEqual,value})})))return;page.content.unshift(value)}}var watch="".concat(reloadOptions,"-").concat(query,"-").concat(pageNumber,"-").concat(size),lastWatch=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(watch);return(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)((function(){function _loadOptions(){return(_loadOptions=_asyncToGenerator(regeneratorRuntime.mark((function _callee(fetcher){var resultPage;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return setLoading(!0),_context.next=3,fetcher({query,page:pageNumber,size});case 3:appendValueToPage(resultPage=_context.sent),setPage(resultPage),setLoading(!1);case 7:case"end":return _context.stop()}}),_callee)})))).apply(this,arguments)}if(Array.isArray(optionsOrFetcher)){if(lastWatch.current!==watch){lastWatch.current=watch;var newPage=pageFromOptionsArray(optionsOrFetcher);appendValueToPage(newPage),setPage(newPage)}}else!function loadOptions(_x){return _loadOptions.apply(this,arguments)}(optionsOrFetcher)}),[watch]),{loading,page}}},"./src/form/utils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function getState(info){return info.hasErrors&&info.touched?{color:"danger",valid:!1}:{color:"",valid:void 0}}function doBlur(onBlur){onBlur&&onBlur()}function alwaysTrue(){return!0}__webpack_require__.d(__webpack_exports__,{GK:()=>alwaysTrue,y0:()=>getState,yJ:()=>doBlur})},"./src/form/withJarb/withJarb.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>withJarb});var react=__webpack_require__("./node_modules/react/index.js"),react_final_form_es=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),lib=__webpack_require__("./node_modules/@42.nl/jarb-final-form/lib/index.js"),getDisplayName=__webpack_require__("./node_modules/react-display-name/lib/getDisplayName.js"),react_error_store_lib=__webpack_require__("./node_modules/@42.nl/react-error-store/lib/index.js"),lodash=__webpack_require__("./node_modules/lodash/lodash.js"),FormError=__webpack_require__("./src/form/FormError/FormError.tsx"),utils=__webpack_require__("./src/form/utils.ts"),Tooltip=__webpack_require__("./src/core/Tooltip/Tooltip.tsx");var config=__webpack_require__("./src/config/config.ts"),translation=__webpack_require__("./src/utilities/translation/translation.ts");function useMarkedAsRequiredLabel(_ref){var label=_ref.label,validator=_ref.validator;if(!label)return label;var showRequiredMarkInLabel=(0,config.i)().showRequiredMarkInLabel;return"string"==typeof label&&showRequiredMarkInLabel&&(0,lib.q9)(validator)?react.createElement(react.Fragment,null,label,(0,translation.t)({key:"withJarb.REQUIRED_MARK",fallback:" *"})):label}try{useMarkedAsRequiredLabel.displayName="useMarkedAsRequiredLabel",useMarkedAsRequiredLabel.__docgenInfo={description:"",displayName:"useMarkedAsRequiredLabel",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ReactNode"}},validator:{defaultValue:null,description:"",name:"validator",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/withJarb/useMarkedAsRequiredLabel/useMarkedAsRequiredLabel.tsx#useMarkedAsRequiredLabel"]={docgenInfo:useMarkedAsRequiredLabel.__docgenInfo,name:"useMarkedAsRequiredLabel",path:"src/form/withJarb/useMarkedAsRequiredLabel/useMarkedAsRequiredLabel.tsx#useMarkedAsRequiredLabel"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["errorMode","name","jarb","validators","asyncValidators","asyncValidatorsDebounce","allowNull"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var passedFieldProps=["initialValue","format","formatOnBlur","parse"],managedProps=["onChange","onBlur","onFocus","value","color","valid","error"];function withJarb(Wrapper){var displayName="Jarb".concat((0,getDisplayName.Z)(Wrapper));function WithJarb(props){var illegalProps=managedProps.filter((function(p){return void 0!==props[p]}));if(illegalProps.length>0){var illegalPropsAsString=prettyPropsSummation(illegalProps,"and"),managedPropsAsString=prettyPropsSummation(managedProps,"or");throw new Error('\n        withJarb: illegal props detected on "'.concat(displayName,'".\n        \n        The following illegal props were detected: ').concat(illegalPropsAsString,".\n        \n        This happens when providing one or multiple of the following \n        managed props: ").concat(managedPropsAsString,' manually. \n        \n        You should never provide these props manually instead you should\n        trust that "withJarb" will manage these props for you.\n\n        Remove the following illegal props: ').concat(illegalPropsAsString,".\n      "))}var _useHasErrors2=_slicedToArray(function useHasErrors(){return(0,react.useState)(!1)}(),2),hasErrors=_useHasErrors2[0],setHasErrors=_useHasErrors2[1],_props$errorMode=props.errorMode,errorMode=void 0===_props$errorMode?"below":_props$errorMode,name=props.name,jarb=props.jarb,validators=props.validators,asyncValidators=props.asyncValidators,asyncValidatorsDebounce=props.asyncValidatorsDebounce,rest=(props.allowNull,_objectWithoutProperties(props,_excluded)),wrapperProps=(0,lodash.omit)(rest,passedFieldProps);wrapperProps.label=useMarkedAsRequiredLabel({label:wrapperProps.label,validator:jarb.validator});var fieldProps=(0,lodash.pick)(rest,["initialValue","format","formatOnBlur","parse"]),error=react.createElement(react_final_form_es.Field,{name,subscription:{active:!0,touched:!0,error:!0,value:!0,validating:!0},render:function render(field){return react.createElement(FormError.Z,{value:field.input.value,meta:field.meta,validator:jarb.validator,onChange:setHasErrors,className:"tooltip"===errorMode?"withjarb-tooltip":void 0})}});return react.createElement(lib.iL,_extends({name,jarb,validators,asyncValidators,asyncValidatorsDebounce,subscription:{value:!0,invalid:!0,touched:!0,validating:!0},render:function render(field){return hasErrors&&"tooltip"===errorMode?react.createElement(Tooltip.Z,{content:error,tag:"div",className:"w-100",placement:"bottom"},react.createElement(Wrapper,_extends({},wrapperProps,mapFieldRenderProps(field,jarb.validator,hasErrors)))):react.createElement(Wrapper,_extends({},wrapperProps,mapFieldRenderProps(field,jarb.validator,hasErrors),{error}))}},fieldProps))}return WithJarb.displayName=displayName,WithJarb}function mapFieldRenderProps(props,validator,hasErrors){var input=props.input,meta=props.meta;return _objectSpread(_objectSpread({},(0,utils.y0)({hasErrors,touched:meta.touched})),{},{onChange:function onChange(value){input.onChange(value),(0,react_error_store_lib.GY)(validator)},name:input.name,onFocus:input.onFocus,onBlur:input.onBlur,value:input.value})}function prettyPropsSummation(props,coordinatingConjunction){var lastIndex=props.length-1;return props.map((function(prop,index){var isLast=index===lastIndex,comma=0===index||isLast?"":", ",conjunction=isLast?" ".concat(coordinatingConjunction," "):"";return"".concat(comma).concat(conjunction,"'").concat(prop,"'")})).join("")}try{withJarb.displayName="withJarb",withJarb.__docgenInfo={description:"withJarb is a Higher Order Component which takes an input element\nwhich is `JarbFieldCompatible` as defined by the interface, and turns\nit into a Component which uses `JarbField` so it can be used in\na final-form form.\n\nBasically all props needed in `JarbFieldCompatible` are plugged into the\nWrapper, by taking the `input` and `meta` from `final-form` and assigning\nthem into the correct slots.\n\nAlso automatically adds the `FormError` component as the error\nslot so errors are rendered.",displayName:"withJarb",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/withJarb/withJarb.tsx#withJarb"]={docgenInfo:withJarb.__docgenInfo,name:"withJarb",path:"src/form/withJarb/withJarb.tsx#withJarb"})}catch(__react_docgen_typescript_loader_error){}},"./src/hooks/useBodyFixOnModalClose/useBodyFixOnModalClose.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{s:()=>useBodyFixOnModalClose});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function useBodyFixOnModalClose(isOpen){(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var _document$querySelect;isOpen||(null===(_document$querySelect=document.querySelector("body"))||void 0===_document$querySelect||_document$querySelect.classList.remove("modal-open"))}),[isOpen])}},"./src/hooks/useBootstrapSize/useBootstrapSize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>useBootstrapSize});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useBootstrapSize(){var size,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(getBootstrapSize(window.innerWidth)),2),bootstrapSize=_useState2[0],setBootstrapSize=_useState2[1];function updateWindowDimensions(){setBootstrapSize(getBootstrapSize(window.innerWidth))}return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){return window.addEventListener("resize",updateWindowDimensions),function(){return window.removeEventListener("resize",updateWindowDimensions)}})),{bootstrapSize,isMobile:(size=bootstrapSize,["xs","sm"].includes(size)),isTablet:isTablet(bootstrapSize),isDesktop:isDesktop(bootstrapSize)}}function isTablet(size){return["md"].includes(size)}function isDesktop(size){return["lg","xl","xxl"].includes(size)}function getBootstrapSize(width){return width<576?"xs":width>=576&&width<768?"sm":width>=768&&width<992?"md":width>=992&&width<1200?"lg":width>=1200&&width<1400?"xl":"xxl"}},"./src/hooks/useId/useId.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{M:()=>useId});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),lodash__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/lodash/lodash.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useId(_ref){var id=_ref.id,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((function(){return null!=id?id:(0,lodash__WEBPACK_IMPORTED_MODULE_1__.uniqueId)()})),2),innerId=_useState2[0],setInnerId=_useState2[1];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){id&&setInnerId(id)}),[id]),innerId}},"./src/hooks/useShowAfter/useShowAfter.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{u:()=>useShowAfter});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useShowAfter(after){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),show=_useState2[0],setShow=_useState2[1];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var timeoutId=window.setTimeout((function(){setShow(!0)}),after);return function(){window.clearTimeout(timeoutId)}}),[after]),show}try{useShowAfter.displayName="useShowAfter",useShowAfter.__docgenInfo={description:"Returns `false` but after a predetermined `after` time returns\n`true`.\n\nUseful for wanting to show content only after a time. For example\nto not show a loading spinner to soon, only\nafter it takes a while.",displayName:"useShowAfter",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/hooks/useShowAfter/useShowAfter.tsx#useShowAfter"]={docgenInfo:useShowAfter.__docgenInfo,name:"useShowAfter",path:"src/hooks/useShowAfter/useShowAfter.tsx#useShowAfter"})}catch(__react_docgen_typescript_loader_error){}},"./src/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{e9:()=>Addon.e,pg:()=>AddonButton.p,Gw:()=>AddonIcon.G,zx:()=>Button.ZP,Zb:()=>Card.Z,Mi:()=>ContentState.Z,Yg:()=>DateTimeInput.ZP,JO:()=>Icon.JO,bE:()=>InfoTooltip.b,rK:()=>Checkbox.r,zN:()=>CheckboxMultipleSelect.z,Ug:()=>ColorPicker.U,zj:()=>DateTimeInput.zj,bD:()=>FileInput.bD,hl:()=>IconPicker.h,jS:()=>ImageUpload.jS,tG:()=>ModalPickerMultiple.t,qP:()=>ModalPickerSingle.q,VI:()=>NewPasswordInput.VI,yn:()=>RadioGroup.y,Bu:()=>Select.B,dG:()=>TextEditor.d,XX:()=>Textarea.X,GV:()=>TypeaheadMultiple.Y,dr:()=>TypeaheadSingle.d,gb:()=>Loading.Z,nm:()=>OpenCloseModal.n,tl:()=>Pagination.Z,vc:()=>PlainTextFormControl.v,Ph:()=>Select.Z,Mm:()=>SubmitButton.Z,Vp:()=>Tag.Z,ZD:()=>Toggle.Z,u:()=>Tooltip.Z,Sl:()=>checkers.Sl,EB:()=>validators.EB,hF:()=>checkers.hF,Vi:()=>validators.Vi,Y9:()=>checkers.zx,dz:()=>validators.dz,GI:()=>NewPasswordInput.GI,yM:()=>FileInput.yM,LT:()=>ImageUpload.LT,uj:()=>page.u,Ye:()=>FileInput.Ye,f3:()=>ImageUpload.f3,t:()=>translation.t,XI:()=>useHover});__webpack_require__("./src/core/Avatar/Avatar.tsx"),__webpack_require__("./src/core/Avatar/AvatarStack.tsx");var Button=__webpack_require__("./src/core/Button/Button.tsx"),ContentState=(__webpack_require__("./src/core/Button/useShowSpinner.tsx"),__webpack_require__("./src/core/ConfirmButton/ConfirmButton.tsx"),__webpack_require__("./src/core/ConfirmModal/ConfirmModal.tsx"),__webpack_require__("./src/core/ContentState/ContentState.tsx")),Icon=(__webpack_require__("./src/core/FlashMessage/FlashMessage.tsx"),__webpack_require__("./src/core/Icon/index.ts")),Loading=(__webpack_require__("./src/core/InfoBadge/InfoBadge.tsx"),__webpack_require__("./src/core/LoadingPage/LoadingPage.tsx"),__webpack_require__("./src/core/Loading/Loading.tsx")),Pagination=(__webpack_require__("./src/core/MoreOrLess/MoreOrLess.tsx"),__webpack_require__("./src/core/NavigationItem/NavigationItem.tsx"),__webpack_require__("./src/core/Pagination/Pagination.tsx")),SubmitButton=(__webpack_require__("./src/core/ProgressStepper/ProgressStepper.tsx"),__webpack_require__("./src/core/Spinner/Spinner.tsx"),__webpack_require__("./src/core/SubmitButton/SubmitButton.tsx")),Tag=__webpack_require__("./src/core/Tag/Tag.tsx"),Tooltip=__webpack_require__("./src/core/Tooltip/Tooltip.tsx"),OpenCloseModal=(__webpack_require__("./src/core/AsyncContent/AsyncContent.tsx"),__webpack_require__("./src/core/AsyncPage/AsyncPage.tsx"),__webpack_require__("./src/core/AsyncList/AsyncList.tsx"),__webpack_require__("./src/core/SearchInput/SearchInput.tsx"),__webpack_require__("./src/core/Pager/Pager.tsx"),__webpack_require__("./src/core/OpenCloseModal/OpenCloseModal.tsx")),InfoTooltip=(__webpack_require__("./src/core/Popover/Popover.tsx"),__webpack_require__("./src/core/TextButton/TextButton.tsx"),__webpack_require__("./src/core/InfoTooltip/InfoTooltip.tsx")),Card=(__webpack_require__("./src/core/BooleanIcon/BooleanIcon.tsx"),__webpack_require__("./src/core/SuccessIcon/SuccessIcon.tsx"),__webpack_require__("./src/core/OrSeparator/OrSeparator.tsx"),__webpack_require__("./src/core/lists/AttributeList/AttributeList.tsx"),__webpack_require__("./src/core/lists/AttributeView/AttributeView.tsx"),__webpack_require__("./src/core/OpenClose/OpenClose.tsx"),__webpack_require__("./src/core/FavoriteIcon/FavoriteIcon.tsx"),__webpack_require__("./src/core/Modal/Modal.tsx"),__webpack_require__("./src/core/Card/Card.tsx")),Textarea=(__webpack_require__("./src/core/CardOpenClose/CardOpenClose.tsx"),__webpack_require__("./src/core/Tabs/Tabs.tsx"),__webpack_require__("./src/core/Tabs/Tab/Tab.tsx"),__webpack_require__("./src/core/AsyncActionButton/AsyncActionButton.tsx"),__webpack_require__("./src/core/Debug/Debug.tsx"),__webpack_require__("./src/core/ErrorBoundary/ErrorBoundary.tsx"),__webpack_require__("./src/form/AutoSave/AutoSave.tsx"),__webpack_require__("./src/form/withJarb/withJarb.tsx"),__webpack_require__("./src/form/Input/Input.tsx"),__webpack_require__("./src/form/Textarea/Textarea.tsx")),TextEditor=__webpack_require__("./src/form/TextEditor/TextEditor.tsx"),DateTimeInput=__webpack_require__("./src/form/DateTimeInput/DateTimeInput.tsx"),checkers=__webpack_require__("./src/form/DateTimeInput/checkers.ts"),validators=__webpack_require__("./src/form/DateTimeInput/validators.ts"),Select=__webpack_require__("./src/form/Select/Select.tsx"),ModalPickerSingle=__webpack_require__("./src/form/ModalPicker/single/ModalPickerSingle.tsx"),ModalPickerMultiple=__webpack_require__("./src/form/ModalPicker/multiple/ModalPickerMultiple.tsx"),TypeaheadSingle=__webpack_require__("./src/form/Typeahead/single/TypeaheadSingle.tsx"),TypeaheadMultiple=__webpack_require__("./src/form/Typeahead/multiple/TypeaheadMultiple.tsx"),FileInput=__webpack_require__("./src/form/FileInput/FileInput.tsx"),ImageUpload=__webpack_require__("./src/form/ImageUpload/ImageUpload.tsx"),Toggle=__webpack_require__("./src/core/Toggle/Toggle.tsx"),CheckboxMultipleSelect=(__webpack_require__("./src/form/FormError/FormError.tsx"),__webpack_require__("./src/form/FormError/utils.tsx"),__webpack_require__("./src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx")),IconPicker=(__webpack_require__("./src/form/ValuePicker/ValuePicker.tsx"),__webpack_require__("./src/form/IconPicker/IconPicker.tsx")),ColorPicker=__webpack_require__("./src/form/ColorPicker/ColorPicker.tsx"),Checkbox=__webpack_require__("./src/form/Checkbox/Checkbox.tsx"),RadioGroup=__webpack_require__("./src/form/RadioGroup/RadioGroup.tsx"),NewPasswordInput=__webpack_require__("./src/form/NewPasswordInput/NewPasswordInput.tsx"),Addon=(__webpack_require__("./src/form/FormButton/FormButton.tsx"),__webpack_require__("./src/form/addons/Addon/Addon.tsx")),AddonButton=__webpack_require__("./src/form/addons/AddonButton/AddonButton.tsx"),AddonIcon=__webpack_require__("./src/form/addons/AddonIcon/AddonIcon.tsx"),PlainTextFormControl=__webpack_require__("./src/form/PlainTextFormControl/PlainTextFormControl.tsx"),translation=(__webpack_require__("./src/table/EpicTable/EpicTable.tsx"),__webpack_require__("./src/table/EpicTable/cells/EpicCell/EpicCell.tsx"),__webpack_require__("./src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx"),__webpack_require__("./src/table/EpicTable/cells/EpicCellLayout/EpicCellLayout.tsx"),__webpack_require__("./src/table/EpicTable/cells/EpicForm/EpicForm.tsx"),__webpack_require__("./src/table/EpicTable/cells/EpicFormCell/EpicFormCell.tsx"),__webpack_require__("./src/table/EpicTable/rows/EpicRow/EpicRow.tsx"),__webpack_require__("./src/table/EpicTable/rows/EpicDetailRow/EpicDetailRow.tsx"),__webpack_require__("./src/table/EpicTable/rows/EpicExpanderRow/EpicExpanderRow.tsx"),__webpack_require__("./src/table/EpicTable/widgets/EpicDetail/EpicDetail.tsx"),__webpack_require__("./src/table/EpicTable/widgets/EpicExpander/EpicExpander.tsx"),__webpack_require__("./src/table/EpicTable/widgets/EpicSelection/EpicSelection.tsx"),__webpack_require__("./src/table/EpicTable/widgets/EpicSort/EpicSort.tsx"),__webpack_require__("./src/table/CrudTable/CrudTable.tsx"),__webpack_require__("./src/table/CrudTable/components/CrudHeader/CrudHeader.tsx"),__webpack_require__("./src/utilities/translation/translation.ts")),page=__webpack_require__("./src/utilities/page/page.ts"),react=(__webpack_require__("./src/config/config.ts"),__webpack_require__("./src/hooks/useBodyFixOnModalClose/useBodyFixOnModalClose.ts"),__webpack_require__("./src/hooks/useShowAfter/useShowAfter.tsx"),__webpack_require__("./node_modules/react/index.js"));function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useHover(){var _useState2=_slicedToArray((0,react.useState)(!1),2),hover=_useState2[0],setHover=_useState2[1];return[hover,{onMouseEnter:function onMouseEnter(){setHover(!0)},onMouseLeave:function onMouseLeave(){setHover(!1)}}]}__webpack_require__("./src/hooks/useBootstrapSize/useBootstrapSize.ts")},"./src/table/CrudTable/CrudTable.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>CrudTable});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_core_SearchInput_SearchInput__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/SearchInput/SearchInput.tsx"),_EpicTable_EpicTable__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/table/EpicTable/EpicTable.tsx"),_core_Pagination_Pagination__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Pagination/Pagination.tsx");function CrudTable(props){var buttons=props.buttons,_props$canSearch=props.canSearch,canSearch=void 0===_props$canSearch?function(){return!0}:_props$canSearch,_props$searchValue=props.searchValue,searchValue=void 0===_props$searchValue?"":_props$searchValue,onSearch=props.onSearch,renderSelection=props.renderSelection,page=props.page,pageChanged=props.pageChanged,children=props.children;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-end mb-2"},buttons?buttons():null),canSearch()&&onSearch?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_SearchInput_SearchInput__WEBPACK_IMPORTED_MODULE_1__.Z,{className:"mb-4",defaultValue:searchValue,onChange:onSearch}):null,renderSelection?renderSelection():null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_EpicTable__WEBPACK_IMPORTED_MODULE_2__.b,{minHeight:400},children),page&&pageChanged?react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Pagination_Pagination__WEBPACK_IMPORTED_MODULE_3__.Z,{className:"my-3",page,onChange:pageChanged})):null)}try{CrudTable.displayName="CrudTable",CrudTable.__docgenInfo={description:"CrudTable is an EpicTable wrapper to make it easier to display a table\nwith CRUD options. If page is defined, it also includes pagination.\nIt should be filled with `EpicRow`s, where the header row should be filled\nwith `CrudHeader`s.",displayName:"CrudTable",props:{buttons:{defaultValue:null,description:"Making it possible pass to on custom buttons.",name:"buttons",required:!1,type:{name:"(() => ReactNode) | undefined"}},canSearch:{defaultValue:null,description:"Optional function which determines if the user can search the table.\nWhen `true` a single `SearchInput` is rendered.\nDefaults to a function which returns true.",name:"canSearch",required:!1,type:{name:"(() => boolean) | undefined"}},onSearch:{defaultValue:null,description:"Provides a means of handling a search by the parent component itself.",name:"onSearch",required:!1,type:{name:"((value: string) => void) | undefined"}},searchValue:{defaultValue:null,description:"Optional search value.",name:"searchValue",required:!1,type:{name:"string | undefined"}},renderSelection:{defaultValue:null,description:"Optional callback function which you can use to render the current\nselected items.",name:"renderSelection",required:!1,type:{name:"(() => ReactNode) | undefined"}},page:{defaultValue:null,description:"The page passed to the Pagination component to determine what page you\nare on and how many page numbers should be displayed.",name:"page",required:!1,type:{name:"Page<any> | undefined"}},pageChanged:{defaultValue:null,description:"Optional callback that is triggered when one of the Pagination buttons\nis clicked.",name:"pageChanged",required:!1,type:{name:"((page: number) => void) | undefined"}},children:{defaultValue:null,description:"The content of the table.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/CrudTable/CrudTable.tsx#CrudTable"]={docgenInfo:CrudTable.__docgenInfo,name:"CrudTable",path:"src/table/CrudTable/CrudTable.tsx#CrudTable"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/CrudTable/components/CrudHeader/CrudHeader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{p:()=>CrudHeader});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_EpicTable_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/table/EpicTable/cells/EpicCellLayout/EpicCellLayout.tsx"),_EpicTable_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/table/EpicTable/widgets/EpicSort/EpicSort.tsx"),_form_Input_Input__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/Input/Input.tsx"),_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx"),_form_Select_Select__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/Select/Select.tsx");function CrudHeader(_ref){var _ref$direction=_ref.direction,direction=void 0===_ref$direction?"NONE":_ref$direction,onSort=_ref.onSort,onSearch=_ref.onSearch,searchValue=_ref.searchValue,options=_ref.options,labelForOption=_ref.labelForOption,width=_ref.width,height=_ref.height,onResize=_ref.onResize,children=_ref.children,header=onSort?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_1__.j,{mode:"horizontal"},children,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_2__.Q,{direction,onChange:onSort})):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,children);return onSearch?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_4__.B,{width,height:height||88,onResize},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_1__.j,{mode:"vertical"},header,options&&labelForOption?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Select_Select__WEBPACK_IMPORTED_MODULE_5__.Z,{value:searchValue,options,labelForOption,onChange:onSearch}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{value:searchValue,onChange:function onChange(value){onSearch(value)}}))):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_4__.B,{width,height,onResize},header)}try{CrudHeader.displayName="CrudHeader",CrudHeader.__docgenInfo={description:"CrudHeader is used to display a header in the EpicTable or CrudTable.\nIf onSort is defined, a sorting button is displayed next to the label.\nIf onSearch is defined, a search field is displayed below the label.",displayName:"CrudHeader",props:{width:{defaultValue:null,description:"The width of the cell in pixels.",name:"width",required:!0,type:{name:"number"}},height:{defaultValue:null,description:"The height of the cell in pixels.\nDefaults to 88 when onSearch is defined, or 44 otherwise.",name:"height",required:!1,type:{name:"number | undefined"}},onResize:{defaultValue:null,description:"Optionally a callback for when the width has changed. By setting\nthis callback you enable the resizing of the EpicHeader.\n\nYou can never resize the width to less than the original width to\nprevent columns from becoming too small.\n\nWhen this callback is called you should store the `width` and\npass it back into the CrudHeader as the `width` property.",name:"onResize",required:!1,type:{name:"((width: number) => void) | undefined"}},children:{defaultValue:null,description:"The content of the cell.",name:"children",required:!0,type:{name:"ReactNode"}},direction:{defaultValue:{value:"NONE"},description:"Optionally the current sorting direction.\nDefaults to NONE.",name:"direction",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"ASC"'},{value:'"DESC"'},{value:'"NONE"'}]}},onSort:{defaultValue:null,description:"Optional callback which is triggered when the direction changes.",name:"onSort",required:!1,type:{name:"((direction: EpicTableSortDirection) => void) | undefined"}},onSearch:{defaultValue:null,description:"Optional callback that is triggered when the search value changes.\nWhen `options` is defined, a dropdown is displayed, otherwise an open\ntext input is displayed.",name:"onSearch",required:!1,type:{name:"((value: T) => void) | undefined"}},searchValue:{defaultValue:null,description:"Optionally the current search value.",name:"searchValue",required:!1,type:{name:"T | undefined"}},options:{defaultValue:null,description:"Optional search options used when you want to display a dropdown.",name:"options",required:!1,type:{name:"T[] | undefined"}},labelForOption:{defaultValue:null,description:"Optional callback to convert a value of type T to an option to show\nto the user.\nRequired when `options` is defined.",name:"labelForOption",required:!1,type:{name:"LabelForOption<T> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/CrudTable/components/CrudHeader/CrudHeader.tsx#CrudHeader"]={docgenInfo:CrudHeader.__docgenInfo,name:"CrudHeader",path:"src/table/CrudTable/components/CrudHeader/CrudHeader.tsx#CrudHeader"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/EpicTable.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{b:()=>EpicTable});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),lodash=__webpack_require__("./node_modules/lodash/lodash.js"),overlayscrollbars_react_esm=__webpack_require__("./node_modules/overlayscrollbars-react/dist/overlayscrollbars-react.esm.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function GooeyCenter(_ref){var left=_ref.left,right=_ref.right,center=_ref.center,onScroll=_ref.onScroll,_ref$showScrollbar=_ref.showScrollbar,showScrollbar=void 0===_ref$showScrollbar||_ref$showScrollbar,onCenterWidthChanged=_ref.onCenterWidthChanged,_ref$forceCenterAlway=_ref.forceCenterAlwaysVisible,forceCenterAlwaysVisible=void 0!==_ref$forceCenterAlway&&_ref$forceCenterAlway,wrapperEl=(0,react.useRef)(null),centerEl=(0,react.useRef)(null),_useState2=_slicedToArray((0,react.useState)(0),2),centerWidth=_useState2[0],setCenterWidth=_useState2[1];(0,react.useEffect)((function trackCenterWidthBasedOnResize(){var calculateCenterWidth=(0,lodash.debounce)((function(){if(wrapperEl.current){var _left=wrapperEl.current.children[0],_right=wrapperEl.current.children[2],rightWidth=_right?_right.clientWidth:0,_centerWidth=wrapperEl.current.clientWidth-_left.clientWidth-rightWidth;setCenterWidth(_centerWidth),onCenterWidthChanged&&onCenterWidthChanged(_centerWidth)}}),200);return window.addEventListener("resize",calculateCenterWidth),window.addEventListener("resizeEpicTables",calculateCenterWidth),calculateCenterWidth(),function(){window.removeEventListener("resize",calculateCenterWidth),window.removeEventListener("resizeEpicTables",calculateCenterWidth)}}),[setCenterWidth,onCenterWidthChanged,left,center,right]);var centerWrapper=react.createElement("div",{ref:centerEl,className:0!==centerWidth||forceCenterAlwaysVisible?"":"invisible",style:{width:0!==centerWidth?centerWidth:void 0}},center);return react.createElement("div",{className:"d-flex",ref:wrapperEl},left,center&&showScrollbar?react.createElement(overlayscrollbars_react_esm.E,{className:"w-100",options:{scrollbars:{visibility:"visible"},callbacks:{onScroll:function handleScroll(event){onScroll&&event&&onScroll(event.target.scrollLeft)}}}},centerWrapper):centerWrapper,right)}try{GooeyCenter.displayName="GooeyCenter",GooeyCenter.__docgenInfo={description:"GooeyCenter is a table which has a fixed left or right or both\nleft and right, and a gooey center which takes up the remaining\nspace. No matter how little content is left for the center\nthe left and right are always visible.\n\nThe center gets a horizontal scrollbar for when the content\nis to large to fit in the center.\n\nGooeyCenter is not meant for consumers of the library and is\na private component.",displayName:"GooeyCenter",props:{left:{defaultValue:null,description:"What comes left of the GooeyCenter.",name:"left",required:!0,type:{name:"ReactNode"}},center:{defaultValue:null,description:"The GooeyCenter a scrollbar will appear for the center when\nit is to large to render on the screen.",name:"center",required:!1,type:{name:"ReactNode"}},right:{defaultValue:null,description:"What comes right of the GooeyCenter.",name:"right",required:!1,type:{name:"ReactNode"}},onScroll:{defaultValue:null,description:"Optional callback which gives the current left scroll position\nwhen the user scrolls. Is used sync the scroll of the FixedHeader.",name:"onScroll",required:!1,type:{name:"((scrollLeft: number) => void) | undefined"}},showScrollbar:{defaultValue:{value:"true"},description:"Whether or not to show a scrollbar. The FixedHeader renders\na GooeyCenter without a scrollbar.",name:"showScrollbar",required:!1,type:{name:"boolean | undefined"}},onCenterWidthChanged:{defaultValue:null,description:"Optional callback which gives the current center width as calculated\nby the GooeyCenter. Used by the FixedHeader's GooeyCenter to match\nsync the center width.",name:"onCenterWidthChanged",required:!1,type:{name:"((centerWidth: number) => void) | undefined"}},forceCenterAlwaysVisible:{defaultValue:{value:"false"},description:"Whether or not the center is always visible. Need for the\nFixedHeader to prevent it from flashing.",name:"forceCenterAlwaysVisible",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/helpers/GooeyCenter/GooeyCenter.tsx#GooeyCenter"]={docgenInfo:GooeyCenter.__docgenInfo,name:"GooeyCenter",path:"src/table/EpicTable/helpers/GooeyCenter/GooeyCenter.tsx#GooeyCenter"})}catch(__react_docgen_typescript_loader_error){}function useClosestHeaderIndex_slicedToArray(arr,i){return function useClosestHeaderIndex_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function useClosestHeaderIndex_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function useClosestHeaderIndex_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return useClosestHeaderIndex_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return useClosestHeaderIndex_arrayLikeToArray(o,minLen)}(arr,i)||function useClosestHeaderIndex_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function useClosestHeaderIndex_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function FixedHeader(_ref){var centerWidth=_ref.centerWidth,leftScroll=_ref.leftScroll,layout=_ref.layout,headers=_ref.headers,fixedHeaderEl=(0,react.useRef)(null),fixedCenterEl=(0,react.useRef)(null);(0,react.useEffect)((function(){fixedCenterEl.current&&(fixedCenterEl.current.scrollLeft=leftScroll)}),[fixedCenterEl,leftScroll]);var left=layout.left,center=layout.center,right=layout.right,index=function useClosestHeaderIndex(fixedHeaderEl,headers){var _useState2=useClosestHeaderIndex_slicedToArray((0,react.useState)(-1),2),index=_useState2[0],setIndex=_useState2[1];return(0,react.useEffect)((function(){function onScroll(){if(fixedHeaderEl.current&&headers.length>0){var fakeRect=fixedHeaderEl.current.getBoundingClientRect(),headersAboveFakeHeader=headers.filter((function(_ref){var headerRect=_ref.ref.getBoundingClientRect();return fakeRect.bottom>headerRect.bottom}));if(headersAboveFakeHeader&&headersAboveFakeHeader.length>0){var lastIndex=headersAboveFakeHeader.length-1;setIndex(headersAboveFakeHeader[lastIndex].index)}else setIndex(-1)}}return window.addEventListener("scroll",onScroll,!0),function(){window.removeEventListener("scroll",onScroll,!0)}}),[fixedHeaderEl,headers]),index}(fixedHeaderEl,headers),showFixedHeader=-1!==index;return react.createElement("div",{className:"epic-table-fixed-header",ref:fixedHeaderEl},showFixedHeader?react.createElement(GooeyCenter,{forceCenterAlwaysVisible:!0,left:left&&left[index]?left[index].header:null,center:center&&center[index]?react.createElement("div",{ref:fixedCenterEl,className:"d-flex justify-content-between overflow-hidden",style:{width:centerWidth}},center[index].header):null,right:right&&right[index]?right[index].header:null,showScrollbar:!1}):null)}try{FixedHeader.displayName="FixedHeader",FixedHeader.__docgenInfo={description:"The FixedHeader is a header which follows the user as he scrolls.\nThe FixedHeader is not meant for consumers of this library and\nis an internal component.",displayName:"FixedHeader",props:{centerWidth:{defaultValue:null,description:"The width of the actual center so the FixedHeader can match\nthe centers width.",name:"centerWidth",required:!0,type:{name:"number"}},leftScroll:{defaultValue:null,description:"The amount the actual center has scrolled to the left.",name:"leftScroll",required:!0,type:{name:"number"}},layout:{defaultValue:null,description:"The layout information of the EpicTable, so the FixedHeader\nknows which sides to show.",name:"layout",required:!0,type:{name:"EpicTableLayout"}},headers:{defaultValue:null,description:"All the headers that the EpicTable is currently rendering. Used\nto determine which header is closest to the top of the screen,\nsot that the FixedHeader can take that header as its appearance.",name:"headers",required:!0,type:{name:"HeaderRef[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/helpers/FixedHeader/FixedHeader.tsx#FixedHeader"]={docgenInfo:FixedHeader.__docgenInfo,name:"FixedHeader",path:"src/table/EpicTable/helpers/FixedHeader/FixedHeader.tsx#FixedHeader"})}catch(__react_docgen_typescript_loader_error){}var react_is=__webpack_require__("./node_modules/react-is/index.js"),EpicExpanderRow=__webpack_require__("./src/table/EpicTable/rows/EpicExpanderRow/EpicExpanderRow.tsx"),EpicDetailRow=__webpack_require__("./src/table/EpicTable/rows/EpicDetailRow/EpicDetailRow.tsx"),EpicCell=__webpack_require__("./src/table/EpicTable/cells/EpicCell/EpicCell.tsx");function epicTableLayout(config){var children=config.children,epicTableRect=config.epicTableRect,hasRight=config.hasRight,activeDetailRowChanged=config.activeDetailRowChanged,hoveredRow=config.hoveredRow,hoverChanged=config.hoverChanged,left=[],center=[],right=[],leftSection={header:[],contents:[]},centerSection={header:[],contents:[]},rightSection={header:[],contents:[]},totalDesiredCenterWidth=-1,totalDesiredCenterHeight=-1,epicRowNumber=1;react.Children.forEach(function getRows(children){var rows=[];return react.Children.forEach(children,(function(child){(0,react_is.isFragment)(child)?child.props.children.forEach((function(row){rows.push(row)})):rows.push(child)})),rows}(children),(function(row){return row.type===EpicExpanderRow.G&&null!==epicTableRect?function handleExpanderRow(row,rect){var clone=(0,react.cloneElement)(row,{width:rect.width,key:1337});if(leftSection.contents.push([clone]),row.props.active){var spacer=(0,react.createElement)("div",{style:{height:row.props.height}});leftSection.contents.push([(0,react.cloneElement)(spacer,{key:1})]),rightSection.contents.push([(0,react.cloneElement)(spacer,{key:2})]),centerSection.contents.push([(0,react.cloneElement)(spacer,{key:3})])}}(row,epicTableRect):row.type===EpicDetailRow.U&&null!==epicTableRect?function handleEpicDetailRow(row,rect){var clone=(0,react.cloneElement)(row,{width:rect.width-row.props.left,top:0,left:row.props.left,key:42,ref:activeDetailRowChanged});leftSection.contents.push([clone])}(row,epicTableRect):(function handleEpicRow(row,index){var cells=row.props.children,lastCellInRowIndex=react.Children.count(cells)-1,_row$props=row.props,isHeader=_row$props.header,onClick=_row$props.onClick;isHeader&&(null!==leftSection&&(sectionHasData(leftSection)&&left.push(leftSection),sectionHasData(centerSection)&&center.push(centerSection),sectionHasData(rightSection)&&right.push(rightSection)),leftSection={header:[],contents:[]},centerSection={header:[],contents:[]},rightSection={header:[],contents:[]},epicRowNumber=1);var leftRow=[],centerRow=[],rightRow=[],isRowOdd=index%2==1;react.Children.forEach(cells,(function(cell,cellIndex){var left=0===cellIndex,right=hasRight&&cellIndex===lastCellInRowIndex,clone=(0,react.cloneElement)(cell,{key:cellIndex,odd:isRowOdd,hover:hoveredRow===index,onRowClick:onClick,onHoverChanged:function onHoverChanged(value){return hoverChanged(index,value)}});left?isHeader?leftSection.header.push(clone):leftRow.push(clone):right?isHeader?rightSection.header.push(clone):rightRow.push(clone):isHeader?centerSection.header.push(clone):centerRow.push(clone)})),leftRow.length>0&&leftSection.contents.push(leftRow);centerRow.length>0&&(-1===totalDesiredCenterWidth&&(totalDesiredCenterWidth=centerRow.reduce((function(acc,cell){return acc+cell.props.width}),0)),-1===totalDesiredCenterHeight&&(totalDesiredCenterHeight=centerRow.reduce((function(acc,cell){return acc+cell.props.width}),0)),centerSection.contents.push(centerRow));rightRow.length>0&&rightSection.contents.push(rightRow)}(row,epicRowNumber),void(epicRowNumber+=1))})),left.push(leftSection),(centerSection.header.length>0||centerSection.contents.length>0)&&center.push(centerSection),(rightSection.header.length>0||rightSection.contents.length>0)&&right.push(rightSection);var totalDesiredHeight=left.reduce((function(totalHeight,section){var header=section.header[0];return header&&(totalHeight+=header.props.height),totalHeight+section.contents.reduce((function(cellsHeight,cells){var cell=cells[0];return cell&&cell.type===EpicCell.N?cellsHeight+cell.props.height:cellsHeight}),0)}),0);return{left,center,right,totalDesiredCenterWidth,totalDesiredHeight}}function sectionHasData(section){return section.contents.length>0||section.header.length>0}function useEpicTableRect_slicedToArray(arr,i){return function useEpicTableRect_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function useEpicTableRect_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function useEpicTableRect_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return useEpicTableRect_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return useEpicTableRect_arrayLikeToArray(o,minLen)}(arr,i)||function useEpicTableRect_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function useEpicTableRect_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useCalculateActualHeight_slicedToArray(arr,i){return function useCalculateActualHeight_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function useCalculateActualHeight_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function useCalculateActualHeight_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return useCalculateActualHeight_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return useCalculateActualHeight_arrayLikeToArray(o,minLen)}(arr,i)||function useCalculateActualHeight_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function useCalculateActualHeight_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useCalculateActualHeight(_ref){var minHeight=_ref.minHeight,totalDesiredHeight=_ref.totalDesiredHeight,activeDetailRow=_ref.activeDetailRow,overlayEl=_ref.overlayEl,headerHeight=_ref.headerHeight,_useState2=useCalculateActualHeight_slicedToArray((0,react.useState)(minHeight),2),actualHeight=_useState2[0],setActualHeight=_useState2[1];return(0,react.useEffect)((function(){function resize(){var detailRowHeight=activeDetailRow?activeDetailRow.scrollHeight:0,overlayHeight=overlayEl?overlayEl.scrollHeight+headerHeight:0,height=Math.max(minHeight,detailRowHeight,totalDesiredHeight,overlayHeight);setActualHeight(height)}var interval=-1;return activeDetailRow&&(interval=window.setInterval(resize,20)),resize(),function(){window.clearInterval(interval)}}),[minHeight,totalDesiredHeight,activeDetailRow,overlayEl,headerHeight]),actualHeight}try{useCalculateActualHeight.displayName="useCalculateActualHeight",useCalculateActualHeight.__docgenInfo={description:"Calculates the height of the EpicTable. Taking into account\nthe existence of an active EpicDetailRow or overlay.\n\nWhen an EpicDetailRow exists it may be larger than the actual\nEpicTable. So we increase the height of the EpicTable in that\ncase to be the height of the EpicDetailRow.\n\nAlso the minHeight can be lower than the totalDesiredHeight. In\nthat case the totalDesiredHeight should be used instead. As the\nminHeight is merely a suggestion.",displayName:"useCalculateActualHeight",props:{minHeight:{defaultValue:null,description:"",name:"minHeight",required:!0,type:{name:"number"}},totalDesiredHeight:{defaultValue:null,description:"",name:"totalDesiredHeight",required:!0,type:{name:"number"}},activeDetailRow:{defaultValue:null,description:"",name:"activeDetailRow",required:!0,type:{name:"HTMLDivElement | null"}},overlayEl:{defaultValue:null,description:"",name:"overlayEl",required:!0,type:{name:"HTMLDivElement | null"}},headerHeight:{defaultValue:null,description:"",name:"headerHeight",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/helpers/useCalculateActualHeight.tsx#useCalculateActualHeight"]={docgenInfo:useCalculateActualHeight.__docgenInfo,name:"useCalculateActualHeight",path:"src/table/EpicTable/helpers/useCalculateActualHeight.tsx#useCalculateActualHeight"})}catch(__react_docgen_typescript_loader_error){}function useAdjustHeightOfActiveDetailRow(_ref){var activeDetailRow=_ref.activeDetailRow,actualHeight=_ref.actualHeight;(0,react.useEffect)((function(){activeDetailRow&&(activeDetailRow.style.height="".concat(actualHeight,"px"))}),[actualHeight,activeDetailRow])}try{useAdjustHeightOfActiveDetailRow.displayName="useAdjustHeightOfActiveDetailRow",useAdjustHeightOfActiveDetailRow.__docgenInfo={description:"Changes the height of the detailRow so it always fills up the to\nthe height of the EpicTable.",displayName:"useAdjustHeightOfActiveDetailRow",props:{activeDetailRow:{defaultValue:null,description:"",name:"activeDetailRow",required:!0,type:{name:"HTMLDivElement | null"}},actualHeight:{defaultValue:null,description:"",name:"actualHeight",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/helpers/useAdjustHeightOfActiveDetailRow.tsx#useAdjustHeightOfActiveDetailRow"]={docgenInfo:useAdjustHeightOfActiveDetailRow.__docgenInfo,name:"useAdjustHeightOfActiveDetailRow",path:"src/table/EpicTable/helpers/useAdjustHeightOfActiveDetailRow.tsx#useAdjustHeightOfActiveDetailRow"})}catch(__react_docgen_typescript_loader_error){}function EpicTable_slicedToArray(arr,i){return function EpicTable_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function EpicTable_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function EpicTable_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return EpicTable_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return EpicTable_arrayLikeToArray(o,minLen)}(arr,i)||function EpicTable_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function EpicTable_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function EpicTable(_ref){var children=_ref.children,_ref$minHeight=_ref.minHeight,minHeight=void 0===_ref$minHeight?200:_ref$minHeight,_ref$hasRight=_ref.hasRight,hasRight=void 0===_ref$hasRight||_ref$hasRight,overlay=_ref.overlay,_ref$striped=_ref.striped,striped=void 0===_ref$striped||_ref$striped,epicTableEl=(0,react.useRef)(null),overlayEl=(0,react.useRef)(null),_useState2=EpicTable_slicedToArray((0,react.useState)(0),2),centerWidth=_useState2[0],setCenterWidth=_useState2[1],_useState4=EpicTable_slicedToArray((0,react.useState)(0),2),leftScroll=_useState4[0],setLeftScroll=_useState4[1],_useState6=EpicTable_slicedToArray((0,react.useState)(0),2),headerHeight=_useState6[0],setHeaderHeight=_useState6[1],_useState8=EpicTable_slicedToArray((0,react.useState)(null),2),activeDetailRow=_useState8[0],setActiveDetailRow=_useState8[1],_useState10=EpicTable_slicedToArray((0,react.useState)(-1),2),hoveredRow=_useState10[0],setHoveredRow=_useState10[1],headerRefs=[];var epicTableRect=function useEpicTableRect(epicTableEl){var _useState2=useEpicTableRect_slicedToArray((0,react.useState)(null),2),epicTableRect=_useState2[0],setEpicTableRect=_useState2[1];return(0,react.useEffect)((function(){requestAnimationFrame((function(){if(epicTableEl.current){var rect=epicTableEl.current.getBoundingClientRect();JSON.stringify(rect)!==JSON.stringify(epicTableRect)&&setEpicTableRect(rect)}}))})),epicTableRect}(epicTableEl),layout=epicTableLayout({children,epicTableRect,hasRight,activeDetailRowChanged:function activeDetailRowChanged(detailRowRef){setActiveDetailRow(detailRowRef)},hoveredRow,hoverChanged:function hoverChanged(index,value){setHoveredRow(value?index:-1)}}),center=layout.center,right=layout.right,left=layout.left,totalDesiredCenterWidth=layout.totalDesiredCenterWidth,totalDesiredHeight=layout.totalDesiredHeight,desiredWidthMet=totalDesiredCenterWidth<centerWidth,classes=classnames_default()("epic-table",{"epic-table--striped":striped,invisible:0===centerWidth}),leftAndContainerHaveShadow=!desiredWidthMet&&!overlay,rightHasShadow=leftAndContainerHaveShadow&&!(null!==activeDetailRow),actualHeight=useCalculateActualHeight({minHeight,totalDesiredHeight,activeDetailRow,overlayEl:overlayEl.current,headerHeight});return useAdjustHeightOfActiveDetailRow({activeDetailRow,actualHeight}),react.createElement("div",{ref:epicTableEl,className:classes,style:{minHeight:actualHeight}},react.createElement("div",{className:"epic-table-container ".concat(leftAndContainerHaveShadow?"shadow":"")},overlay&&epicTableRect?react.createElement("div",{ref:overlayEl,className:"epic-table-overlay shadow",style:{top:headerHeight,minHeight:epicTableRect.height-headerHeight,width:epicTableRect.width}},overlay):null,react.createElement(FixedHeader,{centerWidth,headers:headerRefs,leftScroll,layout}),react.createElement(GooeyCenter,{onCenterWidthChanged:setCenterWidth,onScroll:setLeftScroll,left:react.createElement("div",{className:leftAndContainerHaveShadow?"shadow":"",style:{minHeight:actualHeight}},left.map((function(section,index){return react.createElement(react.Fragment,{key:index},react.createElement("div",{ref:function ref(_ref2){return function registerHeader(ref,index){ref&&(headerRefs.push({ref,index}),setHeaderHeight(ref.clientHeight))}(_ref2,index)}},section.header),section.contents)}))),center:center&&center.length>0&&!activeDetailRow?center.map((function(section,index){return react.createElement(react.Fragment,{key:index},react.createElement("div",{className:"d-flex justify-content-between"},section.header),section.contents.map((function(row,index){return react.createElement("div",{key:index,className:"d-flex justify-content-between"},row)})))})):null,right:hasRight&&right&&right.length>0?react.createElement("div",{className:rightHasShadow?"shadow":""},right&&right.map((function(section,index){return react.createElement(react.Fragment,{key:index},section.header,section.contents)}))):null})))}try{EpicTable.displayName="EpicTable",EpicTable.__docgenInfo={description:"The EpicTable is a table based on Andrew Colyle's article\n\"Design better data tables\" which can be found here:\nhttps://uxdesign.cc/design-better-data-tables-4ecc99d23356\n\nThe features the EpicTable supports:\n\n  1. Fixed headers which follow the user.\n  2. A fixed left column which follows the user.\n  3. Optionally a fixed right column which follows the user.\n  4. Expanding rows which can contain extra data.\n  5. Click to go to details inside of the table.\n  6. Selection of rows, and a select all.\n  7. Filtering per column.\n  8. Resizing of columns.\n  9. Multiple headers\n 10. Zebra stripes.\n\nSee the stories in the documentation for detailed examples.\n\nThat said there are a couple of rules:\n\n  1. Do not render anything inside of the EpicTable which is not\n     one of the row's. The EpicTable will not understand those and\n     it will error.\n\n  2. The EpicTable can contain fragments, and will unpack those, but\n     only one level deep. Those fragments should contain only row's.",displayName:"EpicTable",props:{children:{defaultValue:null,description:"The rows of the EpicTable. Or Fragments on one level deep\ncontaining rows.",name:"children",required:!0,type:{name:"any"}},minHeight:{defaultValue:{value:"200"},description:"The minimum height of the EpicTable. This way when the table\nis empty it still has a height.\n\nDefaults to 600 pixels.",name:"minHeight",required:!1,type:{name:"number | undefined"}},hasRight:{defaultValue:{value:"true"},description:"Whether or not to render a fixed right column.\n\nDefaults to true.",name:"hasRight",required:!1,type:{name:"boolean | undefined"}},overlay:{defaultValue:null,description:"Optionally an overlay to show below the first header of the\ntable. Can contain anything, can be used to render loading /\nerror states.",name:"overlay",required:!1,type:{name:"ReactNode"}},striped:{defaultValue:{value:"true"},description:"Whether or not to add zebra stripes to the table.\n\nDefaults to true.",name:"striped",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/EpicTable.tsx#EpicTable"]={docgenInfo:EpicTable.__docgenInfo,name:"EpicTable",path:"src/table/EpicTable/EpicTable.tsx#EpicTable"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/cells/EpicCell/EpicCell.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>EpicCell});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_excluded=["children","width","height"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function EpicCell(_ref){var children=_ref.children,width=_ref.width,_ref$height=_ref.height,height=void 0===_ref$height?44:_ref$height,rest=_objectWithoutProperties(_ref,_excluded),ref=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),_ref2=rest,odd=_ref2.odd,onRowClick=_ref2.onRowClick,hover=_ref2.hover,onHoverChanged=_ref2.onHoverChanged,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("epic-table-cell border-bottom p-1",{"epic-table-cell--odd":odd,"epic-table-cell--hover":hover});return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{ref,onMouseEnter:onRowClick?function(){return onHoverChanged(!0)}:void 0,onMouseLeave:onRowClick?function(){return onHoverChanged(!1)}:void 0,onClick:onRowClick?function handleOnRowClick(event){onRowClick&&ref.current===event.target&&onRowClick(event)}:void 0,className:classes,style:{minWidth:width,width,height}},children)}try{EpicCell.displayName="EpicCell",EpicCell.__docgenInfo={description:"The EpicCell is used inside of a EpicRow to render content in.\nIt can be seen as the EpicTable's variant of the `<td>` element.",displayName:"EpicCell",props:{children:{defaultValue:null,description:"The content of the cell.",name:"children",required:!0,type:{name:"ReactNode"}},width:{defaultValue:null,description:"The width of the cell in pixels.",name:"width",required:!0,type:{name:"number"}},height:{defaultValue:{value:"44"},description:"Optionally the height of the cell in pixels.\nDefaults to 44.",name:"height",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/cells/EpicCell/EpicCell.tsx#EpicCell"]={docgenInfo:EpicCell.__docgenInfo,name:"EpicCell",path:"src/table/EpicTable/cells/EpicCell/EpicCell.tsx#EpicCell"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/cells/EpicCellLayout/EpicCellLayout.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{j:()=>EpicCellLayout});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function EpicCellLayout(_ref){var children=_ref.children;return"vertical"===_ref.mode?react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex flex-column w-100 h-100 justify-content-around"},children):react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex w-100 justify-content-between align-items-center"},children)}try{EpicCellLayout.displayName="EpicCellLayout",EpicCellLayout.__docgenInfo={description:"The EpicCellLayout is used inside of a EpicHeader or EpicCell to\ndefine the layout of that cell.\n\nIt currently supports two modes: `vertical` and `horizontal`.\n\nThe `vertical` mode will take the full height and width and\npositions the children vertically whilst padding them in the top\nand bottom.\n\nThe `horizontal` mode will take the full width and positions the\nthe children horizontally and places the maximum space in between\nthe children. This means that when two children are present one\nwill be on the atmost left and the other on the atmost right.\n\nBasically a small wrapper around the `d-flex` utilities of bootstrap.",displayName:"EpicCellLayout",props:{mode:{defaultValue:null,description:"Determines which layout the cell has.",name:"mode",required:!0,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},children:{defaultValue:null,description:"The content of the cell.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/cells/EpicCellLayout/EpicCellLayout.tsx#EpicCellLayout"]={docgenInfo:EpicCellLayout.__docgenInfo,name:"EpicCellLayout",path:"src/table/EpicTable/cells/EpicCellLayout/EpicCellLayout.tsx#EpicCellLayout"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/cells/EpicForm/EpicForm.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{w:()=>EpicForm});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),react_final_form__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),lodash__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/lodash/lodash.js"),_form_AutoSave_AutoSave__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/AutoSave/AutoSave.tsx"),_excluded=["id","children","width","height","submitOnChange"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function EpicForm(props){var id=props.id,children=props.children,width=props.width,height=props.height,submitOnChange=props.submitOnChange,rest=_objectWithoutProperties(props,_excluded),odd=(0,lodash__WEBPACK_IMPORTED_MODULE_3__.pick)(rest,["odd"]).odd,formProps=(0,lodash__WEBPACK_IMPORTED_MODULE_3__.omit)(rest,["odd"]),classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("epic-table-form border-bottom p-1",{"epic-table-form--odd":odd});return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_2__.Form,formProps,(function(_ref2){var handleSubmit=_ref2.handleSubmit,form=_ref2.form;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("form",{id,onSubmit:handleSubmit,onReset:function onReset(){return form.reset()},className:classes,style:{minWidth:width,width,height}},submitOnChange?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_AutoSave_AutoSave__WEBPACK_IMPORTED_MODULE_4__.u,{onSave:form.submit,initialValues:formProps.initialValues}):null,children)}))}try{EpicForm.displayName="EpicForm",EpicForm.__docgenInfo={description:"The EpicForm is a wrapper around react-final-form's `Form` to\nallow forms to be used inside of an EpicRow.",displayName:"EpicForm",props:{id:{defaultValue:null,description:"The id of the form element.",name:"id",required:!0,type:{name:"string"}},children:{defaultValue:null,description:"The content of the cell.",name:"children",required:!0,type:{name:"ReactNode"}},width:{defaultValue:null,description:"The width of the cell.",name:"width",required:!0,type:{name:"number"}},height:{defaultValue:null,description:"The height of the cell.",name:"height",required:!0,type:{name:"number"}},submitOnChange:{defaultValue:null,description:"Optionally whether or not the form should be submitted on blur automatically.",name:"submitOnChange",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/cells/EpicForm/EpicForm.tsx#EpicForm"]={docgenInfo:EpicForm.__docgenInfo,name:"EpicForm",path:"src/table/EpicTable/cells/EpicForm/EpicForm.tsx#EpicForm"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/cells/EpicFormCell/EpicFormCell.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>EpicFormCell});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function EpicFormCell(_ref){var children=_ref.children,width=_ref.width,height=_ref.height;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"epic-table-form-cell border-bottom py-1 pe-1",style:{minWidth:width,width,height,paddingLeft:"0px"}},children)}try{EpicFormCell.displayName="EpicFormCell",EpicFormCell.__docgenInfo={description:"The EpicFormCell is used inside of a EpicForm to render form inputs in.\nIt can be seen as the EpicForm's variant of the `<td>` element.",displayName:"EpicFormCell",props:{children:{defaultValue:null,description:"The content of the cell.",name:"children",required:!0,type:{name:"ReactNode"}},width:{defaultValue:null,description:"The width of the cell.",name:"width",required:!0,type:{name:"number"}},height:{defaultValue:null,description:"The height of the cell.",name:"height",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/cells/EpicFormCell/EpicFormCell.tsx#EpicFormCell"]={docgenInfo:EpicFormCell.__docgenInfo,name:"EpicFormCell",path:"src/table/EpicTable/cells/EpicFormCell/EpicFormCell.tsx#EpicFormCell"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{B:()=>EpicHeader});var react=__webpack_require__("./node_modules/react/index.js"),lodash=__webpack_require__("./node_modules/lodash/lodash.js");var listenerConfig={capture:!0,passive:!1};function EpicResize(_ref){var width=_ref.width,onResize=_ref.onResize,minWidth=(0,react.useRef)(width),throttledResize=(0,react.useRef)((0,lodash.throttle)(onResize,40));(0,react.useEffect)((function(){throttledResize.current=(0,lodash.throttle)(onResize,40)}),[onResize]);var widthOnResizeStart=(0,react.useRef)(0),mouseXOnResizeStart=(0,react.useRef)(0),resize=(0,react.useCallback)((function(event){var distance=event.clientX-mouseXOnResizeStart.current,nextWidth=widthOnResizeStart.current+distance,boundedWidth=Math.max(minWidth.current,nextWidth);throttledResize.current(boundedWidth),event.preventDefault()}),[]),resizeEnd=(0,react.useCallback)((function(){document.body.style.cursor="default",document.body.classList.remove("user-select-none"),window.removeEventListener("mousemove",resize,listenerConfig)}),[resize]),resizeStart=(0,react.useCallback)((function(event,width){widthOnResizeStart.current=width,mouseXOnResizeStart.current=event.clientX,document.body.style.cursor="col-resize",document.body.classList.add("user-select-none"),window.addEventListener("mousemove",resize,listenerConfig),window.addEventListener("mouseup",resizeEnd,listenerConfig)}),[resize,resizeEnd]);return function useEpicResizeListenerCleanup(resize,resizeEnd){(0,react.useEffect)((function(){return function(){window.removeEventListener("mousemove",resize,listenerConfig),window.removeEventListener("mouseup",resizeEnd,listenerConfig)}}),[resize,resizeEnd])}(resize,resizeEnd),react.createElement("div",{className:"epic-table-header-resizeable",onMouseDown:function onMouseDown(e){return resizeStart(e,width)}})}try{EpicResize.displayName="EpicResize",EpicResize.__docgenInfo={description:"The EpicResize component is a part of the EpicHeader. It contains\nall the logic for resizing the EpicHeader. The EpicResize itself\nis a tiny block rendered next to the EpicHeader, when the user\nhovers over it the mouse icon will become a `col-resize`.",displayName:"EpicResize",props:{width:{defaultValue:null,description:"The width of the EpicHeader which is resized.",name:"width",required:!0,type:{name:"number"}},onResize:{defaultValue:null,description:"Callback which gives the EpicHeader the new width",name:"onResize",required:!0,type:{name:"(width: number) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/cells/EpicHeader/EpicResize/EpicResize.tsx#EpicResize"]={docgenInfo:EpicResize.__docgenInfo,name:"EpicResize",path:"src/table/EpicTable/cells/EpicHeader/EpicResize/EpicResize.tsx#EpicResize"})}catch(__react_docgen_typescript_loader_error){}function EpicHeader(_ref){var children=_ref.children,width=_ref.width,_ref$height=_ref.height,height=void 0===_ref$height?44:_ref$height,onResize=_ref.onResize;return react.createElement("div",{className:"epic-table-header d-flex align-items-center justify-content-between p-1",style:{minWidth:width,width,height}},children,onResize?react.createElement(EpicResize,{width,onResize}):null)}try{EpicHeader.displayName="EpicHeader",EpicHeader.__docgenInfo={description:"The EpicHeader is used inside of a EpicRow to render headers with\nIt can be seen as the EpicTable's variant of the `<th>` element.\n\nIt is resizable whenever the `onResize` callback is defined.",displayName:"EpicHeader",props:{children:{defaultValue:null,description:"The content of the cell.",name:"children",required:!0,type:{name:"ReactNode"}},width:{defaultValue:null,description:"The width of the cell in pixels.",name:"width",required:!0,type:{name:"number"}},height:{defaultValue:{value:"44"},description:"Optionally the height of the cell in pixels.\nDefaults to 44.",name:"height",required:!1,type:{name:"number | undefined"}},onResize:{defaultValue:null,description:"Optionally a callback for when the width has changed. By setting\nthis callback you enable the resizing of the EpicHeader.\n\nYou can never resize the width to less than the original width to\nprevent columns from becoming too small.\n\nWhen this callback is called you should store the `width` and\npass it back into the EpicHeader as the `width` property.",name:"onResize",required:!1,type:{name:"((width: number) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx#EpicHeader"]={docgenInfo:EpicHeader.__docgenInfo,name:"EpicHeader",path:"src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx#EpicHeader"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/rows/EpicDetailRow/EpicDetailRow.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{U:()=>EpicDetailRow});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_excluded=["children","active","left"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function epicDetailRow(_ref,ref){var children=_ref.children,active=_ref.active,left=_ref.left,rest=_objectWithoutProperties(_ref,_excluded);if(!active)return null;var _ref2=rest,width=_ref2.width,top=_ref2.top,height=_ref2.height;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{ref,className:"epic-table-detail-row",style:{minWidth:width,width,height,left,top}},children())}var EpicDetailRow=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(epicDetailRow);try{EpicDetailRow.displayName="EpicDetailRow",EpicDetailRow.__docgenInfo={description:"The EpicDetailRow is a row inside of an EpicTable which can be used\nto show details whenever a row is clicked. It displays itself over\nthe rest of the EpicTable on the left.\n\nOften used in combination with the EpicDetail widget component.",displayName:"EpicDetailRow",props:{children:{defaultValue:null,description:"A render function which gets called when `active` is true.",name:"children",required:!0,type:{name:"() => ReactNode"}},active:{defaultValue:null,description:"Whether or not the children should be rendered.",name:"active",required:!0,type:{name:"boolean"}},left:{defaultValue:null,description:"How much the EpicDetailRow should be placed to the left.\nBest to use the width of the first column so it aligns\njust next to the first column.",name:"left",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/rows/EpicDetailRow/EpicDetailRow.tsx#EpicDetailRow"]={docgenInfo:EpicDetailRow.__docgenInfo,name:"EpicDetailRow",path:"src/table/EpicTable/rows/EpicDetailRow/EpicDetailRow.tsx#EpicDetailRow"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/rows/EpicExpanderRow/EpicExpanderRow.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>EpicExpanderRow});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_excluded=["children","active","height"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function EpicExpanderRow(_ref){var children=_ref.children,active=_ref.active,height=_ref.height,rest=_objectWithoutProperties(_ref,_excluded);if(!active)return null;var width=rest.width;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"epic-table-expander-row",style:{minWidth:width,width,height}},children())}try{EpicExpanderRow.displayName="EpicExpanderRow",EpicExpanderRow.__docgenInfo={description:"The EpicExpanderRow is a row inside of an EpicTable which can be used\nto show details whenever a row is clicked. It displays itself over\nunder the cell which is expanded.\n\nOften used in combination with the EpicExpander widget component.",displayName:"EpicExpanderRow",props:{children:{defaultValue:null,description:"A render function which gets called when `active` is true.",name:"children",required:!0,type:{name:"() => ReactNode"}},active:{defaultValue:null,description:"Whether or not the children should be rendered.",name:"active",required:!0,type:{name:"boolean"}},height:{defaultValue:null,description:"The height the EpicExpanderRow should take up when expanded.",name:"height",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/rows/EpicExpanderRow/EpicExpanderRow.tsx#EpicExpanderRow"]={docgenInfo:EpicExpanderRow.__docgenInfo,name:"EpicExpanderRow",path:"src/table/EpicTable/rows/EpicExpanderRow/EpicExpanderRow.tsx#EpicExpanderRow"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/rows/EpicRow/EpicRow.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>EpicRow});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function EpicRow(_ref){var children=_ref.children;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,children)}try{EpicRow.displayName="EpicRow",EpicRow.__docgenInfo={description:"The EpicRow is the EpicTable's version of a <tr>. It has no inherent\nbehavior / UI of its own but is used to by the EpicTable to divide\nthe table into rows.\n\nWhen the row is a header the EpicTable will collect al subsequent\nEpicRow's which are not headers underneath the header, until it\nfinds another EpicRow which is a header. This creates so called\nsections.",displayName:"EpicRow",props:{children:{defaultValue:null,description:"The cells of the EpicRow",name:"children",required:!0,type:{name:"ReactNode"}},header:{defaultValue:null,description:"Whether or not this EpicRow is a header.",name:"header",required:!1,type:{name:"boolean | undefined"}},onClick:{defaultValue:null,description:"Optional callback for what needs to happen when the `EpicRow` is\nclicked. When the callback exists the row will have a hover\neffect.",name:"onClick",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => any) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/rows/EpicRow/EpicRow.tsx#EpicRow"]={docgenInfo:EpicRow.__docgenInfo,name:"EpicRow",path:"src/table/EpicTable/rows/EpicRow/EpicRow.tsx#EpicRow"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/widgets/EpicDetail/EpicDetail.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{H:()=>EpicDetail});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_core_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Icon/index.ts"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utilities/translation/translation.ts");function EpicDetail(_ref){var children=_ref.children,onClose=_ref.onClose,_ref$text=_ref.text,text=void 0===_ref$text?{}:_ref$text;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"bg-white h-100 border-top border-end border-bottom py-1 shadow"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex align-items-center border-bottom"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_1__.JO,{className:"text-muted py-2 px-1",onClick:onClose,icon:"close"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:"text-muted"},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__.t)({key:"EpicTable.EpicDetail.CLOSE",fallback:"Close",overrideText:text.close}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"p-2"},children))}try{EpicDetail.displayName="EpicDetail",EpicDetail.__docgenInfo={description:"EpicDetail is a white pane with a close button which can be used\nto render in a EpicDetailRow as its content.",displayName:"EpicDetail",props:{children:{defaultValue:null,description:"The details you want to render.",name:"children",required:!0,type:{name:"ReactNode"}},onClose:{defaultValue:null,description:"The callback for the close event. Is called when the close button\nis clicked.",name:"onClose",required:!0,type:{name:"(event: MouseEvent<HTMLElement, MouseEvent>) => void"}},text:{defaultValue:{value:"{}"},description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/widgets/EpicDetail/EpicDetail.tsx#EpicDetail"]={docgenInfo:EpicDetail.__docgenInfo,name:"EpicDetail",path:"src/table/EpicTable/widgets/EpicDetail/EpicDetail.tsx#EpicDetail"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/widgets/EpicExpander/EpicExpander.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{R:()=>EpicExpander});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_core_Button_Button__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Button/Button.tsx");function EpicExpander(_ref){var open=_ref.open,onChange=_ref.onChange,icon=open?"expand_less":"expand_more";return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_1__.ZP,{color:"dark",icon,onClick:function onClick(){return onChange(!open)}})}try{EpicExpander.displayName="EpicExpander",EpicExpander.__docgenInfo={description:"The EpicExpander is a button which can be used to open up an\nEpicExpanderRow.",displayName:"EpicExpander",props:{open:{defaultValue:null,description:"Whether or not the expander is currently open.",name:"open",required:!0,type:{name:"boolean"}},onChange:{defaultValue:null,description:"The callback for when the open state changes.",name:"onChange",required:!0,type:{name:"(open: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/widgets/EpicExpander/EpicExpander.tsx#EpicExpander"]={docgenInfo:EpicExpander.__docgenInfo,name:"EpicExpander",path:"src/table/EpicTable/widgets/EpicExpander/EpicExpander.tsx#EpicExpander"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/widgets/EpicSelection/EpicSelection.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{M:()=>EpicSelection});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js");function EpicSelection(_ref){var children=_ref.children,checked=_ref.checked,_onChange=_ref.onChange;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_1__.__,{className:"d-flex m-0 align-items-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_1__.II,{type:"checkbox",className:"m-0 ms-1 me-2 d-inline-block position-static",checked,onChange:function onChange(){return _onChange(!checked)}}),children)}try{EpicSelection.displayName="EpicSelection",EpicSelection.__docgenInfo={description:"The EpicSelection is basically a checkbox for the EpicTable.\nIt can be used to select rows inside of the table or even cells.",displayName:"EpicSelection",props:{children:{defaultValue:null,description:"Optionally the label for the button, when the label is clicked\nthe checkbox is checked.",name:"children",required:!1,type:{name:"ReactNode"}},checked:{defaultValue:null,description:"Whether or not the checkbox is checked.",name:"checked",required:!0,type:{name:"boolean"}},onChange:{defaultValue:null,description:"The callback which occurs when the checkbox is clicked.",name:"onChange",required:!0,type:{name:"(checked: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/widgets/EpicSelection/EpicSelection.tsx#EpicSelection"]={docgenInfo:EpicSelection.__docgenInfo,name:"EpicSelection",path:"src/table/EpicTable/widgets/EpicSelection/EpicSelection.tsx#EpicSelection"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/widgets/EpicSort/EpicSort.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>EpicSort});var react=__webpack_require__("./node_modules/react/index.js"),Icon=__webpack_require__("./src/core/Icon/index.ts");function EpicSort(_ref){var direction=_ref.direction,onChange=_ref.onChange;return react.createElement(Icon.JO,{className:"pe-1",onClick:function onClick(){return onChange(function nextDirection(direction){return"ASC"===direction?"DESC":"ASC"}(direction))},icon:iconForDirection(direction)})}function iconForDirection(direction){return"ASC"===direction?"arrow_drop_up":"DESC"===direction?"arrow_drop_down":"sort"}try{EpicSort.displayName="EpicSort",EpicSort.__docgenInfo={description:"The EpicSort is a button which shows the user a sort direction. When\nthe user clicks the button it will go to the next direction.\n\nThe directions go from:\n\n NONE -> ASC -> DESC\n          ^       |\n          |--------",displayName:"EpicSort",props:{direction:{defaultValue:null,description:"The current direction of the sort.",name:"direction",required:!0,type:{name:"enum",value:[{value:'"ASC"'},{value:'"DESC"'},{value:'"NONE"'}]}},onChange:{defaultValue:null,description:"The callback which is called when the direction changes.",name:"onChange",required:!0,type:{name:"(direction: EpicTableSortDirection) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/widgets/EpicSort/EpicSort.tsx#EpicSort"]={docgenInfo:EpicSort.__docgenInfo,name:"EpicSort",path:"src/table/EpicTable/widgets/EpicSort/EpicSort.tsx#EpicSort"})}catch(__react_docgen_typescript_loader_error){}},"./src/test/fixtures.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$g:()=>userUser,bX:()=>coordinatorUser,o7:()=>pageOfUsers,oQ:()=>randomUser,s$:()=>adminUser});var lodash__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/lodash/lodash.js");Object.freeze({blur:function blur(){},change:function change(){},focus:function focus(){},name:"",error:"",invalid:!1,valid:!0});function randomUser(){var id=(0,lodash__WEBPACK_IMPORTED_MODULE_0__.random)(1,1e6);return{id,email:"user-".concat(id,"@42.nl"),firstName:"user-".concat(id),lastName:"random",active:!0,roles:["ADMIN"]}}function adminUser(){return{id:42,email:"admin@42.nl",firstName:"Addie",lastName:"Admin",active:!0,roles:["ADMIN"]}}function userUser(){return{id:1337,email:"user@42.nl",firstName:"Ulysses",lastName:"User",active:!1,roles:["USER"]}}function coordinatorUser(){return{id:777,email:"coordinator@42.nl",firstName:"Cordelia",lastName:"Coordinator",active:!1,roles:["ADMIN","USER"]}}function pageOfUsers(){return{content:[{id:42,email:"admin@42.nl",firstName:"Addie",lastName:"Admin",active:!0,roles:["ADMIN"]},{id:777,email:"coordinator@42.nl",firstName:"Cordelia",lastName:"Coordinator",active:!1,roles:["ADMIN","USER"]},{id:1337,email:"user@42.nl",firstName:"Ulysses",lastName:"User",active:!1,roles:["USER"]}],last:!1,totalElements:9,totalPages:3,size:3,number:2,first:!1,numberOfElements:3}}},"./src/test/utils.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function pageWithContent(content){return{content,last:!1,totalElements:100,totalPages:10,size:content.length,number:1,first:!0,numberOfElements:content.length}}function pageWithContentAndExactSize(content){return{content,last:!0,totalElements:content.length,totalPages:1,size:content.length,number:1,first:!0,numberOfElements:content.length}}__webpack_require__.d(__webpack_exports__,{Gw:()=>pageWithContentAndExactSize,fn:()=>pageWithContent});window.setTimeout;try{pageWithContent.displayName="pageWithContent",pageWithContent.__docgenInfo={description:"",displayName:"pageWithContent",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/test/utils.tsx#pageWithContent"]={docgenInfo:pageWithContent.__docgenInfo,name:"pageWithContent",path:"src/test/utils.tsx#pageWithContent"})}catch(__react_docgen_typescript_loader_error){}try{pageWithContentAndExactSize.displayName="pageWithContentAndExactSize",pageWithContentAndExactSize.__docgenInfo={description:"",displayName:"pageWithContentAndExactSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/test/utils.tsx#pageWithContentAndExactSize"]={docgenInfo:pageWithContentAndExactSize.__docgenInfo,name:"pageWithContentAndExactSize",path:"src/test/utils.tsx#pageWithContentAndExactSize"})}catch(__react_docgen_typescript_loader_error){}},"./src/utilities/page/page.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function pageOf(content,page){var size=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10,actualPage=page-1,slice=content.slice(size*actualPage,size*actualPage+size),totalPages=Math.max(1,Math.ceil(content.length/size));return{content:slice,last:page===totalPages,totalElements:content.length,totalPages,size:slice.length,number:page,first:1===page,numberOfElements:slice.length}}__webpack_require__.d(__webpack_exports__,{u:()=>pageOf})},"./src/utilities/translation/translation.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{t:()=>t});var _translator__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/utilities/translation/translator.ts"),_excluded=["overrideText"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function t(_ref){var overrideText=_ref.overrideText,translation=_objectWithoutProperties(_ref,_excluded);return overrideText||(0,_translator__WEBPACK_IMPORTED_MODULE_0__.T)()(translation)}},"./src/utilities/translation/translator.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>getTranslator});var translator=function translator(translation){return translation.fallback};function getTranslator(){return translator}},"./storybook-init-framework-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},"./storybook/preview.js-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject);var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),lib=(__webpack_require__("./src/main.scss"),__webpack_require__("./node_modules/@42.nl/jarb-final-form/lib/index.js"));__webpack_require__("./storybook/show-code-fix.scss");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(0,lib.H4)({Person:{firstName:{javaType:"java.lang.String",types:["text"],required:!0,minimumLength:null,maximumLength:50,fractionLength:null,radix:null,pattern:null,min:null,max:null,name:"firstName"},lastName:{javaType:"java.lang.String",types:["text"],required:!0,minimumLength:null,maximumLength:50,fractionLength:null,radix:null,pattern:null,min:null,max:null,name:"lastName"},age:{javaType:"java.lang.Integer",types:["number"],required:!0,minimumLength:null,maximumLength:null,fractionLength:0,radix:null,pattern:null,min:16,max:99,name:"age"},eyeColor:{javaType:"java.lang.String",types:["text"],required:!0,minimumLength:null,maximumLength:50,fractionLength:null,radix:null,pattern:null,min:null,max:null,name:"eyeColor"},height:{javaType:"java.lang.Integer",types:["number"],required:!0,minimumLength:null,maximumLength:null,fractionLength:0,radix:null,pattern:null,min:0,max:220,name:"height"},weight:{javaType:"java.lang.Long",types:["number"],required:!0,minimumLength:null,maximumLength:null,fractionLength:2,radix:null,pattern:null,min:0,max:220,name:"weight"},jobTitle:{javaType:"java.lang.String",types:["text"],required:!0,minimumLength:null,maximumLength:29,fractionLength:6,radix:10,pattern:null,min:null,max:null,name:"jobTitle"},favoriteFood:{javaType:"java.lang.String",types:["text"],required:!0,minimumLength:null,maximumLength:50,fractionLength:null,radix:null,pattern:null,min:null,max:null,name:"favoriteFood"},favoriteMovie:{javaType:"java.lang.String",types:["text"],required:!0,minimumLength:null,maximumLength:50,fractionLength:null,radix:null,pattern:null,min:null,max:null,name:"favoriteMovie"},birthDate:{javaType:"java.time.Instant",types:["date"],required:!0,minimumLength:null,maximumLength:50,fractionLength:null,radix:null,pattern:null,min:null,max:null,name:"birthDate"},sex:{javaType:"java.lang.String",types:[],required:!0,minimumLength:null,maximumLength:50,fractionLength:null,radix:null,pattern:null,min:null,max:null,name:"sex"}}}),Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return(0,ClientApi.uc)(value);case"argTypes":return(0,ClientApi.v9)(value);case"decorators":return value.forEach((function(decorator){return(0,ClientApi.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,ClientApi.HZ)(loader,!1)}));case"parameters":return(0,ClientApi.h1)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return(0,ClientApi.My)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return(0,ClientApi._C)(enhancer)}));case"render":return(0,ClientApi.$P)(value);case"globals":case"globalTypes":var v={};return v[key]=value,(0,ClientApi.h1)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/main.scss":(module,exports,__webpack_require__)=>{var ___CSS_LOADER_API_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_AT_RULE_IMPORT_0___=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/react-bootstrap-typeahead/css/Typeahead.css"),___CSS_LOADER_AT_RULE_IMPORT_1___=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/react-quill/dist/quill.snow.css"),___CSS_LOADER_AT_RULE_IMPORT_2___=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/overlayscrollbars/css/OverlayScrollbars.css"),___CSS_LOADER_AT_RULE_IMPORT_3___=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/tippy.js/dist/tippy.css");(exports=___CSS_LOADER_API_IMPORT___(!1)).i(___CSS_LOADER_AT_RULE_IMPORT_0___),exports.i(___CSS_LOADER_AT_RULE_IMPORT_1___),exports.i(___CSS_LOADER_AT_RULE_IMPORT_2___),exports.i(___CSS_LOADER_AT_RULE_IMPORT_3___),exports.push([module.id,"/*!\n * Bootstrap v5.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */:root{--bs-blue: #2cabe3;--bs-indigo: #6610f2;--bs-purple: #613d7c;--bs-pink: #ff5b77;--bs-red: #d9534f;--bs-orange: #f0ad4e;--bs-yellow: #ffd500;--bs-green: #5fdc9f;--bs-teal: #5bc0de;--bs-cyan: #17a2b8;--bs-white: #fff;--bs-gray: #868e96;--bs-gray-dark: #343a40;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #868e96;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #2cabe3;--bs-secondary: #868e96;--bs-success: #5fdc9f;--bs-info: #17a2b8;--bs-warning: #ffd500;--bs-danger: #d9534f;--bs-light: #e9ecef;--bs-dark: #343a40;--bs-primary-rgb: 44, 171, 227;--bs-secondary-rgb: 134, 142, 150;--bs-success-rgb: 95, 220, 159;--bs-info-rgb: 23, 162, 184;--bs-warning-rgb: 255, 213, 0;--bs-danger-rgb: 217, 83, 79;--bs-light-rgb: 233, 236, 239;--bs-dark-rgb: 52, 58, 64;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-body-color-rgb: 33, 37, 41;--bs-body-bg-rgb: 244, 246, 248;--bs-font-sans-serif: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size: 1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #212529;--bs-body-bg: #f4f6f8}*,*::before,*::after{box-sizing:border-box}@media(prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1,.h1{font-size:calc(1.375rem + 1.5vw)}@media(min-width: 1200px){h1,.h1{font-size:2.5rem}}h2,.h2{font-size:calc(1.325rem + 0.9vw)}@media(min-width: 1200px){h2,.h2{font-size:2rem}}h3,.h3{font-size:calc(1.3rem + 0.6vw)}@media(min-width: 1200px){h3,.h3{font-size:1.75rem}}h4,.h4{font-size:calc(1.275rem + 0.3vw)}@media(min-width: 1200px){h4,.h4{font-size:1.5rem}}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-bs-original-title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small,.small{font-size:0.875em}mark,.mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:#2cabe3;text-decoration:underline}a:hover{color:#2389b6}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr /* rtl:ignore */;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:0.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:0.875em;color:#ff5b77;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:0.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#868e96;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + 0.3vw);line-height:inherit}@media(min-width: 1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none !important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media(min-width: 1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media(min-width: 1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media(min-width: 1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media(min-width: 1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media(min-width: 1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media(min-width: 1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:0.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:0.875em;color:#868e96}.blockquote-footer::before{content:\"— \"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#f4f6f8;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:0.875em;color:#868e96}.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{width:100%;padding-right:var(--bs-gutter-x, 0.75rem);padding-left:var(--bs-gutter-x, 0.75rem);margin-right:auto;margin-left:auto}@media(min-width: 576px){.container-sm,.container{max-width:540px}}@media(min-width: 768px){.container-md,.container-sm,.container{max-width:720px}}@media(min-width: 992px){.container-lg,.container-md,.container-sm,.container{max-width:960px}}@media(min-width: 1200px){.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1140px}}@media(min-width: 1400px){.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1320px}}.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-0.5*var(--bs-gutter-x));margin-left:calc(-0.5*var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x: 0}.g-0,.gy-0{--bs-gutter-y: 0}.g-1,.gx-1{--bs-gutter-x: 0.25rem}.g-1,.gy-1{--bs-gutter-y: 0.25rem}.g-2,.gx-2{--bs-gutter-x: 0.5rem}.g-2,.gy-2{--bs-gutter-y: 0.5rem}.g-3,.gx-3{--bs-gutter-x: 1rem}.g-3,.gy-3{--bs-gutter-y: 1rem}.g-4,.gx-4{--bs-gutter-x: 1.5rem}.g-4,.gy-4{--bs-gutter-y: 1.5rem}.g-5,.gx-5{--bs-gutter-x: 3rem}.g-5,.gy-5{--bs-gutter-y: 3rem}@media(min-width: 576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x: 0}.g-sm-0,.gy-sm-0{--bs-gutter-y: 0}.g-sm-1,.gx-sm-1{--bs-gutter-x: 0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y: 0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x: 0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y: 0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x: 1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y: 1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x: 1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y: 1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x: 3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y: 3rem}}@media(min-width: 768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x: 0}.g-md-0,.gy-md-0{--bs-gutter-y: 0}.g-md-1,.gx-md-1{--bs-gutter-x: 0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y: 0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x: 0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y: 0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x: 1rem}.g-md-3,.gy-md-3{--bs-gutter-y: 1rem}.g-md-4,.gx-md-4{--bs-gutter-x: 1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y: 1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x: 3rem}.g-md-5,.gy-md-5{--bs-gutter-y: 3rem}}@media(min-width: 992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x: 0}.g-lg-0,.gy-lg-0{--bs-gutter-y: 0}.g-lg-1,.gx-lg-1{--bs-gutter-x: 0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y: 0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x: 0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y: 0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x: 1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y: 1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x: 1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y: 1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x: 3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y: 3rem}}@media(min-width: 1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x: 0}.g-xl-0,.gy-xl-0{--bs-gutter-y: 0}.g-xl-1,.gx-xl-1{--bs-gutter-x: 0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y: 0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x: 0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y: 0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x: 1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y: 1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x: 1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y: 1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x: 3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y: 3rem}}@media(min-width: 1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x: 0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y: 0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x: 0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y: 0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x: 0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y: 0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x: 1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y: 1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x: 1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y: 1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x: 3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y: 3rem}}.table,.rdt .rdtPicker table{--bs-table-bg: transparent;--bs-table-accent-bg: transparent;--bs-table-striped-color: #212529;--bs-table-striped-bg: rgba(0, 0, 0, 0.05);--bs-table-active-color: #212529;--bs-table-active-bg: rgba(0, 0, 0, 0.1);--bs-table-hover-color: #212529;--bs-table-hover-bg: rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*,.rdt .rdtPicker table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody,.rdt .rdtPicker table>tbody{vertical-align:inherit}.table>thead,.rdt .rdtPicker table>thead{vertical-align:bottom}.table>:not(:first-child),.rdt .rdtPicker table>:not(:first-child){border-top:2px solid currentColor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg: var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg: var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover>*{--bs-table-accent-bg: var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-bg: #d5eef9;--bs-table-striped-bg: #cae2ed;--bs-table-striped-color: #000;--bs-table-active-bg: #c0d6e0;--bs-table-active-color: #000;--bs-table-hover-bg: #c5dce6;--bs-table-hover-color: #000;color:#000;border-color:#c0d6e0}.table-secondary{--bs-table-bg: #e7e8ea;--bs-table-striped-bg: #dbdcde;--bs-table-striped-color: #000;--bs-table-active-bg: #d0d1d3;--bs-table-active-color: #000;--bs-table-hover-bg: #d6d7d8;--bs-table-hover-color: #000;color:#000;border-color:#d0d1d3}.table-success{--bs-table-bg: #dff8ec;--bs-table-striped-bg: #d4ece0;--bs-table-striped-color: #000;--bs-table-active-bg: #c9dfd4;--bs-table-active-color: #000;--bs-table-hover-bg: #cee5da;--bs-table-hover-color: #000;color:#000;border-color:#c9dfd4}.table-info{--bs-table-bg: #d1ecf1;--bs-table-striped-bg: #c7e0e5;--bs-table-striped-color: #000;--bs-table-active-bg: #bcd4d9;--bs-table-active-color: #000;--bs-table-hover-bg: #c1dadf;--bs-table-hover-color: #000;color:#000;border-color:#bcd4d9}.table-warning{--bs-table-bg: #fff7cc;--bs-table-striped-bg: #f2ebc2;--bs-table-striped-color: #000;--bs-table-active-bg: #e6deb8;--bs-table-active-color: #000;--bs-table-hover-bg: #ece4bd;--bs-table-hover-color: #000;color:#000;border-color:#e6deb8}.table-danger{--bs-table-bg: #f7dddc;--bs-table-striped-bg: #ebd2d1;--bs-table-striped-color: #000;--bs-table-active-bg: #dec7c6;--bs-table-active-color: #000;--bs-table-hover-bg: #e4cccc;--bs-table-hover-color: #000;color:#000;border-color:#dec7c6}.table-light{--bs-table-bg: #f8f9fa;--bs-table-striped-bg: #ecedee;--bs-table-striped-color: #000;--bs-table-active-bg: #dfe0e1;--bs-table-active-color: #000;--bs-table-hover-bg: #e5e6e7;--bs-table-hover-color: #000;color:#000;border-color:#dfe0e1}.table-dark{--bs-table-bg: #212529;--bs-table-striped-bg: #2c3034;--bs-table-striped-color: #fff;--bs-table-active-bg: #373b3e;--bs-table-active-color: #fff;--bs-table-hover-bg: #323539;--bs-table-hover-color: #fff;color:#fff;border-color:#373b3e}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width: 575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width: 767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width: 991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width: 1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width: 1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(0.375rem + 1px);padding-bottom:calc(0.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(0.5rem + 1px);padding-bottom:calc(0.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(0.25rem + 1px);padding-bottom:calc(0.25rem + 1px);font-size:0.875rem}.form-text{margin-top:.25rem;font-size:0.875em;color:#868e96}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;background-color:#fff;border-color:#96d5f1;outline:0;box-shadow:0 0 0 .25rem rgba(44,171,227,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::placeholder{color:#adb5bd;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-0.375rem -0.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-0.375rem -0.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-control::-webkit-file-upload-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;background-color:rgba(0,0,0,0);border:solid rgba(0,0,0,0);border-width:1px 0}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + 0.5rem + 2px);padding:.25rem .5rem;font-size:0.875rem;border-radius:.2rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-0.25rem -0.5rem;margin-inline-end:.5rem}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-0.25rem -0.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-0.5rem -1rem;margin-inline-end:1rem}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-0.5rem -1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + 0.75rem + 2px)}textarea.form-control-sm{min-height:calc(1.5em + 0.5rem + 2px)}textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}.form-control-color{width:3rem;height:auto;padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{height:1.5em;border-radius:.25rem}.form-control-color::-webkit-color-swatch{height:1.5em;border-radius:.25rem}.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion: reduce){.form-select{transition:none}}.form-select:focus{border-color:#96d5f1;outline:0;box-shadow:0 0 0 .25rem rgba(44,171,227,.25)}.form-select[multiple],.form-select[size]:not([size=\"1\"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:0.875rem;border-radius:.2rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:.3rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);appearance:none;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#96d5f1;outline:0;box-shadow:0 0 0 .25rem rgba(44,171,227,.25)}.form-check-input:checked{background-color:#2cabe3;border-color:#2cabe3}.form-check-input:checked[type=checkbox]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e\")}.form-check-input:checked[type=radio]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e\")}.form-check-input[type=checkbox]:indeterminate{background-color:#2cabe3;border-color:#2cabe3;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e\");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2396d5f1'/%3e%3c/svg%3e\")}.form-switch .form-check-input:checked{background-position:right center;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\")}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.btn-check[disabled]+.btn,.btn-check:disabled+.btn{pointer-events:none;filter:none;opacity:.65}.form-range{width:100%;height:1.5rem;padding:0;background-color:rgba(0,0,0,0);appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #f4f6f8,0 0 0 .25rem rgba(44,171,227,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f4f6f8,0 0 0 .25rem rgba(44,171,227,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-0.25rem;background-color:#2cabe3;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion: reduce){.form-range::-webkit-slider-thumb{transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#c0e6f7}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:#dee2e6;border-color:rgba(0,0,0,0);border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#2cabe3;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion: reduce){.form-range::-moz-range-thumb{transition:none}}.form-range::-moz-range-thumb:active{background-color:#c0e6f7}.form-range::-moz-range-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:#dee2e6;border-color:rgba(0,0,0,0);border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid rgba(0,0,0,0);transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media(prefers-reduced-motion: reduce){.form-floating>label{transition:none}}.form-floating>.form-control{padding:1rem .75rem}.form-floating>.form-control::placeholder{color:rgba(0,0,0,0)}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn{padding:.25rem .5rem;font-size:0.875rem;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:0.875em;color:#5fdc9f}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:0.875rem;color:#000;background-color:rgba(95,220,159,.9);border-radius:.25rem}.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip{display:block}.was-validated .form-control:valid,.form-control.is-valid{border-color:#5fdc9f;padding-right:calc(1.5em + 0.75rem);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235fdc9f' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:#5fdc9f;box-shadow:0 0 0 .25rem rgba(95,220,159,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .form-select:valid,.form-select.is-valid{border-color:#5fdc9f}.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size=\"1\"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size=\"1\"]{padding-right:4.125rem;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\"),url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235fdc9f' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-select:valid:focus,.form-select.is-valid:focus{border-color:#5fdc9f;box-shadow:0 0 0 .25rem rgba(95,220,159,.25)}.was-validated .form-check-input:valid,.form-check-input.is-valid{border-color:#5fdc9f}.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked{background-color:#5fdc9f}.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus{box-shadow:0 0 0 .25rem rgba(95,220,159,.25)}.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{color:#5fdc9f}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.was-validated .input-group .form-control:valid,.input-group .form-control.is-valid,.was-validated .input-group .form-select:valid,.input-group .form-select.is-valid{z-index:1}.was-validated .input-group .form-control:valid:focus,.input-group .form-control.is-valid:focus,.was-validated .input-group .form-select:valid:focus,.input-group .form-select.is-valid:focus{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:0.875em;color:#d9534f}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:0.875rem;color:#000;background-color:rgba(217,83,79,.9);border-radius:.25rem}.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{display:block}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:#d9534f;padding-right:calc(1.5em + 0.75rem);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d9534f'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d9534f' stroke='none'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#d9534f;box-shadow:0 0 0 .25rem rgba(217,83,79,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .form-select:invalid,.form-select.is-invalid{border-color:#d9534f}.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size=\"1\"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size=\"1\"]{padding-right:4.125rem;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\"),url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d9534f'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d9534f' stroke='none'/%3e%3c/svg%3e\");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus{border-color:#d9534f;box-shadow:0 0 0 .25rem rgba(217,83,79,.25)}.was-validated .form-check-input:invalid,.form-check-input.is-invalid{border-color:#d9534f}.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked{background-color:#d9534f}.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus{box-shadow:0 0 0 .25rem rgba(217,83,79,.25)}.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{color:#d9534f}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.was-validated .input-group .form-control:invalid,.input-group .form-control.is-invalid,.was-validated .input-group .form-select:invalid,.input-group .form-select.is-invalid{z-index:2}.was-validated .input-group .form-control:invalid:focus,.input-group .form-control.is-invalid:focus,.was-validated .input-group .form-select:invalid:focus,.input-group .form-select.is-invalid:focus{z-index:3}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.btn{transition:none}}.btn:hover{color:#212529}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(44,171,227,.25)}.btn:disabled,.btn.disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-primary{color:#000;background-color:#2cabe3;border-color:#2cabe3}.btn-primary:hover{color:#000;background-color:#4cb8e7;border-color:#41b3e6}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#000;background-color:#4cb8e7;border-color:#41b3e6;box-shadow:0 0 0 .25rem rgba(37,145,193,.5)}.btn-check:checked+.btn-primary,.btn-check:active+.btn-primary,.btn-primary:active,.btn-primary.active,.show>.btn-primary.dropdown-toggle{color:#000;background-color:#56bce9;border-color:#41b3e6}.btn-check:checked+.btn-primary:focus,.btn-check:active+.btn-primary:focus,.btn-primary:active:focus,.btn-primary.active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(37,145,193,.5)}.btn-primary:disabled,.btn-primary.disabled{color:#000;background-color:#2cabe3;border-color:#2cabe3}.btn-secondary{color:#000;background-color:#868e96;border-color:#868e96}.btn-secondary:hover{color:#000;background-color:#989fa6;border-color:#9299a1}.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#000;background-color:#989fa6;border-color:#9299a1;box-shadow:0 0 0 .25rem rgba(114,121,128,.5)}.btn-check:checked+.btn-secondary,.btn-check:active+.btn-secondary,.btn-secondary:active,.btn-secondary.active,.show>.btn-secondary.dropdown-toggle{color:#000;background-color:#9ea5ab;border-color:#9299a1}.btn-check:checked+.btn-secondary:focus,.btn-check:active+.btn-secondary:focus,.btn-secondary:active:focus,.btn-secondary.active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(114,121,128,.5)}.btn-secondary:disabled,.btn-secondary.disabled{color:#000;background-color:#868e96;border-color:#868e96}.btn-success{color:#000;background-color:#5fdc9f;border-color:#5fdc9f}.btn-success:hover{color:#000;background-color:#77e1ad;border-color:#6fe0a9}.btn-check:focus+.btn-success,.btn-success:focus{color:#000;background-color:#77e1ad;border-color:#6fe0a9;box-shadow:0 0 0 .25rem rgba(81,187,135,.5)}.btn-check:checked+.btn-success,.btn-check:active+.btn-success,.btn-success:active,.btn-success.active,.show>.btn-success.dropdown-toggle{color:#000;background-color:#7fe3b2;border-color:#6fe0a9}.btn-check:checked+.btn-success:focus,.btn-check:active+.btn-success:focus,.btn-success:active:focus,.btn-success.active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(81,187,135,.5)}.btn-success:disabled,.btn-success.disabled{color:#000;background-color:#5fdc9f;border-color:#5fdc9f}.btn-info{color:#000;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#000;background-color:#3ab0c3;border-color:#2eabbf}.btn-check:focus+.btn-info,.btn-info:focus{color:#000;background-color:#3ab0c3;border-color:#2eabbf;box-shadow:0 0 0 .25rem rgba(20,138,156,.5)}.btn-check:checked+.btn-info,.btn-check:active+.btn-info,.btn-info:active,.btn-info.active,.show>.btn-info.dropdown-toggle{color:#000;background-color:#45b5c6;border-color:#2eabbf}.btn-check:checked+.btn-info:focus,.btn-check:active+.btn-info:focus,.btn-info:active:focus,.btn-info.active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(20,138,156,.5)}.btn-info:disabled,.btn-info.disabled{color:#000;background-color:#17a2b8;border-color:#17a2b8}.btn-warning{color:#000;background-color:#ffd500;border-color:#ffd500}.btn-warning:hover{color:#000;background-color:#ffdb26;border-color:#ffd91a}.btn-check:focus+.btn-warning,.btn-warning:focus{color:#000;background-color:#ffdb26;border-color:#ffd91a;box-shadow:0 0 0 .25rem rgba(217,181,0,.5)}.btn-check:checked+.btn-warning,.btn-check:active+.btn-warning,.btn-warning:active,.btn-warning.active,.show>.btn-warning.dropdown-toggle{color:#000;background-color:#fd3;border-color:#ffd91a}.btn-check:checked+.btn-warning:focus,.btn-check:active+.btn-warning:focus,.btn-warning:active:focus,.btn-warning.active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,181,0,.5)}.btn-warning:disabled,.btn-warning.disabled{color:#000;background-color:#ffd500;border-color:#ffd500}.btn-danger{color:#000;background-color:#d9534f;border-color:#d9534f}.btn-danger:hover{color:#000;background-color:#df6d69;border-color:#dd6461}.btn-check:focus+.btn-danger,.btn-danger:focus{color:#000;background-color:#df6d69;border-color:#dd6461;box-shadow:0 0 0 .25rem rgba(184,71,67,.5)}.btn-check:checked+.btn-danger,.btn-check:active+.btn-danger,.btn-danger:active,.btn-danger.active,.show>.btn-danger.dropdown-toggle{color:#000;background-color:#e17572;border-color:#dd6461}.btn-check:checked+.btn-danger:focus,.btn-check:active+.btn-danger:focus,.btn-danger:active:focus,.btn-danger.active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(184,71,67,.5)}.btn-danger:disabled,.btn-danger.disabled{color:#000;background-color:#d9534f;border-color:#d9534f}.btn-light{color:#000;background-color:#e9ecef;border-color:#e9ecef}.btn-light:hover{color:#000;background-color:#eceff1;border-color:#ebeef1}.btn-check:focus+.btn-light,.btn-light:focus{color:#000;background-color:#eceff1;border-color:#ebeef1;box-shadow:0 0 0 .25rem rgba(198,201,203,.5)}.btn-check:checked+.btn-light,.btn-check:active+.btn-light,.btn-light:active,.btn-light.active,.show>.btn-light.dropdown-toggle{color:#000;background-color:#edf0f2;border-color:#ebeef1}.btn-check:checked+.btn-light:focus,.btn-check:active+.btn-light:focus,.btn-light:active:focus,.btn-light.active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(198,201,203,.5)}.btn-light:disabled,.btn-light.disabled{color:#000;background-color:#e9ecef;border-color:#e9ecef}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#2c3136;border-color:#2a2e33}.btn-check:focus+.btn-dark,.btn-dark:focus{color:#fff;background-color:#2c3136;border-color:#2a2e33;box-shadow:0 0 0 .25rem rgba(82,88,93,.5)}.btn-check:checked+.btn-dark,.btn-check:active+.btn-dark,.btn-dark:active,.btn-dark.active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#2a2e33;border-color:#272c30}.btn-check:checked+.btn-dark:focus,.btn-check:active+.btn-dark:focus,.btn-dark:active:focus,.btn-dark.active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(82,88,93,.5)}.btn-dark:disabled,.btn-dark.disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-primary{color:#2cabe3;border-color:#2cabe3}.btn-outline-primary:hover{color:#000;background-color:#2cabe3;border-color:#2cabe3}.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(44,171,227,.5)}.btn-check:checked+.btn-outline-primary,.btn-check:active+.btn-outline-primary,.btn-outline-primary:active,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show{color:#000;background-color:#2cabe3;border-color:#2cabe3}.btn-check:checked+.btn-outline-primary:focus,.btn-check:active+.btn-outline-primary:focus,.btn-outline-primary:active:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(44,171,227,.5)}.btn-outline-primary:disabled,.btn-outline-primary.disabled{color:#2cabe3;background-color:rgba(0,0,0,0)}.btn-outline-secondary{color:#868e96;border-color:#868e96}.btn-outline-secondary:hover{color:#000;background-color:#868e96;border-color:#868e96}.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{box-shadow:0 0 0 .25rem rgba(134,142,150,.5)}.btn-check:checked+.btn-outline-secondary,.btn-check:active+.btn-outline-secondary,.btn-outline-secondary:active,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show{color:#000;background-color:#868e96;border-color:#868e96}.btn-check:checked+.btn-outline-secondary:focus,.btn-check:active+.btn-outline-secondary:focus,.btn-outline-secondary:active:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(134,142,150,.5)}.btn-outline-secondary:disabled,.btn-outline-secondary.disabled{color:#868e96;background-color:rgba(0,0,0,0)}.btn-outline-success{color:#5fdc9f;border-color:#5fdc9f}.btn-outline-success:hover{color:#000;background-color:#5fdc9f;border-color:#5fdc9f}.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(95,220,159,.5)}.btn-check:checked+.btn-outline-success,.btn-check:active+.btn-outline-success,.btn-outline-success:active,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show{color:#000;background-color:#5fdc9f;border-color:#5fdc9f}.btn-check:checked+.btn-outline-success:focus,.btn-check:active+.btn-outline-success:focus,.btn-outline-success:active:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(95,220,159,.5)}.btn-outline-success:disabled,.btn-outline-success.disabled{color:#5fdc9f;background-color:rgba(0,0,0,0)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#000;background-color:#17a2b8;border-color:#17a2b8}.btn-check:focus+.btn-outline-info,.btn-outline-info:focus{box-shadow:0 0 0 .25rem rgba(23,162,184,.5)}.btn-check:checked+.btn-outline-info,.btn-check:active+.btn-outline-info,.btn-outline-info:active,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show{color:#000;background-color:#17a2b8;border-color:#17a2b8}.btn-check:checked+.btn-outline-info:focus,.btn-check:active+.btn-outline-info:focus,.btn-outline-info:active:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(23,162,184,.5)}.btn-outline-info:disabled,.btn-outline-info.disabled{color:#17a2b8;background-color:rgba(0,0,0,0)}.btn-outline-warning{color:#ffd500;border-color:#ffd500}.btn-outline-warning:hover{color:#000;background-color:#ffd500;border-color:#ffd500}.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{box-shadow:0 0 0 .25rem rgba(255,213,0,.5)}.btn-check:checked+.btn-outline-warning,.btn-check:active+.btn-outline-warning,.btn-outline-warning:active,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show{color:#000;background-color:#ffd500;border-color:#ffd500}.btn-check:checked+.btn-outline-warning:focus,.btn-check:active+.btn-outline-warning:focus,.btn-outline-warning:active:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(255,213,0,.5)}.btn-outline-warning:disabled,.btn-outline-warning.disabled{color:#ffd500;background-color:rgba(0,0,0,0)}.btn-outline-danger{color:#d9534f;border-color:#d9534f}.btn-outline-danger:hover{color:#000;background-color:#d9534f;border-color:#d9534f}.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{box-shadow:0 0 0 .25rem rgba(217,83,79,.5)}.btn-check:checked+.btn-outline-danger,.btn-check:active+.btn-outline-danger,.btn-outline-danger:active,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show{color:#000;background-color:#d9534f;border-color:#d9534f}.btn-check:checked+.btn-outline-danger:focus,.btn-check:active+.btn-outline-danger:focus,.btn-outline-danger:active:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(217,83,79,.5)}.btn-outline-danger:disabled,.btn-outline-danger.disabled{color:#d9534f;background-color:rgba(0,0,0,0)}.btn-outline-light{color:#e9ecef;border-color:#e9ecef}.btn-outline-light:hover{color:#000;background-color:#e9ecef;border-color:#e9ecef}.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{box-shadow:0 0 0 .25rem rgba(233,236,239,.5)}.btn-check:checked+.btn-outline-light,.btn-check:active+.btn-outline-light,.btn-outline-light:active,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show{color:#000;background-color:#e9ecef;border-color:#e9ecef}.btn-check:checked+.btn-outline-light:focus,.btn-check:active+.btn-outline-light:focus,.btn-outline-light:active:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(233,236,239,.5)}.btn-outline-light:disabled,.btn-outline-light.disabled{color:#e9ecef;background-color:rgba(0,0,0,0)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(52,58,64,.5)}.btn-check:checked+.btn-outline-dark,.btn-check:active+.btn-outline-dark,.btn-outline-dark:active,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show{color:#fff;background-color:#343a40;border-color:#343a40}.btn-check:checked+.btn-outline-dark:focus,.btn-check:active+.btn-outline-dark:focus,.btn-outline-dark:active:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(52,58,64,.5)}.btn-outline-dark:disabled,.btn-outline-dark.disabled{color:#343a40;background-color:rgba(0,0,0,0)}.btn-link{font-weight:400;color:#2cabe3;text-decoration:underline}.btn-link:hover{color:#2389b6}.btn-link:disabled,.btn-link.disabled{color:#868e96}.btn-lg,.btn-group-lg>.btn{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.btn-sm,.btn-group-sm>.btn{padding:.25rem .5rem;font-size:0.875rem;border-radius:.2rem}.fade{transition:opacity .15s linear}@media(prefers-reduced-motion: reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media(prefers-reduced-motion: reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media(prefers-reduced-motion: reduce){.collapsing.collapse-horizontal{transition:none}}.dropup,.dropend,.dropdown,.dropstart{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid;border-right:.3em solid rgba(0,0,0,0);border-bottom:0;border-left:.3em solid rgba(0,0,0,0)}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu,.rdt .rdtPicker{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu[data-bs-popper],.rdt [data-bs-popper].rdtPicker{top:100%;left:0;margin-top:.125rem}.dropdown-menu-start{--bs-position: start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position: end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media(min-width: 576px){.dropdown-menu-sm-start{--bs-position: start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position: end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 768px){.dropdown-menu-md-start{--bs-position: start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position: end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 992px){.dropdown-menu-lg-start{--bs-position: start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position: end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 1200px){.dropdown-menu-xl-start{--bs-position: start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position: end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 1400px){.dropdown-menu-xxl-start{--bs-position: start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position: end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper],.dropup .rdt [data-bs-popper].rdtPicker,.rdt .dropup [data-bs-popper].rdtPicker{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:0;border-right:.3em solid rgba(0,0,0,0);border-bottom:.3em solid;border-left:.3em solid rgba(0,0,0,0)}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper],.dropend .rdt [data-bs-popper].rdtPicker,.rdt .dropend [data-bs-popper].rdtPicker{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid rgba(0,0,0,0);border-right:0;border-bottom:.3em solid rgba(0,0,0,0);border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper],.dropstart .rdt [data-bs-popper].rdtPicker,.rdt .dropstart [data-bs-popper].rdtPicker{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\"}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid rgba(0,0,0,0);border-right:.3em solid;border-bottom:.3em solid rgba(0,0,0,0)}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid rgba(0,0,0,.15)}.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:rgba(0,0,0,0);border:0}.dropdown-item:hover,.dropdown-item:focus{color:#1e2125;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#2cabe3}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:rgba(0,0,0,0)}.dropdown-menu.show,.rdt .show.rdtPicker{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:0.875rem;color:#868e96;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#212529}.dropdown-menu-dark{color:#dee2e6;background-color:#343a40;border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item{color:#dee2e6}.dropdown-menu-dark .dropdown-item:hover,.dropdown-menu-dark .dropdown-item:focus{color:#fff;background-color:rgba(255,255,255,.15)}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{color:#fff;background-color:#2cabe3}.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#adb5bd}.dropdown-menu-dark .dropdown-divider{border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item-text{color:#dee2e6}.dropdown-menu-dark .dropdown-header{color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;flex:1 1 auto}.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn:hover,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child){margin-left:-1px}.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn,.btn-group>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn~.btn,.btn-group-vertical>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;color:#2cabe3;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media(prefers-reduced-motion: reduce){.nav-link{transition:none}}.nav-link:hover,.nav-link:focus{color:#2389b6}.nav-link.disabled{color:#868e96;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background:none;border:1px solid rgba(0,0,0,0);border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{border-color:#e9ecef #e9ecef #dee2e6;isolation:isolate}.nav-tabs .nav-link.disabled{color:#868e96;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:#495057;background-color:#f4f6f8;border-color:#dee2e6 #dee2e6 #f4f6f8}.nav-tabs .dropdown-menu,.nav-tabs .rdt .rdtPicker,.rdt .nav-tabs .rdtPicker{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{background:none;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#2cabe3}.nav-fill>.nav-link,.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified>.nav-link,.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu,.navbar-nav .rdt .rdtPicker,.rdt .navbar-nav .rdtPicker{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:.25rem;transition:box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height, 75vh);overflow-y:auto}@media(min-width: 576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu,.navbar-expand-sm .navbar-nav .rdt .rdtPicker,.rdt .navbar-expand-sm .navbar-nav .rdtPicker{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas-header{display:none}.navbar-expand-sm .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible !important;background-color:rgba(0,0,0,0);border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-sm .offcanvas-top,.navbar-expand-sm .offcanvas-bottom{height:auto;border-top:0;border-bottom:0}.navbar-expand-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width: 768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu,.navbar-expand-md .navbar-nav .rdt .rdtPicker,.rdt .navbar-expand-md .navbar-nav .rdtPicker{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas-header{display:none}.navbar-expand-md .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible !important;background-color:rgba(0,0,0,0);border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-md .offcanvas-top,.navbar-expand-md .offcanvas-bottom{height:auto;border-top:0;border-bottom:0}.navbar-expand-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width: 992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu,.navbar-expand-lg .navbar-nav .rdt .rdtPicker,.rdt .navbar-expand-lg .navbar-nav .rdtPicker{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas-header{display:none}.navbar-expand-lg .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible !important;background-color:rgba(0,0,0,0);border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-lg .offcanvas-top,.navbar-expand-lg .offcanvas-bottom{height:auto;border-top:0;border-bottom:0}.navbar-expand-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width: 1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu,.navbar-expand-xl .navbar-nav .rdt .rdtPicker,.rdt .navbar-expand-xl .navbar-nav .rdtPicker{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas-header{display:none}.navbar-expand-xl .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible !important;background-color:rgba(0,0,0,0);border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-xl .offcanvas-top,.navbar-expand-xl .offcanvas-bottom{height:auto;border-top:0;border-bottom:0}.navbar-expand-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width: 1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu,.navbar-expand-xxl .navbar-nav .rdt .rdtPicker,.rdt .navbar-expand-xxl .navbar-nav .rdtPicker{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible !important;background-color:rgba(0,0,0,0);border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-xxl .offcanvas-top,.navbar-expand-xxl .offcanvas-bottom{height:auto;border-top:0;border-bottom:0}.navbar-expand-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu,.navbar-expand .navbar-nav .rdt .rdtPicker,.rdt .navbar-expand .navbar-nav .rdtPicker{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas-header{display:none}.navbar-expand .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible !important;background-color:rgba(0,0,0,0);border-right:0;border-left:0;transition:none;transform:none}.navbar-expand .offcanvas-top,.navbar-expand .offcanvas-bottom{height:auto;border-top:0;border-bottom:0}.navbar-expand .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .nav-link.active{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.55);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}.navbar-light .navbar-text{color:rgba(0,0,0,.55)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:hover,.navbar-light .navbar-text a:focus{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.55)}.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-nav .nav-link.active{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}.navbar-dark .navbar-text{color:rgba(255,255,255,.55)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:hover,.navbar-dark .navbar-text a:focus{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(0.25rem - 1px);border-bottom-left-radius:calc(0.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-0.25rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:1rem}.card-header{padding:.5rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0}.card-footer{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)}.card-header-tabs{margin-right:-0.5rem;margin-bottom:-0.5rem;margin-left:-0.5rem;border-bottom:0}.card-header-tabs .nav-link.active{background-color:#fff;border-bottom-color:#fff}.card-header-pills{margin-right:-0.5rem;margin-left:-0.5rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:calc(0.25rem - 1px)}.card-img,.card-img-top,.card-img-bottom{width:100%}.card-img,.card-img-top{border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(0.25rem - 1px);border-bottom-left-radius:calc(0.25rem - 1px)}.card-group>.card{margin-bottom:.75rem}@media(min-width: 576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer{border-bottom-left-radius:0}}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#f4f6f8;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}@media(prefers-reduced-motion: reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:#289acc;background-color:#eaf7fc;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}.accordion-button:not(.collapsed)::after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23289acc'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");transform:rotate(-180deg)}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:\"\";background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}@media(prefers-reduced-motion: reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#96d5f1;outline:0;box-shadow:0 0 0 .25rem rgba(44,171,227,.25)}.accordion-header{margin-bottom:0}.accordion-item{background-color:#f4f6f8;border:1px solid rgba(0,0,0,.125)}.accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(0.25rem - 1px);border-bottom-left-radius:calc(0.25rem - 1px)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-body{padding:1rem 1.25rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}.breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#868e96;content:var(--bs-breadcrumb-divider, \"/\") /* rtl: var(--bs-breadcrumb-divider, \"/\") */}.breadcrumb-item.active{color:#868e96}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#2cabe3;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:#2389b6;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;color:#2389b6;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(44,171,227,.25)}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item.active .page-link{z-index:3;color:#fff;background-color:#2cabe3;border-color:#2cabe3}.page-item.disabled .page-link{color:#868e96;pointer-events:none;background-color:#fff;border-color:#dee2e6}.page-link{padding:.375rem .75rem}.page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:0.875rem}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge,.tag{display:inline-block;padding:.35em .65em;font-size:0.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty,.tag:empty{display:none}.btn .badge,.btn .tag{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid rgba(0,0,0,0);border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{color:#1a6788;background-color:#d5eef9;border-color:#c0e6f7}.alert-primary .alert-link{color:#15526d}.alert-secondary{color:#50555a;background-color:#e7e8ea;border-color:#dbdde0}.alert-secondary .alert-link{color:#404448}.alert-success{color:#265840;background-color:#dff8ec;border-color:#cff5e2}.alert-success .alert-link{color:#1e4633}.alert-info{color:#0e616e;background-color:#d1ecf1;border-color:#b9e3ea}.alert-info .alert-link{color:#0b4e58}.alert-warning{color:#650;background-color:#fff7cc;border-color:#fff2b3}.alert-warning .alert-link{color:#524400}.alert-danger{color:#82322f;background-color:#f7dddc;border-color:#f4cbca}.alert-danger .alert-link{color:#682826}.alert-light{color:#5d5e60;background-color:#fbfbfc;border-color:#f8f9fa}.alert-light .alert-link{color:#4a4b4d}.alert-dark{color:#1f2326;background-color:#d6d8d9;border-color:#c2c4c6}.alert-dark .alert-link{color:#191c1e}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{display:flex;height:1rem;overflow:hidden;font-size:0.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#2cabe3;transition:width .6s ease}@media(prefers-reduced-motion: reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:1rem 1rem}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media(prefers-reduced-motion: reduce){.progress-bar-animated{animation:none}}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>li::before{content:counters(section, \".\") \". \";counter-increment:section}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:hover,.list-group-item-action:focus{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.5rem 1rem;color:#212529;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#868e96;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#2cabe3;border-color:#2cabe3}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media(min-width: 576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media(min-width: 768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media(min-width: 992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media(min-width: 1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media(min-width: 1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#1a6788;background-color:#d5eef9}.list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus{color:#1a6788;background-color:#c0d6e0}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#1a6788;border-color:#1a6788}.list-group-item-secondary{color:#50555a;background-color:#e7e8ea}.list-group-item-secondary.list-group-item-action:hover,.list-group-item-secondary.list-group-item-action:focus{color:#50555a;background-color:#d0d1d3}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#50555a;border-color:#50555a}.list-group-item-success{color:#265840;background-color:#dff8ec}.list-group-item-success.list-group-item-action:hover,.list-group-item-success.list-group-item-action:focus{color:#265840;background-color:#c9dfd4}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#265840;border-color:#265840}.list-group-item-info{color:#0e616e;background-color:#d1ecf1}.list-group-item-info.list-group-item-action:hover,.list-group-item-info.list-group-item-action:focus{color:#0e616e;background-color:#bcd4d9}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0e616e;border-color:#0e616e}.list-group-item-warning{color:#650;background-color:#fff7cc}.list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus{color:#650;background-color:#e6deb8}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#650;border-color:#650}.list-group-item-danger{color:#82322f;background-color:#f7dddc}.list-group-item-danger.list-group-item-action:hover,.list-group-item-danger.list-group-item-action:focus{color:#82322f;background-color:#dec7c6}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#82322f;border-color:#82322f}.list-group-item-light{color:#5d5e60;background-color:#fbfbfc}.list-group-item-light.list-group-item-action:hover,.list-group-item-light.list-group-item-action:focus{color:#5d5e60;background-color:#e2e2e3}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#5d5e60;border-color:#5d5e60}.list-group-item-dark{color:#1f2326;background-color:#d6d8d9}.list-group-item-dark.list-group-item-action:hover,.list-group-item-dark.list-group-item-action:focus{color:#1f2326;background-color:#c1c2c3}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1f2326;border-color:#1f2326}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:rgba(0,0,0,0) url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(44,171,227,.25);opacity:1}.btn-close:disabled,.btn-close.disabled{pointer-events:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{width:350px;max-width:100%;font-size:0.875rem;pointer-events:auto;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border-radius:.25rem}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:.75rem}.toast-header{display:flex;align-items:center;padding:.5rem .75rem;color:#868e96;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.toast-header .btn-close{margin-right:-0.375rem;margin-left:.75rem}.toast-body{padding:.75rem;word-wrap:break-word}.modal{position:fixed;top:0;left:0;z-index:1055;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0, -50px)}@media(prefers-reduced-motion: reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px)}.modal-header .btn-close{padding:.5rem .5rem;margin:-0.5rem -0.5rem -0.5rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(0.3rem - 1px);border-bottom-left-radius:calc(0.3rem - 1px)}.modal-footer>*{margin:.25rem}@media(min-width: 576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media(min-width: 992px){.modal-lg,.modal-xl{max-width:800px}}@media(min-width: 1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media(max-width: 575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media(max-width: 767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media(max-width: 991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media(max-width: 1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media(max-width: 1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.tooltip{position:absolute;z-index:1080;display:block;margin:0;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:\"\";border-color:rgba(0,0,0,0);border-style:solid}.bs-tooltip-top,.bs-tooltip-auto[data-popper-placement^=top]{padding:.4rem 0}.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{bottom:0}.bs-tooltip-top .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-end,.bs-tooltip-auto[data-popper-placement^=right]{padding:0 .4rem}.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-end .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before{right:-1px;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-bottom,.bs-tooltip-auto[data-popper-placement^=bottom]{padding:.4rem 0}.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{top:0}.bs-tooltip-bottom .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before{bottom:-1px;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-start,.bs-tooltip-auto[data-popper-placement^=left]{padding:0 .4rem}.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-start .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before{left:-1px;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0 /* rtl:ignore */;z-index:1070;display:block;max-width:276px;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem}.popover .popover-arrow::before,.popover .popover-arrow::after{position:absolute;display:block;content:\"\";border-color:rgba(0,0,0,0);border-style:solid}.bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow{bottom:calc(-0.5rem - 1px)}.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-end>.popover-arrow,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow{left:calc(-0.5rem - 1px);width:.5rem;height:1rem}.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow{top:calc(-0.5rem - 1px)}.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-bottom .popover-header::before,.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-0.5rem;content:\"\";border-bottom:1px solid #f0f0f0}.bs-popover-start>.popover-arrow,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow{right:calc(-0.5rem - 1px);width:.5rem;height:1rem}.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1rem;background-color:#f0f0f0;border-bottom:1px solid rgba(0,0,0,.2);border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:\"\"}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media(prefers-reduced-motion: reduce){.carousel-item{transition:none}}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end{transform:translateX(100%)}.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start{transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end{z-index:1;opacity:1}.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{z-index:0;opacity:0;transition:opacity 0s .6s}@media(prefers-reduced-motion: reduce){.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{transition:none}}.carousel-control-prev,.carousel-control-next{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:none;border:0;opacity:.5;transition:opacity .15s ease}@media(prefers-reduced-motion: reduce){.carousel-control-prev,.carousel-control-next{transition:none}}.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-prev-icon,.carousel-control-next-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e\")}.carousel-control-next-icon{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);opacity:.5;transition:opacity .6s ease}@media(prefers-reduced-motion: reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-prev-icon,.carousel-dark .carousel-control-next-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}@keyframes spinner-border{to{transform:rotate(360deg) /* rtl:ignore */}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-0.125em;border:.25em solid currentColor;border-right-color:rgba(0,0,0,0);border-radius:50%;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-0.125em;background-color:currentColor;border-radius:50%;opacity:0;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media(prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{animation-duration:1.5s}}.offcanvas{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media(prefers-reduced-motion: reduce){.offcanvas{transition:none}}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem}.offcanvas-header .btn-close{padding:.5rem .5rem;margin-top:-0.5rem;margin-right:-0.5rem;margin-bottom:-0.5rem}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-body{flex-grow:1;padding:1rem 1rem;overflow-y:auto}.offcanvas-start{top:0;left:0;width:400px;border-right:1px solid rgba(0,0,0,.2);transform:translateX(-100%)}.offcanvas-end{top:0;right:0;width:400px;border-left:1px solid rgba(0,0,0,.2);transform:translateX(100%)}.offcanvas-top{top:0;right:0;left:0;height:30vh;max-height:100%;border-bottom:1px solid rgba(0,0,0,.2);transform:translateY(-100%)}.offcanvas-bottom{right:0;left:0;height:30vh;max-height:100%;border-top:1px solid rgba(0,0,0,.2);transform:translateY(100%)}.offcanvas.show{transform:none}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentColor;opacity:.5}.placeholder.btn::before{display:inline-block;content:\"\"}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{mask-image:linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:\"\"}.link-primary{color:#2cabe3}.link-primary:hover,.link-primary:focus{color:#56bce9}.link-secondary{color:#868e96}.link-secondary:hover,.link-secondary:focus{color:#9ea5ab}.link-success{color:#5fdc9f}.link-success:hover,.link-success:focus{color:#7fe3b2}.link-info{color:#17a2b8}.link-info:hover,.link-info:focus{color:#45b5c6}.link-warning{color:#ffd500}.link-warning:hover,.link-warning:focus{color:#fd3}.link-danger{color:#d9534f}.link-danger:hover,.link-danger:focus{color:#e17572}.link-light{color:#e9ecef}.link-light:hover,.link-light:focus{color:#edf0f2}.link-dark{color:#343a40}.link-dark:hover,.link-dark:focus{color:#2a2e33}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:\"\"}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio: 100%}.ratio-4x3{--bs-aspect-ratio: 75%}.ratio-16x9{--bs-aspect-ratio: 56.25%}.ratio-21x9{--bs-aspect-ratio: 42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}@media(min-width: 576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}}@media(min-width: 768px){.sticky-md-top{position:sticky;top:0;z-index:1020}}@media(min-width: 992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}}@media(min-width: 1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}}@media(min-width: 1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:\"\"}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentColor;opacity:.25}.align-baseline{vertical-align:baseline !important}.align-top{vertical-align:top !important}.align-middle{vertical-align:middle !important}.align-bottom{vertical-align:bottom !important}.align-text-bottom{vertical-align:text-bottom !important}.align-text-top{vertical-align:text-top !important}.float-start{float:left !important}.float-end{float:right !important}.float-none{float:none !important}.opacity-0{opacity:0 !important}.opacity-25{opacity:.25 !important}.opacity-50{opacity:.5 !important}.opacity-75{opacity:.75 !important}.opacity-100{opacity:1 !important}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.overflow-visible{overflow:visible !important}.overflow-scroll{overflow:scroll !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175) !important}.shadow-none{box-shadow:none !important}.position-static{position:static !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.position-sticky{position:sticky !important}.top-0{top:0 !important}.top-50{top:50% !important}.top-100{top:100% !important}.bottom-0{bottom:0 !important}.bottom-50{bottom:50% !important}.bottom-100{bottom:100% !important}.start-0{left:0 !important}.start-50{left:50% !important}.start-100{left:100% !important}.end-0{right:0 !important}.end-50{right:50% !important}.end-100{right:100% !important}.translate-middle{transform:translate(-50%, -50%) !important}.translate-middle-x{transform:translateX(-50%) !important}.translate-middle-y{transform:translateY(-50%) !important}.border{border:1px solid #dee2e6 !important}.border-0{border:0 !important}.border-top{border-top:1px solid #dee2e6 !important}.border-top-0{border-top:0 !important}.border-end{border-right:1px solid #dee2e6 !important}.border-end-0{border-right:0 !important}.border-bottom{border-bottom:1px solid #dee2e6 !important}.border-bottom-0{border-bottom:0 !important}.border-start{border-left:1px solid #dee2e6 !important}.border-start-0{border-left:0 !important}.border-primary{border-color:#2cabe3 !important}.border-secondary{border-color:#868e96 !important}.border-success{border-color:#5fdc9f !important}.border-info{border-color:#17a2b8 !important}.border-warning{border-color:#ffd500 !important}.border-danger{border-color:#d9534f !important}.border-light{border-color:#e9ecef !important}.border-dark{border-color:#343a40 !important}.border-white{border-color:#fff !important}.border-1{border-width:1px !important}.border-2{border-width:2px !important}.border-3{border-width:3px !important}.border-4{border-width:4px !important}.border-5{border-width:5px !important}.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.w-auto{width:auto !important}.mw-100{max-width:100% !important}.vw-100{width:100vw !important}.min-vw-100{min-width:100vw !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.h-auto{height:auto !important}.mh-100{max-height:100% !important}.vh-100{height:100vh !important}.min-vh-100{min-height:100vh !important}.flex-fill{flex:1 1 auto !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-0{gap:0 !important}.gap-1{gap:.25rem !important}.gap-2{gap:.5rem !important}.gap-3{gap:1rem !important}.gap-4{gap:1.5rem !important}.gap-5{gap:3rem !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}.order-first{order:-1 !important}.order-0{order:0 !important}.order-1{order:1 !important}.order-2{order:2 !important}.order-3{order:3 !important}.order-4{order:4 !important}.order-5{order:5 !important}.order-last{order:6 !important}.m-0{margin:0 !important}.m-1{margin:.25rem !important}.m-2{margin:.5rem !important}.m-3{margin:1rem !important}.m-4{margin:1.5rem !important}.m-5{margin:3rem !important}.m-auto{margin:auto !important}.mx-0{margin-right:0 !important;margin-left:0 !important}.mx-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-3{margin-right:1rem !important;margin-left:1rem !important}.mx-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-5{margin-right:3rem !important;margin-left:3rem !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-0{margin-top:0 !important}.mt-1{margin-top:.25rem !important}.mt-2{margin-top:.5rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:3rem !important}.mt-auto{margin-top:auto !important}.me-0{margin-right:0 !important}.me-1{margin-right:.25rem !important}.me-2{margin-right:.5rem !important}.me-3{margin-right:1rem !important}.me-4{margin-right:1.5rem !important}.me-5{margin-right:3rem !important}.me-auto{margin-right:auto !important}.mb-0,.rdt .rdtPicker table{margin-bottom:0 !important}.mb-1{margin-bottom:.25rem !important}.mb-2{margin-bottom:.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:3rem !important}.mb-auto{margin-bottom:auto !important}.ms-0{margin-left:0 !important}.ms-1{margin-left:.25rem !important}.ms-2{margin-left:.5rem !important}.ms-3{margin-left:1rem !important}.ms-4{margin-left:1.5rem !important}.ms-5{margin-left:3rem !important}.ms-auto{margin-left:auto !important}.p-0{padding:0 !important}.p-1{padding:.25rem !important}.p-2{padding:.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:3rem !important}.px-0{padding-right:0 !important;padding-left:0 !important}.px-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-3{padding-right:1rem !important;padding-left:1rem !important}.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-5{padding-right:3rem !important;padding-left:3rem !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-0{padding-top:0 !important}.pt-1{padding-top:.25rem !important}.pt-2{padding-top:.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:3rem !important}.pe-0{padding-right:0 !important}.pe-1{padding-right:.25rem !important}.pe-2{padding-right:.5rem !important}.pe-3{padding-right:1rem !important}.pe-4{padding-right:1.5rem !important}.pe-5{padding-right:3rem !important}.pb-0{padding-bottom:0 !important}.pb-1{padding-bottom:.25rem !important}.pb-2{padding-bottom:.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:3rem !important}.ps-0{padding-left:0 !important}.ps-1{padding-left:.25rem !important}.ps-2{padding-left:.5rem !important}.ps-3{padding-left:1rem !important}.ps-4{padding-left:1.5rem !important}.ps-5{padding-left:3rem !important}.font-monospace{font-family:var(--bs-font-monospace) !important}.fs-1{font-size:calc(1.375rem + 1.5vw) !important}.fs-2{font-size:calc(1.325rem + 0.9vw) !important}.fs-3{font-size:calc(1.3rem + 0.6vw) !important}.fs-4{font-size:calc(1.275rem + 0.3vw) !important}.fs-5{font-size:1.25rem !important}.fs-6{font-size:1rem !important}.fst-italic{font-style:italic !important}.fst-normal{font-style:normal !important}.fw-light{font-weight:300 !important}.fw-lighter{font-weight:lighter !important}.fw-normal{font-weight:400 !important}.fw-bold{font-weight:700 !important}.fw-bolder{font-weight:bolder !important}.lh-1{line-height:1 !important}.lh-sm{line-height:1.25 !important}.lh-base{line-height:1.5 !important}.lh-lg{line-height:2 !important}.text-start{text-align:left !important}.text-end{text-align:right !important}.text-center,.img-upload .img-upload-wrapper{text-align:center !important}.text-decoration-none{text-decoration:none !important}.text-decoration-underline{text-decoration:underline !important}.text-decoration-line-through{text-decoration:line-through !important}.text-lowercase{text-transform:lowercase !important}.text-uppercase{text-transform:uppercase !important}.text-capitalize{text-transform:capitalize !important}.text-wrap{white-space:normal !important}.text-nowrap{white-space:nowrap !important}.text-break{word-wrap:break-word !important;word-break:break-word !important}.text-primary{--bs-text-opacity: 1;color:rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important}.text-secondary{--bs-text-opacity: 1;color:rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important}.text-success{--bs-text-opacity: 1;color:rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important}.text-info{--bs-text-opacity: 1;color:rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important}.text-warning{--bs-text-opacity: 1;color:rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important}.text-danger{--bs-text-opacity: 1;color:rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important}.text-light{--bs-text-opacity: 1;color:rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important}.text-dark{--bs-text-opacity: 1;color:rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important}.text-black{--bs-text-opacity: 1;color:rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important}.text-white{--bs-text-opacity: 1;color:rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important}.text-body{--bs-text-opacity: 1;color:rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important}.text-muted{--bs-text-opacity: 1;color:#868e96 !important}.text-black-50{--bs-text-opacity: 1;color:rgba(0,0,0,.5) !important}.text-white-50{--bs-text-opacity: 1;color:rgba(255,255,255,.5) !important}.text-reset{--bs-text-opacity: 1;color:inherit !important}.text-opacity-25{--bs-text-opacity: 0.25}.text-opacity-50{--bs-text-opacity: 0.5}.text-opacity-75{--bs-text-opacity: 0.75}.text-opacity-100{--bs-text-opacity: 1}.bg-primary,.tag{--bs-bg-opacity: 1;background-color:rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important}.bg-secondary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important}.bg-success{--bs-bg-opacity: 1;background-color:rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important}.bg-info{--bs-bg-opacity: 1;background-color:rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important}.bg-warning{--bs-bg-opacity: 1;background-color:rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important}.bg-danger{--bs-bg-opacity: 1;background-color:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important}.bg-light{--bs-bg-opacity: 1;background-color:rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important}.bg-dark{--bs-bg-opacity: 1;background-color:rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important}.bg-black{--bs-bg-opacity: 1;background-color:rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important}.bg-white{--bs-bg-opacity: 1;background-color:rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important}.bg-body{--bs-bg-opacity: 1;background-color:rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important}.bg-transparent{--bs-bg-opacity: 1;background-color:rgba(0,0,0,0) !important}.bg-opacity-10{--bs-bg-opacity: 0.1}.bg-opacity-25{--bs-bg-opacity: 0.25}.bg-opacity-50{--bs-bg-opacity: 0.5}.bg-opacity-75{--bs-bg-opacity: 0.75}.bg-opacity-100{--bs-bg-opacity: 1}.bg-gradient{background-image:var(--bs-gradient) !important}.user-select-all{user-select:all !important}.user-select-auto{user-select:auto !important}.user-select-none{user-select:none !important}.pe-none{pointer-events:none !important}.pe-auto{pointer-events:auto !important}.rounded,.rdt.rdtOpen .rdtSwitch,.rdt.rdtOpen .rdtPrev,.rdt.rdtOpen .rdtNext{border-radius:.25rem !important}.rounded-0{border-radius:0 !important}.rounded-1{border-radius:.2rem !important}.rounded-2{border-radius:.25rem !important}.rounded-3{border-radius:.3rem !important}.rounded-circle,.rdt .rdtPicker .rdtMonths table>tbody>tr>td:hover,.rdt .rdtPicker .rdtYears table>tbody>tr>td:hover,.rdt .rdtPicker .rdtDays table>tbody>tr>td:hover,.rdt .rdtPicker .rdtMonths table>tbody>tr>td.rdtActive,.rdt .rdtPicker .rdtMonths table>tbody>tr>td.rdtActive:hover,.rdt .rdtPicker .rdtYears table>tbody>tr>td.rdtActive,.rdt .rdtPicker .rdtYears table>tbody>tr>td.rdtActive:hover,.rdt .rdtPicker .rdtDays table>tbody>tr>td.rdtActive,.rdt .rdtPicker .rdtDays table>tbody>tr>td.rdtActive:hover{border-radius:50% !important}.rounded-pill,.tag{border-radius:50rem !important}.rounded-top{border-top-left-radius:.25rem !important;border-top-right-radius:.25rem !important}.rounded-end{border-top-right-radius:.25rem !important;border-bottom-right-radius:.25rem !important}.rounded-bottom{border-bottom-right-radius:.25rem !important;border-bottom-left-radius:.25rem !important}.rounded-start{border-bottom-left-radius:.25rem !important;border-top-left-radius:.25rem !important}.visible{visibility:visible !important}.invisible{visibility:hidden !important}@media(min-width: 576px){.float-sm-start{float:left !important}.float-sm-end{float:right !important}.float-sm-none{float:none !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-grid{display:grid !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}.d-sm-none{display:none !important}.flex-sm-fill{flex:1 1 auto !important}.flex-sm-row{flex-direction:row !important}.flex-sm-column{flex-direction:column !important}.flex-sm-row-reverse{flex-direction:row-reverse !important}.flex-sm-column-reverse{flex-direction:column-reverse !important}.flex-sm-grow-0{flex-grow:0 !important}.flex-sm-grow-1{flex-grow:1 !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-shrink-1{flex-shrink:1 !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-sm-0{gap:0 !important}.gap-sm-1{gap:.25rem !important}.gap-sm-2{gap:.5rem !important}.gap-sm-3{gap:1rem !important}.gap-sm-4{gap:1.5rem !important}.gap-sm-5{gap:3rem !important}.justify-content-sm-start{justify-content:flex-start !important}.justify-content-sm-end{justify-content:flex-end !important}.justify-content-sm-center{justify-content:center !important}.justify-content-sm-between{justify-content:space-between !important}.justify-content-sm-around{justify-content:space-around !important}.justify-content-sm-evenly{justify-content:space-evenly !important}.align-items-sm-start{align-items:flex-start !important}.align-items-sm-end{align-items:flex-end !important}.align-items-sm-center{align-items:center !important}.align-items-sm-baseline{align-items:baseline !important}.align-items-sm-stretch{align-items:stretch !important}.align-content-sm-start{align-content:flex-start !important}.align-content-sm-end{align-content:flex-end !important}.align-content-sm-center{align-content:center !important}.align-content-sm-between{align-content:space-between !important}.align-content-sm-around{align-content:space-around !important}.align-content-sm-stretch{align-content:stretch !important}.align-self-sm-auto{align-self:auto !important}.align-self-sm-start{align-self:flex-start !important}.align-self-sm-end{align-self:flex-end !important}.align-self-sm-center{align-self:center !important}.align-self-sm-baseline{align-self:baseline !important}.align-self-sm-stretch{align-self:stretch !important}.order-sm-first{order:-1 !important}.order-sm-0{order:0 !important}.order-sm-1{order:1 !important}.order-sm-2{order:2 !important}.order-sm-3{order:3 !important}.order-sm-4{order:4 !important}.order-sm-5{order:5 !important}.order-sm-last{order:6 !important}.m-sm-0{margin:0 !important}.m-sm-1{margin:.25rem !important}.m-sm-2{margin:.5rem !important}.m-sm-3{margin:1rem !important}.m-sm-4{margin:1.5rem !important}.m-sm-5{margin:3rem !important}.m-sm-auto{margin:auto !important}.mx-sm-0{margin-right:0 !important;margin-left:0 !important}.mx-sm-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-sm-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-sm-3{margin-right:1rem !important;margin-left:1rem !important}.mx-sm-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-sm-5{margin-right:3rem !important;margin-left:3rem !important}.mx-sm-auto{margin-right:auto !important;margin-left:auto !important}.my-sm-0{margin-top:0 !important;margin-bottom:0 !important}.my-sm-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-sm-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-sm-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-sm-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-sm-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-sm-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-sm-0{margin-top:0 !important}.mt-sm-1{margin-top:.25rem !important}.mt-sm-2{margin-top:.5rem !important}.mt-sm-3{margin-top:1rem !important}.mt-sm-4{margin-top:1.5rem !important}.mt-sm-5{margin-top:3rem !important}.mt-sm-auto{margin-top:auto !important}.me-sm-0{margin-right:0 !important}.me-sm-1{margin-right:.25rem !important}.me-sm-2{margin-right:.5rem !important}.me-sm-3{margin-right:1rem !important}.me-sm-4{margin-right:1.5rem !important}.me-sm-5{margin-right:3rem !important}.me-sm-auto{margin-right:auto !important}.mb-sm-0{margin-bottom:0 !important}.mb-sm-1{margin-bottom:.25rem !important}.mb-sm-2{margin-bottom:.5rem !important}.mb-sm-3{margin-bottom:1rem !important}.mb-sm-4{margin-bottom:1.5rem !important}.mb-sm-5{margin-bottom:3rem !important}.mb-sm-auto{margin-bottom:auto !important}.ms-sm-0{margin-left:0 !important}.ms-sm-1{margin-left:.25rem !important}.ms-sm-2{margin-left:.5rem !important}.ms-sm-3{margin-left:1rem !important}.ms-sm-4{margin-left:1.5rem !important}.ms-sm-5{margin-left:3rem !important}.ms-sm-auto{margin-left:auto !important}.p-sm-0{padding:0 !important}.p-sm-1{padding:.25rem !important}.p-sm-2{padding:.5rem !important}.p-sm-3{padding:1rem !important}.p-sm-4{padding:1.5rem !important}.p-sm-5{padding:3rem !important}.px-sm-0{padding-right:0 !important;padding-left:0 !important}.px-sm-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-sm-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-sm-3{padding-right:1rem !important;padding-left:1rem !important}.px-sm-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-sm-5{padding-right:3rem !important;padding-left:3rem !important}.py-sm-0{padding-top:0 !important;padding-bottom:0 !important}.py-sm-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-sm-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-sm-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-sm-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-sm-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-sm-0{padding-top:0 !important}.pt-sm-1{padding-top:.25rem !important}.pt-sm-2{padding-top:.5rem !important}.pt-sm-3{padding-top:1rem !important}.pt-sm-4{padding-top:1.5rem !important}.pt-sm-5{padding-top:3rem !important}.pe-sm-0{padding-right:0 !important}.pe-sm-1{padding-right:.25rem !important}.pe-sm-2{padding-right:.5rem !important}.pe-sm-3{padding-right:1rem !important}.pe-sm-4{padding-right:1.5rem !important}.pe-sm-5{padding-right:3rem !important}.pb-sm-0{padding-bottom:0 !important}.pb-sm-1{padding-bottom:.25rem !important}.pb-sm-2{padding-bottom:.5rem !important}.pb-sm-3{padding-bottom:1rem !important}.pb-sm-4{padding-bottom:1.5rem !important}.pb-sm-5{padding-bottom:3rem !important}.ps-sm-0{padding-left:0 !important}.ps-sm-1{padding-left:.25rem !important}.ps-sm-2{padding-left:.5rem !important}.ps-sm-3{padding-left:1rem !important}.ps-sm-4{padding-left:1.5rem !important}.ps-sm-5{padding-left:3rem !important}.text-sm-start{text-align:left !important}.text-sm-end{text-align:right !important}.text-sm-center{text-align:center !important}}@media(min-width: 768px){.float-md-start{float:left !important}.float-md-end{float:right !important}.float-md-none{float:none !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-grid{display:grid !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}.d-md-none{display:none !important}.flex-md-fill{flex:1 1 auto !important}.flex-md-row{flex-direction:row !important}.flex-md-column{flex-direction:column !important}.flex-md-row-reverse{flex-direction:row-reverse !important}.flex-md-column-reverse{flex-direction:column-reverse !important}.flex-md-grow-0{flex-grow:0 !important}.flex-md-grow-1{flex-grow:1 !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-shrink-1{flex-shrink:1 !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-md-0{gap:0 !important}.gap-md-1{gap:.25rem !important}.gap-md-2{gap:.5rem !important}.gap-md-3{gap:1rem !important}.gap-md-4{gap:1.5rem !important}.gap-md-5{gap:3rem !important}.justify-content-md-start{justify-content:flex-start !important}.justify-content-md-end{justify-content:flex-end !important}.justify-content-md-center{justify-content:center !important}.justify-content-md-between{justify-content:space-between !important}.justify-content-md-around{justify-content:space-around !important}.justify-content-md-evenly{justify-content:space-evenly !important}.align-items-md-start{align-items:flex-start !important}.align-items-md-end{align-items:flex-end !important}.align-items-md-center{align-items:center !important}.align-items-md-baseline{align-items:baseline !important}.align-items-md-stretch{align-items:stretch !important}.align-content-md-start{align-content:flex-start !important}.align-content-md-end{align-content:flex-end !important}.align-content-md-center{align-content:center !important}.align-content-md-between{align-content:space-between !important}.align-content-md-around{align-content:space-around !important}.align-content-md-stretch{align-content:stretch !important}.align-self-md-auto{align-self:auto !important}.align-self-md-start{align-self:flex-start !important}.align-self-md-end{align-self:flex-end !important}.align-self-md-center{align-self:center !important}.align-self-md-baseline{align-self:baseline !important}.align-self-md-stretch{align-self:stretch !important}.order-md-first{order:-1 !important}.order-md-0{order:0 !important}.order-md-1{order:1 !important}.order-md-2{order:2 !important}.order-md-3{order:3 !important}.order-md-4{order:4 !important}.order-md-5{order:5 !important}.order-md-last{order:6 !important}.m-md-0{margin:0 !important}.m-md-1{margin:.25rem !important}.m-md-2{margin:.5rem !important}.m-md-3{margin:1rem !important}.m-md-4{margin:1.5rem !important}.m-md-5{margin:3rem !important}.m-md-auto{margin:auto !important}.mx-md-0{margin-right:0 !important;margin-left:0 !important}.mx-md-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-md-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-md-3{margin-right:1rem !important;margin-left:1rem !important}.mx-md-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-md-5{margin-right:3rem !important;margin-left:3rem !important}.mx-md-auto{margin-right:auto !important;margin-left:auto !important}.my-md-0{margin-top:0 !important;margin-bottom:0 !important}.my-md-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-md-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-md-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-md-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-md-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-md-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-md-0{margin-top:0 !important}.mt-md-1{margin-top:.25rem !important}.mt-md-2{margin-top:.5rem !important}.mt-md-3{margin-top:1rem !important}.mt-md-4{margin-top:1.5rem !important}.mt-md-5{margin-top:3rem !important}.mt-md-auto{margin-top:auto !important}.me-md-0{margin-right:0 !important}.me-md-1{margin-right:.25rem !important}.me-md-2{margin-right:.5rem !important}.me-md-3{margin-right:1rem !important}.me-md-4{margin-right:1.5rem !important}.me-md-5{margin-right:3rem !important}.me-md-auto{margin-right:auto !important}.mb-md-0{margin-bottom:0 !important}.mb-md-1{margin-bottom:.25rem !important}.mb-md-2{margin-bottom:.5rem !important}.mb-md-3{margin-bottom:1rem !important}.mb-md-4{margin-bottom:1.5rem !important}.mb-md-5{margin-bottom:3rem !important}.mb-md-auto{margin-bottom:auto !important}.ms-md-0{margin-left:0 !important}.ms-md-1{margin-left:.25rem !important}.ms-md-2{margin-left:.5rem !important}.ms-md-3{margin-left:1rem !important}.ms-md-4{margin-left:1.5rem !important}.ms-md-5{margin-left:3rem !important}.ms-md-auto{margin-left:auto !important}.p-md-0{padding:0 !important}.p-md-1{padding:.25rem !important}.p-md-2{padding:.5rem !important}.p-md-3{padding:1rem !important}.p-md-4{padding:1.5rem !important}.p-md-5{padding:3rem !important}.px-md-0{padding-right:0 !important;padding-left:0 !important}.px-md-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-md-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-md-3{padding-right:1rem !important;padding-left:1rem !important}.px-md-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-md-5{padding-right:3rem !important;padding-left:3rem !important}.py-md-0{padding-top:0 !important;padding-bottom:0 !important}.py-md-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-md-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-md-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-md-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-md-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-md-0{padding-top:0 !important}.pt-md-1{padding-top:.25rem !important}.pt-md-2{padding-top:.5rem !important}.pt-md-3{padding-top:1rem !important}.pt-md-4{padding-top:1.5rem !important}.pt-md-5{padding-top:3rem !important}.pe-md-0{padding-right:0 !important}.pe-md-1{padding-right:.25rem !important}.pe-md-2{padding-right:.5rem !important}.pe-md-3{padding-right:1rem !important}.pe-md-4{padding-right:1.5rem !important}.pe-md-5{padding-right:3rem !important}.pb-md-0{padding-bottom:0 !important}.pb-md-1{padding-bottom:.25rem !important}.pb-md-2{padding-bottom:.5rem !important}.pb-md-3{padding-bottom:1rem !important}.pb-md-4{padding-bottom:1.5rem !important}.pb-md-5{padding-bottom:3rem !important}.ps-md-0{padding-left:0 !important}.ps-md-1{padding-left:.25rem !important}.ps-md-2{padding-left:.5rem !important}.ps-md-3{padding-left:1rem !important}.ps-md-4{padding-left:1.5rem !important}.ps-md-5{padding-left:3rem !important}.text-md-start{text-align:left !important}.text-md-end{text-align:right !important}.text-md-center{text-align:center !important}}@media(min-width: 992px){.float-lg-start{float:left !important}.float-lg-end{float:right !important}.float-lg-none{float:none !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-block{display:block !important}.d-lg-grid{display:grid !important}.d-lg-table{display:table !important}.d-lg-table-row{display:table-row !important}.d-lg-table-cell{display:table-cell !important}.d-lg-flex{display:flex !important}.d-lg-inline-flex{display:inline-flex !important}.d-lg-none{display:none !important}.flex-lg-fill{flex:1 1 auto !important}.flex-lg-row{flex-direction:row !important}.flex-lg-column{flex-direction:column !important}.flex-lg-row-reverse{flex-direction:row-reverse !important}.flex-lg-column-reverse{flex-direction:column-reverse !important}.flex-lg-grow-0{flex-grow:0 !important}.flex-lg-grow-1{flex-grow:1 !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-shrink-1{flex-shrink:1 !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-lg-0{gap:0 !important}.gap-lg-1{gap:.25rem !important}.gap-lg-2{gap:.5rem !important}.gap-lg-3{gap:1rem !important}.gap-lg-4{gap:1.5rem !important}.gap-lg-5{gap:3rem !important}.justify-content-lg-start{justify-content:flex-start !important}.justify-content-lg-end{justify-content:flex-end !important}.justify-content-lg-center{justify-content:center !important}.justify-content-lg-between{justify-content:space-between !important}.justify-content-lg-around{justify-content:space-around !important}.justify-content-lg-evenly{justify-content:space-evenly !important}.align-items-lg-start{align-items:flex-start !important}.align-items-lg-end{align-items:flex-end !important}.align-items-lg-center{align-items:center !important}.align-items-lg-baseline{align-items:baseline !important}.align-items-lg-stretch{align-items:stretch !important}.align-content-lg-start{align-content:flex-start !important}.align-content-lg-end{align-content:flex-end !important}.align-content-lg-center{align-content:center !important}.align-content-lg-between{align-content:space-between !important}.align-content-lg-around{align-content:space-around !important}.align-content-lg-stretch{align-content:stretch !important}.align-self-lg-auto{align-self:auto !important}.align-self-lg-start{align-self:flex-start !important}.align-self-lg-end{align-self:flex-end !important}.align-self-lg-center{align-self:center !important}.align-self-lg-baseline{align-self:baseline !important}.align-self-lg-stretch{align-self:stretch !important}.order-lg-first{order:-1 !important}.order-lg-0{order:0 !important}.order-lg-1{order:1 !important}.order-lg-2{order:2 !important}.order-lg-3{order:3 !important}.order-lg-4{order:4 !important}.order-lg-5{order:5 !important}.order-lg-last{order:6 !important}.m-lg-0{margin:0 !important}.m-lg-1{margin:.25rem !important}.m-lg-2{margin:.5rem !important}.m-lg-3{margin:1rem !important}.m-lg-4{margin:1.5rem !important}.m-lg-5{margin:3rem !important}.m-lg-auto{margin:auto !important}.mx-lg-0{margin-right:0 !important;margin-left:0 !important}.mx-lg-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-lg-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-lg-3{margin-right:1rem !important;margin-left:1rem !important}.mx-lg-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-lg-5{margin-right:3rem !important;margin-left:3rem !important}.mx-lg-auto{margin-right:auto !important;margin-left:auto !important}.my-lg-0{margin-top:0 !important;margin-bottom:0 !important}.my-lg-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-lg-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-lg-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-lg-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-lg-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-lg-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-lg-0{margin-top:0 !important}.mt-lg-1{margin-top:.25rem !important}.mt-lg-2{margin-top:.5rem !important}.mt-lg-3{margin-top:1rem !important}.mt-lg-4{margin-top:1.5rem !important}.mt-lg-5{margin-top:3rem !important}.mt-lg-auto{margin-top:auto !important}.me-lg-0{margin-right:0 !important}.me-lg-1{margin-right:.25rem !important}.me-lg-2{margin-right:.5rem !important}.me-lg-3{margin-right:1rem !important}.me-lg-4{margin-right:1.5rem !important}.me-lg-5{margin-right:3rem !important}.me-lg-auto{margin-right:auto !important}.mb-lg-0{margin-bottom:0 !important}.mb-lg-1{margin-bottom:.25rem !important}.mb-lg-2{margin-bottom:.5rem !important}.mb-lg-3{margin-bottom:1rem !important}.mb-lg-4{margin-bottom:1.5rem !important}.mb-lg-5{margin-bottom:3rem !important}.mb-lg-auto{margin-bottom:auto !important}.ms-lg-0{margin-left:0 !important}.ms-lg-1{margin-left:.25rem !important}.ms-lg-2{margin-left:.5rem !important}.ms-lg-3{margin-left:1rem !important}.ms-lg-4{margin-left:1.5rem !important}.ms-lg-5{margin-left:3rem !important}.ms-lg-auto{margin-left:auto !important}.p-lg-0{padding:0 !important}.p-lg-1{padding:.25rem !important}.p-lg-2{padding:.5rem !important}.p-lg-3{padding:1rem !important}.p-lg-4{padding:1.5rem !important}.p-lg-5{padding:3rem !important}.px-lg-0{padding-right:0 !important;padding-left:0 !important}.px-lg-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-lg-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-lg-3{padding-right:1rem !important;padding-left:1rem !important}.px-lg-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-lg-5{padding-right:3rem !important;padding-left:3rem !important}.py-lg-0{padding-top:0 !important;padding-bottom:0 !important}.py-lg-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-lg-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-lg-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-lg-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-lg-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-lg-0{padding-top:0 !important}.pt-lg-1{padding-top:.25rem !important}.pt-lg-2{padding-top:.5rem !important}.pt-lg-3{padding-top:1rem !important}.pt-lg-4{padding-top:1.5rem !important}.pt-lg-5{padding-top:3rem !important}.pe-lg-0{padding-right:0 !important}.pe-lg-1{padding-right:.25rem !important}.pe-lg-2{padding-right:.5rem !important}.pe-lg-3{padding-right:1rem !important}.pe-lg-4{padding-right:1.5rem !important}.pe-lg-5{padding-right:3rem !important}.pb-lg-0{padding-bottom:0 !important}.pb-lg-1{padding-bottom:.25rem !important}.pb-lg-2{padding-bottom:.5rem !important}.pb-lg-3{padding-bottom:1rem !important}.pb-lg-4{padding-bottom:1.5rem !important}.pb-lg-5{padding-bottom:3rem !important}.ps-lg-0{padding-left:0 !important}.ps-lg-1{padding-left:.25rem !important}.ps-lg-2{padding-left:.5rem !important}.ps-lg-3{padding-left:1rem !important}.ps-lg-4{padding-left:1.5rem !important}.ps-lg-5{padding-left:3rem !important}.text-lg-start{text-align:left !important}.text-lg-end{text-align:right !important}.text-lg-center{text-align:center !important}}@media(min-width: 1200px){.float-xl-start{float:left !important}.float-xl-end{float:right !important}.float-xl-none{float:none !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-block{display:block !important}.d-xl-grid{display:grid !important}.d-xl-table{display:table !important}.d-xl-table-row{display:table-row !important}.d-xl-table-cell{display:table-cell !important}.d-xl-flex{display:flex !important}.d-xl-inline-flex{display:inline-flex !important}.d-xl-none{display:none !important}.flex-xl-fill{flex:1 1 auto !important}.flex-xl-row{flex-direction:row !important}.flex-xl-column{flex-direction:column !important}.flex-xl-row-reverse{flex-direction:row-reverse !important}.flex-xl-column-reverse{flex-direction:column-reverse !important}.flex-xl-grow-0{flex-grow:0 !important}.flex-xl-grow-1{flex-grow:1 !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-shrink-1{flex-shrink:1 !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-xl-0{gap:0 !important}.gap-xl-1{gap:.25rem !important}.gap-xl-2{gap:.5rem !important}.gap-xl-3{gap:1rem !important}.gap-xl-4{gap:1.5rem !important}.gap-xl-5{gap:3rem !important}.justify-content-xl-start{justify-content:flex-start !important}.justify-content-xl-end{justify-content:flex-end !important}.justify-content-xl-center{justify-content:center !important}.justify-content-xl-between{justify-content:space-between !important}.justify-content-xl-around{justify-content:space-around !important}.justify-content-xl-evenly{justify-content:space-evenly !important}.align-items-xl-start{align-items:flex-start !important}.align-items-xl-end{align-items:flex-end !important}.align-items-xl-center{align-items:center !important}.align-items-xl-baseline{align-items:baseline !important}.align-items-xl-stretch{align-items:stretch !important}.align-content-xl-start{align-content:flex-start !important}.align-content-xl-end{align-content:flex-end !important}.align-content-xl-center{align-content:center !important}.align-content-xl-between{align-content:space-between !important}.align-content-xl-around{align-content:space-around !important}.align-content-xl-stretch{align-content:stretch !important}.align-self-xl-auto{align-self:auto !important}.align-self-xl-start{align-self:flex-start !important}.align-self-xl-end{align-self:flex-end !important}.align-self-xl-center{align-self:center !important}.align-self-xl-baseline{align-self:baseline !important}.align-self-xl-stretch{align-self:stretch !important}.order-xl-first{order:-1 !important}.order-xl-0{order:0 !important}.order-xl-1{order:1 !important}.order-xl-2{order:2 !important}.order-xl-3{order:3 !important}.order-xl-4{order:4 !important}.order-xl-5{order:5 !important}.order-xl-last{order:6 !important}.m-xl-0{margin:0 !important}.m-xl-1{margin:.25rem !important}.m-xl-2{margin:.5rem !important}.m-xl-3{margin:1rem !important}.m-xl-4{margin:1.5rem !important}.m-xl-5{margin:3rem !important}.m-xl-auto{margin:auto !important}.mx-xl-0{margin-right:0 !important;margin-left:0 !important}.mx-xl-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-xl-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-xl-3{margin-right:1rem !important;margin-left:1rem !important}.mx-xl-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-xl-5{margin-right:3rem !important;margin-left:3rem !important}.mx-xl-auto{margin-right:auto !important;margin-left:auto !important}.my-xl-0{margin-top:0 !important;margin-bottom:0 !important}.my-xl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-xl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-xl-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-xl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-xl-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-xl-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-xl-0{margin-top:0 !important}.mt-xl-1{margin-top:.25rem !important}.mt-xl-2{margin-top:.5rem !important}.mt-xl-3{margin-top:1rem !important}.mt-xl-4{margin-top:1.5rem !important}.mt-xl-5{margin-top:3rem !important}.mt-xl-auto{margin-top:auto !important}.me-xl-0{margin-right:0 !important}.me-xl-1{margin-right:.25rem !important}.me-xl-2{margin-right:.5rem !important}.me-xl-3{margin-right:1rem !important}.me-xl-4{margin-right:1.5rem !important}.me-xl-5{margin-right:3rem !important}.me-xl-auto{margin-right:auto !important}.mb-xl-0{margin-bottom:0 !important}.mb-xl-1{margin-bottom:.25rem !important}.mb-xl-2{margin-bottom:.5rem !important}.mb-xl-3{margin-bottom:1rem !important}.mb-xl-4{margin-bottom:1.5rem !important}.mb-xl-5{margin-bottom:3rem !important}.mb-xl-auto{margin-bottom:auto !important}.ms-xl-0{margin-left:0 !important}.ms-xl-1{margin-left:.25rem !important}.ms-xl-2{margin-left:.5rem !important}.ms-xl-3{margin-left:1rem !important}.ms-xl-4{margin-left:1.5rem !important}.ms-xl-5{margin-left:3rem !important}.ms-xl-auto{margin-left:auto !important}.p-xl-0{padding:0 !important}.p-xl-1{padding:.25rem !important}.p-xl-2{padding:.5rem !important}.p-xl-3{padding:1rem !important}.p-xl-4{padding:1.5rem !important}.p-xl-5{padding:3rem !important}.px-xl-0{padding-right:0 !important;padding-left:0 !important}.px-xl-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-xl-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-xl-3{padding-right:1rem !important;padding-left:1rem !important}.px-xl-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-xl-5{padding-right:3rem !important;padding-left:3rem !important}.py-xl-0{padding-top:0 !important;padding-bottom:0 !important}.py-xl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-xl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-xl-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-xl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-xl-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-xl-0{padding-top:0 !important}.pt-xl-1{padding-top:.25rem !important}.pt-xl-2{padding-top:.5rem !important}.pt-xl-3{padding-top:1rem !important}.pt-xl-4{padding-top:1.5rem !important}.pt-xl-5{padding-top:3rem !important}.pe-xl-0{padding-right:0 !important}.pe-xl-1{padding-right:.25rem !important}.pe-xl-2{padding-right:.5rem !important}.pe-xl-3{padding-right:1rem !important}.pe-xl-4{padding-right:1.5rem !important}.pe-xl-5{padding-right:3rem !important}.pb-xl-0{padding-bottom:0 !important}.pb-xl-1{padding-bottom:.25rem !important}.pb-xl-2{padding-bottom:.5rem !important}.pb-xl-3{padding-bottom:1rem !important}.pb-xl-4{padding-bottom:1.5rem !important}.pb-xl-5{padding-bottom:3rem !important}.ps-xl-0{padding-left:0 !important}.ps-xl-1{padding-left:.25rem !important}.ps-xl-2{padding-left:.5rem !important}.ps-xl-3{padding-left:1rem !important}.ps-xl-4{padding-left:1.5rem !important}.ps-xl-5{padding-left:3rem !important}.text-xl-start{text-align:left !important}.text-xl-end{text-align:right !important}.text-xl-center{text-align:center !important}}@media(min-width: 1400px){.float-xxl-start{float:left !important}.float-xxl-end{float:right !important}.float-xxl-none{float:none !important}.d-xxl-inline{display:inline !important}.d-xxl-inline-block{display:inline-block !important}.d-xxl-block{display:block !important}.d-xxl-grid{display:grid !important}.d-xxl-table{display:table !important}.d-xxl-table-row{display:table-row !important}.d-xxl-table-cell{display:table-cell !important}.d-xxl-flex{display:flex !important}.d-xxl-inline-flex{display:inline-flex !important}.d-xxl-none{display:none !important}.flex-xxl-fill{flex:1 1 auto !important}.flex-xxl-row{flex-direction:row !important}.flex-xxl-column{flex-direction:column !important}.flex-xxl-row-reverse{flex-direction:row-reverse !important}.flex-xxl-column-reverse{flex-direction:column-reverse !important}.flex-xxl-grow-0{flex-grow:0 !important}.flex-xxl-grow-1{flex-grow:1 !important}.flex-xxl-shrink-0{flex-shrink:0 !important}.flex-xxl-shrink-1{flex-shrink:1 !important}.flex-xxl-wrap{flex-wrap:wrap !important}.flex-xxl-nowrap{flex-wrap:nowrap !important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-xxl-0{gap:0 !important}.gap-xxl-1{gap:.25rem !important}.gap-xxl-2{gap:.5rem !important}.gap-xxl-3{gap:1rem !important}.gap-xxl-4{gap:1.5rem !important}.gap-xxl-5{gap:3rem !important}.justify-content-xxl-start{justify-content:flex-start !important}.justify-content-xxl-end{justify-content:flex-end !important}.justify-content-xxl-center{justify-content:center !important}.justify-content-xxl-between{justify-content:space-between !important}.justify-content-xxl-around{justify-content:space-around !important}.justify-content-xxl-evenly{justify-content:space-evenly !important}.align-items-xxl-start{align-items:flex-start !important}.align-items-xxl-end{align-items:flex-end !important}.align-items-xxl-center{align-items:center !important}.align-items-xxl-baseline{align-items:baseline !important}.align-items-xxl-stretch{align-items:stretch !important}.align-content-xxl-start{align-content:flex-start !important}.align-content-xxl-end{align-content:flex-end !important}.align-content-xxl-center{align-content:center !important}.align-content-xxl-between{align-content:space-between !important}.align-content-xxl-around{align-content:space-around !important}.align-content-xxl-stretch{align-content:stretch !important}.align-self-xxl-auto{align-self:auto !important}.align-self-xxl-start{align-self:flex-start !important}.align-self-xxl-end{align-self:flex-end !important}.align-self-xxl-center{align-self:center !important}.align-self-xxl-baseline{align-self:baseline !important}.align-self-xxl-stretch{align-self:stretch !important}.order-xxl-first{order:-1 !important}.order-xxl-0{order:0 !important}.order-xxl-1{order:1 !important}.order-xxl-2{order:2 !important}.order-xxl-3{order:3 !important}.order-xxl-4{order:4 !important}.order-xxl-5{order:5 !important}.order-xxl-last{order:6 !important}.m-xxl-0{margin:0 !important}.m-xxl-1{margin:.25rem !important}.m-xxl-2{margin:.5rem !important}.m-xxl-3{margin:1rem !important}.m-xxl-4{margin:1.5rem !important}.m-xxl-5{margin:3rem !important}.m-xxl-auto{margin:auto !important}.mx-xxl-0{margin-right:0 !important;margin-left:0 !important}.mx-xxl-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-xxl-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-xxl-3{margin-right:1rem !important;margin-left:1rem !important}.mx-xxl-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-xxl-5{margin-right:3rem !important;margin-left:3rem !important}.mx-xxl-auto{margin-right:auto !important;margin-left:auto !important}.my-xxl-0{margin-top:0 !important;margin-bottom:0 !important}.my-xxl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-xxl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-xxl-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-xxl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-xxl-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-xxl-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-xxl-0{margin-top:0 !important}.mt-xxl-1{margin-top:.25rem !important}.mt-xxl-2{margin-top:.5rem !important}.mt-xxl-3{margin-top:1rem !important}.mt-xxl-4{margin-top:1.5rem !important}.mt-xxl-5{margin-top:3rem !important}.mt-xxl-auto{margin-top:auto !important}.me-xxl-0{margin-right:0 !important}.me-xxl-1{margin-right:.25rem !important}.me-xxl-2{margin-right:.5rem !important}.me-xxl-3{margin-right:1rem !important}.me-xxl-4{margin-right:1.5rem !important}.me-xxl-5{margin-right:3rem !important}.me-xxl-auto{margin-right:auto !important}.mb-xxl-0{margin-bottom:0 !important}.mb-xxl-1{margin-bottom:.25rem !important}.mb-xxl-2{margin-bottom:.5rem !important}.mb-xxl-3{margin-bottom:1rem !important}.mb-xxl-4{margin-bottom:1.5rem !important}.mb-xxl-5{margin-bottom:3rem !important}.mb-xxl-auto{margin-bottom:auto !important}.ms-xxl-0{margin-left:0 !important}.ms-xxl-1{margin-left:.25rem !important}.ms-xxl-2{margin-left:.5rem !important}.ms-xxl-3{margin-left:1rem !important}.ms-xxl-4{margin-left:1.5rem !important}.ms-xxl-5{margin-left:3rem !important}.ms-xxl-auto{margin-left:auto !important}.p-xxl-0{padding:0 !important}.p-xxl-1{padding:.25rem !important}.p-xxl-2{padding:.5rem !important}.p-xxl-3{padding:1rem !important}.p-xxl-4{padding:1.5rem !important}.p-xxl-5{padding:3rem !important}.px-xxl-0{padding-right:0 !important;padding-left:0 !important}.px-xxl-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-xxl-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-xxl-3{padding-right:1rem !important;padding-left:1rem !important}.px-xxl-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-xxl-5{padding-right:3rem !important;padding-left:3rem !important}.py-xxl-0{padding-top:0 !important;padding-bottom:0 !important}.py-xxl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-xxl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-xxl-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-xxl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-xxl-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-xxl-0{padding-top:0 !important}.pt-xxl-1{padding-top:.25rem !important}.pt-xxl-2{padding-top:.5rem !important}.pt-xxl-3{padding-top:1rem !important}.pt-xxl-4{padding-top:1.5rem !important}.pt-xxl-5{padding-top:3rem !important}.pe-xxl-0{padding-right:0 !important}.pe-xxl-1{padding-right:.25rem !important}.pe-xxl-2{padding-right:.5rem !important}.pe-xxl-3{padding-right:1rem !important}.pe-xxl-4{padding-right:1.5rem !important}.pe-xxl-5{padding-right:3rem !important}.pb-xxl-0{padding-bottom:0 !important}.pb-xxl-1{padding-bottom:.25rem !important}.pb-xxl-2{padding-bottom:.5rem !important}.pb-xxl-3{padding-bottom:1rem !important}.pb-xxl-4{padding-bottom:1.5rem !important}.pb-xxl-5{padding-bottom:3rem !important}.ps-xxl-0{padding-left:0 !important}.ps-xxl-1{padding-left:.25rem !important}.ps-xxl-2{padding-left:.5rem !important}.ps-xxl-3{padding-left:1rem !important}.ps-xxl-4{padding-left:1.5rem !important}.ps-xxl-5{padding-left:3rem !important}.text-xxl-start{text-align:left !important}.text-xxl-end{text-align:right !important}.text-xxl-center{text-align:center !important}}@media(min-width: 1200px){.fs-1{font-size:2.5rem !important}.fs-2{font-size:2rem !important}.fs-3{font-size:1.75rem !important}.fs-4{font-size:1.5rem !important}}@media print{.d-print-inline{display:inline !important}.d-print-inline-block{display:inline-block !important}.d-print-block{display:block !important}.d-print-grid{display:grid !important}.d-print-table{display:table !important}.d-print-table-row{display:table-row !important}.d-print-table-cell{display:table-cell !important}.d-print-flex{display:flex !important}.d-print-inline-flex{display:inline-flex !important}.d-print-none{display:none !important}}.b-t{border-top:1px solid rgba(33,37,41,.13)}.b-b{border-bottom:1px solid rgba(33,37,41,.13)}.b-l{border-left:1px solid rgba(33,37,41,.13)}.b-r{border-right:1px solid rgba(33,37,41,.13)}.b-all{border:1px solid rgba(33,37,41,.13)}.clickable{cursor:pointer}.not-clickable{cursor:default !important}.btn-primary{color:#fff}.btn-secondary{color:#fff}.btn-success{color:#fff}.btn-info{color:#fff}.btn-warning{color:#fff}.btn-danger{color:#fff}.btn-light{color:#fff}.btn-dark{color:#fff}@font-face{font-family:\"Material Icons\";font-style:normal;font-weight:400;src:url(\"https://fonts.gstatic.com/s/materialicons/v118/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2\") format(\"woff2\");font-display:swap}.material-icons{font-family:\"Material Icons\",sans-serif;font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:\"liga\";-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased;user-select:none}body button,body input,body optgroup,body select,body textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif}table>thead>tr>th,strong{font-weight:500}.text-strong{font-weight:500}.form-control:focus{box-shadow:none !important;border-color:#ced4da !important}.radio label,.radio-inline label,.checkbox label,.checkbox-inline label{padding-left:1.5625rem}.radio input[type=radio],.radio input[type=checkbox],.radio-inline input[type=radio],.radio-inline input[type=checkbox],.checkbox input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=radio],.checkbox-inline input[type=checkbox]{margin-left:-1.5625rem}.form-control-label{font-size:.8rem;color:#868e96}textarea,textarea.form-control,input.form-control,input[type=text],input[type=password],input[type=email],input[type=number],[type=text].form-control,[type=password].form-control,[type=email].form-control,[type=tel].form-control,[contenteditable].form-control{appearance:none;font-size:16px}textarea[disabled],textarea[readonly],textarea.form-control[disabled],textarea.form-control[readonly],input.form-control[disabled],input.form-control[readonly],input[type=text][disabled],input[type=text][readonly],input[type=password][disabled],input[type=password][readonly],input[type=email][disabled],input[type=email][readonly],input[type=number][disabled],input[type=number][readonly],[type=text].form-control[disabled],[type=text].form-control[readonly],[type=password].form-control[disabled],[type=password].form-control[readonly],[type=email].form-control[disabled],[type=email].form-control[readonly],[type=tel].form-control[disabled],[type=tel].form-control[readonly],[contenteditable].form-control[disabled],[contenteditable].form-control[readonly]{border-bottom:1px dotted #ddd}textarea.input-sm,textarea.form-control.input-sm,input.form-control.input-sm,input[type=text].input-sm,input[type=password].input-sm,input[type=email].input-sm,input[type=number].input-sm,[type=text].form-control.input-sm,[type=password].form-control.input-sm,[type=email].form-control.input-sm,[type=tel].form-control.input-sm,[contenteditable].form-control.input-sm{font-size:.875rem}textarea.input-lg,textarea.form-control.input-lg,input.form-control.input-lg,input[type=text].input-lg,input[type=password].input-lg,input[type=email].input-lg,input[type=number].input-lg,[type=text].form-control.input-lg,[type=password].form-control.input-lg,[type=email].form-control.input-lg,[type=tel].form-control.input-lg,[contenteditable].form-control.input-lg{font-size:1.25rem}select,select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);background-size:calc(.75em + .375rem) calc(.75em + .375rem);background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;font-size:16px;line-height:1.5}select::-ms-expand,select.form-control::-ms-expand{display:none}select.input-sm,select.form-control.input-sm{font-size:.875rem}select.input-lg,select.form-control.input-lg{font-size:1.25rem}select:focus,select.form-control:focus{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=)}select[disabled],select[readonly],select.form-control[disabled],select.form-control[readonly]{border-bottom:1px dotted #ddd}select[disabled],select[disabled] option,select[readonly],select[readonly] option,select.form-control[disabled],select.form-control[disabled] option,select.form-control[readonly],select.form-control[readonly] option{color:#adb5bd}select[multiple],select.form-control[multiple]{background:none}select.is-valid,select.form-control.is-valid{border-bottom:2px solid #5fdc9f;box-shadow:none !important;outline:none}select.showing-placeholder{color:#adb5bd}.input-group .btn>i.material-icons{border:0;background:none;color:#fff;padding:0}.dropdown .dropdown-menu,.dropdown .rdt .rdtPicker,.rdt .dropdown .rdtPicker,.dropdown .rdtPicker,.rdt .dropdown-menu,.rdt .rdtPicker,.rdt .rdtPicker{display:block;opacity:0;visibility:hidden;margin-top:.625rem}.dropdown.show .dropdown-menu,.dropdown.show .rdtPicker,.dropdown.rdtOpen .dropdown-menu,.dropdown.rdtOpen .rdtPicker,.rdt.show .dropdown-menu,.rdt.show .rdtPicker,.rdt.rdtOpen .dropdown-menu,.rdt.rdtOpen .rdtPicker{opacity:1;visibility:visible;margin-top:0}.dropdown .avatar,.rdt .avatar{position:relative;top:-2px;margin-right:5px}.dropdown .material-icons,.rdt .material-icons{margin-right:5px}.dropdown .nav-link,.rdt .nav-link{display:flex;height:44px;align-items:center}.dropdown-toggle.d-flex ::after{align-self:center}.avatar .img-placeholder{width:1.875rem;height:1.875rem;overflow:hidden;border-radius:50%;margin-right:5px;vertical-align:middle;display:inline-block;background:#e9ecef;line-height:1}.avatar img{width:100%;height:100%}.avatar.avatar-xs .img-placeholder{width:1.25rem;height:1.25rem}.avatar.avatar-sm .img-placeholder{width:3.125rem;height:3.125rem}.avatar.avatar-md .img-placeholder{width:4.375rem;height:4.375rem}.avatar.avatar-lg .img-placeholder{width:5.625rem;height:5.625rem}.avatar-stack>.avatar{position:relative;display:inline-block;margin-right:-1.25rem;transition:margin-left .25s ease,margin-right .25s ease}.avatar-stack>.avatar .img-placeholder{margin-right:0}.avatar-stack>.avatar:hover{margin-right:0}@media(prefers-reduced-motion: reduce){.avatar-stack>.avatar{transition:none}}.avatar-stack>.avatar.avatar-xs,.avatar-stack>.avatar.avatar-sm,.avatar-stack>.avatar.avatar-md,.avatar-stack>.avatar.avatar-lg{transition:margin-left .25s ease,margin-right .25s ease}.avatar-stack>.avatar.avatar-xs:hover,.avatar-stack>.avatar.avatar-sm:hover,.avatar-stack>.avatar.avatar-md:hover,.avatar-stack>.avatar.avatar-lg:hover{margin-right:0}@media(prefers-reduced-motion: reduce){.avatar-stack>.avatar.avatar-xs,.avatar-stack>.avatar.avatar-sm,.avatar-stack>.avatar.avatar-md,.avatar-stack>.avatar.avatar-lg{transition:none}}.avatar-stack>.avatar.avatar-xs{margin-right:-0.625rem}.avatar-stack>.avatar.avatar-sm{margin-right:-2.5rem}.avatar-stack>.avatar.avatar-md{margin-right:-3.75rem}.avatar-stack>.avatar.avatar-lg{margin-right:-80px}.button .btn{font-size:.9rem;position:relative;overflow:hidden}.button .btn.btn-primary:hover,.button .btn.btn-primary:active:hover{background-color:#1c9cd4}.button .btn.btn-secondary:hover,.button .btn.btn-secondary:active:hover{background-color:#767f88}.button .btn.btn-success:hover,.button .btn.btn-success:active:hover{background-color:#46d790}.button .btn.btn-info:hover,.button .btn.btn-info:active:hover{background-color:#148a9d}.button .btn.btn-warning:hover,.button .btn.btn-warning:active:hover{background-color:#e0bb00}.button .btn.btn-danger:hover,.button .btn.btn-danger:active:hover{background-color:#d43a36}.button .btn.btn-light:hover,.button .btn.btn-light:active:hover{background-color:#d7dde2}.button .btn.btn-dark:hover,.button .btn.btn-dark:active:hover{background-color:#262b2f}.button .btn-lg .button-icon,.button .btn-group-lg>.btn .button-icon{font-size:1.1rem}.button .btn-md .button-icon{font-size:1rem}.button .btn-sm .button-icon,.button .btn-group-sm>.btn .button-icon{font-size:.9rem}.button.primary .spinner{stroke:#2cabe3}.button.secondary .spinner{stroke:#868e96}.button.success .spinner{stroke:#5fdc9f}.button.info .spinner{stroke:#17a2b8}.button.warning .spinner{stroke:#ffd500}.button.danger .spinner{stroke:#d9534f}.button.light .spinner{stroke:#e9ecef}.button.dark .spinner{stroke:#343a40}.content-state{display:flex;flex-direction:column;align-content:center;justify-content:center;position:relative;height:10rem}.content-state .state-icons{display:flex;flex-direction:row;align-content:center;justify-content:center;height:3rem}.content-state .state-icons>i{opacity:.6;color:#2cabe3}.content-state .state-icons>i:nth-of-type(1){transform:rotate(55deg) translate(10px, 30px);font-size:1.6em}.content-state .state-icons>i:nth-of-type(2){transform:translate(-20px, 70px);font-size:.6em}.content-state .state-icons>i:nth-of-type(3){transform:rotate(-30deg) translate(-10px, 0px)}.content-state .state-icons>i:nth-of-type(4){transform:rotate(10deg) translate(10px, -5px);font-size:2.4em}.content-state .state-icons>i:nth-of-type(5){transform:translate(-15px, 35px);font-size:.4em}.content-state .state-icons>i:nth-of-type(6){transform:rotate(-15deg) translate(-5px, 45px);font-size:.8em}.content-state .state-content i{position:relative;-webkit-font-smoothing:antialiased;font-size:5rem;color:#868e96}.flash-message{position:relative;margin-top:1rem}.flash-message .btn-close:focus{outline:0}.flash-message .alert.alert-primary{background:#2cabe3;border-color:#2cabe3;color:#000}.flash-message .alert.alert-secondary{background:#868e96;border-color:#868e96;color:#000}.flash-message .alert.alert-success{background:#5fdc9f;border-color:#5fdc9f;color:#000}.flash-message .alert.alert-info{background:#17a2b8;border-color:#17a2b8;color:#000}.flash-message .alert.alert-warning{background:#ffd500;border-color:#ffd500;color:#000}.flash-message .alert.alert-danger{background:#d9534f;border-color:#d9534f;color:#000}.flash-message .alert.alert-light{background:#e9ecef;border-color:#e9ecef;color:#000}.flash-message .alert.alert-dark{background:#343a40;border-color:#343a40;color:#fff}.icon--disabled{opacity:.65}.info-badge-container{position:relative;display:inline-block}.info-badge-container>.badge,.info-badge-container>.tag{position:absolute;top:-12px;right:-12px}.d-flex .badge,.d-flex .tag{align-self:center}.loading-page{margin:0;padding:0;background-color:#f4f6f8}.more-or-less{display:inline}.more-or-less .more-or-less-link{font-size:12px;display:inline;cursor:pointer;text-decoration:underline !important}.navigation-item{list-style:none}.pagination{margin-bottom:0}.pagination .page-item .page-link{min-width:38px;padding:.5rem .5rem}.pagination .page-item button.disabled.page-link{border-radius:0;background-color:#fff;color:#212529}.pagination .page-item.active .page-link{overflow:hidden}.progress-stepper{display:table;width:100%;margin:0 auto}.progress-stepper .step{display:table-cell;position:relative;padding:24px}.progress-stepper .step:first-child .step-bar-left,.progress-stepper .step:last-child .step-bar-right{display:none}.progress-stepper .step.clickable{cursor:pointer}.progress-stepper .step.primary .step-circle{background-color:#2cabe3}.progress-stepper .step.primary .step-title{font-weight:600;color:#2cabe3}.progress-stepper .step.secondary .step-circle{background-color:#868e96}.progress-stepper .step.secondary .step-title{font-weight:600;color:#868e96}.progress-stepper .step.success .step-circle{background-color:#5fdc9f}.progress-stepper .step.success .step-circle:before{content:\"✓\"}.progress-stepper .step.success .step-circle *{display:none}.progress-stepper .step.success .step-title{font-weight:600;color:#5fdc9f}.progress-stepper .step.info .step-circle{background-color:#17a2b8}.progress-stepper .step.info .step-circle:before{content:\"?\"}.progress-stepper .step.info .step-circle *{display:none}.progress-stepper .step.info .step-title{font-weight:600;color:#17a2b8}.progress-stepper .step.warning .step-circle{background-color:#ffd500}.progress-stepper .step.warning .step-circle:before{content:\"!\"}.progress-stepper .step.warning .step-circle *{display:none}.progress-stepper .step.warning .step-title{font-weight:600;color:#ffd500}.progress-stepper .step.danger .step-circle{background-color:#d9534f}.progress-stepper .step.danger .step-circle:before{content:\"!\"}.progress-stepper .step.danger .step-circle *{display:none}.progress-stepper .step.danger .step-title{font-weight:600;color:#d9534f}.progress-stepper .step.light .step-circle{background-color:#e9ecef}.progress-stepper .step.light .step-title{font-weight:600;color:#e9ecef}.progress-stepper .step.dark .step-circle{background-color:#343a40}.progress-stepper .step.dark .step-title{font-weight:600;color:#343a40}.progress-stepper .step .step-circle{width:40px;height:40px;margin:0 auto;background-color:#212529;border-radius:50%;text-align:center;line-height:40px;font-size:16px;font-weight:600;color:#fff}.progress-stepper .step .step-title{margin-top:8px;font-size:16px;font-weight:600;text-align:center;color:#212529}.progress-stepper .step .step-bar-left,.progress-stepper .step .step-bar-right{position:absolute;top:42px;height:1px;border-top:1px solid #212529}.progress-stepper .step .step-bar-right{right:0;left:50%;margin-left:28px}.progress-stepper .step .step-bar-left{left:0;right:50%;margin-right:28px}.spinner{animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}.spinner .path{transform-origin:center;stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}100%{stroke-dasharray:89,200;stroke-dashoffset:-124}}.tag{display:inline-block;margin-right:.1875rem;height:18px;cursor:default}.tag-info{background-color:#5bc0de !important}.tag-success{background-color:#5fdc9f !important}.tag-warning{background-color:#f0ad4e !important}.tag-danger{background-color:#d9534f !important}.tag .close-button{cursor:pointer;margin-left:.1875rem}.tippy-popover.tippy-box{color:#212529;background-color:#fff}.tippy-popover.tippy-box .tippy-content{padding:0}.tippy-popover.tippy-box .tippy-arrow{color:rgba(0,0,0,.2) !important}.sticky-modal .modal{height:auto;bottom:1.75rem;overflow-y:scroll !important}.sticky-modal .modal .modal-dialog{max-height:100%}.sticky-modal .modal .modal-footer{background-color:#fff;position:sticky;bottom:0}.toggle-container.toggle-primary input[type=checkbox]:checked::after{left:1rem;background:#1a8fc2}.toggle-container.toggle-primary input[type=checkbox]:checked::before{background:#70c6ec}.toggle-container.toggle-secondary input[type=checkbox]:checked::after{left:1rem;background:#6c757d}.toggle-container.toggle-secondary input[type=checkbox]:checked::before{background:#afb4ba}.toggle-container.toggle-success input[type=checkbox]:checked::after{left:1rem;background:#35d386}.toggle-container.toggle-success input[type=checkbox]:checked::before{background:#9eeac5}.toggle-container.toggle-info input[type=checkbox]:checked::after{left:1rem;background:#117a8b}.toggle-container.toggle-info input[type=checkbox]:checked::before{background:#36cee6}.toggle-container.toggle-warning input[type=checkbox]:checked::after{left:1rem;background:#ca0}.toggle-container.toggle-warning input[type=checkbox]:checked::before{background:#ffe24d}.toggle-container.toggle-danger input[type=checkbox]:checked::after{left:1rem;background:#c9302c}.toggle-container.toggle-danger input[type=checkbox]:checked::before{background:#e7908e}.toggle-container.toggle-light input[type=checkbox]:checked::after{left:1rem;background:#cbd3da}.toggle-container.toggle-light input[type=checkbox]:checked::before{background:#fff}.toggle-container.toggle-dark input[type=checkbox]:checked::after{left:1rem;background:#1d2124}.toggle-container.toggle-dark input[type=checkbox]:checked::before{background:#56606a}.toggle-container input[type=checkbox]{-webkit-appearance:none;appearance:none;cursor:pointer;position:relative;display:inline-block;margin-top:6px;margin-right:4px;vertical-align:top;width:34px}.toggle-container input[type=checkbox]:focus{outline:none}.toggle-container input[type=checkbox]:checked::after{left:1rem;background:#1a8fc2}.toggle-container input[type=checkbox]:checked::before{background:#70c6ec}.toggle-container input[type=checkbox]::before,.toggle-container input[type=checkbox]::after{display:block;margin-right:4px;margin-left:0;content:\"\";position:absolute;left:0;transition:all .2s ease-in-out}@media(prefers-reduced-motion: reduce){.toggle-container input[type=checkbox]::before,.toggle-container input[type=checkbox]::after{transition:none}}.toggle-container input[type=checkbox]::after{top:-4px;border:none;width:1.25rem;height:1.25rem;border-radius:1.25rem;background:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.toggle-container input[type=checkbox]::before{width:34px;height:14px;border-radius:14px;border:none;background:#cbd3da}.open-close.is-open{transition-duration:.2s;transform:rotate(180deg)}.open-close.is-closed{transition-duration:.2s;transform:rotate(0deg)}.search-input input[type=search]::-webkit-search-cancel-button{display:none}.cancel-search{margin-top:-24px;margin-right:16px;position:relative;float:right;top:31px;z-index:4}.tabs .nav-item.disabled{cursor:not-allowed}.tabs .nav-link{cursor:pointer}.img-upload{position:relative}.img-upload:hover .img-upload-wrapper{background:#dadfe4;cursor:pointer}.img-upload input[type=file]{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.img-upload input[type=file]:hover{cursor:pointer}.img-upload canvas{max-width:100%;height:auto !important}.img-upload .img-upload-wrapper{padding-top:3rem;padding-bottom:3rem;border:.625rem dashed #cbd3da}.img-upload .img-upload-wrapper>i{font-size:5rem}.date-time-input-format{font-size:.7em;font-style:italic}.date-time-input.with-modal>.rdt .input-group .material-icons:last-child{margin-right:0}.date-time-input.with-modal>.rdt>.rdtPicker{display:none}.date-time-modal .rdt .rdtPicker{border:none;float:none;position:relative}.rdt{position:relative}.rdt.rdtOpen .rdtPicker{display:block}.rdt.rdtOpen td.rdtDay.rdtDisabled,.rdt.rdtOpen td.rdtMonth.rdtDisabled,.rdt.rdtOpen td.rdtYear.rdtDisabled{color:#dee2e6}.rdt.rdtOpen td.rdtDay.rdtDisabled:hover,.rdt.rdtOpen td.rdtMonth.rdtDisabled:hover,.rdt.rdtOpen td.rdtYear.rdtDisabled:hover{cursor:not-allowed;background:none}.rdt.rdtOpen button,.rdt.rdtOpen td,.rdt.rdtOpen td.rdtDay:hover,.rdt.rdtOpen td.rdtHour:hover,.rdt.rdtOpen td.rdtMinute:hover,.rdt.rdtOpen td.rdtSecond:hover,.rdt.rdtOpen .rdtTimeToggle:hover{cursor:pointer}.rdt.rdtOpen .rdtSwitch:hover,.rdt.rdtOpen .rdtPrev:hover,.rdt.rdtOpen .rdtNext:hover{background:#e9ecef}.rdt.rdtOpen .rdtCounters{display:inline-block}.rdt.rdtOpen .rdtCounters .rdtCounter{width:2.5rem}.rdt.rdtOpen .rdtCounters>div{float:left}.rdt .rdtPicker{width:271px;padding:0;margin-top:5px}.rdt .rdtPicker table{border-spacing:5px;border-collapse:separate}.rdt .rdtPicker table thead>tr>th,.rdt .rdtPicker table tbody>tr>td,.rdt .rdtPicker table tfoot>tr>td{text-align:center;font-size:.85rem;padding:.25rem}.rdt .rdtPicker table thead>tr>th{border:none;font-weight:400}.rdt .rdtPicker table thead>tr>th.dow{text-transform:uppercase}.rdt .rdtPicker table thead::after{content:\"\";position:absolute;border-bottom:1px solid #e9ecef;width:100%;left:0}.rdt .rdtPicker table tbody>tr>td{border:0;padding:0;vertical-align:middle;font-weight:300;color:#868e96}.rdt .rdtPicker table tbody>tr>td.rdtOld,.rdt .rdtPicker table tbody>tr>td.rdtNew{color:#e6e7e9}.rdt .rdtPicker .rdtMonths table>tbody>tr>td.rdtActive,.rdt .rdtPicker .rdtMonths table>tbody>tr>td.rdtActive:hover,.rdt .rdtPicker .rdtYears table>tbody>tr>td.rdtActive,.rdt .rdtPicker .rdtYears table>tbody>tr>td.rdtActive:hover,.rdt .rdtPicker .rdtDays table>tbody>tr>td.rdtActive,.rdt .rdtPicker .rdtDays table>tbody>tr>td.rdtActive:hover{background:#5fdc9f;color:#fff;font-weight:500}.rdt .rdtPicker .rdtMonths table>tbody>tr>td:hover,.rdt .rdtPicker .rdtYears table>tbody>tr>td:hover,.rdt .rdtPicker .rdtDays table>tbody>tr>td:hover{background:#e9ecef}.rdt .rdtPicker .rdtDays table>tbody>tr>td{width:33px;height:33px}.rdt .rdtPicker .rdtToday{font-weight:bold;color:#5fdc9f}.rdt .rdtPicker .rdtMonths table>tbody>tr>td,.rdt .rdtPicker .rdtYears table>tbody>tr>td{width:61px;height:61px}.rdt .rdtPicker .rdtMonths table>tbody>tr>td:hover,.rdt .rdtPicker .rdtYears table>tbody>tr>td:hover{background:#e9ecef}.file-upload{position:relative}.file-upload:hover.form-control-file{cursor:pointer}.file-upload input[type=file]{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.file-upload input[type=file]:hover{cursor:pointer}.invalid-feedback,.invalid-tooltip{display:block}.quill .ql-editor{min-height:132px}.quill strong{font-weight:bolder}.quill p{word-wrap:break-word;word-break:break-all}.quill.is-invalid .ql-toolbar,.quill.is-invalid .ql-container{border-color:#d9534f}.showing-placeholder .rbt-input-main::placeholder{color:#adb5bd;opacity:1}.rbt-input-multi{padding:0 0 0 12px}.rbt-input-multi.focus{box-shadow:none !important;border-color:#ced4da !important}.is-invalid .rbt-input-multi{border-color:#d9534f}.rbt .form-control .is-invalid{border-color:#d9534f}.rbt .rbt-menu .dropdown-item{font-weight:bold}.rbt .rbt-menu .dropdown-item .rbt-highlight-text{font-weight:normal}.color-picker .sketch-picker{box-shadow:none !important}.withjarb-tooltip .invalid-feedback{color:#fff}.withjarb-tooltip .invalid-feedback:first-child{margin-top:0}.radio-group>legend{font-size:1rem}.new-password-input .progress{height:5px}.epic-table{background-color:#f8f9fa}.epic-table--striped .epic-table-cell--odd{background-color:rgba(206,212,218,.3)}.epic-table-container{position:relative}.epic-table .os-host-overflow{overflow:visible !important}.epic-table .os-host .os-scrollbar-horizontal{position:sticky;top:50px}.epic-table-fixed-header{position:fixed;overflow:hidden;z-index:2;top:0}.epic-table-header{background-color:#2cabe3;color:#fff;font-weight:bold;flex-grow:1}.epic-table-header-resizeable{width:8px;height:100%;cursor:col-resize}.epic-table-header .form-control{height:calc(1.5em + .2rem + 2px);border-radius:0;padding:.375rem .2rem}.epic-table-header select.form-control{padding:0 .2rem}.epic-table-cell{white-space:nowrap;overflow:hidden;display:flex;align-items:center;flex-grow:1}.epic-table-cell--hover{background-color:rgba(206,212,218,.8) !important;cursor:pointer}.epic-table-expander-row,.epic-table-detail-row{position:absolute;z-index:4}.epic-table-overlay{position:absolute;z-index:3;background-color:#fff}.user-select-none{user-select:none}.epic-table-form-cell .mb-3{margin-bottom:0 !important}.epic-table-form,.epic-table-form-cell{white-space:nowrap;overflow:hidden;display:flex;align-items:center;flex-grow:1}.epic-table-form form{display:flex}.epic-table-form--odd .epic-table-form-cell{background-color:rgba(206,212,218,.3)}.epic-table-form .date-time-input .rdt{position:static}.epic-table-form .date-time-input .rdt .rdtPicker{top:unset;left:unset}",""]),module.exports=exports},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./storybook/show-code-fix.scss":(module,exports,__webpack_require__)=>{(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.id,"pre.prismjs{color:inherit}pre.prismjs code .tag,pre.prismjs code .token{display:inline;margin-right:0px;cursor:auto;color:inherit;background-color:rgba(0,0,0,0) !important;padding-left:0;padding-right:0;font-size:1em;font-weight:normal}",""]),module.exports=exports},"./node_modules/moment/locale sync recursive ^\\.\\/.*$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./af":"./node_modules/moment/locale/af.js","./af.js":"./node_modules/moment/locale/af.js","./ar":"./node_modules/moment/locale/ar.js","./ar-dz":"./node_modules/moment/locale/ar-dz.js","./ar-dz.js":"./node_modules/moment/locale/ar-dz.js","./ar-kw":"./node_modules/moment/locale/ar-kw.js","./ar-kw.js":"./node_modules/moment/locale/ar-kw.js","./ar-ly":"./node_modules/moment/locale/ar-ly.js","./ar-ly.js":"./node_modules/moment/locale/ar-ly.js","./ar-ma":"./node_modules/moment/locale/ar-ma.js","./ar-ma.js":"./node_modules/moment/locale/ar-ma.js","./ar-sa":"./node_modules/moment/locale/ar-sa.js","./ar-sa.js":"./node_modules/moment/locale/ar-sa.js","./ar-tn":"./node_modules/moment/locale/ar-tn.js","./ar-tn.js":"./node_modules/moment/locale/ar-tn.js","./ar.js":"./node_modules/moment/locale/ar.js","./az":"./node_modules/moment/locale/az.js","./az.js":"./node_modules/moment/locale/az.js","./be":"./node_modules/moment/locale/be.js","./be.js":"./node_modules/moment/locale/be.js","./bg":"./node_modules/moment/locale/bg.js","./bg.js":"./node_modules/moment/locale/bg.js","./bm":"./node_modules/moment/locale/bm.js","./bm.js":"./node_modules/moment/locale/bm.js","./bn":"./node_modules/moment/locale/bn.js","./bn-bd":"./node_modules/moment/locale/bn-bd.js","./bn-bd.js":"./node_modules/moment/locale/bn-bd.js","./bn.js":"./node_modules/moment/locale/bn.js","./bo":"./node_modules/moment/locale/bo.js","./bo.js":"./node_modules/moment/locale/bo.js","./br":"./node_modules/moment/locale/br.js","./br.js":"./node_modules/moment/locale/br.js","./bs":"./node_modules/moment/locale/bs.js","./bs.js":"./node_modules/moment/locale/bs.js","./ca":"./node_modules/moment/locale/ca.js","./ca.js":"./node_modules/moment/locale/ca.js","./cs":"./node_modules/moment/locale/cs.js","./cs.js":"./node_modules/moment/locale/cs.js","./cv":"./node_modules/moment/locale/cv.js","./cv.js":"./node_modules/moment/locale/cv.js","./cy":"./node_modules/moment/locale/cy.js","./cy.js":"./node_modules/moment/locale/cy.js","./da":"./node_modules/moment/locale/da.js","./da.js":"./node_modules/moment/locale/da.js","./de":"./node_modules/moment/locale/de.js","./de-at":"./node_modules/moment/locale/de-at.js","./de-at.js":"./node_modules/moment/locale/de-at.js","./de-ch":"./node_modules/moment/locale/de-ch.js","./de-ch.js":"./node_modules/moment/locale/de-ch.js","./de.js":"./node_modules/moment/locale/de.js","./dv":"./node_modules/moment/locale/dv.js","./dv.js":"./node_modules/moment/locale/dv.js","./el":"./node_modules/moment/locale/el.js","./el.js":"./node_modules/moment/locale/el.js","./en-au":"./node_modules/moment/locale/en-au.js","./en-au.js":"./node_modules/moment/locale/en-au.js","./en-ca":"./node_modules/moment/locale/en-ca.js","./en-ca.js":"./node_modules/moment/locale/en-ca.js","./en-gb":"./node_modules/moment/locale/en-gb.js","./en-gb.js":"./node_modules/moment/locale/en-gb.js","./en-ie":"./node_modules/moment/locale/en-ie.js","./en-ie.js":"./node_modules/moment/locale/en-ie.js","./en-il":"./node_modules/moment/locale/en-il.js","./en-il.js":"./node_modules/moment/locale/en-il.js","./en-in":"./node_modules/moment/locale/en-in.js","./en-in.js":"./node_modules/moment/locale/en-in.js","./en-nz":"./node_modules/moment/locale/en-nz.js","./en-nz.js":"./node_modules/moment/locale/en-nz.js","./en-sg":"./node_modules/moment/locale/en-sg.js","./en-sg.js":"./node_modules/moment/locale/en-sg.js","./eo":"./node_modules/moment/locale/eo.js","./eo.js":"./node_modules/moment/locale/eo.js","./es":"./node_modules/moment/locale/es.js","./es-do":"./node_modules/moment/locale/es-do.js","./es-do.js":"./node_modules/moment/locale/es-do.js","./es-mx":"./node_modules/moment/locale/es-mx.js","./es-mx.js":"./node_modules/moment/locale/es-mx.js","./es-us":"./node_modules/moment/locale/es-us.js","./es-us.js":"./node_modules/moment/locale/es-us.js","./es.js":"./node_modules/moment/locale/es.js","./et":"./node_modules/moment/locale/et.js","./et.js":"./node_modules/moment/locale/et.js","./eu":"./node_modules/moment/locale/eu.js","./eu.js":"./node_modules/moment/locale/eu.js","./fa":"./node_modules/moment/locale/fa.js","./fa.js":"./node_modules/moment/locale/fa.js","./fi":"./node_modules/moment/locale/fi.js","./fi.js":"./node_modules/moment/locale/fi.js","./fil":"./node_modules/moment/locale/fil.js","./fil.js":"./node_modules/moment/locale/fil.js","./fo":"./node_modules/moment/locale/fo.js","./fo.js":"./node_modules/moment/locale/fo.js","./fr":"./node_modules/moment/locale/fr.js","./fr-ca":"./node_modules/moment/locale/fr-ca.js","./fr-ca.js":"./node_modules/moment/locale/fr-ca.js","./fr-ch":"./node_modules/moment/locale/fr-ch.js","./fr-ch.js":"./node_modules/moment/locale/fr-ch.js","./fr.js":"./node_modules/moment/locale/fr.js","./fy":"./node_modules/moment/locale/fy.js","./fy.js":"./node_modules/moment/locale/fy.js","./ga":"./node_modules/moment/locale/ga.js","./ga.js":"./node_modules/moment/locale/ga.js","./gd":"./node_modules/moment/locale/gd.js","./gd.js":"./node_modules/moment/locale/gd.js","./gl":"./node_modules/moment/locale/gl.js","./gl.js":"./node_modules/moment/locale/gl.js","./gom-deva":"./node_modules/moment/locale/gom-deva.js","./gom-deva.js":"./node_modules/moment/locale/gom-deva.js","./gom-latn":"./node_modules/moment/locale/gom-latn.js","./gom-latn.js":"./node_modules/moment/locale/gom-latn.js","./gu":"./node_modules/moment/locale/gu.js","./gu.js":"./node_modules/moment/locale/gu.js","./he":"./node_modules/moment/locale/he.js","./he.js":"./node_modules/moment/locale/he.js","./hi":"./node_modules/moment/locale/hi.js","./hi.js":"./node_modules/moment/locale/hi.js","./hr":"./node_modules/moment/locale/hr.js","./hr.js":"./node_modules/moment/locale/hr.js","./hu":"./node_modules/moment/locale/hu.js","./hu.js":"./node_modules/moment/locale/hu.js","./hy-am":"./node_modules/moment/locale/hy-am.js","./hy-am.js":"./node_modules/moment/locale/hy-am.js","./id":"./node_modules/moment/locale/id.js","./id.js":"./node_modules/moment/locale/id.js","./is":"./node_modules/moment/locale/is.js","./is.js":"./node_modules/moment/locale/is.js","./it":"./node_modules/moment/locale/it.js","./it-ch":"./node_modules/moment/locale/it-ch.js","./it-ch.js":"./node_modules/moment/locale/it-ch.js","./it.js":"./node_modules/moment/locale/it.js","./ja":"./node_modules/moment/locale/ja.js","./ja.js":"./node_modules/moment/locale/ja.js","./jv":"./node_modules/moment/locale/jv.js","./jv.js":"./node_modules/moment/locale/jv.js","./ka":"./node_modules/moment/locale/ka.js","./ka.js":"./node_modules/moment/locale/ka.js","./kk":"./node_modules/moment/locale/kk.js","./kk.js":"./node_modules/moment/locale/kk.js","./km":"./node_modules/moment/locale/km.js","./km.js":"./node_modules/moment/locale/km.js","./kn":"./node_modules/moment/locale/kn.js","./kn.js":"./node_modules/moment/locale/kn.js","./ko":"./node_modules/moment/locale/ko.js","./ko.js":"./node_modules/moment/locale/ko.js","./ku":"./node_modules/moment/locale/ku.js","./ku.js":"./node_modules/moment/locale/ku.js","./ky":"./node_modules/moment/locale/ky.js","./ky.js":"./node_modules/moment/locale/ky.js","./lb":"./node_modules/moment/locale/lb.js","./lb.js":"./node_modules/moment/locale/lb.js","./lo":"./node_modules/moment/locale/lo.js","./lo.js":"./node_modules/moment/locale/lo.js","./lt":"./node_modules/moment/locale/lt.js","./lt.js":"./node_modules/moment/locale/lt.js","./lv":"./node_modules/moment/locale/lv.js","./lv.js":"./node_modules/moment/locale/lv.js","./me":"./node_modules/moment/locale/me.js","./me.js":"./node_modules/moment/locale/me.js","./mi":"./node_modules/moment/locale/mi.js","./mi.js":"./node_modules/moment/locale/mi.js","./mk":"./node_modules/moment/locale/mk.js","./mk.js":"./node_modules/moment/locale/mk.js","./ml":"./node_modules/moment/locale/ml.js","./ml.js":"./node_modules/moment/locale/ml.js","./mn":"./node_modules/moment/locale/mn.js","./mn.js":"./node_modules/moment/locale/mn.js","./mr":"./node_modules/moment/locale/mr.js","./mr.js":"./node_modules/moment/locale/mr.js","./ms":"./node_modules/moment/locale/ms.js","./ms-my":"./node_modules/moment/locale/ms-my.js","./ms-my.js":"./node_modules/moment/locale/ms-my.js","./ms.js":"./node_modules/moment/locale/ms.js","./mt":"./node_modules/moment/locale/mt.js","./mt.js":"./node_modules/moment/locale/mt.js","./my":"./node_modules/moment/locale/my.js","./my.js":"./node_modules/moment/locale/my.js","./nb":"./node_modules/moment/locale/nb.js","./nb.js":"./node_modules/moment/locale/nb.js","./ne":"./node_modules/moment/locale/ne.js","./ne.js":"./node_modules/moment/locale/ne.js","./nl":"./node_modules/moment/locale/nl.js","./nl-be":"./node_modules/moment/locale/nl-be.js","./nl-be.js":"./node_modules/moment/locale/nl-be.js","./nl.js":"./node_modules/moment/locale/nl.js","./nn":"./node_modules/moment/locale/nn.js","./nn.js":"./node_modules/moment/locale/nn.js","./oc-lnc":"./node_modules/moment/locale/oc-lnc.js","./oc-lnc.js":"./node_modules/moment/locale/oc-lnc.js","./pa-in":"./node_modules/moment/locale/pa-in.js","./pa-in.js":"./node_modules/moment/locale/pa-in.js","./pl":"./node_modules/moment/locale/pl.js","./pl.js":"./node_modules/moment/locale/pl.js","./pt":"./node_modules/moment/locale/pt.js","./pt-br":"./node_modules/moment/locale/pt-br.js","./pt-br.js":"./node_modules/moment/locale/pt-br.js","./pt.js":"./node_modules/moment/locale/pt.js","./ro":"./node_modules/moment/locale/ro.js","./ro.js":"./node_modules/moment/locale/ro.js","./ru":"./node_modules/moment/locale/ru.js","./ru.js":"./node_modules/moment/locale/ru.js","./sd":"./node_modules/moment/locale/sd.js","./sd.js":"./node_modules/moment/locale/sd.js","./se":"./node_modules/moment/locale/se.js","./se.js":"./node_modules/moment/locale/se.js","./si":"./node_modules/moment/locale/si.js","./si.js":"./node_modules/moment/locale/si.js","./sk":"./node_modules/moment/locale/sk.js","./sk.js":"./node_modules/moment/locale/sk.js","./sl":"./node_modules/moment/locale/sl.js","./sl.js":"./node_modules/moment/locale/sl.js","./sq":"./node_modules/moment/locale/sq.js","./sq.js":"./node_modules/moment/locale/sq.js","./sr":"./node_modules/moment/locale/sr.js","./sr-cyrl":"./node_modules/moment/locale/sr-cyrl.js","./sr-cyrl.js":"./node_modules/moment/locale/sr-cyrl.js","./sr.js":"./node_modules/moment/locale/sr.js","./ss":"./node_modules/moment/locale/ss.js","./ss.js":"./node_modules/moment/locale/ss.js","./sv":"./node_modules/moment/locale/sv.js","./sv.js":"./node_modules/moment/locale/sv.js","./sw":"./node_modules/moment/locale/sw.js","./sw.js":"./node_modules/moment/locale/sw.js","./ta":"./node_modules/moment/locale/ta.js","./ta.js":"./node_modules/moment/locale/ta.js","./te":"./node_modules/moment/locale/te.js","./te.js":"./node_modules/moment/locale/te.js","./tet":"./node_modules/moment/locale/tet.js","./tet.js":"./node_modules/moment/locale/tet.js","./tg":"./node_modules/moment/locale/tg.js","./tg.js":"./node_modules/moment/locale/tg.js","./th":"./node_modules/moment/locale/th.js","./th.js":"./node_modules/moment/locale/th.js","./tk":"./node_modules/moment/locale/tk.js","./tk.js":"./node_modules/moment/locale/tk.js","./tl-ph":"./node_modules/moment/locale/tl-ph.js","./tl-ph.js":"./node_modules/moment/locale/tl-ph.js","./tlh":"./node_modules/moment/locale/tlh.js","./tlh.js":"./node_modules/moment/locale/tlh.js","./tr":"./node_modules/moment/locale/tr.js","./tr.js":"./node_modules/moment/locale/tr.js","./tzl":"./node_modules/moment/locale/tzl.js","./tzl.js":"./node_modules/moment/locale/tzl.js","./tzm":"./node_modules/moment/locale/tzm.js","./tzm-latn":"./node_modules/moment/locale/tzm-latn.js","./tzm-latn.js":"./node_modules/moment/locale/tzm-latn.js","./tzm.js":"./node_modules/moment/locale/tzm.js","./ug-cn":"./node_modules/moment/locale/ug-cn.js","./ug-cn.js":"./node_modules/moment/locale/ug-cn.js","./uk":"./node_modules/moment/locale/uk.js","./uk.js":"./node_modules/moment/locale/uk.js","./ur":"./node_modules/moment/locale/ur.js","./ur.js":"./node_modules/moment/locale/ur.js","./uz":"./node_modules/moment/locale/uz.js","./uz-latn":"./node_modules/moment/locale/uz-latn.js","./uz-latn.js":"./node_modules/moment/locale/uz-latn.js","./uz.js":"./node_modules/moment/locale/uz.js","./vi":"./node_modules/moment/locale/vi.js","./vi.js":"./node_modules/moment/locale/vi.js","./x-pseudo":"./node_modules/moment/locale/x-pseudo.js","./x-pseudo.js":"./node_modules/moment/locale/x-pseudo.js","./yo":"./node_modules/moment/locale/yo.js","./yo.js":"./node_modules/moment/locale/yo.js","./zh-cn":"./node_modules/moment/locale/zh-cn.js","./zh-cn.js":"./node_modules/moment/locale/zh-cn.js","./zh-hk":"./node_modules/moment/locale/zh-hk.js","./zh-hk.js":"./node_modules/moment/locale/zh-hk.js","./zh-mo":"./node_modules/moment/locale/zh-mo.js","./zh-mo.js":"./node_modules/moment/locale/zh-mo.js","./zh-tw":"./node_modules/moment/locale/zh-tw.js","./zh-tw.js":"./node_modules/moment/locale/zh-tw.js"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./node_modules/moment/locale sync recursive ^\\.\\/.*$"},"./src/main.scss":(module,__unused_webpack_exports,__webpack_require__)=>{var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/main.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.id,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./storybook/show-code-fix.scss":(module,__unused_webpack_exports,__webpack_require__)=>{var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./storybook/show-code-fix.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.id,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cmxs%7Ctsx%7Cts))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./core/AsyncActionButton/AsyncActionButton.stories.tsx":"./src/core/AsyncActionButton/AsyncActionButton.stories.tsx","./core/AsyncContent/AsyncContent.stories.tsx":"./src/core/AsyncContent/AsyncContent.stories.tsx","./core/AsyncList/AsyncList.stories.tsx":"./src/core/AsyncList/AsyncList.stories.tsx","./core/AsyncPage/AsyncPage.stories.tsx":"./src/core/AsyncPage/AsyncPage.stories.tsx","./core/Avatar/Avatar.stories.tsx":"./src/core/Avatar/Avatar.stories.tsx","./core/BooleanIcon/BooleanIcon.stories.tsx":"./src/core/BooleanIcon/BooleanIcon.stories.tsx","./core/Button/Button.stories.tsx":"./src/core/Button/Button.stories.tsx","./core/Card/Card.stories.tsx":"./src/core/Card/Card.stories.tsx","./core/CardOpenClose/CardOpenClose.stories.tsx":"./src/core/CardOpenClose/CardOpenClose.stories.tsx","./core/ConfirmButton/ConfirmButton.stories.tsx":"./src/core/ConfirmButton/ConfirmButton.stories.tsx","./core/ConfirmModal/ConfirmModal.stories.tsx":"./src/core/ConfirmModal/ConfirmModal.stories.tsx","./core/ContentState/ContentState.stories.tsx":"./src/core/ContentState/ContentState.stories.tsx","./core/Debug/Debug.stories.tsx":"./src/core/Debug/Debug.stories.tsx","./core/FavoriteIcon/FavoriteIcon.stories.tsx":"./src/core/FavoriteIcon/FavoriteIcon.stories.tsx","./core/FlashMessage/FlashMessage.stories.tsx":"./src/core/FlashMessage/FlashMessage.stories.tsx","./core/Icon/Icon.stories.tsx":"./src/core/Icon/Icon.stories.tsx","./core/InfoBadge/InfoBadge.stories.tsx":"./src/core/InfoBadge/InfoBadge.stories.tsx","./core/InfoTooltip/InfoTooltip.stories.tsx":"./src/core/InfoTooltip/InfoTooltip.stories.tsx","./core/Loading/Loading.stories.tsx":"./src/core/Loading/Loading.stories.tsx","./core/LoadingPage/LoadingPage.stories.tsx":"./src/core/LoadingPage/LoadingPage.stories.tsx","./core/Modal/Modal.stories.tsx":"./src/core/Modal/Modal.stories.tsx","./core/MoreOrLess/MoreOrLess.stories.tsx":"./src/core/MoreOrLess/MoreOrLess.stories.tsx","./core/NavigationItem/Navigation.stories.tsx":"./src/core/NavigationItem/Navigation.stories.tsx","./core/OpenClose/OpenClose.stories.tsx":"./src/core/OpenClose/OpenClose.stories.tsx","./core/OpenCloseModal/OpenCloseModal.stories.tsx":"./src/core/OpenCloseModal/OpenCloseModal.stories.tsx","./core/OrSeparator/OrSeparator.stories.tsx":"./src/core/OrSeparator/OrSeparator.stories.tsx","./core/Pager/Pager.stories.tsx":"./src/core/Pager/Pager.stories.tsx","./core/Pagination/Pagination.stories.tsx":"./src/core/Pagination/Pagination.stories.tsx","./core/Popover/Popover.stories.tsx":"./src/core/Popover/Popover.stories.tsx","./core/ProgressStepper/ProgressStepper.stories.tsx":"./src/core/ProgressStepper/ProgressStepper.stories.tsx","./core/ProgressStepper/ProgressStepperExample.stories.tsx":"./src/core/ProgressStepper/ProgressStepperExample.stories.tsx","./core/SearchInput/SearchInput.stories.tsx":"./src/core/SearchInput/SearchInput.stories.tsx","./core/Spinner/Spinner.stories.tsx":"./src/core/Spinner/Spinner.stories.tsx","./core/SubmitButton/SubmitButton.stories.tsx":"./src/core/SubmitButton/SubmitButton.stories.tsx","./core/SuccessIcon/SuccessIcon.stories.tsx":"./src/core/SuccessIcon/SuccessIcon.stories.tsx","./core/Tabs/Tabs.stories.tsx":"./src/core/Tabs/Tabs.stories.tsx","./core/Tag/Tag.stories.tsx":"./src/core/Tag/Tag.stories.tsx","./core/TextButton/TextButton.stories.tsx":"./src/core/TextButton/TextButton.stories.tsx","./core/Toggle/Toggle.stories.tsx":"./src/core/Toggle/Toggle.stories.tsx","./core/Tooltip/Tooltip.stories.tsx":"./src/core/Tooltip/Tooltip.stories.tsx","./core/lists/AttributeList/AttributeList.stories.tsx":"./src/core/lists/AttributeList/AttributeList.stories.tsx","./form/Checkbox/Checkbox.stories.tsx":"./src/form/Checkbox/Checkbox.stories.tsx","./form/CheckboxMultipleSelect/CheckboxMultipleSelect.stories.tsx":"./src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.stories.tsx","./form/ColorPicker/ColorPicker.stories.tsx":"./src/form/ColorPicker/ColorPicker.stories.tsx","./form/DateTimeInput/DateTimeInput.stories.tsx":"./src/form/DateTimeInput/DateTimeInput.stories.tsx","./form/FileInput/FileInput.stories.tsx":"./src/form/FileInput/FileInput.stories.tsx","./form/FormExample.stories.tsx":"./src/form/FormExample.stories.tsx","./form/IconPicker/IconPicker.stories.tsx":"./src/form/IconPicker/IconPicker.stories.tsx","./form/ImageUpload/ImageUpload.stories.tsx":"./src/form/ImageUpload/ImageUpload.stories.tsx","./form/Input/Input.stories.tsx":"./src/form/Input/Input.stories.tsx","./form/ModalPicker/multiple/ModalPickerMultiple.stories.tsx":"./src/form/ModalPicker/multiple/ModalPickerMultiple.stories.tsx","./form/ModalPicker/single/ModalPickerSingle.stories.tsx":"./src/form/ModalPicker/single/ModalPickerSingle.stories.tsx","./form/NewPasswordInput/NewPasswordInput.stories.tsx":"./src/form/NewPasswordInput/NewPasswordInput.stories.tsx","./form/PlainTextFormControl/PlainTextFormControl.stories.tsx":"./src/form/PlainTextFormControl/PlainTextFormControl.stories.tsx","./form/RadioGroup/RadioGroup.stories.tsx":"./src/form/RadioGroup/RadioGroup.stories.tsx","./form/Select/Select.stories.tsx":"./src/form/Select/Select.stories.tsx","./form/TextEditor/TextEditor.stories.tsx":"./src/form/TextEditor/TextEditor.stories.tsx","./form/Textarea/Textarea.stories.tsx":"./src/form/Textarea/Textarea.stories.tsx","./form/Typeahead/multiple/TypeaheadMultiple.stories.tsx":"./src/form/Typeahead/multiple/TypeaheadMultiple.stories.tsx","./form/Typeahead/single/TypeaheadSingle.stories.tsx":"./src/form/Typeahead/single/TypeaheadSingle.stories.tsx","./form/ValuePicker/ValuePicker.stories.tsx":"./src/form/ValuePicker/ValuePicker.stories.tsx","./hooks/useBootstrapSize/useBootstrapSize.stories.tsx":"./src/hooks/useBootstrapSize/useBootstrapSize.stories.tsx","./table/CrudTable/CrudTable.stories.tsx":"./src/table/CrudTable/CrudTable.stories.tsx","./table/EpicTable/EpicTable.stories.tsx":"./src/table/EpicTable/EpicTable.stories.tsx","./table/FormTable/FormTable.stories.tsx":"./src/table/FormTable/FormTable.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cmxs%7Ctsx%7Cts))$"},"?4f7e":()=>{},"./generated-stories-entry.cjs":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module=__webpack_require__.nmd(module),(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cmxs%7Ctsx%7Cts))$")],module,!1)}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[643],(()=>(__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_exec__("./storybook-init-framework-entry.js"),__webpack_exec__("./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js"),__webpack_exec__("./storybook/preview.js-generated-config-entry.js"),__webpack_exec__("./generated-stories-entry.cjs"))));__webpack_require__.O()}]);
\ No newline at end of file
+(self.webpackChunk_42_nl_ui=self.webpackChunk_42_nl_ui||[]).push([[179],{"./src/core/AsyncActionButton/AsyncActionButton.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_AsyncActionButton__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/AsyncActionButton/AsyncActionButton.tsx"),_FlashMessage_FlashMessage__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/FlashMessage/FlashMessage.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/buttons/AsyncActionButton",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport { AsyncActionButton } from './AsyncActionButton';\nimport FlashMessage from '../FlashMessage/FlashMessage';\n\nstoriesOf('core/buttons/AsyncActionButton', module)\n  .addParameters({ component: AsyncActionButton })\n  .add('default', () => {\n    const [counter, setCounter] = useState(0);\n    const [error, setError] = useState<string>();\n    const [success, setSuccess] = useState<string>();\n\n    function asyncAction() {\n      setError(undefined);\n      setSuccess(undefined);\n      setCounter(counter + 1);\n\n      return new Promise((resolve, reject) => {\n        setTimeout(() => {\n          if (counter % 2 === 0) {\n            resolve({\n              message: 'Confirmation successfully sent'\n            });\n          } else {\n            reject('You are not allowed to perform this action');\n          }\n        }, 1000);\n      }).then(\n        ({ message }) => setSuccess(message),\n        (reason: string) => setError(reason)\n      );\n    }\n\n    return (\n      <div className=\"text-center\">\n        <p>\n          The best user experience is when you use flash messages to make the\n          user aware the request succeeded or failed.\n        </p>\n\n        {error ? (\n          <FlashMessage color=\"danger\" onClose={() => setError(undefined)}>\n            {error}\n          </FlashMessage>\n        ) : null}\n        {success ? (\n          <FlashMessage color=\"success\" onClose={() => setSuccess(undefined)}>\n            {success}\n          </FlashMessage>\n        ) : null}\n\n        <AsyncActionButton action={asyncAction}>\n          Resend confirmation\n        </AsyncActionButton>\n      </div>\n    );\n  });\n",locationsMap:{default:{startLoc:{col:7,line:9},endLoc:{col:3,line:58},startBody:{col:18,line:9},endBody:{col:3,line:58}}}}}).addParameters({component:_AsyncActionButton__WEBPACK_IMPORTED_MODULE_2__.V}).add("default",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),2),counter=_useState2[0],setCounter=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),error=_useState4[0],setError=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),success=_useState6[0],setSuccess=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"The best user experience is when you use flash messages to make the user aware the request succeeded or failed."),error?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FlashMessage_FlashMessage__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"danger",onClose:function onClose(){return setError(void 0)}},error):null,success?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FlashMessage_FlashMessage__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",onClose:function onClose(){return setSuccess(void 0)}},success):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncActionButton__WEBPACK_IMPORTED_MODULE_2__.V,{action:function asyncAction(){return setError(void 0),setSuccess(void 0),setCounter(counter+1),new Promise((function(resolve,reject){setTimeout((function(){counter%2==0?resolve({message:"Confirmation successfully sent"}):reject("You are not allowed to perform this action")}),1e3)})).then((function(_ref){var message=_ref.message;return setSuccess(message)}),(function(reason){return setError(reason)}))}},"Resend confirmation"))}))},"./src/core/AsyncContent/AsyncContent.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_AsyncContent__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/AsyncContent/AsyncContent.tsx"),react_query__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-query/es/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/index.ts");module=__webpack_require__.hmd(module);function loadData(){return new Promise((function(resolve){setTimeout((function(){resolve({user:"Jeffrey"})}),1e3)}))}function rejectData(){return new Promise((function(resolve,reject){setTimeout((function(){reject("could not load")}),1e3)}))}function loadingData(){return new Promise((function(){}))}var client=new react_query__WEBPACK_IMPORTED_MODULE_3__.QueryClient({defaultOptions:{queries:{retry:!1,refetchOnWindowFocus:!1,cacheTime:0}}});(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/async/AsyncContent",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport AsyncContent from './AsyncContent';\nimport { QueryClient, QueryClientProvider, useQuery } from 'react-query';\nimport { action } from '@storybook/addon-actions';\nimport { ContentState, Button } from '../..';\n\nfunction loadData() {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve({ user: 'Jeffrey' });\n    }, 1000);\n  });\n}\n\nfunction rejectData() {\n  return new Promise((resolve, reject) => {\n    setTimeout(() => {\n      reject('could not load');\n    }, 1000);\n  });\n}\n\nfunction loadingData() {\n  return new Promise(() => undefined);\n}\n\nconst client = new QueryClient({\n  defaultOptions: {\n    queries: {\n      retry: false,\n      refetchOnWindowFocus: false,\n      cacheTime: 0\n    }\n  },\n});\n\nstoriesOf('core/async/AsyncContent', module)\n  .addParameters({ component: AsyncContent })\n  .addDecorator((Story) => (\n    <QueryClientProvider client={client}>\n      <Story />\n    </QueryClientProvider>\n  ))\n  .add('when loaded', () => {\n    const state = useQuery('data', loadData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent state={state}>\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  })\n\n  .add('when error', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent state={state}>\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  })\n\n  .add('when error with custom text', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent\n          state={state}\n          text={{ error: 'I’m sorry Dave, I’m afraid I can’t do that' }}\n        >\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  })\n\n  .add('when error with no retry button', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent state={state} showRetryButton={false}>\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  })\n\n  .add('when loading', () => {\n    const state = useQuery('data', loadingData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent state={state}>\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  })\n\n  .add('when loading with custom title', () => {\n    const state = useQuery('data', loadingData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent state={state} text={{ loading: 'Loading Jeffrey' }}>\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  })\n\n  .add('when empty', () => {\n    const state = useQuery('data', loadData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent\n          state={state}\n          isEmpty={(data: { user: string }) => data.user === 'Jeffrey'}\n        >\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  })\n\n  .add('when empty with title', () => {\n    const state = useQuery('data', loadData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent\n          state={state}\n          text={{ empty: \"No Jeffrey's match your parameters try again\" }}\n          isEmpty={(data: { user: string }) => data.user === 'Jeffrey'}\n        >\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  })\n\n  .add('when empty with custom empty', () => {\n    const state = useQuery('data', loadData);\n\n    return (\n      <div className=\"text-center\">\n        <AsyncContent\n          state={state}\n          isEmpty={(data: { user: string }) => data.user === 'Jeffrey'}\n          emptyContent={() => (\n            <ContentState mode=\"empty\" title=\"No results found\">\n              <Button icon=\"refresh\" onClick={action('clear filters')}>\n                Clear filters\n              </Button>\n            </ContentState>\n          )}\n        >\n          {(data: { user: string }) => <h2>Hi, {data.user}</h2>}\n        </AsyncContent>\n      </div>\n    );\n  });\n",locationsMap:{"when-empty-with-custom-empty":{startLoc:{col:7,line:152},endLoc:{col:3,line:172},startBody:{col:39,line:152},endBody:{col:3,line:172}},"when-empty-with-title":{startLoc:{col:7,line:136},endLoc:{col:3,line:150},startBody:{col:32,line:136},endBody:{col:3,line:150}},"when-empty":{startLoc:{col:7,line:121},endLoc:{col:3,line:134},startBody:{col:21,line:121},endBody:{col:3,line:134}},"when-loading-with-custom-title":{startLoc:{col:7,line:109},endLoc:{col:3,line:119},startBody:{col:41,line:109},endBody:{col:3,line:119}},"when-loading":{startLoc:{col:7,line:97},endLoc:{col:3,line:107},startBody:{col:23,line:97},endBody:{col:3,line:107}},"when-error-with-no-retry-button":{startLoc:{col:7,line:85},endLoc:{col:3,line:95},startBody:{col:42,line:85},endBody:{col:3,line:95}},"when-error-with-custom-text":{startLoc:{col:7,line:70},endLoc:{col:3,line:83},startBody:{col:38,line:70},endBody:{col:3,line:83}},"when-error":{startLoc:{col:7,line:58},endLoc:{col:3,line:68},startBody:{col:21,line:58},endBody:{col:3,line:68}},"when-loaded":{startLoc:{col:7,line:46},endLoc:{col:3,line:56},startBody:{col:22,line:46},endBody:{col:3,line:56}}}}}).addParameters({component:_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z}).addDecorator((function(Story){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_query__WEBPACK_IMPORTED_MODULE_3__.QueryClientProvider,{client},react__WEBPACK_IMPORTED_MODULE_0__.createElement(Story,null))})).add("when loaded",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",loadData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))})).add("when error",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))})).add("when error with custom text",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state,text:{error:"I’m sorry Dave, I’m afraid I can’t do that"}},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))})).add("when error with no retry button",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state,showRetryButton:!1},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))})).add("when loading",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",loadingData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))})).add("when loading with custom title",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",loadingData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state,text:{loading:"Loading Jeffrey"}},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))})).add("when empty",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",loadData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state,isEmpty:function isEmpty(data){return"Jeffrey"===data.user}},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))})).add("when empty with title",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",loadData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state,text:{empty:"No Jeffrey's match your parameters try again"},isEmpty:function isEmpty(data){return"Jeffrey"===data.user}},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))})).add("when empty with custom empty",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_3__.useQuery)("data",loadData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent__WEBPACK_IMPORTED_MODULE_2__.Z,{state,isEmpty:function isEmpty(data){return"Jeffrey"===data.user},emptyContent:function emptyContent(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Mi,{mode:"empty",title:"No results found"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.zx,{icon:"refresh",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_4__.action)("clear filters")},"Clear filters"))}},(function(data){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Hi, ",data.user)})))}))},"./src/core/AsyncList/AsyncList.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),react_query__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-query/es/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_AsyncList__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/AsyncList/AsyncList.tsx"),_test_fixtures__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/test/fixtures.ts"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/index.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js");module=__webpack_require__.hmd(module);function loadData(){return new Promise((function(resolve){setTimeout((function(){resolve((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_4__.o7)().content)}),1e3)}))}function emptyData(){return new Promise((function(resolve){setTimeout((function(){resolve([])}),1e3)}))}function rejectData(){return new Promise((function(resolve,reject){setTimeout((function(){reject("could not load")}),1e3)}))}function loadingData(){return new Promise((function(){}))}var client=new react_query__WEBPACK_IMPORTED_MODULE_2__.QueryClient({defaultOptions:{queries:{retry:!1,refetchOnWindowFocus:!1,cacheTime:0}}});(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Async/AsyncList",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { QueryClient, QueryClientProvider, useQuery } from 'react-query';\nimport { Button, Card, ListGroup, ListGroupItem } from 'reactstrap';\n\nimport AsyncList from './AsyncList';\n\nimport { pageOfUsers } from '../../test/fixtures';\nimport { User } from '../../test/types';\nimport { ContentState } from '../..';\nimport { action } from '@storybook/addon-actions';\n\nfunction loadData(): Promise<User[]> {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(pageOfUsers().content);\n    }, 1000);\n  });\n}\n\nfunction emptyData(): Promise<User[]> {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve([]);\n    }, 1000);\n  });\n}\n\nfunction rejectData(): Promise<User[]> {\n  return new Promise((resolve, reject) => {\n    setTimeout(() => {\n      reject('could not load');\n    }, 1000);\n  });\n}\n\nfunction loadingData(): Promise<User[]> {\n  return new Promise(() => undefined);\n}\n\nconst client = new QueryClient({\n  defaultOptions: {\n    queries: {\n      retry: false,\n      refetchOnWindowFocus: false,\n      cacheTime: 0\n    }\n  }\n});\n\nstoriesOf('core/Async/AsyncList', module)\n  .addParameters({ component: AsyncList })\n  .addDecorator((Story) => (\n    <QueryClientProvider client={client}>\n      <Story />\n    </QueryClientProvider>\n  ))\n  .add('when loaded', () => {\n    const state = useQuery('data', loadData);\n\n    return (\n      <Card body>\n        <AsyncList state={state}>\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  })\n\n  .add('when error', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <Card body>\n        <AsyncList state={state}>\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  })\n\n  .add('when error with custom text', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <Card body>\n        <AsyncList\n          state={state}\n          text={{ error: 'I’m sorry Dave, I’m afraid I can’t do that' }}\n        >\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  })\n\n  .add('when error with no retry button', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <Card body>\n        <AsyncList state={state} showRetryButton={false}>\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  })\n\n  .add('when loading', () => {\n    const state = useQuery('data', loadingData);\n\n    return (\n      <Card body>\n        <AsyncList state={state}>\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  })\n\n  .add('when loading with custom title', () => {\n    const state = useQuery('data', loadingData);\n\n    return (\n      <Card body>\n        <AsyncList state={state} text={{ loading: 'Loading Jeffrey' }}>\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  })\n\n  .add('when empty', () => {\n    const state = useQuery('data', emptyData);\n\n    return (\n      <Card body>\n        <AsyncList state={state}>\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  })\n\n  .add('when empty with custom title', () => {\n    const state = useQuery('data', emptyData);\n\n    return (\n      <Card body>\n        <AsyncList\n          state={state}\n          text={{ empty: \"No Jeffrey's match your parameters try again\" }}\n        >\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  })\n\n  .add('when empty with custom empty', () => {\n    const state = useQuery('data', emptyData);\n\n    return (\n      <Card body>\n        <AsyncList\n          state={state}\n          emptyContent={() => (\n            <ContentState mode=\"empty\" title=\"No results found\">\n              <Button icon=\"refresh\" onClick={action('clear filters')}>\n                Clear filters\n              </Button>\n            </ContentState>\n          )}\n        >\n          {(users) => (\n            <ListGroup>\n              {users.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncList>\n      </Card>\n    );\n  });\n",locationsMap:{"when-empty-with-custom-empty":{startLoc:{col:7,line:208},endLoc:{col:3,line:233},startBody:{col:39,line:208},endBody:{col:3,line:233}},"when-empty-with-custom-title":{startLoc:{col:7,line:187},endLoc:{col:3,line:206},startBody:{col:39,line:187},endBody:{col:3,line:206}},"when-empty":{startLoc:{col:7,line:169},endLoc:{col:3,line:185},startBody:{col:21,line:169},endBody:{col:3,line:185}},"when-loading-with-custom-title":{startLoc:{col:7,line:151},endLoc:{col:3,line:167},startBody:{col:41,line:151},endBody:{col:3,line:167}},"when-loading":{startLoc:{col:7,line:133},endLoc:{col:3,line:149},startBody:{col:23,line:133},endBody:{col:3,line:149}},"when-error-with-no-retry-button":{startLoc:{col:7,line:115},endLoc:{col:3,line:131},startBody:{col:42,line:115},endBody:{col:3,line:131}},"when-error-with-custom-text":{startLoc:{col:7,line:94},endLoc:{col:3,line:113},startBody:{col:38,line:94},endBody:{col:3,line:113}},"when-error":{startLoc:{col:7,line:76},endLoc:{col:3,line:92},startBody:{col:21,line:76},endBody:{col:3,line:92}},"when-loaded":{startLoc:{col:7,line:58},endLoc:{col:3,line:74},startBody:{col:22,line:58},endBody:{col:3,line:74}}}}}).addParameters({component:_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z}).addDecorator((function(Story){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_query__WEBPACK_IMPORTED_MODULE_2__.QueryClientProvider,{client},react__WEBPACK_IMPORTED_MODULE_0__.createElement(Story,null))})).add("when loaded",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",loadData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))})).add("when error",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))})).add("when error with custom text",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state,text:{error:"I’m sorry Dave, I’m afraid I can’t do that"}},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))})).add("when error with no retry button",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state,showRetryButton:!1},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))})).add("when loading",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",loadingData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))})).add("when loading with custom title",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",loadingData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state,text:{loading:"Loading Jeffrey"}},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))})).add("when empty",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",emptyData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))})).add("when empty with custom title",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",emptyData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state,text:{empty:"No Jeffrey's match your parameters try again"}},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))})).add("when empty with custom empty",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",emptyData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncList__WEBPACK_IMPORTED_MODULE_3__.Z,{state,emptyContent:function emptyContent(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Mi,{mode:"empty",title:"No results found"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.zx,{icon:"refresh",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_6__.action)("clear filters")},"Clear filters"))}},(function(users){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.NX,null,users.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.WI,{key:user.id},user.email)})))})))}))},"./src/core/AsyncPage/AsyncPage.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),react_query__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-query/es/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_42_nl_spring_connect__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@42.nl/spring-connect/lib/index.js"),_AsyncPage__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/AsyncPage/AsyncPage.tsx"),_test_fixtures__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/test/fixtures.ts"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/index.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js");module=__webpack_require__.hmd(module);function loadData(){return new Promise((function(resolve){setTimeout((function(){resolve((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.o7)())}),1e3)}))}function emptyData(){return new Promise((function(resolve){setTimeout((function(){resolve((0,_42_nl_spring_connect__WEBPACK_IMPORTED_MODULE_3__.emptyPage)())}),1e3)}))}function rejectData(){return new Promise((function(resolve,reject){setTimeout((function(){reject("could not load")}),1e3)}))}function loadingData(){return new Promise((function(){}))}var client=new react_query__WEBPACK_IMPORTED_MODULE_2__.QueryClient({defaultOptions:{queries:{retry:!1,refetchOnWindowFocus:!1,cacheTime:0}}});(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/async/AsyncPage",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { QueryClient, QueryClientProvider, useQuery } from 'react-query';\nimport { Button, Card, ListGroup, ListGroupItem } from 'reactstrap';\nimport { emptyPage, Page } from '@42.nl/spring-connect';\n\nimport AsyncPage from './AsyncPage';\n\nimport { pageOfUsers } from '../../test/fixtures';\nimport { User } from '../../test/types';\nimport { ContentState } from '../..';\nimport { action } from '@storybook/addon-actions';\n\nfunction loadData(): Promise<Page<User>> {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(pageOfUsers());\n    }, 1000);\n  });\n}\n\nfunction emptyData(): Promise<Page<User>> {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(emptyPage<User>());\n    }, 1000);\n  });\n}\n\nfunction rejectData(): Promise<Page<User>> {\n  return new Promise((resolve, reject) => {\n    setTimeout(() => {\n      reject('could not load');\n    }, 1000);\n  });\n}\n\nfunction loadingData(): Promise<Page<User>> {\n  return new Promise(() => undefined);\n}\n\nconst client = new QueryClient({\n  defaultOptions: {\n    queries: {\n      retry: false,\n      refetchOnWindowFocus: false,\n      cacheTime: 0\n    }\n  }\n});\n\nstoriesOf('core/async/AsyncPage', module)\n  .addParameters({ component: AsyncPage })\n  .addDecorator((Story) => (\n    <QueryClientProvider client={client}>\n      <Story />\n    </QueryClientProvider>\n  ))\n  .add('when loaded', () => {\n    const state = useQuery('data', loadData);\n\n    return (\n      <Card body>\n        <AsyncPage state={state}>\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  })\n\n  .add('when error', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <Card body>\n        <AsyncPage state={state}>\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  })\n\n  .add('when error with custom text', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <Card body>\n        <AsyncPage\n          state={state}\n          text={{ error: 'I’m sorry Dave, I’m afraid I can’t do that' }}\n        >\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  })\n\n  .add('when error with no retry button', () => {\n    const state = useQuery('data', rejectData);\n\n    return (\n      <Card body>\n        <AsyncPage state={state} showRetryButton={false}>\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  })\n\n  .add('when loading', () => {\n    const state = useQuery('data', loadingData);\n\n    return (\n      <Card body>\n        <AsyncPage state={state}>\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  })\n\n  .add('when loading with custom title', () => {\n    const state = useQuery('data', loadingData);\n\n    return (\n      <Card body>\n        <AsyncPage state={state} text={{ loading: 'Loading Jeffrey' }}>\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  })\n\n  .add('when empty', () => {\n    const state = useQuery('data', emptyData);\n\n    return (\n      <Card body>\n        <AsyncPage state={state}>\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  })\n\n  .add('when empty with custom title', () => {\n    const state = useQuery('data', emptyData);\n\n    return (\n      <Card body>\n        <AsyncPage\n          state={state}\n          text={{ empty: \"No Jeffrey's match your parameters try again\" }}\n        >\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  })\n\n  .add('when empty with custom content', () => {\n    const state = useQuery('data', emptyData);\n\n    return (\n      <Card body>\n        <AsyncPage\n          state={state}\n          emptyContent={() => (\n            <ContentState mode=\"empty\" title=\"No results found\">\n              <Button icon=\"refresh\" onClick={action('clear filters')}>\n                Clear filters\n              </Button>\n            </ContentState>\n          )}\n        >\n          {(userPage) => (\n            <ListGroup>\n              {userPage.content.map((user) => (\n                <ListGroupItem key={user.id}>{user.email}</ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n        </AsyncPage>\n      </Card>\n    );\n  });\n",locationsMap:{"when-empty-with-custom-content":{startLoc:{col:7,line:209},endLoc:{col:3,line:234},startBody:{col:41,line:209},endBody:{col:3,line:234}},"when-empty-with-custom-title":{startLoc:{col:7,line:188},endLoc:{col:3,line:207},startBody:{col:39,line:188},endBody:{col:3,line:207}},"when-empty":{startLoc:{col:7,line:170},endLoc:{col:3,line:186},startBody:{col:21,line:170},endBody:{col:3,line:186}},"when-loading-with-custom-title":{startLoc:{col:7,line:152},endLoc:{col:3,line:168},startBody:{col:41,line:152},endBody:{col:3,line:168}},"when-loading":{startLoc:{col:7,line:134},endLoc:{col:3,line:150},startBody:{col:23,line:134},endBody:{col:3,line:150}},"when-error-with-no-retry-button":{startLoc:{col:7,line:116},endLoc:{col:3,line:132},startBody:{col:42,line:116},endBody:{col:3,line:132}},"when-error-with-custom-text":{startLoc:{col:7,line:95},endLoc:{col:3,line:114},startBody:{col:38,line:95},endBody:{col:3,line:114}},"when-error":{startLoc:{col:7,line:77},endLoc:{col:3,line:93},startBody:{col:21,line:77},endBody:{col:3,line:93}},"when-loaded":{startLoc:{col:7,line:59},endLoc:{col:3,line:75},startBody:{col:22,line:59},endBody:{col:3,line:75}}}}}).addParameters({component:_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z}).addDecorator((function(Story){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_query__WEBPACK_IMPORTED_MODULE_2__.QueryClientProvider,{client},react__WEBPACK_IMPORTED_MODULE_0__.createElement(Story,null))})).add("when loaded",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",loadData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))})).add("when error",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))})).add("when error with custom text",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state,text:{error:"I’m sorry Dave, I’m afraid I can’t do that"}},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))})).add("when error with no retry button",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",rejectData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state,showRetryButton:!1},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))})).add("when loading",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",loadingData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))})).add("when loading with custom title",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",loadingData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state,text:{loading:"Loading Jeffrey"}},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))})).add("when empty",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",emptyData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))})).add("when empty with custom title",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",emptyData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state,text:{empty:"No Jeffrey's match your parameters try again"}},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))})).add("when empty with custom content",(function(){var state=(0,react_query__WEBPACK_IMPORTED_MODULE_2__.useQuery)("data",emptyData);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncPage__WEBPACK_IMPORTED_MODULE_4__.Z,{state,emptyContent:function emptyContent(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Mi,{mode:"empty",title:"No results found"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.zx,{icon:"refresh",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_7__.action)("clear filters")},"Clear filters"))}},(function(userPage){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,null,userPage.content.map((function(user){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:user.id},user.email)})))})))}))},"./src/core/Avatar/Avatar.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_Avatar__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Avatar/Avatar.tsx"),_AvatarStack__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Avatar/AvatarStack.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Avatar",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport Avatar from \'./Avatar\';\nimport AvatarStack from \'./AvatarStack\';\n\nstoriesOf(\'core/Avatar\', module)\n  .addParameters({ component: Avatar })\n  .add(\'default\', () => (\n    <div className="text-center pt-5">\n      <Avatar alt="lg" size="lg" src="https://www.placecage.com/100/100" />\n      <Avatar alt="md" size="md" src="https://www.placecage.com/100/100" />\n      <Avatar alt="sm" size="sm" src="https://www.placecage.com/100/100" />\n      <Avatar alt="xs" size="xs" src="https://www.placecage.com/100/100" />\n      <Avatar alt="muted avatar" src="https://www.placecage.com/100/100">\n        <small className="text-muted">John Doe</small>\n      </Avatar>\n    </div>\n  ))\n  .add(\'stacked avatars\', () => (\n    <div className="text-center">\n      <AvatarStack>\n        <Avatar\n          alt="Avatar numbero 1"\n          size="xs"\n          src="https://www.placecage.com/100/100"\n        />\n        <Avatar\n          alt="Avatar numbero 2"\n          size="xs"\n          src="https://www.placecage.com/100/100"\n        />\n        <Avatar\n          alt="Avatar numbero 3"\n          size="xs"\n          src="https://www.placecage.com/100/100"\n        />\n        <Avatar\n          alt="Avatar numbero 4"\n          size="xs"\n          src="https://www.placecage.com/100/100"\n        />\n      </AvatarStack>\n    </div>\n  ));\n',locationsMap:{"stacked-avatars":{startLoc:{col:7,line:20},endLoc:{col:3,line:45},startBody:{col:26,line:20},endBody:{col:3,line:45}},default:{startLoc:{col:7,line:9},endLoc:{col:3,line:19},startBody:{col:18,line:9},endBody:{col:3,line:19}}}}}).addParameters({component:_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center pt-5"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"lg",size:"lg",src:"https://www.placecage.com/100/100"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"md",size:"md",src:"https://www.placecage.com/100/100"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"sm",size:"sm",src:"https://www.placecage.com/100/100"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"xs",size:"xs",src:"https://www.placecage.com/100/100"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"muted avatar",src:"https://www.placecage.com/100/100"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("small",{className:"text-muted"},"John Doe")))})).add("stacked avatars",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AvatarStack__WEBPACK_IMPORTED_MODULE_3__.Z,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"Avatar numbero 1",size:"xs",src:"https://www.placecage.com/100/100"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"Avatar numbero 2",size:"xs",src:"https://www.placecage.com/100/100"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"Avatar numbero 3",size:"xs",src:"https://www.placecage.com/100/100"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar__WEBPACK_IMPORTED_MODULE_2__.Z,{alt:"Avatar numbero 4",size:"xs",src:"https://www.placecage.com/100/100"})))}))},"./src/core/BooleanIcon/BooleanIcon.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/BooleanIcon/BooleanIcon.tsx"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/BooleanIcon",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport { BooleanIcon } from \'./BooleanIcon\';\nimport { action } from \'@storybook/addon-actions\';\n\nstoriesOf(\'core/BooleanIcon\', module)\n  .addParameters({ component: BooleanIcon })\n  .add(\'basic\', () => {\n    return (\n      <div className="text-center align-middle">\n        true <BooleanIcon value={true} />\n        <br />\n        false <BooleanIcon value={false} />\n      </div>\n    );\n  })\n  .add(\'size\', () => {\n    return (\n      <div className="text-center align-middle">\n        small <BooleanIcon value={true} size={10} />{\' \'}\n        <BooleanIcon value={false} size={10} />\n        <br />\n        default <BooleanIcon value={true} /> <BooleanIcon value={false} />\n        <br />\n        big <BooleanIcon value={true} size={30} />{\' \'}\n        <BooleanIcon value={false} size={30} />\n      </div>\n    );\n  })\n  .add(\'color\', () => {\n    return (\n      <div className="text-center align-middle">\n        default\n        <BooleanIcon value={true} />\n        <BooleanIcon value={false} />\n        <br />\n        primary\n        <BooleanIcon value={true} color="primary" />\n        <BooleanIcon value={false} color="primary" />\n        <br />\n        secondary\n        <BooleanIcon value={true} color="secondary" />\n        <BooleanIcon value={false} color="secondary" />\n        <br />\n        success\n        <BooleanIcon value={true} color="success" />\n        <BooleanIcon value={false} color="success" />\n        <br />\n        info\n        <BooleanIcon value={true} color="info" />\n        <BooleanIcon value={false} color="info" />\n        <br />\n        warning\n        <BooleanIcon value={true} color="warning" />\n        <BooleanIcon value={false} color="warning" />\n        <br />\n        danger\n        <BooleanIcon value={true} color="danger" />\n        <BooleanIcon value={false} color="danger" />\n        <br />\n        link\n        <BooleanIcon value={true} color="link" />\n        <BooleanIcon value={false} color="link" />\n        <br />\n        muted\n        <BooleanIcon value={true} color="muted" />\n        <BooleanIcon value={false} color="muted" />\n        <br />\n        dark\n        <BooleanIcon value={true} color="dark" />\n        <BooleanIcon value={false} color="dark" />\n        <br />\n        light\n        <BooleanIcon value={true} color="light" />\n        <BooleanIcon value={false} color="light" />\n      </div>\n    );\n  })\n  .add(\'hover color\', () => {\n      return (\n        <div className="text-center align-middle">\n            true <BooleanIcon value={true} hoverColor="primary" onChange={action(\'active icon clicked\')} />\n            <br />\n            false <BooleanIcon value={false} hoverColor="primary" onChange={action(\'inactive icon clicked\')} />\n        </div>\n      );\n  });\n',locationsMap:{"hover-color":{startLoc:{col:7,line:80},endLoc:{col:3,line:88},startBody:{col:22,line:80},endBody:{col:3,line:88}},color:{startLoc:{col:7,line:31},endLoc:{col:3,line:79},startBody:{col:16,line:31},endBody:{col:3,line:79}},size:{startLoc:{col:7,line:18},endLoc:{col:3,line:30},startBody:{col:15,line:18},endBody:{col:3,line:30}},basic:{startLoc:{col:7,line:9},endLoc:{col:3,line:17},startBody:{col:16,line:9},endBody:{col:3,line:17}}}}}).addParameters({component:_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center align-middle"},"true ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"false ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1}))})).add("size",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center align-middle"},"small ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,size:10})," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,size:10}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"default ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0})," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"big ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,size:30})," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,size:30}))})).add("color",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center align-middle"},"default",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"primary",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"primary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"primary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"secondary",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"secondary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"secondary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"success",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"success"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"success"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"info",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"info"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"info"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"warning",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"warning"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"warning"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"danger",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"danger"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"danger"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"link",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"link"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"link"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"muted",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"muted"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"muted"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"dark",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"dark"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"dark"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"light",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,color:"light"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,color:"light"}))})).add("hover color",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center align-middle"},"true ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!0,hoverColor:"primary",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("active icon clicked")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"false ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_BooleanIcon__WEBPACK_IMPORTED_MODULE_2__.U,{value:!1,hoverColor:"primary",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("inactive icon clicked")}))}))},"./src/core/Button/Button.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Button/Button.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/buttons/Button",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { action } from \'@storybook/addon-actions\';\nimport { Row, Col } from \'reactstrap\';\n\nimport Button from \'./Button\';\n\nstoriesOf(\'core/buttons/Button\', module)\n  .addParameters({ component: Button })\n  .add(\'sizes\', () => {\n    return (\n      <Row>\n        <Col xs={12}>\n          <h5>Button</h5>\n          <Button onClick={action(\'Button clicked\')} color="primary" size="sm">\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            size="md"\n          >\n            md\n          </Button>\n          <Button onClick={action(\'Button clicked\')} color="success" size="lg">\n            lg\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            size="sm"\n            icon="save"\n          >\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            size="md"\n            icon="save"\n          >\n            md\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="success"\n            size="lg"\n            icon="save"\n          >\n            lg\n          </Button>\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Button in progress</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="primary"\n            size="sm"\n          >\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="secondary"\n            size="md"\n          >\n            md\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="success"\n            size="lg"\n          >\n            lg\n          </Button>\n\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Button with icon right</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            size="sm"\n            icon="save"\n            iconPosition="right"\n          >\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            size="md"\n            icon="save"\n            iconPosition="right"\n          >\n            md\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="success"\n            size="lg"\n            icon="save"\n            iconPosition="right"\n          >\n            lg\n          </Button>\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Button with icon right in progress</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            size="sm"\n            icon="save"\n            iconPosition="right"\n            inProgress={true}\n          >\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            size="md"\n            icon="save"\n            iconPosition="right"\n            inProgress={true}\n          >\n            md\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="success"\n            size="lg"\n            icon="save"\n            iconPosition="right"\n            inProgress={true}\n          >\n            lg\n          </Button>\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Button disabled</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            disabled={true}\n            size="sm"\n          >\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            disabled={true}\n            size="md"\n          >\n            md\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="success"\n            disabled={true}\n            size="lg"\n          >\n            lg\n          </Button>\n\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Outline</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            color="primary"\n            size="sm"\n          >\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            color="secondary"\n            size="md"\n          >\n            md\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            color="success"\n            size="lg"\n          >\n            lg\n          </Button>\n\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Outline with icon</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            color="primary"\n            size="sm"\n            icon="save"\n          >\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            color="secondary"\n            size="md"\n            icon="save"\n          >\n            md\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            color="success"\n            size="lg"\n            icon="save"\n          >\n            lg\n          </Button>\n\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Outline disabled</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            disabled={true}\n            color="primary"\n            size="sm"\n            icon="save"\n          >\n            sm\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            disabled={true}\n            color="secondary"\n            size="md"\n            icon="save"\n          >\n            md\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            outline={true}\n            disabled={true}\n            color="success"\n            size="lg"\n            icon="save"\n          >\n            lg\n          </Button>\n\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Icon</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            size="sm"\n            icon="save"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            size="md"\n            icon="save"\n          />\n\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="success"\n            size="lg"\n            icon="save"\n          />\n\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Icon in progress</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            size="sm"\n            icon="save"\n            inProgress={true}\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            size="md"\n            icon="save"\n            inProgress={true}\n          />\n\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="success"\n            size="lg"\n            icon="save"\n            inProgress={true}\n          />\n\n          <hr />\n        </Col>\n      </Row>\n    );\n  })\n  .add(\'as button\', () => {\n    return (\n      <Row>\n        <Col xs={12}>\n          <h5>Button</h5>\n          <Button onClick={action(\'Button clicked\')} color="primary">\n            primary\n          </Button>\n          <Button onClick={action(\'Button clicked\')} color="secondary">\n            secondary\n          </Button>\n          <Button onClick={action(\'Button clicked\')} color="success">\n            success\n          </Button>\n          <Button onClick={action(\'Button clicked\')} color="info">\n            info\n          </Button>\n          <Button onClick={action(\'Button clicked\')} color="warning">\n            warning\n          </Button>\n          <Button onClick={action(\'Button clicked\')} color="danger">\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button disabled</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            disabled={true}\n          >\n            primary\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            disabled={true}\n          >\n            secondary\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="success"\n            disabled={true}\n          >\n            success\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="info"\n            disabled={true}\n          >\n            info\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="warning"\n            disabled={true}\n          >\n            warning\n          </Button>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="danger"\n            disabled={true}\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon</h5>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="success"\n          >\n            success\n          </Button>\n          <Button icon="save" onClick={action(\'Button clicked\')} color="info">\n            info\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button icon="save" onClick={action(\'Button clicked\')} color="danger">\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon in progress</h5>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon disabled</h5>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            disabled={true}\n          >\n            primary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            disabled={true}\n          >\n            secondary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="success"\n            disabled={true}\n          >\n            success\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="info"\n            disabled={true}\n          >\n            info\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="warning"\n            disabled={true}\n          >\n            warning\n          </Button>\n          <Button icon="save" onClick={action(\'Button clicked\')} color="danger">\n            danger\n          </Button>\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Button with icon right</h5>\n          <Button\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Button with icon right in progress</h5>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon right disabled</h5>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n      </Row>\n    );\n  })\n  .add(\'as outline\', () => {\n    return (\n      <Row>\n        <Col xs={12}>\n          <h5>Button</h5>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button disabled</h5>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            disabled={true}\n          >\n            primary\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            disabled={true}\n          >\n            secondary\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="success"\n            disabled={true}\n          >\n            success\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="info"\n            disabled={true}\n          >\n            info\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="warning"\n            disabled={true}\n          >\n            warning\n          </Button>\n          <Button\n            outline={true}\n            onClick={action(\'Button clicked\')}\n            color="danger"\n            disabled={true}\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon</h5>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon in progress</h5>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon disabled</h5>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            disabled={true}\n          >\n            primary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n            disabled={true}\n          >\n            secondary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="success"\n            disabled={true}\n          >\n            success\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="info"\n            disabled={true}\n          >\n            info\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="warning"\n            disabled={true}\n          >\n            warning\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Button with icon right</h5>\n          <Button\n            outline={true}\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            iconPosition="right"\n            onClick={action(\'Button clicked\')}\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Button with icon right in progress</h5>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            iconPosition="right"\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button with icon right disabled</h5>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="primary"\n          >\n            primary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="secondary"\n          >\n            secondary\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="success"\n          >\n            success\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="info"\n          >\n            info\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="warning"\n          >\n            warning\n          </Button>\n          <Button\n            outline={true}\n            icon="save"\n            onClick={action(\'Button clicked\')}\n            disabled={true}\n            iconPosition="right"\n            color="danger"\n          >\n            danger\n          </Button>\n          <hr />\n        </Col>\n      </Row>\n    );\n  })\n  .add(\'as icon\', () => {\n    return (\n      <Row>\n        <Col xs={12}>\n          <h5>Icon</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="primary"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="secondary"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="success"\n          />\n          <Button onClick={action(\'Button clicked\')} icon="save" color="info" />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="warning"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="danger"\n          />\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Icon in progress</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            inProgress={true}\n            color="primary"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            inProgress={true}\n            color="secondary"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            inProgress={true}\n            color="success"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            inProgress={true}\n            color="info"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            inProgress={true}\n            color="warning"\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            inProgress={true}\n            color="danger"\n          />\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Icon disabled</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="primary"\n            disabled={true}\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="secondary"\n            disabled={true}\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="success"\n            disabled={true}\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="info"\n            disabled={true}\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="warning"\n            disabled={true}\n          />\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon="save"\n            color="danger"\n            disabled={true}\n          />\n          <hr />\n        </Col>\n      </Row>\n    );\n  })\n  .add(\'full width\', () => {\n    return (\n      <Row>\n        <Col xs={12}>\n          <h5>Button</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            fullWidth={true}\n          >\n            primary\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button in progress</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            inProgress={true}\n            color="primary"\n            fullWidth={true}\n          >\n            primary\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Button disabled</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            disabled={true}\n            fullWidth={true}\n          >\n            primary\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Outline</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            fullWidth={true}\n            outline={true}\n          >\n            primary\n          </Button>\n          <hr />\n        </Col>\n        <Col xs={12}>\n          <h5>Outline disabled</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            color="primary"\n            disabled={true}\n            fullWidth={true}\n            outline={true}\n          >\n            primary\n          </Button>\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Icon left</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon={\'save\'}\n            fullWidth={true}\n          />\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Icon right</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon={\'save\'}\n            iconPosition="right"\n            fullWidth={true}\n          />\n          <hr />\n        </Col>\n\n        <Col xs={12}>\n          <h5>Icon disabled</h5>\n          <Button\n            onClick={action(\'Button clicked\')}\n            icon={\'save\'}\n            fullWidth={true}\n            disabled={true}\n          />\n          <hr />\n        </Col>\n      </Row>\n    );\n  });\n',locationsMap:{"full-width":{startLoc:{col:7,line:1295},endLoc:{col:3,line:1392},startBody:{col:21,line:1295},endBody:{col:3,line:1392}},"as-icon":{startLoc:{col:7,line:1178},endLoc:{col:3,line:1294},startBody:{col:18,line:1178},endBody:{col:3,line:1294}},"as-outline":{startLoc:{col:7,line:719},endLoc:{col:3,line:1177},startBody:{col:21,line:719},endBody:{col:3,line:1177}},"as-button":{startLoc:{col:7,line:338},endLoc:{col:3,line:718},startBody:{col:20,line:338},endBody:{col:3,line:718}},sizes:{startLoc:{col:7,line:10},endLoc:{col:3,line:337},startBody:{col:16,line:10},endBody:{col:3,line:337}}}}}).addParameters({component:_Button__WEBPACK_IMPORTED_MODULE_3__.ZP}).add("sizes",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",size:"sm"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",size:"md"},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",size:"lg"},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",size:"sm",icon:"save"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",size:"md",icon:"save"},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",size:"lg",icon:"save"},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"primary",size:"sm"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"secondary",size:"md"},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"success",size:"lg"},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon right"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",size:"sm",icon:"save",iconPosition:"right"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",size:"md",icon:"save",iconPosition:"right"},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",size:"lg",icon:"save",iconPosition:"right"},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon right in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",size:"sm",icon:"save",iconPosition:"right",inProgress:!0},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",size:"md",icon:"save",iconPosition:"right",inProgress:!0},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",size:"lg",icon:"save",iconPosition:"right",inProgress:!0},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",disabled:!0,size:"sm"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",disabled:!0,size:"md"},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",disabled:!0,size:"lg"},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Outline"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,color:"primary",size:"sm"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,color:"secondary",size:"md"},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,color:"success",size:"lg"},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Outline with icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,color:"primary",size:"sm",icon:"save"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,color:"secondary",size:"md",icon:"save"},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,color:"success",size:"lg",icon:"save"},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Outline disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,disabled:!0,color:"primary",size:"sm",icon:"save"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,disabled:!0,color:"secondary",size:"md",icon:"save"},"md"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),outline:!0,disabled:!0,color:"success",size:"lg",icon:"save"},"lg"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",size:"sm",icon:"save"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",size:"md",icon:"save"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",size:"lg",icon:"save"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Icon in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",size:"sm",icon:"save",inProgress:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",size:"md",icon:"save",inProgress:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",size:"lg",icon:"save",inProgress:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)))})).add("as button",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",disabled:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",disabled:!0},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",disabled:!0},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info",disabled:!0},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning",disabled:!0},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger",disabled:!0},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",disabled:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",disabled:!0},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",disabled:!0},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info",disabled:!0},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning",disabled:!0},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon right"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon right in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon right disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)))})).add("as outline",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",disabled:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",disabled:!0},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",disabled:!0},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info",disabled:!0},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning",disabled:!0},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger",disabled:!0},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",disabled:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary",disabled:!0},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success",disabled:!0},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info",disabled:!0},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning",disabled:!0},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon right"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",iconPosition:"right",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon right in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,iconPosition:"right",color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button with icon right disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"primary"},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"secondary"},"secondary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"success"},"success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"info"},"info"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"warning"},"warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{outline:!0,icon:"save",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),disabled:!0,iconPosition:"right",color:"danger"},"danger"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)))})).add("as icon",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"primary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"secondary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"success"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"info"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"warning"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"danger"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Icon in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",inProgress:!0,color:"primary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",inProgress:!0,color:"secondary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",inProgress:!0,color:"success"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",inProgress:!0,color:"info"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",inProgress:!0,color:"warning"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",inProgress:!0,color:"danger"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Icon disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"primary",disabled:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"secondary",disabled:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"success",disabled:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"info",disabled:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"warning",disabled:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",color:"danger",disabled:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)))})).add("full width",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",fullWidth:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button in progress"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),inProgress:!0,color:"primary",fullWidth:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Button disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",disabled:!0,fullWidth:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Outline"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",fullWidth:!0,outline:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Outline disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),color:"primary",disabled:!0,fullWidth:!0,outline:!0},"primary"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Icon left"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",fullWidth:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Icon right"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",iconPosition:"right",fullWidth:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{xs:12},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Icon disabled"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Button clicked"),icon:"save",fullWidth:!0,disabled:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null)))}))},"./src/core/Card/Card.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Card__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Card/Card.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Card",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { CardTitle } from 'reactstrap';\n\nimport { Card } from './Card';\n\nstoriesOf('core/Card', module)\n  .add('basic', () => {\n    return (\n      <Card\n        header={<CardTitle>This is a card</CardTitle>}\n        footer=\"And a footer\"\n      >\n        <p>With some content in it</p>\n      </Card>\n    );\n  })\n  .add('without header', () => {\n    return (\n      <Card footer=\"And a footer\">\n        <CardTitle>This is a card</CardTitle>\n        <p>With some content in it</p>\n      </Card>\n    );\n  })\n  .add('without footer', () => {\n    return (\n      <Card header={<CardTitle>This is a card</CardTitle>}>\n        <p>With some content in it</p>\n      </Card>\n    );\n  });\n",locationsMap:{"without-footer":{startLoc:{col:7,line:26},endLoc:{col:3,line:32},startBody:{col:25,line:26},endBody:{col:3,line:32}},"without-header":{startLoc:{col:7,line:18},endLoc:{col:3,line:25},startBody:{col:25,line:18},endBody:{col:3,line:25}},basic:{startLoc:{col:7,line:8},endLoc:{col:3,line:17},startBody:{col:16,line:8},endBody:{col:3,line:17}}}}}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Card__WEBPACK_IMPORTED_MODULE_2__.Z,{header:react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.ll,null,"This is a card"),footer:"And a footer"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"With some content in it"))})).add("without header",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Card__WEBPACK_IMPORTED_MODULE_2__.Z,{footer:"And a footer"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.ll,null,"This is a card"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"With some content in it"))})).add("without footer",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Card__WEBPACK_IMPORTED_MODULE_2__.Z,{header:react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.ll,null,"This is a card")},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"With some content in it"))}))},"./src/core/CardOpenClose/CardOpenClose.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_CardOpenClose__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/CardOpenClose/CardOpenClose.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/CardOpenClose",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { CardOpenClose } from \'./CardOpenClose\';\n\nstoriesOf(\'core/CardOpenClose\', module)\n  .addParameters({ component: CardOpenClose })\n  .add(\'basic\', () => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    return (\n      <CardOpenClose\n        header="You should see this!"\n        isOpen={isOpen}\n        toggle={() => setIsOpen(!isOpen)}\n      >\n        {() => (\n          <iframe\n            width="560"\n            height="315"\n            src="https://www.youtube.com/embed/dQw4w9WgXcQ?controls=0&autoplay=1"\n            title="YouTube video player"\n            frameBorder="0"\n            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"\n            allowFullScreen\n          ></iframe>\n        )}\n      </CardOpenClose>\n    );\n  });\n',locationsMap:{basic:{startLoc:{col:7,line:7},endLoc:{col:3,line:29},startBody:{col:16,line:7},endBody:{col:3,line:29}}}}}).addParameters({component:_CardOpenClose__WEBPACK_IMPORTED_MODULE_2__.X}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CardOpenClose__WEBPACK_IMPORTED_MODULE_2__.X,{header:"You should see this!",isOpen,toggle:function toggle(){return setIsOpen(!isOpen)}},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/dQw4w9WgXcQ?controls=0&autoplay=1",title:"YouTube video player",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})}))}))},"./src/core/ConfirmButton/ConfirmButton.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/ConfirmButton/ConfirmButton.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/buttons/ConfirmButton",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport ConfirmButton from './ConfirmButton';\n\nstoriesOf('core/buttons/ConfirmButton', module)\n  .addParameters({ component: ConfirmButton })\n  .add('as button', () => {\n    return (\n      <div className=\"text-center\">\n        <p>When not in progress:</p>\n        <ConfirmButton\n          onConfirm={action('Accept clicked')}\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n        >\n          Delete user\n        </ConfirmButton>\n\n        <hr />\n\n        <p>When in progress:</p>\n        <ConfirmButton\n          onConfirm={action('Accept clicked')}\n          inProgress={true}\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n        >\n          Delete user\n        </ConfirmButton>\n      </div>\n    );\n  })\n  .add('as icon', () => {\n    return (\n      <div className=\"text-center\">\n        <p>When not in progress:</p>\n        <ConfirmButton\n          onConfirm={action('Accept clicked')}\n          icon=\"delete\"\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n        />\n\n        <hr />\n\n        <p>When in progress:</p>\n        <ConfirmButton\n          onConfirm={action('Confirm clicked')}\n          icon=\"delete\"\n          inProgress={true}\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n        />\n      </div>\n    );\n  })\n  .add('as button with icon', () => {\n    return (\n      <div className=\"text-center\">\n        <p>When not in progress:</p>\n        <ConfirmButton\n          onConfirm={action('Confirm clicked')}\n          icon=\"delete\"\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n        >\n          Delete user\n        </ConfirmButton>\n\n        <hr />\n\n        <p>When in progress:</p>\n        <ConfirmButton\n          onConfirm={action('Confirm clicked')}\n          icon=\"delete\"\n          inProgress={true}\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n        >\n          Delete user\n        </ConfirmButton>\n      </div>\n    );\n  })\n  .add('custom text and color', () => {\n    return (\n      <div className=\"text-center\">\n        <p>When not in progress:</p>\n        <ConfirmButton\n          color=\"info\"\n          onConfirm={action('Confirm clicked')}\n          icon=\"delete\"\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n          text={{\n            confirm: 'YES',\n            cancel: 'NO',\n            modalHeader: 'PLEASE SAY YES'\n          }}\n        >\n          Delete user\n        </ConfirmButton>\n\n        <hr />\n\n        <p>When in progress:</p>\n        <ConfirmButton\n          color=\"info\"\n          onConfirm={action('Confirm clicked')}\n          icon=\"delete\"\n          inProgress={true}\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n          text={{\n            confirm: 'YES',\n            cancel: 'NO',\n            modalHeader: 'PLEASE SAY YES'\n          }}\n        >\n          Delete user\n        </ConfirmButton>\n      </div>\n    );\n  })\n  .add('full width', () => {\n    return (\n      <div className=\"text-center\">\n        <p>When not in progress:</p>\n        <ConfirmButton\n          fullWidth={true}\n          onConfirm={action('Accept clicked')}\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n        >\n          Delete user\n        </ConfirmButton>\n\n        <hr />\n\n        <p>When in progress:</p>\n        <ConfirmButton\n          fullWidth={true}\n          onConfirm={action('Accept clicked')}\n          inProgress={true}\n          dialogText={\n            <p>\n              Are you sure you want to <strong>delete</strong> the user?\n            </p>\n          }\n        >\n          Delete user\n        </ConfirmButton>\n      </div>\n    );\n  });\n",locationsMap:{"full-width":{startLoc:{col:7,line:151},endLoc:{col:3,line:184},startBody:{col:21,line:151},endBody:{col:3,line:184}},"custom-text-and-color":{startLoc:{col:7,line:105},endLoc:{col:3,line:150},startBody:{col:32,line:105},endBody:{col:3,line:150}},"as-button-with-icon":{startLoc:{col:7,line:71},endLoc:{col:3,line:104},startBody:{col:30,line:71},endBody:{col:3,line:104}},"as-icon":{startLoc:{col:7,line:41},endLoc:{col:3,line:70},startBody:{col:18,line:41},endBody:{col:3,line:70}},"as-button":{startLoc:{col:7,line:9},endLoc:{col:3,line:40},startBody:{col:20,line:9},endBody:{col:3,line:40}}}}}).addParameters({component:_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z}).add("as button",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When not in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Accept clicked"),dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?")},"Delete user"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Accept clicked"),inProgress:!0,dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?")},"Delete user"))})).add("as icon",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When not in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Accept clicked"),icon:"delete",dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Confirm clicked"),icon:"delete",inProgress:!0,dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?")}))})).add("as button with icon",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When not in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Confirm clicked"),icon:"delete",dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?")},"Delete user"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Confirm clicked"),icon:"delete",inProgress:!0,dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?")},"Delete user"))})).add("custom text and color",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When not in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"info",onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Confirm clicked"),icon:"delete",dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?"),text:{confirm:"YES",cancel:"NO",modalHeader:"PLEASE SAY YES"}},"Delete user"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"info",onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Confirm clicked"),icon:"delete",inProgress:!0,dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?"),text:{confirm:"YES",cancel:"NO",modalHeader:"PLEASE SAY YES"}},"Delete user"))})).add("full width",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When not in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{fullWidth:!0,onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Accept clicked"),dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?")},"Delete user"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton__WEBPACK_IMPORTED_MODULE_3__.Z,{fullWidth:!0,onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Accept clicked"),inProgress:!0,dialogText:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"delete")," the user?")},"Delete user"))}))},"./src/core/ConfirmModal/ConfirmModal.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var _storybook_react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_ConfirmModal__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/ConfirmModal/ConfirmModal.tsx"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);var disclaimer=react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement("p",{className:"mt-3"},react__WEBPACK_IMPORTED_MODULE_2__.createElement("strong",null,"Note:")," In most cases, you'll want to use the"," ",react__WEBPACK_IMPORTED_MODULE_2__.createElement("code",null,"ConfirmButton")," component instead. ConfirmButton offers an easy-to-use button that triggers this dialog."),react__WEBPACK_IMPORTED_MODULE_2__.createElement("p",null,"When it is not possible to trigger the action through a button, such as when using a ButtonDropdown, you can use this component directly instead."));(0,_storybook_react__WEBPACK_IMPORTED_MODULE_0__.storiesOf)("core/ConfirmModal",module).addParameters({storySource:{source:"import { storiesOf } from '@storybook/react';\nimport ConfirmModal from './ConfirmModal';\nimport React, { useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport {\n  ButtonDropdown,\n  DropdownItem,\n  DropdownMenu,\n  DropdownToggle\n} from 'reactstrap';\n\nconst disclaimer = (\n  <>\n    <p className=\"mt-3\">\n      <strong>Note:</strong> In most cases, you&apos;ll want to use the{' '}\n      <code>ConfirmButton</code> component instead. ConfirmButton offers an\n      easy-to-use button that triggers this dialog.\n    </p>\n    <p>\n      When it is not possible to trigger the action through a button, such as\n      when using a ButtonDropdown, you can use this component directly instead.\n    </p>\n  </>\n);\n\nstoriesOf('core/ConfirmModal', module)\n  .addParameters({ component: ConfirmModal })\n  .add('in dropdown', () => {\n    const [isDropdownMenuOpen, setDropdownMenuOpen] = useState(false);\n    const [isConfirmModalOpen, setConfirmModalOpen] = useState(false);\n\n    return (\n      <div className=\"text-center mt-3\">\n        <ConfirmModal\n          isOpen={isConfirmModalOpen}\n          onClose={() => setConfirmModalOpen(false)}\n          onSave={() => {\n            setConfirmModalOpen(false);\n            action('confirm clicked')();\n          }}\n          modalText=\"Are you sure to delete this user? This operation cannot be undone!\"\n        />\n        <ButtonDropdown\n          isOpen={isDropdownMenuOpen}\n          toggle={() => setDropdownMenuOpen(!isDropdownMenuOpen)}\n        >\n          <DropdownToggle caret>Actions</DropdownToggle>\n          <DropdownMenu>\n            <DropdownItem onClick={() => setConfirmModalOpen(true)}>\n              Delete user\n            </DropdownItem>\n          </DropdownMenu>\n        </ButtonDropdown>\n\n        {disclaimer}\n      </div>\n    );\n  })\n  .add('with custom text', () => {\n    const [isDropdownMenuOpen, setDropdownMenuOpen] = useState(false);\n    const [isConfirmModalOpen, setConfirmModalOpen] = useState(false);\n\n    return (\n      <div className=\"text-center mt-3\">\n        <ConfirmModal\n          isOpen={isConfirmModalOpen}\n          onClose={() => setConfirmModalOpen(false)}\n          onSave={() => {\n            setConfirmModalOpen(false);\n            action('Confirm clicked')();\n          }}\n          label=\"PLEASE SAY YES\"\n          modalText={\n            <p>\n              Are you sure you want to <strong>delete</strong> all users?\n            </p>\n          }\n          confirmText=\"YES\"\n          cancelText=\"NO\"\n        />\n        <ButtonDropdown\n          isOpen={isDropdownMenuOpen}\n          toggle={() => setDropdownMenuOpen(!isDropdownMenuOpen)}\n        >\n          <DropdownToggle caret>Actions - custom text</DropdownToggle>\n          <DropdownMenu>\n            <DropdownItem onClick={() => setConfirmModalOpen(true)}>\n              Delete all users\n            </DropdownItem>\n          </DropdownMenu>\n        </ButtonDropdown>\n\n        {disclaimer}\n      </div>\n    );\n  });\n",locationsMap:{"with-custom-text":{startLoc:{col:7,line:59},endLoc:{col:3,line:96},startBody:{col:27,line:59},endBody:{col:3,line:96}},"in-dropdown":{startLoc:{col:7,line:28},endLoc:{col:3,line:58},startBody:{col:22,line:28},endBody:{col:3,line:58}}}}}).addParameters({component:_ConfirmModal__WEBPACK_IMPORTED_MODULE_1__.Z}).add("in dropdown",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),2),isDropdownMenuOpen=_useState2[0],setDropdownMenuOpen=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),2),isConfirmModalOpen=_useState4[0],setConfirmModalOpen=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",{className:"text-center mt-3"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_ConfirmModal__WEBPACK_IMPORTED_MODULE_1__.Z,{isOpen:isConfirmModalOpen,onClose:function onClose(){return setConfirmModalOpen(!1)},onSave:function onSave(){setConfirmModalOpen(!1),(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("confirm clicked")()},modalText:"Are you sure to delete this user? This operation cannot be undone!"}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Kb,{isOpen:isDropdownMenuOpen,toggle:function toggle(){return setDropdownMenuOpen(!isDropdownMenuOpen)}},react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Z_,{caret:!0},"Actions"),react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.h_,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.hP,{onClick:function onClick(){return setConfirmModalOpen(!0)}},"Delete user"))),disclaimer)})).add("with custom text",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),2),isDropdownMenuOpen=_useState6[0],setDropdownMenuOpen=_useState6[1],_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),2),isConfirmModalOpen=_useState8[0],setConfirmModalOpen=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",{className:"text-center mt-3"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_ConfirmModal__WEBPACK_IMPORTED_MODULE_1__.Z,{isOpen:isConfirmModalOpen,onClose:function onClose(){return setConfirmModalOpen(!1)},onSave:function onSave(){setConfirmModalOpen(!1),(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("Confirm clicked")()},label:"PLEASE SAY YES",modalText:react__WEBPACK_IMPORTED_MODULE_2__.createElement("p",null,"Are you sure you want to ",react__WEBPACK_IMPORTED_MODULE_2__.createElement("strong",null,"delete")," all users?"),confirmText:"YES",cancelText:"NO"}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Kb,{isOpen:isDropdownMenuOpen,toggle:function toggle(){return setDropdownMenuOpen(!isDropdownMenuOpen)}},react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Z_,{caret:!0},"Actions - custom text"),react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.h_,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.hP,{onClick:function onClick(){return setConfirmModalOpen(!0)}},"Delete all users"))),disclaimer)}))},"./src/core/ContentState/ContentState.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_ContentState__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/ContentState/ContentState.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/ContentState",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { Button } from \'reactstrap\';\n\nimport ContentState from \'./ContentState\';\n\nstoriesOf(\'core/ContentState\', module)\n  .addParameters({ component: ContentState })\n  .add(\'empty\', () => {\n    return (\n      <ContentState\n        mode="empty"\n        title="Accounts"\n        subTitle="There are no accounts yet"\n      />\n    );\n  })\n  .add(\'error\', () => {\n    return (\n      <ContentState\n        mode="error"\n        title="Bikes"\n        subTitle="All bikes are destroyed"\n      />\n    );\n  })\n  .add(\'no-results\', () => {\n    return (\n      <ContentState\n        mode="no-results"\n        title="Persons"\n        subTitle="No persons found matching criteria"\n      />\n    );\n  })\n  .add(\'loading\', () => {\n    return <ContentState mode="loading" title="Loading..." />;\n  })\n  .add(\'with children\', () => {\n    return (\n      <ContentState\n        mode="empty"\n        title="Bikes"\n        subTitle="There are no bikes yet"\n      >\n        <Button color="info">Add bike</Button>\n      </ContentState>\n    );\n  });\n',locationsMap:{"with-children":{startLoc:{col:7,line:39},endLoc:{col:3,line:49},startBody:{col:24,line:39},endBody:{col:3,line:49}},loading:{startLoc:{col:7,line:36},endLoc:{col:3,line:38},startBody:{col:18,line:36},endBody:{col:3,line:38}},"no-results":{startLoc:{col:7,line:27},endLoc:{col:3,line:35},startBody:{col:21,line:27},endBody:{col:3,line:35}},error:{startLoc:{col:7,line:18},endLoc:{col:3,line:26},startBody:{col:16,line:18},endBody:{col:3,line:26}},empty:{startLoc:{col:7,line:9},endLoc:{col:3,line:17},startBody:{col:16,line:9},endBody:{col:3,line:17}}}}}).addParameters({component:_ContentState__WEBPACK_IMPORTED_MODULE_2__.Z}).add("empty",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState__WEBPACK_IMPORTED_MODULE_2__.Z,{mode:"empty",title:"Accounts",subTitle:"There are no accounts yet"})})).add("error",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState__WEBPACK_IMPORTED_MODULE_2__.Z,{mode:"error",title:"Bikes",subTitle:"All bikes are destroyed"})})).add("no-results",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState__WEBPACK_IMPORTED_MODULE_2__.Z,{mode:"no-results",title:"Persons",subTitle:"No persons found matching criteria"})})).add("loading",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState__WEBPACK_IMPORTED_MODULE_2__.Z,{mode:"loading",title:"Loading..."})})).add("with children",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState__WEBPACK_IMPORTED_MODULE_2__.Z,{mode:"empty",title:"Bikes",subTitle:"There are no bikes yet"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.zx,{color:"info"},"Add bike"))}))},"./src/core/Debug/Debug.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_Debug__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Debug/Debug.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Debug",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport { Debug } from './Debug';\n\nstoriesOf('core/Debug', module)\n  .addParameters({ component: Debug })\n  .add('default open', () => {\n    const birthday = new Date();\n    birthday.setFullYear(birthday.getFullYear() - 42);\n\n    const user = {\n      firstName: 'Hank',\n      lastName: 'Hankleton',\n      age: 42,\n      birthday\n    };\n\n    return <Debug value={user} />;\n  })\n  .add('default closed', () => {\n    const birthday = new Date();\n    birthday.setFullYear(birthday.getFullYear() - 42);\n\n    const user = {\n      firstName: 'Hank',\n      lastName: 'Hankleton',\n      age: 42,\n      birthday\n    };\n\n    return <Debug value={user} defaultOpen={false} />;\n  });\n",locationsMap:{"default-closed":{startLoc:{col:7,line:21},endLoc:{col:3,line:33},startBody:{col:25,line:21},endBody:{col:3,line:33}},"default-open":{startLoc:{col:7,line:8},endLoc:{col:3,line:20},startBody:{col:23,line:8},endBody:{col:3,line:20}}}}}).addParameters({component:_Debug__WEBPACK_IMPORTED_MODULE_2__.c}).add("default open",(function(){var birthday=new Date;birthday.setFullYear(birthday.getFullYear()-42);var user={firstName:"Hank",lastName:"Hankleton",age:42,birthday};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Debug__WEBPACK_IMPORTED_MODULE_2__.c,{value:user})})).add("default closed",(function(){var birthday=new Date;birthday.setFullYear(birthday.getFullYear()-42);var user={firstName:"Hank",lastName:"Hankleton",age:42,birthday};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Debug__WEBPACK_IMPORTED_MODULE_2__.c,{value:user,defaultOpen:!1})}))},"./src/core/FavoriteIcon/FavoriteIcon.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_FavoriteIcon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/FavoriteIcon/FavoriteIcon.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/FavoriteIcon",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport { FavoriteIcon } from './FavoriteIcon';\n\nstoriesOf('core/FavoriteIcon', module)\n  .addParameters({ component: FavoriteIcon })\n  .add('default', () => {\n    const [favorite, setFavorite] = useState(false);\n    return (\n      <div className=\"text-center\">\n        <FavoriteIcon\n          onChange={() => setFavorite(!favorite)}\n          value={favorite}\n        />\n      </div>\n    );\n  })\n  .add('hover color', () => {\n    const [favorite, setFavorite] = useState(false);\n    return (\n      <div className=\"text-center\">\n        <FavoriteIcon\n          onChange={() => setFavorite(!favorite)}\n          value={favorite}\n          hoverColor=\"danger\"\n        />\n      </div>\n    );\n  });\n",locationsMap:{"hover-color":{startLoc:{col:7,line:19},endLoc:{col:3,line:30},startBody:{col:22,line:19},endBody:{col:3,line:30}},default:{startLoc:{col:7,line:8},endLoc:{col:3,line:18},startBody:{col:18,line:8},endBody:{col:3,line:18}}}}}).addParameters({component:_FavoriteIcon__WEBPACK_IMPORTED_MODULE_2__.f}).add("default",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),favorite=_useState2[0],setFavorite=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FavoriteIcon__WEBPACK_IMPORTED_MODULE_2__.f,{onChange:function onChange(){return setFavorite(!favorite)},value:favorite}))})).add("hover color",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),favorite=_useState4[0],setFavorite=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FavoriteIcon__WEBPACK_IMPORTED_MODULE_2__.f,{onChange:function onChange(){return setFavorite(!favorite)},value:favorite,hoverColor:"danger"}))}))},"./src/core/FlashMessage/FlashMessage.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_FlashMessage__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/FlashMessage/FlashMessage.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/FlashMessage",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport FlashMessage from './FlashMessage';\n\nstoriesOf('core/FlashMessage', module)\n  .addParameters({ component: FlashMessage })\n  .add('default', () => {\n    return (\n      <>\n        <FlashMessage color=\"success\" onClose={action('success closed')}>\n          Success\n        </FlashMessage>\n        <FlashMessage color=\"danger\" onClose={action('danger closed')}>\n          Warning\n        </FlashMessage>\n        <FlashMessage color=\"warning\" onClose={action('warning closed')}>\n          Warning\n        </FlashMessage>\n        <FlashMessage color=\"info\" onClose={action('info closed')}>\n          Info\n        </FlashMessage>\n      </>\n    );\n  });\n",locationsMap:{default:{startLoc:{col:7,line:9},endLoc:{col:3,line:26},startBody:{col:18,line:9},endBody:{col:3,line:26}}}}}).addParameters({component:_FlashMessage__WEBPACK_IMPORTED_MODULE_3__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FlashMessage__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("success closed")},"Success"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FlashMessage__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"danger",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("danger closed")},"Warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FlashMessage__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"warning",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("warning closed")},"Warning"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FlashMessage__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"info",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("info closed")},"Info"))}))},"./src/core/Icon/Icon.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_Icon__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Icon/Icon.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/Button/Button.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Icons",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { action } from \'@storybook/addon-actions\';\n\nimport Icon from \'./Icon\';\nimport Button from \'../Button/Button\';\n\nstoriesOf(\'core/Icons\', module)\n  .addParameters({ component: Icon })\n  .add(\'available icons\', () => {\n    return (\n      <>\n        <p>You can find the available icons on Google Fonts</p>\n        <Button onClick={() => window.open(\'https://fonts.google.com/icons\', \'_blank\')}>\n          Go to Icons on Google Fonts\n        </Button>\n      </>\n    );\n  })\n  .add(\'examples\', () => {\n    return (\n      <div className="d-flex flex-column align-items-center">\n        <Icon icon="child_care" color="danger" />\n        <Icon icon="adb" color="info" />\n        <Icon icon="restaurant" color="muted" />\n        <Icon icon="train" color="primary" />\n        <Icon icon="wb_sunny" color="warning" />\n        <Icon icon="info" size={144} />\n        <Icon icon="info" size={20} />\n        <Icon icon="drafts" />\n        <Icon icon="drafts" disabled={true} />\n        <Icon icon="timer_3" onClick={action(\'timer clicked\')} />\n        <Icon icon="home" disabled={true} onClick={action(\'home clicked\')} />\n      </div>\n    );\n  })\n  .add(\'hover color\', () => {\n    return (\n      <div className="d-flex flex-column align-items-center">\n        <Icon icon="child_care" color="secondary" hoverColor="danger" onClick={action(\'child care clicked\')} />\n        <Icon icon="train" color="primary" hoverColor="success" onClick={action(\'train clicked\')} />\n        <Icon icon="home" disabled={true} color="primary" hoverColor="success" onClick={action(\'home clicked\')} />\n      </div>\n    );\n  });\n',locationsMap:{"hover-color":{startLoc:{col:7,line:37},endLoc:{col:3,line:45},startBody:{col:22,line:37},endBody:{col:3,line:45}},examples:{startLoc:{col:7,line:20},endLoc:{col:3,line:36},startBody:{col:19,line:20},endBody:{col:3,line:36}},"available-icons":{startLoc:{col:7,line:10},endLoc:{col:3,line:19},startBody:{col:26,line:10},endBody:{col:3,line:19}}}}}).addParameters({component:_Icon__WEBPACK_IMPORTED_MODULE_3__.Z}).add("available icons",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You can find the available icons on Google Fonts"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_4__.ZP,{onClick:function onClick(){return window.open("https://fonts.google.com/icons","_blank")}},"Go to Icons on Google Fonts"))})).add("examples",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex flex-column align-items-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"child_care",color:"danger"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"adb",color:"info"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"restaurant",color:"muted"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"train",color:"primary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"wb_sunny",color:"warning"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"info",size:144}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"info",size:20}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"drafts"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"drafts",disabled:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"timer_3",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("timer clicked")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"home",disabled:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("home clicked")}))})).add("hover color",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex flex-column align-items-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"child_care",color:"secondary",hoverColor:"danger",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("child care clicked")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"train",color:"primary",hoverColor:"success",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("train clicked")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:"home",disabled:!0,color:"primary",hoverColor:"success",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("home clicked")}))}))},"./src/core/InfoBadge/InfoBadge.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Icon/Icon.tsx"),_InfoBadge__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/InfoBadge/InfoBadge.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/InfoBadge",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { Button } from \'reactstrap\';\nimport Icon from \'../Icon/Icon\';\n\nimport InfoBadge from \'./InfoBadge\';\n\nstoriesOf(\'core/InfoBadge\', module)\n  .addParameters({ component: InfoBadge })\n  .add(\'default\', () => {\n    return (\n      <div className="text-center mt-5">\n        <InfoBadge value={1} color="primary">\n          <Icon icon="face" />\n        </InfoBadge>\n        <br />\n        <br />\n        <InfoBadge value={5} color="success">\n          <strong>Unread messages</strong>\n        </InfoBadge>\n        <br />\n        <br />\n        <InfoBadge value={25} color="warning">\n          <Button color="primary">Unread messages</Button>\n        </InfoBadge>\n        <br />\n        <br />\n        <InfoBadge value={1000} color="danger">\n          <Button color="success">Spam folder</Button>\n        </InfoBadge>\n        <br />\n        <br />\n        <InfoBadge value="!" color="warning">\n          <Button color="danger">Self destruct</Button>\n        </InfoBadge>\n        <br />\n        <br />\n      </div>\n    );\n  });\n',locationsMap:{default:{startLoc:{col:7,line:10},endLoc:{col:3,line:40},startBody:{col:18,line:10},endBody:{col:3,line:40}}}}}).addParameters({component:_InfoBadge__WEBPACK_IMPORTED_MODULE_3__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center mt-5"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoBadge__WEBPACK_IMPORTED_MODULE_3__.Z,{value:1,color:"primary"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__.Z,{icon:"face"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoBadge__WEBPACK_IMPORTED_MODULE_3__.Z,{value:5,color:"success"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Unread messages")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoBadge__WEBPACK_IMPORTED_MODULE_3__.Z,{value:25,color:"warning"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.zx,{color:"primary"},"Unread messages")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoBadge__WEBPACK_IMPORTED_MODULE_3__.Z,{value:1e3,color:"danger"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.zx,{color:"success"},"Spam folder")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoBadge__WEBPACK_IMPORTED_MODULE_3__.Z,{value:"!",color:"warning"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.zx,{color:"danger"},"Self destruct")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null))}))},"./src/core/InfoTooltip/InfoTooltip.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_InfoTooltip__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/InfoTooltip/InfoTooltip.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/InfoTooltip",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport { InfoTooltip } from './InfoTooltip';\n\nstoriesOf('core/InfoTooltip', module)\n  .addParameters({ component: InfoTooltip })\n  .add('basic', () => {\n    return (\n      <div className=\"text-center\">\n        <InfoTooltip tooltip=\"This is the content of the tooltip\" />\n      </div>\n    );\n  })\n  .add('custom content', () => {\n    return (\n      <div className=\"text-center\">\n        <InfoTooltip\n          tooltip={\n            <>\n              <p>\n                The tooltip can contain multiple paragraphs by using plain HTML.\n              </p>\n              <p>\n                But it is also allowed to use custom components inside the\n                tooltip. Just be careful with components with interactions as\n                they might conflict with the tooltip.\n              </p>\n            </>\n          }\n        />\n      </div>\n    );\n  })\n  .add('custom size', () => {\n    return (\n      <div className=\"text-center\">\n        <InfoTooltip tooltip=\"This icon is quite small\" size={10} />\n        <InfoTooltip tooltip=\"This is the default size of the icon\" />\n        <InfoTooltip tooltip=\"This icon is quite big\" size={20} />\n      </div>\n    );\n  });\n",locationsMap:{"custom-size":{startLoc:{col:7,line:35},endLoc:{col:3,line:43},startBody:{col:22,line:35},endBody:{col:3,line:43}},"custom-content":{startLoc:{col:7,line:15},endLoc:{col:3,line:34},startBody:{col:25,line:15},endBody:{col:3,line:34}},basic:{startLoc:{col:7,line:8},endLoc:{col:3,line:14},startBody:{col:16,line:8},endBody:{col:3,line:14}}}}}).addParameters({component:_InfoTooltip__WEBPACK_IMPORTED_MODULE_2__.b}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoTooltip__WEBPACK_IMPORTED_MODULE_2__.b,{tooltip:"This is the content of the tooltip"}))})).add("custom content",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoTooltip__WEBPACK_IMPORTED_MODULE_2__.b,{tooltip:react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"The tooltip can contain multiple paragraphs by using plain HTML."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"But it is also allowed to use custom components inside the tooltip. Just be careful with components with interactions as they might conflict with the tooltip."))}))})).add("custom size",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoTooltip__WEBPACK_IMPORTED_MODULE_2__.b,{tooltip:"This icon is quite small",size:10}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoTooltip__WEBPACK_IMPORTED_MODULE_2__.b,{tooltip:"This is the default size of the icon"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_InfoTooltip__WEBPACK_IMPORTED_MODULE_2__.b,{tooltip:"This icon is quite big",size:20}))}))},"./src/core/Loading/Loading.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_Loading__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Loading/Loading.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Loading",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport Loading from './Loading';\n\nstoriesOf('core/Loading', module)\n  .addParameters({ component: Loading })\n  .add('default', () => {\n    return <Loading />;\n  })\n  .add('custom text', () => {\n    return (\n      <Loading>\n        We are <b>loading</b> the world!\n      </Loading>\n    );\n  });\n",locationsMap:{"custom-text":{startLoc:{col:7,line:11},endLoc:{col:3,line:17},startBody:{col:22,line:11},endBody:{col:3,line:17}},default:{startLoc:{col:7,line:8},endLoc:{col:3,line:10},startBody:{col:18,line:8},endBody:{col:3,line:10}}}}}).addParameters({component:_Loading__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading__WEBPACK_IMPORTED_MODULE_2__.Z,null)})).add("custom text",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading__WEBPACK_IMPORTED_MODULE_2__.Z,null,"We are ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("b",null,"loading")," the world!")}))},"./src/core/LoadingPage/LoadingPage.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_LoadingPage__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/LoadingPage/LoadingPage.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/LoadingPage",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport LoadingPage from './LoadingPage';\n\nstoriesOf('core/LoadingPage', module)\n  .addParameters({ component: LoadingPage })\n  .add('default', () => {\n    return <LoadingPage className=\"mt-0\" />;\n  })\n  .add('custom height', () => {\n    return <LoadingPage height={200} />;\n  })\n  .add('custom style', () => {\n    return <LoadingPage style={{ backgroundColor: 'red' }} />;\n  });\n",locationsMap:{"custom-style":{startLoc:{col:7,line:14},endLoc:{col:3,line:16},startBody:{col:23,line:14},endBody:{col:3,line:16}},"custom-height":{startLoc:{col:7,line:11},endLoc:{col:3,line:13},startBody:{col:24,line:11},endBody:{col:3,line:13}},default:{startLoc:{col:7,line:8},endLoc:{col:3,line:10},startBody:{col:18,line:8},endBody:{col:3,line:10}}}}}).addParameters({component:_LoadingPage__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_LoadingPage__WEBPACK_IMPORTED_MODULE_2__.Z,{className:"mt-0"})})).add("custom height",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_LoadingPage__WEBPACK_IMPORTED_MODULE_2__.Z,{height:200})})).add("custom style",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_LoadingPage__WEBPACK_IMPORTED_MODULE_2__.Z,{style:{backgroundColor:"red"}})}))},"./src/core/Modal/Modal.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ModalForm:()=>ModalForm,__namedExportsOrder:()=>__namedExportsOrder});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),react_final_form__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),reactstrap__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Modal__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/Modal/Modal.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/core/Button/Button.tsx"),_form_FormExample_stories__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/FormExample.stories.tsx"),lodash__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/lodash/lodash.js"),_SubmitButton_SubmitButton__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/core/SubmitButton/SubmitButton.tsx");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);function ModalForm(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState12[0],setIsOpen=_useState12[1];function _onSave(){return(_onSave=_asyncToGenerator(regeneratorRuntime.mark((function _callee(){return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("save button was clicked"),_context.next=3,new Promise((function(resolve){setTimeout((function(){resolve(void 0)}),2e3)}));case 3:setIsOpen(!1);case 4:case"end":return _context.stop()}}),_callee)})))).apply(this,arguments)}function onClose(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("modal was closed"),setIsOpen(!1)}return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Open form"),isOpen?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_3__.Form,{onSubmit:function onSave(){return _onSave.apply(this,arguments)}},(function(formRenderProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Modal__WEBPACK_IMPORTED_MODULE_4__.u,{onClose,header:"Form example",footer:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SubmitButton_SubmitButton__WEBPACK_IMPORTED_MODULE_8__.Z,{onClick:formRenderProps.handleSubmit,inProgress:formRenderProps.submitting},"Save"),size:"lg"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_FormExample_stories__WEBPACK_IMPORTED_MODULE_6__.TotalForm,{hasSubmit:!1,formRenderProps}))})):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-2"},"Note: the ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"Form")," element should wrap the ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"Modal")," not the other way around. Otherwise you cannot use the submitting prop in the footer."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-2"},"Also make sure that you do not render the"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"Form"),"this way when you close the modal the form will be reset. Otherwise information will linger in the"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"Form")," element."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-2"},"Also try to keep the modal forms limited. Sometimes it is better to just create a create / edit page if a form is very large."))}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Modal",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\nimport { Form } from 'react-final-form';\nimport { Card } from 'reactstrap';\n\nimport { Modal } from './Modal';\nimport Button from '../Button/Button';\nimport { TotalForm } from '../../form/FormExample.stories';\nimport { range } from 'lodash';\nimport SubmitButton from '../SubmitButton/SubmitButton';\n\nstoriesOf('core/Modal', module)\n  .add('basic', () => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    function onClose() {\n      action('modal was closed');\n      setIsOpen(false);\n    }\n\n    return (\n      <Card body>\n        <Button onClick={() => setIsOpen(true)}>Start inquiry</Button>\n        {isOpen ? (\n          <Modal\n            onClose={onClose}\n            header=\"What are you doing?\"\n            footer={\n              <Button onClick={onClose} color=\"secondary\">\n                Take a break\n              </Button>\n            }\n          >\n            You should not be working this had, go take a break!\n          </Modal>\n        ) : null}\n      </Card>\n    );\n  })\n  .add('without header', () => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    function onClose() {\n      action('modal was closed');\n      setIsOpen(false);\n    }\n\n    return (\n      <Card body>\n        <Button onClick={() => setIsOpen(true)}>Start inquiry</Button>\n        {isOpen ? (\n          <Modal\n            onClose={onClose}\n            footer={\n              <Button onClick={onClose} color=\"secondary\">\n                Take a break\n              </Button>\n            }\n          >\n            You should not be working this had, go take a break!\n          </Modal>\n        ) : null}\n      </Card>\n    );\n  })\n  .add('without footer', () => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    function onClose() {\n      action('modal was closed');\n      setIsOpen(false);\n    }\n\n    return (\n      <Card body>\n        <Button onClick={() => setIsOpen(true)}>Start inquiry</Button>\n        {isOpen ? (\n          <Modal onClose={onClose} header=\"What are you doing?\">\n            You should not be working this had, go take a break!\n          </Modal>\n        ) : null}\n      </Card>\n    );\n  })\n  .add('with form', ModalForm)\n  .add('sticky', () => {\n    const [isOpenSticky, setIsOpenSticky] = useState(false);\n    const [isOpenSansSticky, setIsOpenSansSticky] = useState(false);\n\n    return (\n      <Card body>\n        <p>\n          <Button onClick={() => setIsOpenSticky(true)}>With sticky</Button>\n        </p>\n\n        <p>\n          <Button onClick={() => setIsOpenSansSticky(true)}>Sans sticky</Button>\n        </p>\n\n        {isOpenSticky ? (\n          <Modal\n            stickyFooter={true}\n            onClose={() => setIsOpenSticky(false)}\n            header=\"Sticky footer\"\n            footer={\n              <Button onClick={() => setIsOpenSticky(false)} color=\"secondary\">\n                Close\n              </Button>\n            }\n            size=\"sm\"\n          >\n            {range(0, 10).map((number) => (\n              <p key={number}>\n                Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis\n                modi, facilis officia provident maiores voluptate minus officiis\n                tempora minima blanditiis. Distinctio rem iste omnis inventore\n                ratione facere voluptates quam suscipit!\n              </p>\n            ))}\n          </Modal>\n        ) : null}\n\n        {isOpenSansSticky ? (\n          <Modal\n            stickyFooter={false}\n            onClose={() => setIsOpenSansSticky(false)}\n            header=\"No sticky footer\"\n            footer={\n              <Button\n                onClick={() => setIsOpenSansSticky(false)}\n                color=\"secondary\"\n              >\n                Close\n              </Button>\n            }\n            size=\"sm\"\n          >\n            {range(0, 10).map((number) => (\n              <p key={number}>\n                Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis\n                modi, facilis officia provident maiores voluptate minus officiis\n                tempora minima blanditiis. Distinctio rem iste omnis inventore\n                ratione facere voluptates quam suscipit!\n              </p>\n            ))}\n          </Modal>\n        ) : null}\n      </Card>\n    );\n  });\n\nexport function ModalForm() {\n  const [isOpen, setIsOpen] = useState(false);\n\n  async function onSave() {\n    action('save button was clicked');\n\n    await new Promise((resolve) => {\n      setTimeout(() => {\n        resolve(undefined);\n      }, 2000);\n    });\n\n    setIsOpen(false);\n  }\n\n  function onClose() {\n    action('modal was closed');\n    setIsOpen(false);\n  }\n\n  return (\n    <Card body>\n      <Button onClick={() => setIsOpen(true)}>Open form</Button>\n\n      {isOpen ? (\n        <Form onSubmit={onSave}>\n          {(formRenderProps) => (\n            <Modal\n              onClose={onClose}\n              header=\"Form example\"\n              footer={\n                <SubmitButton\n                  onClick={formRenderProps.handleSubmit}\n                  inProgress={formRenderProps.submitting}\n                >\n                  Save\n                </SubmitButton>\n              }\n              size=\"lg\"\n            >\n              <TotalForm hasSubmit={false} formRenderProps={formRenderProps} />\n            </Modal>\n          )}\n        </Form>\n      ) : null}\n\n      <p className=\"mt-2\">\n        Note: the <pre className=\"d-inline text-info\">Form</pre> element should\n        wrap the <pre className=\"d-inline text-info\">Modal</pre> not the other\n        way around. Otherwise you cannot use the submitting prop in the footer.\n      </p>\n\n      <p className=\"mt-2\">\n        Also make sure that you do not render the{' '}\n        <pre className=\"d-inline text-info\">Form</pre>\n        this way when you close the modal the form will be reset. Otherwise\n        information will linger in the{' '}\n        <pre className=\"d-inline text-info\">Form</pre> element.\n      </p>\n\n      <p className=\"mt-2\">\n        Also try to keep the modal forms limited. Sometimes it is better to just\n        create a create / edit page if a form is very large.\n      </p>\n    </Card>\n  );\n}\n",locationsMap:{sticky:{startLoc:{col:7,line:87},endLoc:{col:3,line:151},startBody:{col:17,line:87},endBody:{col:3,line:151}},"with-form":{startLoc:{col:7,line:86},endLoc:{col:29,line:86},startBody:{col:20,line:86},endBody:{col:29,line:86}},"without-footer":{startLoc:{col:7,line:67},endLoc:{col:3,line:85},startBody:{col:25,line:67},endBody:{col:3,line:85}},"without-header":{startLoc:{col:7,line:41},endLoc:{col:3,line:66},startBody:{col:25,line:41},endBody:{col:3,line:66}},basic:{startLoc:{col:7,line:14},endLoc:{col:3,line:40},startBody:{col:16,line:14},endBody:{col:3,line:40}}}}}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1];function onClose(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("modal was closed"),setIsOpen(!1)}return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Start inquiry"),isOpen?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Modal__WEBPACK_IMPORTED_MODULE_4__.u,{onClose,header:"What are you doing?",footer:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:onClose,color:"secondary"},"Take a break")},"You should not be working this had, go take a break!"):null)})).add("without header",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState4[0],setIsOpen=_useState4[1];function onClose(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("modal was closed"),setIsOpen(!1)}return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Start inquiry"),isOpen?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Modal__WEBPACK_IMPORTED_MODULE_4__.u,{onClose,footer:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:onClose,color:"secondary"},"Take a break")},"You should not be working this had, go take a break!"):null)})).add("without footer",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState6[0],setIsOpen=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Start inquiry"),isOpen?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Modal__WEBPACK_IMPORTED_MODULE_4__.u,{onClose:function onClose(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("modal was closed"),setIsOpen(!1)},header:"What are you doing?"},"You should not be working this had, go take a break!"):null)})).add("with form",ModalForm).add("sticky",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpenSticky=_useState8[0],setIsOpenSticky=_useState8[1],_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpenSansSticky=_useState10[0],setIsOpenSansSticky=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpenSticky(!0)}},"With sticky")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpenSansSticky(!0)}},"Sans sticky")),isOpenSticky?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Modal__WEBPACK_IMPORTED_MODULE_4__.u,{stickyFooter:!0,onClose:function onClose(){return setIsOpenSticky(!1)},header:"Sticky footer",footer:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpenSticky(!1)},color:"secondary"},"Close"),size:"sm"},(0,lodash__WEBPACK_IMPORTED_MODULE_7__.range)(0,10).map((function(number){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{key:number},"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis modi, facilis officia provident maiores voluptate minus officiis tempora minima blanditiis. Distinctio rem iste omnis inventore ratione facere voluptates quam suscipit!")}))):null,isOpenSansSticky?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Modal__WEBPACK_IMPORTED_MODULE_4__.u,{stickyFooter:!1,onClose:function onClose(){return setIsOpenSansSticky(!1)},header:"No sticky footer",footer:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpenSansSticky(!1)},color:"secondary"},"Close"),size:"sm"},(0,lodash__WEBPACK_IMPORTED_MODULE_7__.range)(0,10).map((function(number){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{key:number},"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis modi, facilis officia provident maiores voluptate minus officiis tempora minima blanditiis. Distinctio rem iste omnis inventore ratione facere voluptates quam suscipit!")}))):null)}));var __namedExportsOrder=["ModalForm"]},"./src/core/MoreOrLess/MoreOrLess.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_MoreOrLess__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/MoreOrLess/MoreOrLess.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/MoreOrLess",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport MoreOrLess from './MoreOrLess';\n\nstoriesOf('core/MoreOrLess', module)\n  .addParameters({ component: MoreOrLess })\n  .add('default', () => {\n    return (\n      <div className=\"text-center\">\n        <MoreOrLess\n          limit={3}\n          content={['aap', 'noot', 'mies', 'huis', 'boom', 'schip'].map(\n            (label) => (\n              <span key={label}>{label} </span>\n            )\n          )}\n        />\n      </div>\n    );\n  });\n",locationsMap:{default:{startLoc:{col:7,line:8},endLoc:{col:3,line:21},startBody:{col:18,line:8},endBody:{col:3,line:21}}}}}).addParameters({component:_MoreOrLess__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_MoreOrLess__WEBPACK_IMPORTED_MODULE_2__.Z,{limit:3,content:["aap","noot","mies","huis","boom","schip"].map((function(label){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{key:label},label," ")}))}))}))},"./src/core/NavigationItem/Navigation.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),react_router_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-router-dom/index.js"),_NavigationItem__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/NavigationItem/NavigationItem.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/NavigationItem",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { BrowserRouter } from \'react-router-dom\';\n\nimport NavigationItem from \'./NavigationItem\';\n\nstoriesOf(\'core/NavigationItem\', module)\n  .addParameters({ component: NavigationItem })\n  .add(\'default\', () => {\n    return (\n      <BrowserRouter>\n        <NavigationItem to="/dashboard" icon="dashboard" text="Dashboard" />\n      </BrowserRouter>\n    );\n  })\n  .add(\'with show boolean\', () => {\n    return (\n      <BrowserRouter>\n        <NavigationItem\n          show={true}\n          to="/dashboard"\n          icon="dashboard"\n          text="Dashboard"\n        />\n      </BrowserRouter>\n    );\n  })\n  .add(\'with show as function\', () => {\n    return (\n      <BrowserRouter>\n        <NavigationItem\n          show={() => true}\n          to="/dashboard"\n          icon="dashboard"\n          text="Dashboard"\n        />\n      </BrowserRouter>\n    );\n  })\n  .add(\'with exact is false\', () => {\n    return (\n      <BrowserRouter>\n        <NavigationItem\n          to="/dashboard"\n          icon="dashboard"\n          text="Dashboard"\n          exact={false}\n        />\n      </BrowserRouter>\n    );\n  });\n',locationsMap:{"with-exact-is-false":{startLoc:{col:7,line:40},endLoc:{col:3,line:51},startBody:{col:30,line:40},endBody:{col:3,line:51}},"with-show-as-function":{startLoc:{col:7,line:28},endLoc:{col:3,line:39},startBody:{col:32,line:28},endBody:{col:3,line:39}},"with-show-boolean":{startLoc:{col:7,line:16},endLoc:{col:3,line:27},startBody:{col:28,line:16},endBody:{col:3,line:27}},default:{startLoc:{col:7,line:9},endLoc:{col:3,line:15},startBody:{col:18,line:9},endBody:{col:3,line:15}}}}}).addParameters({component:_NavigationItem__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.VK,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NavigationItem__WEBPACK_IMPORTED_MODULE_2__.Z,{to:"/dashboard",icon:"dashboard",text:"Dashboard"}))})).add("with show boolean",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.VK,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NavigationItem__WEBPACK_IMPORTED_MODULE_2__.Z,{show:!0,to:"/dashboard",icon:"dashboard",text:"Dashboard"}))})).add("with show as function",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.VK,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NavigationItem__WEBPACK_IMPORTED_MODULE_2__.Z,{show:function show(){return!0},to:"/dashboard",icon:"dashboard",text:"Dashboard"}))})).add("with exact is false",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.VK,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NavigationItem__WEBPACK_IMPORTED_MODULE_2__.Z,{to:"/dashboard",icon:"dashboard",text:"Dashboard",exact:!1}))}))},"./src/core/OpenClose/OpenClose.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_OpenClose__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/OpenClose/OpenClose.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Button/Button.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/OpenClose",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { Card } from 'reactstrap';\n\nimport { OpenClose } from './OpenClose';\nimport Button from '../Button/Button';\n\nstoriesOf('core/OpenClose', module).add('basic', () => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <Card body>\n      <div className=\"d-flex align-items-center justify-content-start\">\n        <Button onClick={() => setIsOpen(!isOpen)} className=\"me-3\">\n          Toggle\n        </Button>\n        <OpenClose open={isOpen} />\n      </div>\n      <p>The collapsable element should now be {isOpen ? 'open' : 'closed'}</p>\n    </Card>\n  );\n});\n",locationsMap:{basic:{startLoc:{col:40,line:8},endLoc:{col:1,line:22},startBody:{col:49,line:8},endBody:{col:1,line:22}}}}}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex align-items-center justify-content-start"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,{onClick:function onClick(){return setIsOpen(!isOpen)},className:"me-3"},"Toggle"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenClose__WEBPACK_IMPORTED_MODULE_2__.q,{open:isOpen})),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"The collapsable element should now be ",isOpen?"open":"closed"))}))},"./src/core/OpenCloseModal/OpenCloseModal.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ModalForm:()=>ModalForm,__namedExportsOrder:()=>__namedExportsOrder});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),react_final_form__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),reactstrap__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_OpenCloseModal__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/OpenCloseModal/OpenCloseModal.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/core/Button/Button.tsx"),_form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/RadioGroup/RadioGroup.tsx"),_form_FormExample_stories__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/FormExample.stories.tsx"),lodash__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/lodash/lodash.js");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);function ModalForm(){var _useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState20[0],setIsOpen=_useState20[1];function _onSave(){return(_onSave=_asyncToGenerator(regeneratorRuntime.mark((function _callee(){return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("save button was clicked"),_context.next=3,new Promise((function(resolve){setTimeout((function(){resolve(void 0)}),2e3)}));case 3:setIsOpen(!1);case 4:case"end":return _context.stop()}}),_callee)})))).apply(this,arguments)}function onClose(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("modal was closed"),setIsOpen(!1)}return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Open form"),isOpen?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_3__.Form,{onSubmit:function onSave(){return _onSave.apply(this,arguments)}},(function(formRenderProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenCloseModal__WEBPACK_IMPORTED_MODULE_4__.n,{isOpen:!0,inProgress:formRenderProps.submitting,onClose,onSave:formRenderProps.handleSubmit,label:"Form example",size:"lg"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_FormExample_stories__WEBPACK_IMPORTED_MODULE_7__.TotalForm,{hasSubmit:!1,formRenderProps}))})):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-2"},"Note: the ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"Form")," element should wrap the ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"OpenCloseModal"),"not the other way around. Otherwise you cannot use the inProgress prop, and you cannot use submit in onSave."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-2"},"Also make sure that you do not render the"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"Form")," this way when you close the modal the form will be reset. Otherwise information will linger in the ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"Form")," element."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-2"},"Also try to keep the modal forms limited. Sometimes it is better to just create a create / edit page if a form is very large."))}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/OpenCloseModal",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\nimport { Form } from 'react-final-form';\nimport { Card } from 'reactstrap';\n\nimport { OpenCloseModal } from './OpenCloseModal';\nimport Button from '../Button/Button';\nimport RadioGroup from '../../form/RadioGroup/RadioGroup';\nimport { TotalForm } from '../../form/FormExample.stories';\nimport { range } from 'lodash';\n\nstoriesOf('core/OpenCloseModal', module)\n  .add('basic', () => {\n    const [isOpen, setIsOpen] = useState(false);\n    const [inProgress, setInProgress] = useState(false);\n    const [choice, setChoice] = useState<string | undefined>(undefined);\n\n    function onSave() {\n      action('save button was clicked');\n\n      setInProgress(true);\n\n      setTimeout(() => {\n        setIsOpen(false);\n        setInProgress(false);\n      }, 2000);\n    }\n\n    function onClose() {\n      action('modal was closed');\n      setIsOpen(false);\n    }\n\n    return (\n      <Card body>\n        <Button onClick={() => setIsOpen(true)}>Start inquiry</Button>\n        <OpenCloseModal\n          isOpen={isOpen}\n          inProgress={inProgress}\n          onClose={onClose}\n          onSave={onSave}\n          label=\"What are you doing?\"\n        >\n          <RadioGroup\n            value={choice}\n            onChange={(value) => setChoice(value)}\n            options={[\n              'Watching a movie',\n              'I work at 42, the most awesome company in the world!',\n              'Nothing'\n            ]}\n            labelForOption={(option) => option}\n          />\n        </OpenCloseModal>\n      </Card>\n    );\n  })\n  .add('with form', ModalForm)\n  .add('sticky', () => {\n    const [isOpenSticky, setIsOpenSticky] = useState(false);\n    const [isOpenSansSticky, setIsOpenSansSticky] = useState(false);\n\n    return (\n      <Card body>\n        <p>\n          <Button onClick={() => setIsOpenSticky(true)}>With sticky</Button>\n        </p>\n\n        <p>\n          <Button onClick={() => setIsOpenSansSticky(true)}>Sans sticky</Button>\n        </p>\n\n        <OpenCloseModal\n          stickyFooter={true}\n          isOpen={isOpenSticky}\n          onSave={() => setIsOpenSticky(false)}\n          onClose={() => setIsOpenSticky(false)}\n          label=\"Sticky footer\"\n          size=\"sm\"\n        >\n          {range(0, 10).map((number) => (\n            <p key={number}>\n              Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis\n              modi, facilis officia provident maiores voluptate minus officiis\n              tempora minima blanditiis. Distinctio rem iste omnis inventore\n              ratione facere voluptates quam suscipit!\n            </p>\n          ))}\n        </OpenCloseModal>\n\n        <OpenCloseModal\n          stickyFooter={false}\n          isOpen={isOpenSansSticky}\n          onSave={() => setIsOpenSansSticky(false)}\n          onClose={() => setIsOpenSansSticky(false)}\n          label=\"No sticky footer\"\n          size=\"sm\"\n        >\n          {range(0, 10).map((number) => (\n            <p key={number}>\n              Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis\n              modi, facilis officia provident maiores voluptate minus officiis\n              tempora minima blanditiis. Distinctio rem iste omnis inventore\n              ratione facere voluptates quam suscipit!\n            </p>\n          ))}\n        </OpenCloseModal>\n      </Card>\n    );\n  })\n  .add('without heading', () => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    return (\n      <Card body>\n        <Button onClick={() => setIsOpen(true)}>Inspire me</Button>\n        <OpenCloseModal\n          isOpen={isOpen}\n          onSave={() => setIsOpen(false)}\n          onClose={() => setIsOpen(false)}\n          text={{ save: 'Yes', cancel: 'No' }}\n        >\n          <p>\n            You have to take a break once in a while. Did you go for a walk\n            outside to breathe some fresh air?\n          </p>\n        </OpenCloseModal>\n      </Card>\n    );\n  })\n  .add('without buttons', () => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    function onClose() {\n      setIsOpen(false);\n    }\n\n    return (\n      <Card body>\n        <Button onClick={() => setIsOpen(true)}>What does Baymax say?</Button>\n        <OpenCloseModal\n          isOpen={isOpen}\n          onClose={onClose}\n          label=\"Your personal health companion\"\n        >\n          <p>\n            You need to wash your hands if you want to prevent getting Corona\n            virus.\n          </p>\n        </OpenCloseModal>\n      </Card>\n    );\n  })\n  .add('custom button text and icons', () => {\n    const [isOpen, setIsOpen] = useState(false);\n    const [choice, setChoice] = useState<\n      { label: string; value: string } | undefined\n    >(undefined);\n\n    function onSave() {\n      alert(`You chose to ${choice?.value} the diamond`);\n      setIsOpen(false);\n    }\n\n    function onClose() {\n      alert(\n        `Darn! You tripped and the diamond fell in an endless hole in the ground...`\n      );\n      setIsOpen(false);\n    }\n\n    return (\n      <Card body>\n        <p>You found a box!</p>\n        <Button onClick={() => setIsOpen(true)}>\n          Check what&apos;s inside\n        </Button>\n        <OpenCloseModal\n          isOpen={isOpen}\n          onClose={onClose}\n          cancelIcon=\"360\"\n          onSave={onSave}\n          saveIcon=\"attach_money\"\n          modalBodyClassName=\"bg-warning\"\n          label=\"It's a special gift!\"\n          text={{\n            save: 'Confirm',\n            cancel: ''\n          }}\n        >\n          <p>Inside the box you find a diamond. What do you want to do?</p>\n          <RadioGroup\n            value={choice}\n            onChange={(value) => setChoice(value)}\n            options={[\n              { label: 'Sell it!', value: 'sell' },\n              { label: 'Put it in my pocket', value: 'store' }\n            ]}\n            labelForOption={(option) => option.label}\n          />\n        </OpenCloseModal>\n      </Card>\n    );\n  });\n\nexport function ModalForm() {\n  const [isOpen, setIsOpen] = useState(false);\n\n  async function onSave() {\n    action('save button was clicked');\n\n    await new Promise((resolve) => {\n      setTimeout(() => {\n        resolve(undefined);\n      }, 2000);\n    });\n\n    setIsOpen(false);\n  }\n\n  function onClose() {\n    action('modal was closed');\n    setIsOpen(false);\n  }\n\n  return (\n    <Card body>\n      <Button onClick={() => setIsOpen(true)}>Open form</Button>\n\n      {isOpen ? (\n        <Form onSubmit={onSave}>\n          {(formRenderProps) => (\n            <OpenCloseModal\n              isOpen={true}\n              inProgress={formRenderProps.submitting}\n              onClose={onClose}\n              onSave={formRenderProps.handleSubmit}\n              label=\"Form example\"\n              size=\"lg\"\n            >\n              <TotalForm hasSubmit={false} formRenderProps={formRenderProps} />\n            </OpenCloseModal>\n          )}\n        </Form>\n      ) : null}\n\n      <p className=\"mt-2\">\n        Note: the <pre className=\"d-inline text-info\">Form</pre> element should\n        wrap the <pre className=\"d-inline text-info\">OpenCloseModal</pre>\n        not the other way around. Otherwise you cannot use the inProgress prop,\n        and you cannot use submit in onSave.\n      </p>\n\n      <p className=\"mt-2\">\n        Also make sure that you do not render the{' '}\n        <pre className=\"d-inline text-info\">Form</pre> this way when you close\n        the modal the form will be reset. Otherwise information will linger in\n        the <pre className=\"d-inline text-info\">Form</pre> element.\n      </p>\n\n      <p className=\"mt-2\">\n        Also try to keep the modal forms limited. Sometimes it is better to just\n        create a create / edit page if a form is very large.\n      </p>\n    </Card>\n  );\n}\n",locationsMap:{"custom-button-text-and-icons":{startLoc:{col:7,line:155},endLoc:{col:3,line:205},startBody:{col:39,line:155},endBody:{col:3,line:205}},"without-buttons":{startLoc:{col:7,line:132},endLoc:{col:3,line:154},startBody:{col:26,line:132},endBody:{col:3,line:154}},"without-heading":{startLoc:{col:7,line:112},endLoc:{col:3,line:131},startBody:{col:26,line:112},endBody:{col:3,line:131}},sticky:{startLoc:{col:7,line:60},endLoc:{col:3,line:111},startBody:{col:17,line:60},endBody:{col:3,line:111}},"with-form":{startLoc:{col:7,line:59},endLoc:{col:29,line:59},startBody:{col:20,line:59},endBody:{col:29,line:59}},basic:{startLoc:{col:7,line:14},endLoc:{col:3,line:58},startBody:{col:16,line:14},endBody:{col:3,line:58}}}}}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),inProgress=_useState4[0],setInProgress=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),choice=_useState6[0],setChoice=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Start inquiry"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenCloseModal__WEBPACK_IMPORTED_MODULE_4__.n,{isOpen,inProgress,onClose:function onClose(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("modal was closed"),setIsOpen(!1)},onSave:function onSave(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("save button was clicked"),setInProgress(!0),setTimeout((function(){setIsOpen(!1),setInProgress(!1)}),2e3)},label:"What are you doing?"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_6__.Z,{value:choice,onChange:function onChange(value){return setChoice(value)},options:["Watching a movie","I work at 42, the most awesome company in the world!","Nothing"],labelForOption:function labelForOption(option){return option}})))})).add("with form",ModalForm).add("sticky",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpenSticky=_useState8[0],setIsOpenSticky=_useState8[1],_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpenSansSticky=_useState10[0],setIsOpenSansSticky=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpenSticky(!0)}},"With sticky")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpenSansSticky(!0)}},"Sans sticky")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenCloseModal__WEBPACK_IMPORTED_MODULE_4__.n,{stickyFooter:!0,isOpen:isOpenSticky,onSave:function onSave(){return setIsOpenSticky(!1)},onClose:function onClose(){return setIsOpenSticky(!1)},label:"Sticky footer",size:"sm"},(0,lodash__WEBPACK_IMPORTED_MODULE_8__.range)(0,10).map((function(number){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{key:number},"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis modi, facilis officia provident maiores voluptate minus officiis tempora minima blanditiis. Distinctio rem iste omnis inventore ratione facere voluptates quam suscipit!")}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenCloseModal__WEBPACK_IMPORTED_MODULE_4__.n,{stickyFooter:!1,isOpen:isOpenSansSticky,onSave:function onSave(){return setIsOpenSansSticky(!1)},onClose:function onClose(){return setIsOpenSansSticky(!1)},label:"No sticky footer",size:"sm"},(0,lodash__WEBPACK_IMPORTED_MODULE_8__.range)(0,10).map((function(number){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{key:number},"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis modi, facilis officia provident maiores voluptate minus officiis tempora minima blanditiis. Distinctio rem iste omnis inventore ratione facere voluptates quam suscipit!")}))))})).add("without heading",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState12[0],setIsOpen=_useState12[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Inspire me"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenCloseModal__WEBPACK_IMPORTED_MODULE_4__.n,{isOpen,onSave:function onSave(){return setIsOpen(!1)},onClose:function onClose(){return setIsOpen(!1)},text:{save:"Yes",cancel:"No"}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You have to take a break once in a while. Did you go for a walk outside to breathe some fresh air?")))})).add("without buttons",(function(){var _useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState14[0],setIsOpen=_useState14[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"What does Baymax say?"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenCloseModal__WEBPACK_IMPORTED_MODULE_4__.n,{isOpen,onClose:function onClose(){setIsOpen(!1)},label:"Your personal health companion"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You need to wash your hands if you want to prevent getting Corona virus.")))})).add("custom button text and icons",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState16[0],setIsOpen=_useState16[1],_useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),choice=_useState18[0],setChoice=_useState18[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You found a box!"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Check what's inside"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenCloseModal__WEBPACK_IMPORTED_MODULE_4__.n,{isOpen,onClose:function onClose(){alert("Darn! You tripped and the diamond fell in an endless hole in the ground..."),setIsOpen(!1)},cancelIcon:"360",onSave:function onSave(){alert("You chose to ".concat(null==choice?void 0:choice.value," the diamond")),setIsOpen(!1)},saveIcon:"attach_money",modalBodyClassName:"bg-warning",label:"It's a special gift!",text:{save:"Confirm",cancel:""}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Inside the box you find a diamond. What do you want to do?"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_6__.Z,{value:choice,onChange:function onChange(value){return setChoice(value)},options:[{label:"Sell it!",value:"sell"},{label:"Put it in my pocket",value:"store"}],labelForOption:function labelForOption(option){return option.label}})))}));var __namedExportsOrder=["ModalForm"]},"./src/core/OrSeparator/OrSeparator.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_OrSeparator__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/OrSeparator/OrSeparator.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/OrSeparator",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport { OrSeparator } from './OrSeparator';\n\nstoriesOf('core/OrSeparator', module)\n  .addParameters({ component: OrSeparator })\n  .add('basic', () => {\n    return (\n      <div className=\"text-center\">\n        <p>You should do this</p>\n        <OrSeparator />\n        <p>something entirely different</p>\n      </div>\n    );\n  });\n",locationsMap:{basic:{startLoc:{col:7,line:8},endLoc:{col:3,line:16},startBody:{col:16,line:8},endBody:{col:3,line:16}}}}}).addParameters({component:_OrSeparator__WEBPACK_IMPORTED_MODULE_2__.t}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You should do this"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OrSeparator__WEBPACK_IMPORTED_MODULE_2__.t,null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"something entirely different"))}))},"./src/core/Pager/Pager.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_Pager__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Pager/Pager.tsx"),_utilities_page_page__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utilities/page/page.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Pager",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport Pager from './Pager';\nimport { pageOf } from '../../utilities/page/page';\n\nstoriesOf('core/Pager', module)\n  .addParameters({ component: Pager })\n  .add('default', () => {\n    const [pageNumber, setPageNumber] = useState(1);\n\n    const page = pageOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10], pageNumber, 2);\n\n    return (\n      <div className=\"text-center\">\n        <h2>You are on page {pageNumber}</h2>\n\n        <Pager page={page} onChange={setPageNumber} />\n      </div>\n    );\n  });\n",locationsMap:{default:{startLoc:{col:7,line:9},endLoc:{col:3,line:21},startBody:{col:18,line:9},endBody:{col:3,line:21}}}}}).addParameters({component:_Pager__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),pageNumber=_useState2[0],setPageNumber=_useState2[1],page=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_3__.u)([1,2,3,4,5,6,7,8,9,10],pageNumber,2);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"You are on page ",pageNumber),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Pager__WEBPACK_IMPORTED_MODULE_2__.Z,{page,onChange:setPageNumber}))}))},"./src/core/Pagination/Pagination.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),lodash__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/lodash/lodash.js"),_utilities_page_page__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utilities/page/page.ts"),_Pagination__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Pagination/Pagination.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Pagination",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { range } from 'lodash';\n\nimport { pageOf } from '../../utilities/page/page';\n\nimport Pagination from './Pagination';\n\nstoriesOf('core/Pagination', module)\n  .addParameters({ component: Pagination })\n  .add('default', () => {\n    const [pageNumber, setPageNumber] = useState(5);\n\n    const page = pageOf(range(1, 100), pageNumber, 10);\n\n    return (\n      <div className=\"d-flex justify-content-center\">\n        <Pagination page={page} onChange={setPageNumber} />\n      </div>\n    );\n  })\n  .add('without previous and next', () => {\n    const [pageNumber, setPageNumber] = useState(5);\n\n    const page = pageOf(range(1, 100), pageNumber, 10);\n\n    return (\n      <div className=\"d-flex justify-content-center\">\n        <Pagination\n          page={page}\n          onChange={setPageNumber}\n          showPreviousAndNextButtons={false}\n        />\n      </div>\n    );\n  });\n",locationsMap:{"without-previous-and-next":{startLoc:{col:7,line:22},endLoc:{col:3,line:36},startBody:{col:36,line:22},endBody:{col:3,line:36}},default:{startLoc:{col:7,line:11},endLoc:{col:3,line:21},startBody:{col:18,line:11},endBody:{col:3,line:21}}}}}).addParameters({component:_Pagination__WEBPACK_IMPORTED_MODULE_3__.Z}).add("default",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(5),2),pageNumber=_useState2[0],setPageNumber=_useState2[1],page=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_4__.u)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.range)(1,100),pageNumber,10);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Pagination__WEBPACK_IMPORTED_MODULE_3__.Z,{page,onChange:setPageNumber}))})).add("without previous and next",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(5),2),pageNumber=_useState4[0],setPageNumber=_useState4[1],page=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_4__.u)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.range)(1,100),pageNumber,10);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Pagination__WEBPACK_IMPORTED_MODULE_3__.Z,{page,onChange:setPageNumber,showPreviousAndNextButtons:!1}))}))},"./src/core/Popover/Popover.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Popover__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Popover/Popover.tsx"),_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/Tag/Tag.tsx"),_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/core/ConfirmButton/ConfirmButton.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/core/Button/Button.tsx"),_OpenCloseModal_OpenCloseModal__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/core/OpenCloseModal/OpenCloseModal.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);function TinyCrud(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),open=_useState6[0],setOpen=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.NX,{style:{width:300}},["aap","noot","mies"].map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{key:person},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},person,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{icon:"edit",className:"mt-1",onClick:function onClick(){return setOpen(!0)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_5__.Z,{dialogText:"You sure son?",icon:"delete",onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete clicked")}))))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.WI,{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{icon:"add",className:"mt-1",onClick:function onClick(){return setOpen(!0)}},"Add person")),open?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenCloseModal_OpenCloseModal__WEBPACK_IMPORTED_MODULE_7__.n,{isOpen:!0,onClose:function onClose(){return setOpen(!1)}},"Form here?"):null)}function NiceCard(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Ol,null,"This is a nice header"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.eW,null,"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Provident eveniet, earum corrupti dicta quidem excepturi cupiditate consequuntur soluta obcaecati alias nobis eaque magnam sed et fugiat facere cumque, quaerat laborum!"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.iR,null,"Containing a footer"))}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Popover",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { action } from \'@storybook/addon-actions\';\nimport {\n  Card,\n  CardBody,\n  CardFooter,\n  CardHeader,\n  Col,\n  ListGroup,\n  ListGroupItem,\n  Row\n} from \'reactstrap\';\n\nimport Popover from \'./Popover\';\nimport Tag from \'../Tag/Tag\';\n\nimport ConfirmButton from \'../ConfirmButton/ConfirmButton\';\nimport Button from \'../Button/Button\';\nimport { OpenCloseModal } from \'../OpenCloseModal/OpenCloseModal\';\n\nstoriesOf(\'core/Popover\', module)\n  .addParameters({ component: Popover })\n  .add(\'default\', () => (\n    <div className="d-flex flex-column">\n      <Row className="my-3">\n        <Col className="d-flex justify-content-around align-items-center">\n          <Popover target={<Tag color="danger" text="Hover me!" />}>\n            <TinyCrud />\n          </Popover>\n\n          <Popover target={<h5>Can be wrapped around any component</h5>}>\n            <TinyCrud />\n          </Popover>\n\n          <Popover target="Plain text">\n            <NiceCard />\n          </Popover>\n\n          <Popover target={<Button>Hover this button!</Button>}>\n            <TinyCrud />\n          </Popover>\n        </Col>\n      </Row>\n    </div>\n  ))\n\n  .add(\'taking control\', () => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    return (\n      <div className="d-flex flex-column">\n        <Row className="my-3">\n          <Col className="d-flex justify-content-around align-items-center">\n            Status: {isOpen ? \'opened\' : \'closed\'}\n            <Popover isOpen={isOpen} target="Open">\n              <TinyCrud />\n            </Popover>\n            <Button onClick={() => setIsOpen(!isOpen)}>Show / hide</Button>\n          </Col>\n          <Col>\n            <p>\n              Note: you can take complete controll over the Popover by using the{\' \'}\n              <pre className="d-inline text-info">isOpen</pre> prop. Once you\n              make it <pre className="d-inline text-info">true</pre> or{\' \'}\n              <pre className="d-inline text-info">false</pre> the hover behavior\n              will be disabled.\n            </p>\n          </Col>\n        </Row>\n      </div>\n    );\n  })\n\n  .add(\'on click outside\', () => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    return (\n      <div className="d-flex flex-column">\n        <Row className="my-3">\n          <Col className="d-flex justify-content-around align-items-center">\n            Status: {isOpen ? \'opened\' : \'closed\'}\n            <Popover\n              isOpen={isOpen}\n              onClickOutside={() => setIsOpen(false)}\n              target="Open"\n            >\n              <NiceCard />\n            </Popover>\n            <Button onClick={() => setIsOpen(true)}>Show</Button>\n          </Col>\n          <Col>\n            <p>\n              Note: you can take complete controll over the Popover by using the{\' \'}\n              <pre className="d-inline text-info">isOpen</pre> prop. Once you\n              make it <pre className="d-inline text-info">true</pre> or{\' \'}\n              <pre className="d-inline text-info">false</pre> the hover behavior\n              will be disabled.\n            </p>\n\n            <p>\n              In combination with{\' \'}\n              <pre className="d-inline text-info">onClickOutside</pre> you can\n              close the popover when clicked anywhere outside the popover.\n            </p>\n          </Col>\n        </Row>\n      </div>\n    );\n  })\n\n  .add(\'alignment\', () => (\n    <>\n      <h6>Alignment</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Popover\n            target={<Tag color="danger" text="Hover me!" />}\n            placement="bottom"\n          >\n            Placement bottom\n          </Popover>\n\n          <Popover\n            target={<Tag color="warning" text="Hover me!" />}\n            placement="left"\n          >\n            Placement left\n          </Popover>\n          <Popover\n            target={<Tag color="primary" text="Hover me!" />}\n            placement="right"\n          >\n            Placement right\n          </Popover>\n\n          <Popover\n            target={<Tag color="success" text="Hover me!" />}\n            placement="top"\n          >\n            Placement top\n          </Popover>\n        </Col>\n      </Row>\n      <hr />\n\n      <h6>Alignment-modifier</h6>\n      <Row className="mt-3">\n        <Col className="d-flex justify-content-around">\n          <Popover\n            target={<Button> Hover me! </Button>}\n            placement="right-start"\n          >\n            right-start\n          </Popover>\n\n          <Popover target={<Button> Hover me! </Button>} placement="right">\n            right\n          </Popover>\n\n          <Popover target={<Button> Hover me! </Button>} placement="right-end">\n            right-end\n          </Popover>\n        </Col>\n      </Row>\n    </>\n  ))\n\n  .add(\'distance and offset\', () => (\n    <>\n      <h6>Distance</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Popover\n            target={<Tag color="success" text="far away" />}\n            distance={15}\n          >\n            far away\n          </Popover>\n\n          <Popover target={<Tag color="success" text="default offset" />}>\n            default distance\n          </Popover>\n\n          <Popover\n            target={<Tag color="success" text="very close" />}\n            distance={3}\n          >\n            very close\n          </Popover>\n        </Col>\n      </Row>\n\n      <h6>Offset</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Popover\n            target={<Tag color="success" text="positive offset" />}\n            offset={100}\n          >\n            positive offset\n          </Popover>\n\n          <Popover target={<Tag color="success" text="default offset" />}>\n            default offset\n          </Popover>\n\n          <Popover\n            target={<Tag color="success" text="negative offset" />}\n            offset={-100}\n          >\n            negative offset\n          </Popover>\n        </Col>\n      </Row>\n    </>\n  ))\n\n  .add(\'custom wrapper\', () => (\n    <>\n      <h6>Custom wrapper</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Popover target="My target is in a <span>">\n            By default, my target is wrapped in a span\n          </Popover>\n\n          <Popover target="My target is in a <div>" tag="div">\n            You can change that with the tag property\n          </Popover>\n        </Col>\n      </Row>\n    </>\n  ));\n\nfunction TinyCrud() {\n  const [open, setOpen] = useState(false);\n\n  const persons = [\'aap\', \'noot\', \'mies\'];\n\n  return (\n    <ListGroup style={{ width: 300 }}>\n      {persons.map((person) => (\n        <ListGroupItem key={person}>\n          <div className="d-flex justify-content-between">\n            {person}\n\n            <div>\n              <Button\n                icon="edit"\n                className="mt-1"\n                onClick={() => setOpen(true)}\n              />\n\n              <ConfirmButton\n                dialogText="You sure son?"\n                icon="delete"\n                onConfirm={action(\'delete clicked\')}\n              />\n            </div>\n          </div>\n        </ListGroupItem>\n      ))}\n      <ListGroupItem className="d-flex justify-content-center">\n        <Button icon="add" className="mt-1" onClick={() => setOpen(true)}>\n          Add person\n        </Button>\n      </ListGroupItem>\n\n      {open ? (\n        <OpenCloseModal isOpen={true} onClose={() => setOpen(false)}>\n          Form here?\n        </OpenCloseModal>\n      ) : null}\n    </ListGroup>\n  );\n}\n\nfunction NiceCard() {\n  return (\n    <Card>\n      <CardHeader>This is a nice header</CardHeader>\n      <CardBody>\n        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Provident\n        eveniet, earum corrupti dicta quidem excepturi cupiditate consequuntur\n        soluta obcaecati alias nobis eaque magnam sed et fugiat facere cumque,\n        quaerat laborum!\n      </CardBody>\n      <CardFooter>Containing a footer</CardFooter>\n    </Card>\n  );\n}\n',locationsMap:{"custom-wrapper":{startLoc:{col:7,line:219},endLoc:{col:3,line:234},startBody:{col:25,line:219},endBody:{col:3,line:234}},"distance-and-offset":{startLoc:{col:7,line:169},endLoc:{col:3,line:217},startBody:{col:30,line:169},endBody:{col:3,line:217}},alignment:{startLoc:{col:7,line:112},endLoc:{col:3,line:167},startBody:{col:20,line:112},endBody:{col:3,line:167}},"on-click-outside":{startLoc:{col:7,line:75},endLoc:{col:3,line:110},startBody:{col:27,line:75},endBody:{col:3,line:110}},"taking-control":{startLoc:{col:7,line:48},endLoc:{col:3,line:73},startBody:{col:25,line:48},endBody:{col:3,line:73}},default:{startLoc:{col:7,line:24},endLoc:{col:3,line:46},startBody:{col:18,line:24},endBody:{col:3,line:46}}}}}).addParameters({component:_Popover__WEBPACK_IMPORTED_MODULE_3__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex flex-column"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.X2,{className:"my-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,{className:"d-flex justify-content-around align-items-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"danger",text:"Hover me!"})},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TinyCrud,null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Can be wrapped around any component")},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TinyCrud,null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:"Plain text"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(NiceCard,null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,null,"Hover this button!")},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TinyCrud,null)))))})).add("taking control",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex flex-column"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.X2,{className:"my-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,{className:"d-flex justify-content-around align-items-center"},"Status: ",isOpen?"opened":"closed",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{isOpen,target:"Open"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(TinyCrud,null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setIsOpen(!isOpen)}},"Show / hide")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Note: you can take complete controll over the Popover by using the"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"isOpen")," prop. Once you make it ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"true")," or"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"false")," the hover behavior will be disabled."))))})).add("on click outside",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState4[0],setIsOpen=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex flex-column"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.X2,{className:"my-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,{className:"d-flex justify-content-around align-items-center"},"Status: ",isOpen?"opened":"closed",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{isOpen,onClickOutside:function onClickOutside(){return setIsOpen(!1)},target:"Open"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(NiceCard,null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setIsOpen(!0)}},"Show")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Note: you can take complete controll over the Popover by using the"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"isOpen")," prop. Once you make it ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"true")," or"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"false")," the hover behavior will be disabled."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"In combination with"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",{className:"d-inline text-info"},"onClickOutside")," you can close the popover when clicked anywhere outside the popover."))))})).add("alignment",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Alignment"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"danger",text:"Hover me!"}),placement:"bottom"},"Placement bottom"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"warning",text:"Hover me!"}),placement:"left"},"Placement left"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"primary",text:"Hover me!"}),placement:"right"},"Placement right"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"success",text:"Hover me!"}),placement:"top"},"Placement top"))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Alignment-modifier"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.X2,{className:"mt-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,null," Hover me! "),placement:"right-start"},"right-start"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,null," Hover me! "),placement:"right"},"right"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,null," Hover me! "),placement:"right-end"},"right-end"))))})).add("distance and offset",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Distance"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"success",text:"far away"}),distance:15},"far away"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"success",text:"default offset"})},"default distance"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"success",text:"very close"}),distance:3},"very close"))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Offset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"success",text:"positive offset"}),offset:100},"positive offset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"success",text:"default offset"})},"default offset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{color:"success",text:"negative offset"}),offset:-100},"negative offset"))))})).add("custom wrapper",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Custom wrapper"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:"My target is in a <span>"},"By default, my target is wrapped in a span"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Popover__WEBPACK_IMPORTED_MODULE_3__.Z,{target:"My target is in a <div>",tag:"div"},"You can change that with the tag property"))))}))},"./src/core/ProgressStepper/ProgressStepper.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_ProgressStepper__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/ProgressStepper/ProgressStepper.tsx");module=__webpack_require__.hmd(module);var steps=["primary","secondary","success","info","warning","danger","link"];(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/ProgressStepper",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport ProgressStepper from './ProgressStepper';\n\ntype Step =\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'info'\n  | 'warning'\n  | 'danger'\n  | 'link';\n\nconst steps: Step[] = [\n  'primary',\n  'secondary',\n  'success',\n  'info',\n  'warning',\n  'danger',\n  'link'\n];\n\nstoriesOf('core/ProgressStepper', module)\n  .addParameters({ component: ProgressStepper })\n  .add('colors', () => {\n    return (\n      <div className=\"text-center\">\n        <ProgressStepper<Step>\n          steps={steps}\n          onClick={action(`Clicked`)}\n          isStepClickable={() => true}\n          titleForStep={(step) => step}\n          colorForStep={(step) => step}\n        />\n      </div>\n    );\n  });\n",locationsMap:{colors:{startLoc:{col:7,line:28},endLoc:{col:3,line:40},startBody:{col:17,line:28},endBody:{col:3,line:40}}}}}).addParameters({component:_ProgressStepper__WEBPACK_IMPORTED_MODULE_3__.Z}).add("colors",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ProgressStepper__WEBPACK_IMPORTED_MODULE_3__.Z,{steps,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("Clicked"),isStepClickable:function isStepClickable(){return!0},titleForStep:function titleForStep(step){return step},colorForStep:function colorForStep(step){return step}}))}))},"./src/core/ProgressStepper/ProgressStepperExample.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var _initialState,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_ProgressStepper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/ProgressStepper/ProgressStepper.tsx");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}module=__webpack_require__.hmd(module);var steps=["Billing","Coupon","Finished"],initialState=(_defineProperty(_initialState={},"Billing","incomplete"),_defineProperty(_initialState,"Coupon","incomplete"),_defineProperty(_initialState,"Finished","incomplete"),_initialState);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/ProgressStepper",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport ProgressStepper from './ProgressStepper';\n\ntype Step = 'Billing' | 'Coupon' | 'Finished';\n\ntype Status = 'complete' | 'incomplete' | 'error';\n\nconst steps: Step[] = ['Billing', 'Coupon', 'Finished'];\n\ntype ShoppingWizardState = { [x in Step]: Status };\n\nconst initialState: ShoppingWizardState = {\n  ['Billing']: 'incomplete',\n  ['Coupon']: 'incomplete',\n  ['Finished']: 'incomplete'\n};\n\nstoriesOf('core/ProgressStepper', module)\n  .addParameters({ component: ProgressStepper })\n  .add('example', () => {\n    const [status, setStatus] = useState<ShoppingWizardState>(initialState);\n    const [current, setCurrent] = useState<Step>('Billing');\n\n    function onSubmit() {\n      // Add a random error chance\n      if (Math.random() > 0.5) {\n        setStatus({ ...status, [current]: 'Error' });\n        return;\n      }\n\n      const currentIndex = steps.indexOf(current);\n      const index = Math.min(steps.length - 1, currentIndex + 1);\n\n      const nextStep = steps[index];\n\n      setStatus({\n        ...status,\n        [current]: 'complete'\n      });\n      setCurrent(nextStep);\n    }\n\n    return (\n      <>\n        <div className=\"text-center\">\n          <ProgressStepper<Step>\n            className=\"ms-auto\"\n            steps={steps}\n            onClick={(step) => setCurrent(step)}\n            isStepClickable={(step) => {\n              // The current step is never clickable\n              if (step === current) {\n                return false;\n              }\n\n              return status[step] === 'complete';\n            }}\n            titleForStep={(step) => step}\n            colorForStep={(step) => {\n              const stepStatus = status[step];\n\n              // Error status always wins from the current status.\n              if (stepStatus === 'error') {\n                return 'danger';\n              }\n\n              // When not in error and the step is the current step make it primary\n              if (step === current) {\n                return 'primary';\n              }\n\n              return stepStatus === 'complete' ? 'success' : 'secondary';\n            }}\n          />\n        </div>\n        <div className=\"ms-2\">\n          <h1>Form: {current}</h1>\n\n          <button className=\"btn btn-primary\" onClick={onSubmit}>\n            Submit\n          </button>\n\n          <p>\n            Press the &quot;Submit&quot; button to jump to the next stage. It\n            will either succeed or fail randomly.\n          </p>\n        </div>\n      </>\n    );\n  });\n",locationsMap:{example:{startLoc:{col:7,line:22},endLoc:{col:3,line:92},startBody:{col:18,line:22},endBody:{col:3,line:92}}}}}).addParameters({component:_ProgressStepper__WEBPACK_IMPORTED_MODULE_2__.Z}).add("example",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialState),2),status=_useState2[0],setStatus=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("Billing"),2),current=_useState4[0],setCurrent=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ProgressStepper__WEBPACK_IMPORTED_MODULE_2__.Z,{className:"ms-auto",steps,onClick:function onClick(step){return setCurrent(step)},isStepClickable:function isStepClickable(step){return step!==current&&"complete"===status[step]},titleForStep:function titleForStep(step){return step},colorForStep:function colorForStep(step){var stepStatus=status[step];return"error"===stepStatus?"danger":step===current?"primary":"complete"===stepStatus?"success":"secondary"}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"ms-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h1",null,"Form: ",current),react__WEBPACK_IMPORTED_MODULE_0__.createElement("button",{className:"btn btn-primary",onClick:function onSubmit(){if(Math.random()>.5)setStatus(_objectSpread(_objectSpread({},status),{},_defineProperty({},current,"Error")));else{var currentIndex=steps.indexOf(current),index=Math.min(steps.length-1,currentIndex+1),nextStep=steps[index];setStatus(_objectSpread(_objectSpread({},status),{},_defineProperty({},current,"complete"))),setCurrent(nextStep)}}},"Submit"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,'Press the "Submit" button to jump to the next stage. It will either succeed or fail randomly.')))}))},"./src/core/SearchInput/SearchInput.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_SearchInput__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/SearchInput/SearchInput.tsx"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/index.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/SearchInput",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport SearchInput from './SearchInput';\n\nimport { Card } from 'reactstrap';\nimport { Button, Icon, Select, Tooltip } from '../..';\n\nstoriesOf('core/SearchInput', module)\n  .addParameters({ component: SearchInput })\n  .add('default', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n        <SearchInput defaultValue={query} onChange={setQuery} />\n      </Card>\n    );\n  })\n  .add('without icon', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n        <SearchInput\n          defaultValue={query}\n          onChange={setQuery}\n          showIcon={false}\n        />\n      </Card>\n    );\n  })\n  .add('with custom debounce', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n        <SearchInput defaultValue={query} onChange={setQuery} debounce={1000} />\n      </Card>\n    );\n  })\n  .add('with custom debounce settings', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n        <SearchInput\n          defaultValue={query}\n          onChange={setQuery}\n          debounce={1000}\n          debounceSettings={{ leading: true, trailing: true }}\n        />\n      </Card>\n    );\n  })\n  .add('with placeholder', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n        <SearchInput\n          defaultValue={query}\n          onChange={setQuery}\n          placeholder=\"Search...\"\n        />\n      </Card>\n    );\n  })\n  .add('with label', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n        <SearchInput\n          id=\"search\"\n          label=\"Search\"\n          defaultValue={query}\n          onChange={setQuery}\n        />\n      </Card>\n    );\n  })\n  .add('with custom label', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n        <SearchInput\n          id=\"search\"\n          label={\n            <div className=\"d-flex justify-content-between\">\n              <span>Search</span>\n              <Tooltip className=\"ms-1\" content=\"Search the following fields\">\n                <Icon icon=\"info\" />\n              </Tooltip>\n            </div>\n          }\n          defaultValue={query}\n          onChange={setQuery}\n        />\n      </Card>\n    );\n  })\n  .add('with external value', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n\n        <SearchInput defaultValue={query} onChange={setQuery} debounce={1000}>\n          {(searchInput, { setValue }) => (\n            <>\n              {searchInput}\n\n              <Button className=\"mt-3\" onClick={() => setValue('')}>\n                Clear query\n              </Button>\n\n              <Select\n                className=\"mt-2\"\n                id=\"predefined-query\"\n                label=\"Predefined queries\"\n                value={query}\n                placeholder=\"Please select a predefined query\"\n                options={['Maarten', 'Jeffrey']}\n                labelForOption={(option) => option}\n                onChange={(value) => {\n                  if (value) {\n                    setValue(value);\n                  }\n                }}\n              />\n            </>\n          )}\n        </SearchInput>\n      </Card>\n    );\n  })\n  .add('without clear button', () => {\n    const [query, setQuery] = useState('');\n\n    return (\n      <Card body>\n        <p>You searched for: {query}</p>\n        <SearchInput\n          defaultValue={query}\n          onChange={setQuery}\n          canClear={false}\n        />\n      </Card>\n    );\n  });\n",locationsMap:{"without-clear-button":{startLoc:{col:7,line:147},endLoc:{col:3,line:160},startBody:{col:31,line:147},endBody:{col:3,line:160}},"with-external-value":{startLoc:{col:7,line:111},endLoc:{col:3,line:146},startBody:{col:30,line:111},endBody:{col:3,line:146}},"with-custom-label":{startLoc:{col:7,line:89},endLoc:{col:3,line:110},startBody:{col:28,line:89},endBody:{col:3,line:110}},"with-label":{startLoc:{col:7,line:74},endLoc:{col:3,line:88},startBody:{col:21,line:74},endBody:{col:3,line:88}},"with-placeholder":{startLoc:{col:7,line:60},endLoc:{col:3,line:73},startBody:{col:27,line:60},endBody:{col:3,line:73}},"with-custom-debounce-settings":{startLoc:{col:7,line:45},endLoc:{col:3,line:59},startBody:{col:40,line:45},endBody:{col:3,line:59}},"with-custom-debounce":{startLoc:{col:7,line:35},endLoc:{col:3,line:44},startBody:{col:31,line:35},endBody:{col:3,line:44}},"without-icon":{startLoc:{col:7,line:21},endLoc:{col:3,line:34},startBody:{col:23,line:21},endBody:{col:3,line:34}},default:{startLoc:{col:7,line:11},endLoc:{col:3,line:20},startBody:{col:18,line:11},endBody:{col:3,line:20}}}}}).addParameters({component:_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState2[0],setQuery=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{defaultValue:query,onChange:setQuery}))})).add("without icon",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState4[0],setQuery=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{defaultValue:query,onChange:setQuery,showIcon:!1}))})).add("with custom debounce",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState6[0],setQuery=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{defaultValue:query,onChange:setQuery,debounce:1e3}))})).add("with custom debounce settings",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState8[0],setQuery=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{defaultValue:query,onChange:setQuery,debounce:1e3,debounceSettings:{leading:!0,trailing:!0}}))})).add("with placeholder",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState10[0],setQuery=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{defaultValue:query,onChange:setQuery,placeholder:"Search..."}))})).add("with label",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState12[0],setQuery=_useState12[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"search",label:"Search",defaultValue:query,onChange:setQuery}))})).add("with custom label",(function(){var _useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState14[0],setQuery=_useState14[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"search",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Search"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_3__.u,{className:"ms-1",content:"Search the following fields"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_3__.JO,{icon:"info"}))),defaultValue:query,onChange:setQuery}))})).add("with external value",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState16[0],setQuery=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{defaultValue:query,onChange:setQuery,debounce:1e3},(function(searchInput,_ref){var setValue=_ref.setValue;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,searchInput,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_3__.zx,{className:"mt-3",onClick:function onClick(){return setValue("")}},"Clear query"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_3__.Ph,{className:"mt-2",id:"predefined-query",label:"Predefined queries",value:query,placeholder:"Please select a predefined query",options:["Maarten","Jeffrey"],labelForOption:function labelForOption(option){return option},onChange:function onChange(value){value&&setValue(value)}}))})))})).add("without clear button",(function(){var _useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState18[0],setQuery=_useState18[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You searched for: ",query),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.Z,{defaultValue:query,onChange:setQuery,canClear:!1}))}))},"./src/core/Spinner/Spinner.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_Spinner__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Spinner/Spinner.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Spinner",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport Spinner from \'./Spinner\';\n\nstoriesOf(\'core/Spinner\', module)\n  .addParameters({ component: Spinner })\n  .add(\'default\', () => {\n    return (\n      <div className="text-center">\n        <Spinner color="" size={42} />\n        <hr />\n        <Spinner color="red" size={42} />\n        <Spinner color="white" size={42} />\n        <Spinner color="blue" size={42} />\n        <hr />\n        <Spinner color="orange" size={16} />\n        <hr />\n        <Spinner color="purple" size={500} />\n      </div>\n    );\n  });\n',locationsMap:{default:{startLoc:{col:7,line:8},endLoc:{col:3,line:22},startBody:{col:18,line:8},endBody:{col:3,line:22}}}}}).addParameters({component:_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z,{color:"",size:42}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z,{color:"red",size:42}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z,{color:"white",size:42}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z,{color:"blue",size:42}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z,{color:"orange",size:16}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z,{color:"purple",size:500}))}))},"./src/core/SubmitButton/SubmitButton.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_SubmitButton__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/SubmitButton/SubmitButton.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/buttons/SubmitButton",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport SubmitButton from './SubmitButton';\n\nstoriesOf('core/buttons/SubmitButton', module)\n  .addParameters({ component: SubmitButton })\n  .add('default', () => {\n    return (\n      <div className=\"text-center\">\n        <p>When not in progress:</p>\n        <SubmitButton onClick={() => action('on submit')} inProgress={false}>\n          Save\n        </SubmitButton>\n\n        <hr />\n\n        <p>When in progress:</p>\n        <SubmitButton onClick={() => action('on submit')} inProgress={true}>\n          Save\n        </SubmitButton>\n      </div>\n    );\n  })\n  .add('size', () => {\n    return (\n      <div>\n        <SubmitButton\n          onClick={() => action('on submit')}\n          inProgress={false}\n          size=\"sm\"\n        >\n          sm\n        </SubmitButton>\n\n        <SubmitButton\n          onClick={() => action('on submit')}\n          inProgress={false}\n          size=\"md\"\n        >\n          default (md)\n        </SubmitButton>\n\n        <SubmitButton\n          onClick={() => action('on submit')}\n          inProgress={false}\n          size=\"lg\"\n        >\n          lg\n        </SubmitButton>\n      </div>\n    );\n  });\n",locationsMap:{size:{startLoc:{col:7,line:26},endLoc:{col:3,line:54},startBody:{col:15,line:26},endBody:{col:3,line:54}},default:{startLoc:{col:7,line:9},endLoc:{col:3,line:25},startBody:{col:18,line:9},endBody:{col:3,line:25}}}}}).addParameters({component:_SubmitButton__WEBPACK_IMPORTED_MODULE_3__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When not in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SubmitButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onClick:function onClick(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("on submit")},inProgress:!1},"Save"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"When in progress:"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SubmitButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onClick:function onClick(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("on submit")},inProgress:!0},"Save"))})).add("size",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SubmitButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onClick:function onClick(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("on submit")},inProgress:!1,size:"sm"},"sm"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SubmitButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onClick:function onClick(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("on submit")},inProgress:!1,size:"md"},"default (md)"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SubmitButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onClick:function onClick(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("on submit")},inProgress:!1,size:"lg"},"lg"))}))},"./src/core/SuccessIcon/SuccessIcon.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_SuccessIcon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/SuccessIcon/SuccessIcon.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/SuccessIcon",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport { SuccessIcon } from './SuccessIcon';\n\nstoriesOf('core/SuccessIcon', module)\n  .addParameters({ component: SuccessIcon })\n  .add('default', () => {\n    const [value, setValue] = useState(false);\n    return (\n      <div className=\"text-center\">\n        <SuccessIcon\n          onChange={() => setValue(!value)}\n          value={value}\n        />\n      </div>\n    );\n  })\n  .add('hover color', () => {\n    const [value, setValue] = useState(false);\n    return (\n      <div className=\"text-center\">\n        <SuccessIcon\n          onChange={() => setValue(!value)}\n          value={value}\n          hoverColor=\"danger\"\n        />\n      </div>\n    );\n  });\n",locationsMap:{"hover-color":{startLoc:{col:7,line:19},endLoc:{col:3,line:30},startBody:{col:22,line:19},endBody:{col:3,line:30}},default:{startLoc:{col:7,line:8},endLoc:{col:3,line:18},startBody:{col:18,line:8},endBody:{col:3,line:18}}}}}).addParameters({component:_SuccessIcon__WEBPACK_IMPORTED_MODULE_2__.t}).add("default",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SuccessIcon__WEBPACK_IMPORTED_MODULE_2__.t,{onChange:function onChange(){return setValue(!value)},value}))})).add("hover color",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SuccessIcon__WEBPACK_IMPORTED_MODULE_2__.t,{onChange:function onChange(){return setValue(!value)},value,hoverColor:"danger"}))}))},"./src/core/Tabs/Tabs.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_Tabs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Tabs/Tabs.tsx"),react_final_form__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/Tabs/Tab/Tab.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/core/Button/Button.tsx"),_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/Input/Input.tsx"),_form_Textarea_Textarea__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/Textarea/Textarea.tsx"),_Card_Card__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/core/Card/Card.tsx"),_form_story_utils__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/form/story-utils.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);function isRequired(value){return value?void 0:"This field is required"}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Tabs",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport { Tabs } from './Tabs';\n\nimport { Form } from 'react-final-form';\nimport { Tab } from './Tab/Tab';\nimport Button from '../Button/Button';\nimport { JarbInput } from '../../form/Input/Input';\nimport { JarbTextarea } from '../../form/Textarea/Textarea';\nimport { Card } from '../Card/Card';\nimport { sleep } from '../../form/story-utils';\n\nstoriesOf('core/Tabs', module)\n  .addParameters({ component: Tabs })\n  .addParameters({ component: Tab })\n  .add('default', () => {\n    type AvailableTabs = 'info' | 'testing' | 'details';\n    const [activeTab, setActiveTab] = useState<AvailableTabs>('info');\n    return (\n      <Card>\n        <Tabs>\n          <Tab\n            onClick={() => setActiveTab('info')}\n            active={activeTab === 'info'}\n            label=\"info\"\n          >\n            {() => <p>You should be able to use these tabs</p>}\n          </Tab>\n          <Tab\n            onClick={() => setActiveTab('testing')}\n            active={activeTab === 'testing'}\n            label=\"testing\"\n          >\n            {() => <p>This is suspended content</p>}\n          </Tab>\n          <Tab\n            onClick={() => setActiveTab('details')}\n            active={activeTab === 'details'}\n            label=\"details\"\n          >\n            {() => <Button color=\"primary\">This is a button</Button>}\n          </Tab>\n        </Tabs>\n      </Card>\n    );\n  })\n  .add('disabled', () => {\n    type AvailableTabs = 'info' | 'testing' | 'details';\n    const [activeTab, setActiveTab] = useState<AvailableTabs>('info');\n    return (\n      <Card>\n        <Tabs>\n          <Tab\n            onClick={() => setActiveTab('info')}\n            active={activeTab === 'info'}\n            label=\"info\"\n            disabled={false}\n          >\n            {() => <p>You should be able to use these tabs</p>}\n          </Tab>\n          <Tab\n            onClick={() => setActiveTab('testing')}\n            active={activeTab === 'testing'}\n            label=\"testing\"\n            disabled={true}\n          >\n            {() => <p>This content is suspended</p>}\n          </Tab>\n          <Tab\n            onClick={() => setActiveTab('details')}\n            active={activeTab === 'details'}\n            label=\"details\"\n            disabled={false}\n          >\n            {() => <Button color=\"primary\">This is a button</Button>}\n          </Tab>\n        </Tabs>\n      </Card>\n    );\n  })\n  .add('show/hide', () => {\n    type AvailableTabs = 'info' | 'testing' | 'details';\n    const [activeTab, setActiveTab] = useState<AvailableTabs>('info');\n    return (\n      <Card>\n        <p>\n          You can leverage the show property to do things like permission checks\n          to hide the tab if the user is not allowed to see the content.\n        </p>\n        <Tabs>\n          <Tab\n            onClick={() => setActiveTab('info')}\n            active={activeTab === 'info'}\n            label=\"info\"\n            show={() => true}\n          >\n            {() => <p>You should be able to use these tabs</p>}\n          </Tab>\n          <Tab\n            onClick={() => setActiveTab('testing')}\n            active={activeTab === 'testing'}\n            label=\"testing\"\n            show={() => true}\n          >\n            {() => <p>This content is suspended</p>}\n          </Tab>\n          <Tab\n            onClick={() => setActiveTab('details')}\n            active={activeTab === 'details'}\n            label=\"details\"\n            show={() => false}\n          >\n            {() => <Button color=\"primary\">This is a button</Button>}\n          </Tab>\n        </Tabs>\n      </Card>\n    );\n  })\n  .add('with icons', () => {\n    type AvailableTabs = 'info' | 'testing' | 'details';\n    const [activeTab, setActiveTab] = useState<AvailableTabs>('info');\n    return (\n      <Card>\n        <Tabs>\n          <Tab\n            onClick={() => setActiveTab('info')}\n            active={activeTab === 'info'}\n            label=\"info\"\n            icon=\"info\"\n            iconColor=\"primary\"\n          >\n            {() => <p>You should be able to use these tabs</p>}\n          </Tab>\n          <Tab\n            onClick={() => setActiveTab('testing')}\n            active={activeTab === 'testing'}\n            label=\"testing\"\n            icon=\"warning\"\n            iconColor=\"warning\"\n          >\n            {() => <p>This content is suspended</p>}\n          </Tab>\n          <Tab\n            onClick={() => setActiveTab('details')}\n            active={activeTab === 'details'}\n            label=\"details\"\n            icon=\"keyboard_hide\"\n            iconColor=\"danger\"\n          >\n            {() => <Button color=\"primary\">This is a button</Button>}\n          </Tab>\n        </Tabs>\n      </Card>\n    );\n  })\n  .add('within a form', () => {\n    type AvailableTabs = 'info' | 'content';\n    const [activeTab, setActiveTab] = useState<AvailableTabs>('info');\n    const [triedToSubmit, setTriedToSubmit] = useState(false);\n    return (\n      <Form\n        onSubmit={() => sleep(1000)}\n        render={({ handleSubmit, submitting, errors }) => (\n          <Card>\n            <p>\n              Hide inactive tabs using CSS when the tabs are used in a\n              final-form. When all form elements are in the DOM, they will all\n              participate in the form validation. This way, form elements across\n              all tabs are checked.\n            </p>\n            <Tabs hideInactiveTabsBy=\"CSS\">\n              <Tab\n                label=\"info\"\n                onClick={() => setActiveTab('info')}\n                active={activeTab === 'info'}\n                icon={\n                  errors &&\n                  (errors.username || errors.password) &&\n                  triedToSubmit\n                    ? 'warning'\n                    : undefined\n                }\n                iconColor=\"danger\"\n              >\n                {() => (\n                  <>\n                    <JarbInput\n                      jarb={{\n                        validator: '',\n                        label: 'username'\n                      }}\n                      validators={[isRequired]}\n                      id=\"username\"\n                      label=\"Username\"\n                      name=\"username\"\n                    />\n                    <JarbInput\n                      jarb={{\n                        validator: '',\n                        label: 'password'\n                      }}\n                      validators={[isRequired]}\n                      id=\"password\"\n                      label=\"Password\"\n                      type=\"password\"\n                      name=\"password\"\n                    />\n                  </>\n                )}\n              </Tab>\n              <Tab\n                label=\"content\"\n                onClick={() => setActiveTab('content')}\n                active={activeTab === 'content'}\n                icon={\n                  errors && errors.content && triedToSubmit\n                    ? 'warning'\n                    : undefined\n                }\n                iconColor=\"danger\"\n              >\n                {() => (\n                  <JarbTextarea\n                    jarb={{\n                      validator: '',\n                      label: 'content'\n                    }}\n                    validators={[isRequired]}\n                    id=\"content\"\n                    label=\"Content\"\n                    name=\"content\"\n                  />\n                )}\n              </Tab>\n            </Tabs>\n            <Button\n              inProgress={submitting}\n              onClick={() => {\n                setTriedToSubmit(true);\n                handleSubmit();\n              }}\n            >\n              Submit\n            </Button>\n          </Card>\n        )}\n      />\n    );\n  });\n\nfunction isRequired(value?: any) {\n  return value ? undefined : 'This field is required';\n}\n",locationsMap:{"within-a-form":{startLoc:{col:7,line:157},endLoc:{col:3,line:250},startBody:{col:24,line:157},endBody:{col:3,line:250}},"with-icons":{startLoc:{col:7,line:120},endLoc:{col:3,line:156},startBody:{col:21,line:120},endBody:{col:3,line:156}},"show-hide":{startLoc:{col:7,line:82},endLoc:{col:3,line:119},startBody:{col:20,line:82},endBody:{col:3,line:119}},disabled:{startLoc:{col:7,line:48},endLoc:{col:3,line:81},startBody:{col:19,line:48},endBody:{col:3,line:81}},default:{startLoc:{col:7,line:17},endLoc:{col:3,line:47},startBody:{col:18,line:17},endBody:{col:3,line:47}}}}}).addParameters({component:_Tabs__WEBPACK_IMPORTED_MODULE_2__.m}).addParameters({component:_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O}).add("default",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("info"),2),activeTab=_useState2[0],setActiveTab=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Card_Card__WEBPACK_IMPORTED_MODULE_8__.Z,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tabs__WEBPACK_IMPORTED_MODULE_2__.m,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("info")},active:"info"===activeTab,label:"info"},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You should be able to use these tabs")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("testing")},active:"testing"===activeTab,label:"testing"},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"This is suspended content")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("details")},active:"details"===activeTab,label:"details"},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{color:"primary"},"This is a button")}))))})).add("disabled",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("info"),2),activeTab=_useState4[0],setActiveTab=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Card_Card__WEBPACK_IMPORTED_MODULE_8__.Z,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tabs__WEBPACK_IMPORTED_MODULE_2__.m,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("info")},active:"info"===activeTab,label:"info",disabled:!1},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You should be able to use these tabs")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("testing")},active:"testing"===activeTab,label:"testing",disabled:!0},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"This content is suspended")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("details")},active:"details"===activeTab,label:"details",disabled:!1},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{color:"primary"},"This is a button")}))))})).add("show/hide",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("info"),2),activeTab=_useState6[0],setActiveTab=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Card_Card__WEBPACK_IMPORTED_MODULE_8__.Z,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You can leverage the show property to do things like permission checks to hide the tab if the user is not allowed to see the content."),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tabs__WEBPACK_IMPORTED_MODULE_2__.m,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("info")},active:"info"===activeTab,label:"info",show:function show(){return!0}},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You should be able to use these tabs")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("testing")},active:"testing"===activeTab,label:"testing",show:function show(){return!0}},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"This content is suspended")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("details")},active:"details"===activeTab,label:"details",show:function show(){return!1}},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{color:"primary"},"This is a button")}))))})).add("with icons",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("info"),2),activeTab=_useState8[0],setActiveTab=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Card_Card__WEBPACK_IMPORTED_MODULE_8__.Z,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tabs__WEBPACK_IMPORTED_MODULE_2__.m,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("info")},active:"info"===activeTab,label:"info",icon:"info",iconColor:"primary"},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You should be able to use these tabs")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("testing")},active:"testing"===activeTab,label:"testing",icon:"warning",iconColor:"warning"},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"This content is suspended")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{onClick:function onClick(){return setActiveTab("details")},active:"details"===activeTab,label:"details",icon:"keyboard_hide",iconColor:"danger"},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{color:"primary"},"This is a button")}))))})).add("within a form",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("info"),2),activeTab=_useState10[0],setActiveTab=_useState10[1],_useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),triedToSubmit=_useState12[0],setTriedToSubmit=_useState12[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_3__.Form,{onSubmit:function onSubmit(){return(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_9__._v)(1e3)},render:function render(_ref){var handleSubmit=_ref.handleSubmit,submitting=_ref.submitting,errors=_ref.errors;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Card_Card__WEBPACK_IMPORTED_MODULE_8__.Z,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Hide inactive tabs using CSS when the tabs are used in a final-form. When all form elements are in the DOM, they will all participate in the form validation. This way, form elements across all tabs are checked."),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tabs__WEBPACK_IMPORTED_MODULE_2__.m,{hideInactiveTabsBy:"CSS"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{label:"info",onClick:function onClick(){return setActiveTab("info")},active:"info"===activeTab,icon:errors&&(errors.username||errors.password)&&triedToSubmit?"warning":void 0,iconColor:"danger"},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{jarb:{validator:"",label:"username"},validators:[isRequired],id:"username",label:"Username",name:"username"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{jarb:{validator:"",label:"password"},validators:[isRequired],id:"password",label:"Password",type:"password",name:"password"}))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tab_Tab__WEBPACK_IMPORTED_MODULE_4__.O,{label:"content",onClick:function onClick(){return setActiveTab("content")},active:"content"===activeTab,icon:errors&&errors.content&&triedToSubmit?"warning":void 0,iconColor:"danger"},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Textarea_Textarea__WEBPACK_IMPORTED_MODULE_7__.X,{jarb:{validator:"",label:"content"},validators:[isRequired],id:"content",label:"Content",name:"content"})}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_5__.ZP,{inProgress:submitting,onClick:function onClick(){setTriedToSubmit(!0),handleSubmit()}},"Submit"))}})}))},"./src/core/Tag/Tag.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_Tag__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Tag/Tag.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Tag",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { action } from \'@storybook/addon-actions\';\n\nimport Tag from \'./Tag\';\n\nstoriesOf(\'core/Tag\', module)\n  .addParameters({ component: Tag })\n  .add(\'default\', () => (\n    <div className="text-center">\n      <Tag text="Maarten" />\n      <Tag text="Maarten" color="success" />\n      <Tag text="Maarten" color="info" />\n      <Tag text="Maarten" color="warning" />\n      <Tag text="Maarten" color="danger" />\n      <Tag text="Maarten" onRemove={action(\'on close\')} />\n    </div>\n  ));\n',locationsMap:{default:{startLoc:{col:7,line:9},endLoc:{col:3,line:18},startBody:{col:18,line:9},endBody:{col:3,line:18}}}}}).addParameters({component:_Tag__WEBPACK_IMPORTED_MODULE_3__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{text:"Maarten"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{text:"Maarten",color:"success"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{text:"Maarten",color:"info"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{text:"Maarten",color:"warning"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{text:"Maarten",color:"danger"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{text:"Maarten",onRemove:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("on close")}))}))},"./src/core/TextButton/TextButton.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_TextButton__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/TextButton/TextButton.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/buttons/TextButton",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport TextButton from './TextButton';\n\nstoriesOf('core/buttons/TextButton', module)\n  .addParameters({ component: TextButton })\n  .add('default', () => {\n    return (\n      <div className=\"text-center mt-5\">\n        <TextButton onClick={action('onClick')}>Clear</TextButton>\n      </div>\n    );\n  });\n",locationsMap:{default:{startLoc:{col:7,line:9},endLoc:{col:3,line:15},startBody:{col:18,line:9},endBody:{col:3,line:15}}}}}).addParameters({component:_TextButton__WEBPACK_IMPORTED_MODULE_3__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center mt-5"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextButton__WEBPACK_IMPORTED_MODULE_3__.Z,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onClick")},"Clear"))}))},"./src/core/Toggle/Toggle.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_Toggle__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Toggle/Toggle.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Core/Toggle",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { action } from \'@storybook/addon-actions\';\n\nimport Toggle from \'./Toggle\';\n\nstoriesOf(\'Core/Toggle\', module).add(\'basic\', () => {\n  const [primary, setPrimary] = useState(true);\n  const [secondary, setSecondary] = useState(true);\n  const [info, setInfo] = useState(true);\n  const [success, setSuccess] = useState(true);\n  const [warning, setWarning] = useState(true);\n  const [danger, setDanger] = useState(true);\n  const [light, setLight] = useState(true);\n  const [dark, setDark] = useState(true);\n\n  return (\n    <div className="text-center">\n      <Toggle\n        value={primary}\n        color="primary"\n        onChange={setPrimary}\n        onBlur={action(\'onBlur\')}\n        label="primary"\n      />\n      <br />\n      <Toggle\n        value={secondary}\n        color="secondary"\n        onChange={setSecondary}\n        onBlur={action(\'onBlur\')}\n        label="secondary"\n      />\n      <br />\n      <Toggle\n        value={info}\n        color="info"\n        onChange={setInfo}\n        onBlur={action(\'onBlur\')}\n        label="info"\n      />\n      <br />\n      <Toggle\n        value={success}\n        color="success"\n        onChange={setSuccess}\n        onBlur={action(\'onBlur\')}\n        label="success"\n      />\n      <br />\n      <Toggle\n        value={warning}\n        color="warning"\n        onChange={setWarning}\n        onBlur={action(\'onBlur\')}\n        label="warning"\n      />\n      <br />\n      <Toggle\n        value={danger}\n        color="danger"\n        onChange={setDanger}\n        onBlur={action(\'onBlur\')}\n        label="danger"\n      />\n      <br />\n      <Toggle\n        value={light}\n        color="light"\n        onChange={setLight}\n        onBlur={action(\'onBlur\')}\n        label="light"\n      />\n      <br />\n      <Toggle\n        value={dark}\n        color="dark"\n        onChange={setDark}\n        onBlur={action(\'onBlur\')}\n        label="dark"\n      />\n    </div>\n  );\n});\n',locationsMap:{basic:{startLoc:{col:37,line:7},endLoc:{col:1,line:84},startBody:{col:46,line:7},endBody:{col:1,line:84}}}}}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),primary=_useState2[0],setPrimary=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),secondary=_useState4[0],setSecondary=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),info=_useState6[0],setInfo=_useState6[1],_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),success=_useState8[0],setSuccess=_useState8[1],_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),warning=_useState10[0],setWarning=_useState10[1],_useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),danger=_useState12[0],setDanger=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),light=_useState14[0],setLight=_useState14[1],_useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),dark=_useState16[0],setDark=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Toggle__WEBPACK_IMPORTED_MODULE_3__.Z,{value:primary,color:"primary",onChange:setPrimary,onBlur:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur"),label:"primary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Toggle__WEBPACK_IMPORTED_MODULE_3__.Z,{value:secondary,color:"secondary",onChange:setSecondary,onBlur:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur"),label:"secondary"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Toggle__WEBPACK_IMPORTED_MODULE_3__.Z,{value:info,color:"info",onChange:setInfo,onBlur:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur"),label:"info"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Toggle__WEBPACK_IMPORTED_MODULE_3__.Z,{value:success,color:"success",onChange:setSuccess,onBlur:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur"),label:"success"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Toggle__WEBPACK_IMPORTED_MODULE_3__.Z,{value:warning,color:"warning",onChange:setWarning,onBlur:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur"),label:"warning"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Toggle__WEBPACK_IMPORTED_MODULE_3__.Z,{value:danger,color:"danger",onChange:setDanger,onBlur:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur"),label:"danger"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Toggle__WEBPACK_IMPORTED_MODULE_3__.Z,{value:light,color:"light",onChange:setLight,onBlur:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur"),label:"light"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Toggle__WEBPACK_IMPORTED_MODULE_3__.Z,{value:dark,color:"dark",onChange:setDark,onBlur:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur"),label:"dark"}))}))},"./src/core/Tooltip/Tooltip.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_Tooltip__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Tooltip/Tooltip.tsx"),_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Tag/Tag.tsx"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/Tooltip",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport Tooltip from \'./Tooltip\';\nimport Tag from \'../Tag/Tag\';\nimport { Button, Col, Row } from \'reactstrap\';\n\nstoriesOf(\'core/Tooltip\', module)\n  .addParameters({ component: Tooltip })\n  .add(\'default\', () => (\n    <div className="d-flex flex-column">\n      <Row className="my-3">\n        <Col className="d-flex justify-content-around align-items-center">\n          <Tooltip content="This is a tooltip">\n            <Tag color="danger" text="Hover me!" />\n          </Tooltip>\n\n          <Tooltip content="Tooltip-text">\n            <h5>Can be wrapped around any component</h5>\n          </Tooltip>\n\n          <Tooltip content="This is a tooltip">Plain text</Tooltip>\n\n          <Tooltip content="Buttons work too">\n            <Button>Hover this button!</Button>\n          </Tooltip>\n        </Col>\n      </Row>\n    </div>\n  ))\n\n  .add(\'alignment\', () => (\n    <>\n      <h6>Alignment</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Tooltip content={\'Placement bottom\'} placement="bottom">\n            <Tag color="danger" text="Hover me!" />\n          </Tooltip>\n\n          <Tooltip content={\'Placement left\'} placement="left">\n            <Tag color="warning" text="Hover me!" />\n          </Tooltip>\n          <Tooltip content={\'Placement right\'} placement="right">\n            <Tag color="primary" text="Hover me!" />\n          </Tooltip>\n\n          <Tooltip content={\'Placement top\'} placement="top">\n            <Tag color="success" text="Hover me!" />\n          </Tooltip>\n        </Col>\n      </Row>\n      <hr />\n\n      <h6>Alignment-modifier</h6>\n      <Row className="mt-3">\n        <Col className="d-flex justify-content-around">\n          <Tooltip content={\'right-start\'} placement="right-start">\n            <Button style={{ height: 75 }}> Hover me! </Button>\n          </Tooltip>\n\n          <Tooltip content={\'right\'} placement="right">\n            <Button style={{ height: 75 }}> Hover me! </Button>\n          </Tooltip>\n\n          <Tooltip content={\'right-end\'} placement="right-end">\n            <Button style={{ height: 75 }}> Hover me! </Button>\n          </Tooltip>\n        </Col>\n      </Row>\n    </>\n  ))\n\n  .add(\'width, distance and offset\', () => (\n    <>\n      <h6>Max width</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Tooltip\n            content={<p className="text-center">You can set me to be narrow</p>}\n            maxWidth={80}\n          >\n            <Tag color="warning" text={\'Hover me!\'} />\n          </Tooltip>\n\n          <Tooltip\n            content={\n              <p className="text-center">Or you can set me to be wide...</p>\n            }\n            maxWidth={500}\n          >\n            <Tag color="warning" text={\'Hover me!\'} />\n          </Tooltip>\n        </Col>\n      </Row>\n\n      <hr />\n\n      <h6>Distance</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Tooltip content="far away" distance={15}>\n            <Tag color="success" text="far away" />\n          </Tooltip>\n\n          <Tooltip content="default distance">\n            <Tag color="success" text="default offset" />\n          </Tooltip>\n\n          <Tooltip content="very close" distance={3}>\n            <Tag color="success" text="very close" />\n          </Tooltip>\n        </Col>\n      </Row>\n\n      <h6>Offset</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Tooltip content="far away" offset={100}>\n            <Tag color="success" text="far away" />\n          </Tooltip>\n\n          <Tooltip content="default offset">\n            <Tag color="success" text="default offset" />\n          </Tooltip>\n\n          <Tooltip content="very close" offset={-100}>\n            <Tag color="success" text="very close" />\n          </Tooltip>\n        </Col>\n      </Row>\n    </>\n  ))\n\n  .add(\'components as content\', () => (\n    <>\n      <h6>Components</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Tooltip\n            interactive\n            content={\n              <div>\n                {\' \'}\n                I can render <b style={{ color: \'orange\' }}> HTML content</b>\n              </div>\n            }\n          >\n            <p color="orange">HTML</p>\n          </Tooltip>\n\n          <Tooltip\n            interactive\n            content={<Button color="danger"> React components too!</Button>}\n          >\n            <p>React</p>\n          </Tooltip>\n\n          <Tooltip\n            interactive\n            placement="left"\n            content={\n              <Tooltip\n                interactive\n                placement="left"\n                content={\n                  <Tooltip\n                    interactive\n                    placement="left"\n                    content={\n                      <Tooltip\n                        interactive\n                        placement="left"\n                        content={\n                          <Tooltip\n                            interactive\n                            placement="left"\n                            content={\n                              <Tooltip interactive content="Pretty cool right?">\n                                <p>5</p>\n                              </Tooltip>\n                            }\n                          >\n                            <p>4</p>\n                          </Tooltip>\n                        }\n                      >\n                        <p>3</p>\n                      </Tooltip>\n                    }\n                  >\n                    <p>2</p>\n                  </Tooltip>\n                }\n              >\n                <p>1</p>\n              </Tooltip>\n            }\n          >\n            <p>Tooltip-ception</p>\n          </Tooltip>\n        </Col>\n      </Row>\n\n      <hr />\n      <h6>Interactive</h6>\n\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Tooltip content="You cannot click my contents">\n            <Tag color="danger" text="I am not interactive" />\n          </Tooltip>\n          <Tooltip interactive content="You can click my content!">\n            <Tag color="success" text="I am interactive!" />\n          </Tooltip>\n        </Col>\n      </Row>\n    </>\n  ))\n\n  .add(\'custom wrapper\', () => (\n    <>\n      <h6>Custom wrapper</h6>\n      <Row className="mt-4">\n        <Col className="d-flex justify-content-around">\n          <Tooltip content="My children are in a <span>" tag="span">\n            By default, my children get wrapped in a span\n          </Tooltip>\n\n          <Tooltip content="My children are in a <div>" tag="div">\n            You can change that with the tag property\n          </Tooltip>\n        </Col>\n      </Row>\n    </>\n  ));\n',locationsMap:{"custom-wrapper":{startLoc:{col:7,line:221},endLoc:{col:3,line:236},startBody:{col:25,line:221},endBody:{col:3,line:236}},"components-as-content":{startLoc:{col:7,line:135},endLoc:{col:3,line:219},startBody:{col:32,line:135},endBody:{col:3,line:219}},"width-distance-and-offset":{startLoc:{col:7,line:74},endLoc:{col:3,line:133},startBody:{col:37,line:74},endBody:{col:3,line:133}},alignment:{startLoc:{col:7,line:32},endLoc:{col:3,line:72},startBody:{col:20,line:32},endBody:{col:3,line:72}},default:{startLoc:{col:7,line:10},endLoc:{col:3,line:30},startBody:{col:18,line:10},endBody:{col:3,line:30}}}}}).addParameters({component:_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z}).add("default",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex flex-column"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"my-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around align-items-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"This is a tooltip"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"danger",text:"Hover me!"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"Tooltip-text"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Can be wrapped around any component")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"This is a tooltip"},"Plain text"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"Buttons work too"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.zx,null,"Hover this button!")))))})).add("alignment",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Alignment"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"Placement bottom",placement:"bottom"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"danger",text:"Hover me!"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"Placement left",placement:"left"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"warning",text:"Hover me!"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"Placement right",placement:"right"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"primary",text:"Hover me!"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"Placement top",placement:"top"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",text:"Hover me!"})))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Alignment-modifier"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"mt-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"right-start",placement:"right-start"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.zx,{style:{height:75}}," Hover me! ")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"right",placement:"right"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.zx,{style:{height:75}}," Hover me! ")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"right-end",placement:"right-end"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.zx,{style:{height:75}}," Hover me! ")))))})).add("width, distance and offset",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Max width"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"text-center"},"You can set me to be narrow"),maxWidth:80},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"warning",text:"Hover me!"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"text-center"},"Or you can set me to be wide..."),maxWidth:500},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"warning",text:"Hover me!"})))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Distance"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"far away",distance:15},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",text:"far away"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"default distance"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",text:"default offset"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"very close",distance:3},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",text:"very close"})))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Offset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"far away",offset:100},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",text:"far away"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"default offset"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",text:"default offset"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"very close",offset:-100},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",text:"very close"})))))})).add("components as content",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Components"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,content:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null," ","I can render ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("b",{style:{color:"orange"}}," HTML content"))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{color:"orange"},"HTML")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,content:react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.zx,{color:"danger"}," React components too!")},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"React")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,placement:"left",content:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,placement:"left",content:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,placement:"left",content:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,placement:"left",content:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,placement:"left",content:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,content:"Pretty cool right?"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"5"))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"4"))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"3"))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"2"))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"1"))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Tooltip-ception")))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Interactive"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"You cannot click my contents"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"danger",text:"I am not interactive"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{interactive:!0,content:"You can click my content!"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tag_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{color:"success",text:"I am interactive!"})))))})).add("custom wrapper",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",null,"Custom wrapper"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.X2,{className:"mt-4"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.JX,{className:"d-flex justify-content-around"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"My children are in a <span>",tag:"span"},"By default, my children get wrapped in a span"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:"My children are in a <div>",tag:"div"},"You can change that with the tag property"))))}))},"./src/core/lists/AttributeList/AttributeList.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_AttributeList__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/lists/AttributeList/AttributeList.tsx"),_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/lists/AttributeView/AttributeView.tsx"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("core/AttributeList",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport { AttributeList } from './AttributeList';\nimport { AttributeView } from '../AttributeView/AttributeView';\nimport { Card } from 'reactstrap';\n\nstoriesOf('core/AttributeList', module)\n  .addParameters({ component: AttributeList })\n  .add('basic example', () => {\n    return (\n      <AttributeList>\n        <AttributeView label=\"Name\">42 BV</AttributeView>\n        <AttributeView label=\"City\">Zoetermeer</AttributeView>\n        <AttributeView label=\"Country\">Netherlands</AttributeView>\n      </AttributeList>\n    );\n  })\n  .add('inside card', () => {\n    return (\n      <Card body className=\"py-1\">\n        <AttributeList>\n          <AttributeView label=\"Name\">42 BV</AttributeView>\n          <AttributeView label=\"City\">Zoetermeer</AttributeView>\n          <AttributeView label=\"Country\">Netherlands</AttributeView>\n        </AttributeList>\n      </Card>\n    );\n  });\n",locationsMap:{"inside-card":{startLoc:{col:7,line:19},endLoc:{col:3,line:29},startBody:{col:22,line:19},endBody:{col:3,line:29}},"basic-example":{startLoc:{col:7,line:10},endLoc:{col:3,line:18},startBody:{col:24,line:10},endBody:{col:3,line:18}}}}}).addParameters({component:_AttributeList__WEBPACK_IMPORTED_MODULE_2__.d}).add("basic example",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AttributeList__WEBPACK_IMPORTED_MODULE_2__.d,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_3__.P,{label:"Name"},"42 BV"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_3__.P,{label:"City"},"Zoetermeer"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_3__.P,{label:"Country"},"Netherlands"))})).add("inside card",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{body:!0,className:"py-1"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AttributeList__WEBPACK_IMPORTED_MODULE_2__.d,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_3__.P,{label:"Name"},"42 BV"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_3__.P,{label:"City"},"Zoetermeer"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_3__.P,{label:"Country"},"Netherlands")))}))},"./src/form/Checkbox/Checkbox.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Checkbox__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/Checkbox/Checkbox.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/story-utils.tsx"),_core_Icon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/Icon/index.ts"),_core_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/core/Tooltip/Tooltip.tsx"),_core_Card_Card__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/core/Card/Card.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);function isSClass(value){if(!1===value)return"Hero must be S class to proceed"}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/Checkbox",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { Alert } from \'reactstrap\';\n\nimport Checkbox, { JarbCheckbox } from \'./Checkbox\';\nimport { FinalForm } from \'../story-utils\';\n\nimport { Icon } from \'../../core/Icon\';\nimport Tooltip from \'../../core/Tooltip/Tooltip\';\nimport { Card } from \'../../core/Card/Card\';\n\nfunction isSClass(value?: boolean) {\n  if (value !== false) {\n    return undefined;\n  }\n\n  return \'Hero must be S class to proceed\';\n}\n\nstoriesOf(\'Form/Checkbox\', module)\n  .add(\'basic\', () => {\n    const [isSClass, setIsSClass] = useState<boolean | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <Checkbox\n          id="isSClass"\n          label="Is S class hero"\n          placeholder="Whether or not the hero is S class"\n          value={isSClass}\n          onChange={setIsSClass}\n        />\n\n        {isSClass ? (\n          <Alert color="success" className="d-flex">\n            <Icon icon="warning" className="me-1" /> This hero is of the highest\n            caliber\n          </Alert>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'basic with indeterminate\', () => {\n    const [isSClass, setIsSClass] = useState<boolean | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <Checkbox\n          id="isSClass"\n          label="Is S class hero"\n          placeholder="Whether or not the hero is S class"\n          value={isSClass}\n          onChange={setIsSClass}\n          allowIndeterminate={true}\n        />\n\n        {isSClass ? (\n          <Alert color="success" className="d-flex">\n            <Icon icon="warning" className="me-1" /> This hero is of the highest\n            caliber\n          </Alert>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'without placeholder\', () => {\n    const [isSClass, setIsSClass] = useState<boolean | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <Checkbox\n          id="isSClass"\n          label="Is S class hero"\n          value={isSClass}\n          onChange={setIsSClass}\n        />\n\n        {isSClass ? (\n          <Alert color="success" className="d-flex">\n            <Icon icon="warning" className="me-1" /> This hero is of the highest\n            caliber\n          </Alert>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    const [isSClass, setIsSClass] = useState<boolean | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <Checkbox\n          id="isSClass"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Is S class hero</span>\n              <Tooltip\n                className="ms-1"\n                content="An S class hero is a hero of the highest caliber"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Whether or not the hero is S class"\n          value={isSClass}\n          onChange={setIsSClass}\n        />\n\n        {isSClass ? (\n          <Alert color="success" className="d-flex">\n            <Icon icon="warning" className="me-1" /> This hero is of the highest\n            caliber\n          </Alert>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbCheckbox\n          id="isSClass"\n          name="isSClass"\n          label="Is S class hero"\n          placeholder="Whether or not the hero is S class"\n          validators={[isSClass]}\n          jarb={{\n            validator: \'Hero.isSClass\',\n            label: \'Description\'\n          }}\n        />\n      </FinalForm>\n    );\n  })\n  .add(\'jarb with indeterminate\', () => {\n    return (\n      <FinalForm>\n        <JarbCheckbox\n          id="isSClass"\n          name="isSClass"\n          label="Is S class hero"\n          placeholder="Whether or not the hero is S class"\n          validators={[isSClass]}\n          jarb={{\n            validator: \'Hero.isSClass\',\n            label: \'Description\'\n          }}\n          allowIndeterminate={true}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{"jarb-with-indeterminate":{startLoc:{col:7,line:136},endLoc:{col:3,line:153},startBody:{col:34,line:136},endBody:{col:3,line:153}},jarb:{startLoc:{col:7,line:119},endLoc:{col:3,line:135},startBody:{col:15,line:119},endBody:{col:3,line:135}},"with-custom-label":{startLoc:{col:7,line:87},endLoc:{col:3,line:118},startBody:{col:28,line:87},endBody:{col:3,line:118}},"without-placeholder":{startLoc:{col:7,line:66},endLoc:{col:3,line:86},startBody:{col:30,line:66},endBody:{col:3,line:86}},"basic-with-indeterminate":{startLoc:{col:7,line:43},endLoc:{col:3,line:65},startBody:{col:35,line:43},endBody:{col:3,line:65}},basic:{startLoc:{col:7,line:21},endLoc:{col:3,line:42},startBody:{col:16,line:21},endBody:{col:3,line:42}}}}}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),isSClass=_useState2[0],setIsSClass=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Card_Card__WEBPACK_IMPORTED_MODULE_6__.Z,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Checkbox__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"isSClass",label:"Is S class hero",placeholder:"Whether or not the hero is S class",value:isSClass,onChange:setIsSClass}),isSClass?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.bZ,{color:"success",className:"d-flex"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"warning",className:"me-1"})," This hero is of the highest caliber"):null)})).add("basic with indeterminate",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),isSClass=_useState4[0],setIsSClass=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Card_Card__WEBPACK_IMPORTED_MODULE_6__.Z,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Checkbox__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"isSClass",label:"Is S class hero",placeholder:"Whether or not the hero is S class",value:isSClass,onChange:setIsSClass,allowIndeterminate:!0}),isSClass?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.bZ,{color:"success",className:"d-flex"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"warning",className:"me-1"})," This hero is of the highest caliber"):null)})).add("without placeholder",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),isSClass=_useState6[0],setIsSClass=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Card_Card__WEBPACK_IMPORTED_MODULE_6__.Z,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Checkbox__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"isSClass",label:"Is S class hero",value:isSClass,onChange:setIsSClass}),isSClass?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.bZ,{color:"success",className:"d-flex"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"warning",className:"me-1"})," This hero is of the highest caliber"):null)})).add("with custom label",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),isSClass=_useState8[0],setIsSClass=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Card_Card__WEBPACK_IMPORTED_MODULE_6__.Z,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Checkbox__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"isSClass",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Is S class hero"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_5__.Z,{className:"ms-1",content:"An S class hero is a hero of the highest caliber"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Whether or not the hero is S class",value:isSClass,onChange:setIsSClass}),isSClass?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.bZ,{color:"success",className:"d-flex"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"warning",className:"me-1"})," This hero is of the highest caliber"):null)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Checkbox__WEBPACK_IMPORTED_MODULE_2__.r,{id:"isSClass",name:"isSClass",label:"Is S class hero",placeholder:"Whether or not the hero is S class",validators:[isSClass],jarb:{validator:"Hero.isSClass",label:"Description"}}))})).add("jarb with indeterminate",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Checkbox__WEBPACK_IMPORTED_MODULE_2__.r,{id:"isSClass",name:"isSClass",label:"Is S class hero",placeholder:"Whether or not the hero is S class",validators:[isSClass],jarb:{validator:"Hero.isSClass",label:"Description"},allowIndeterminate:!0}))}))},"./src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/CheckboxMultipleSelect",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\n\nimport CheckboxMultipleSelect, {\n  JarbCheckboxMultipleSelect\n} from './CheckboxMultipleSelect';\nimport {\n  FinalForm,\n  IsOptionEqualInfo,\n  KeyForOptionInfo,\n  nonExistingProvince,\n  Province,\n  provinceFetcher,\n  provinces,\n  ReloadOptionsInfo\n} from '../story-utils';\nimport { Card, Icon, Toggle, Tooltip } from '../..';\n\nstoriesOf('Form/CheckboxMultipleSelect', module)\n  .add('predefined options', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className=\"m-2\">\n        <CheckboxMultipleSelect\n          id=\"provinces\"\n          label=\"Provinces\"\n          placeholder=\"Please select your provinces\"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{' '}\n            {value.map((province) => province.label).join(', ')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add('async options', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className=\"m-2\">\n        <CheckboxMultipleSelect\n          id=\"provinces\"\n          label=\"Provinces\"\n          placeholder=\"Please select your provinces\"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{' '}\n            {value.map((province) => province.label).join(', ')}\n          </p>\n        ) : null}\n\n        <p className=\"mt-3\">\n          <strong>Disclaimer:</strong> when using async, a maximum of 100\n          options will be displayed. If you want to display more than 100\n          options, you should use the ModalPickerMultiple.\n        </p>\n      </Card>\n    );\n  })\n  .add('disabled options', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className=\"m-2\">\n        <CheckboxMultipleSelect\n          id=\"provinces\"\n          label=\"Provinces\"\n          placeholder=\"Please select your provinces\"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEnabled={(option) => !option.label.startsWith('Z')}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{' '}\n            {value.map((province) => province.label).join(', ')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add('custom isOptionEqual', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      provinces()[0]\n    ]);\n\n    return (\n      <Card className=\"m-2\">\n        <CheckboxMultipleSelect\n          id=\"provinces\"\n          label=\"Provinces\"\n          placeholder=\"Please select your provinces\"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEqual={(a, b) => a.value === b.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{' '}\n            {value.map((province) => province.label).join(', ')}\n          </p>\n        ) : null}\n\n        <IsOptionEqualInfo />\n      </Card>\n    );\n  })\n  .add('custom keyForOption', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      provinces()[0]\n    ]);\n\n    return (\n      <Card className=\"m-2\">\n        <CheckboxMultipleSelect\n          id=\"provinces\"\n          label=\"Provinces\"\n          placeholder=\"Please select your provinces\"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          keyForOption={(province) => province.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{' '}\n            {value.map((province) => province.label).join(', ')}\n          </p>\n        ) : null}\n\n        <KeyForOptionInfo />\n      </Card>\n    );\n  })\n  .add('using reloadOptions', () => {\n    const [limitToNorthern, setLimitToNorthern] = useState(false);\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className=\"m-2\">\n        <p>\n          Limit to northern provinces\n          <Toggle\n            className=\"ms-2\"\n            color=\"primary\"\n            value={limitToNorthern}\n            onChange={() => setLimitToNorthern(!limitToNorthern)}\n          />\n        </p>\n\n        <CheckboxMultipleSelect\n          id=\"provinces\"\n          label=\"Provinces\"\n          placeholder=\"Please select your provinces\"\n          options={provinces().filter((option) =>\n            limitToNorthern ? option.north : true\n          )}\n          labelForOption={(option) => option.label}\n          value={value}\n          onChange={setValue}\n          reloadOptions={limitToNorthern}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{' '}\n            {value.map((province) => province.label).join(',')}\n          </p>\n        ) : null}\n\n        <ReloadOptionsInfo />\n      </Card>\n    );\n  })\n  .add('optionsShouldAlwaysContainValue', () => {\n    const permissions = [\n      'CREATE_CAR',\n      'UPDATE_CAR',\n      'READ_CAR',\n      'DELETE_CAR',\n\n      'CREATE_BIKE',\n      'UPDATE_BIKE',\n      'READ_BIKE',\n      'DELETE_BIKE',\n\n      'CREATE_BOAT',\n      'UPDATE_BOAT',\n      'READ_BOAT',\n      'DELETE_BOAT'\n    ] as const;\n\n    type Permission = typeof permissions[number];\n\n    function carPermissions(): Permission[] {\n      return ['CREATE_CAR', 'UPDATE_CAR', 'READ_CAR', 'DELETE_CAR'];\n    }\n\n    function bikePermissions(): Permission[] {\n      return ['CREATE_BIKE', 'UPDATE_BIKE', 'READ_BIKE', 'DELETE_BIKE'];\n    }\n\n    function boatPermissions(): Permission[] {\n      return ['CREATE_BOAT', 'UPDATE_BOAT', 'READ_BOAT', 'DELETE_BOAT'];\n    }\n\n    const [value, setValue] = useState<Permission[] | undefined>([\n      'CREATE_CAR',\n      'CREATE_BIKE',\n      'CREATE_BOAT'\n    ]);\n\n    return (\n      <Card className=\"m-2\">\n        <CheckboxMultipleSelect\n          key=\"car\"\n          id=\"carPermission\"\n          label=\"Car permissions\"\n          placeholder=\"Please select your car permissions\"\n          options={carPermissions()}\n          labelForOption={(permission) => permission}\n          optionsShouldAlwaysContainValue={false}\n          value={value}\n          onChange={setValue}\n        />\n\n        <CheckboxMultipleSelect\n          key=\"bike\"\n          id=\"bikePermission\"\n          label=\"Bike permissions\"\n          placeholder=\"Please select your bike permissions\"\n          options={bikePermissions()}\n          labelForOption={(permission) => permission}\n          optionsShouldAlwaysContainValue={false}\n          value={value}\n          onChange={setValue}\n        />\n\n        <CheckboxMultipleSelect\n          key=\"boat\"\n          id=\"boatPermission\"\n          label=\"Boat permissions\"\n          placeholder=\"Please select your boat permissions\"\n          options={boatPermissions()}\n          labelForOption={(permission) => permission}\n          optionsShouldAlwaysContainValue={false}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your permissions are:{' '}\n            {value.map((permissions) => permissions).join(', ')}\n          </p>\n        ) : null}\n\n        <p>\n          <strong>optionsShouldAlwaysContainValue</strong> determines whether or\n          not the form element should always contain the value which is\n          selected.\n        </p>\n\n        <p>\n          It should be <strong>true</strong> when using it in the following\n          situation: The form element receives a value which is no longer part\n          of the options. In that case it is handy to have the value\n          automatically added to the options, so the user still sees the select\n          value.\n        </p>\n\n        <p>\n          It should be <strong>false</strong> when using it in the following\n          situations:\n          <ol>\n            <li>\n              The selected `value` is displayed separately from the selection of\n              values. In this case it does not make sense to add the `value` to\n              the options because it is already displayed.\n            </li>\n\n            <li>\n              The form element represents a sub selection of a larger value. For\n              example you have an array of permissions of what the user can do\n              in the system, visually you display grouped by parts of the\n              domain. This means giving the same `value` to various form element\n              components to represent parts of the same array of permissions. If\n              `optionsShouldAlwaysContainValue` were `true` it would add all\n              permissions to each permission group.\n            </li>\n          </ol>\n        </p>\n\n        <p>\n          In the above example it is <strong>false</strong> because otherwise\n          the selected CREATE options would appear in each form element, and not\n          just the one for the group.\n        </p>\n      </Card>\n    );\n  })\n  .add('label & placeholder', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className=\"m-2\">\n        <h3>Without label</h3>\n\n        <CheckboxMultipleSelect\n          placeholder=\"Please select your provinces\"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Custom label</h3>\n\n        <CheckboxMultipleSelect\n          id=\"provinces\"\n          label={\n            <div className=\"d-flex justify-content-between\">\n              <span>Friends</span>\n              <Tooltip className=\"ms-1\" content=\"Provinces are nice to have\">\n                <Icon icon=\"info\" />\n              </Tooltip>\n            </div>\n          }\n          placeholder=\"Please select your provinces\"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Without placeholder</h3>\n\n        <CheckboxMultipleSelect\n          id=\"provinces\"\n          label=\"Provinces\"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{' '}\n            {value.map((province) => province.label).join(', ')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add('horizontal', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <div>\n        <Card className=\"m-2\">\n          <CheckboxMultipleSelect\n            id=\"provinces\"\n            label=\"Provinces\"\n            placeholder=\"Please select your provinces\"\n            options={provinces()}\n            labelForOption={(province) => province.label}\n            value={value}\n            onChange={setValue}\n            horizontal={true}\n          />\n\n          {value ? (\n            <p>\n              Your chosen provinces are:{' '}\n              {value.map((province) => province.label).join(', ')}\n            </p>\n          ) : null}\n\n          <p>\n            <strong>Disclaimer:</strong> horizontal mode works best when there\n            are not too many items\n          </p>\n        </Card>\n      </div>\n    );\n  })\n  .add('jarb', () => {\n    return (\n      <FinalForm>\n        <JarbCheckboxMultipleSelect\n          id=\"provinces\"\n          name=\"provinces\"\n          label=\"Provinces\"\n          placeholder=\"Please select your provinces\"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          jarb={{\n            validator: 'User.provinces',\n            label: 'Provinces'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n",locationsMap:{jarb:{startLoc:{col:7,line:428},endLoc:{col:3,line:445},startBody:{col:15,line:428},endBody:{col:3,line:445}},horizontal:{startLoc:{col:7,line:394},endLoc:{col:3,line:427},startBody:{col:21,line:394},endBody:{col:3,line:427}},"label-placeholder":{startLoc:{col:7,line:332},endLoc:{col:3,line:393},startBody:{col:30,line:332},endBody:{col:3,line:393}},optionsshouldalwayscontainvalue:{startLoc:{col:7,line:205},endLoc:{col:3,line:331},startBody:{col:42,line:205},endBody:{col:3,line:331}},"using-reloadoptions":{startLoc:{col:7,line:163},endLoc:{col:3,line:204},startBody:{col:30,line:163},endBody:{col:3,line:204}},"custom-keyforoption":{startLoc:{col:7,line:134},endLoc:{col:3,line:162},startBody:{col:30,line:134},endBody:{col:3,line:162}},"custom-isoptionequal":{startLoc:{col:7,line:105},endLoc:{col:3,line:133},startBody:{col:31,line:105},endBody:{col:3,line:133}},"disabled-options":{startLoc:{col:7,line:78},endLoc:{col:3,line:104},startBody:{col:27,line:78},endBody:{col:3,line:104}},"async-options":{startLoc:{col:7,line:46},endLoc:{col:3,line:77},startBody:{col:24,line:46},endBody:{col:3,line:77}},"predefined-options":{startLoc:{col:7,line:20},endLoc:{col:3,line:45},startBody:{col:29,line:20},endBody:{col:3,line:45}}}}}).add("predefined options",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()]),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("async options",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()]),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," when using async, a maximum of 100 options will be displayed. If you want to display more than 100 options, you should use the ModalPickerMultiple."))})).add("disabled options",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()]),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEnabled:function isOptionEnabled(option){return!option.label.startsWith("Z")},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("custom isOptionEqual",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]]),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEqual:function isOptionEqual(a,b){return a.value===b.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.$L,null))})).add("custom keyForOption",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]]),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},keyForOption:function keyForOption(province){return province.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.kI,null))})).add("using reloadOptions",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),limitToNorthern=_useState12[0],setLimitToNorthern=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()]),2),value=_useState14[0],setValue=_useState14[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Limit to northern provinces",react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.ZD,{className:"ms-2",color:"primary",value:limitToNorthern,onChange:function onChange(){return setLimitToNorthern(!limitToNorthern)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)().filter((function(option){return!limitToNorthern||option.north})),labelForOption:function labelForOption(option){return option.label},value,onChange:setValue,reloadOptions:limitToNorthern}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(",")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.Nq,null))})).add("optionsShouldAlwaysContainValue",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(["CREATE_CAR","CREATE_BIKE","CREATE_BOAT"]),2),value=_useState16[0],setValue=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{key:"car",id:"carPermission",label:"Car permissions",placeholder:"Please select your car permissions",options:["CREATE_CAR","UPDATE_CAR","READ_CAR","DELETE_CAR"],labelForOption:function labelForOption(permission){return permission},optionsShouldAlwaysContainValue:!1,value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{key:"bike",id:"bikePermission",label:"Bike permissions",placeholder:"Please select your bike permissions",options:["CREATE_BIKE","UPDATE_BIKE","READ_BIKE","DELETE_BIKE"],labelForOption:function labelForOption(permission){return permission},optionsShouldAlwaysContainValue:!1,value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{key:"boat",id:"boatPermission",label:"Boat permissions",placeholder:"Please select your boat permissions",options:["CREATE_BOAT","UPDATE_BOAT","READ_BOAT","DELETE_BOAT"],labelForOption:function labelForOption(permission){return permission},optionsShouldAlwaysContainValue:!1,value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your permissions are:"," ",value.map((function(permissions){return permissions})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"optionsShouldAlwaysContainValue")," determines whether or not the form element should always contain the value which is selected."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"It should be ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"true")," when using it in the following situation: The form element receives a value which is no longer part of the options. In that case it is handy to have the value automatically added to the options, so the user still sees the select value."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"It should be ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"false")," when using it in the following situations:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("ol",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("li",null,"The selected `value` is displayed separately from the selection of values. In this case it does not make sense to add the `value` to the options because it is already displayed."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("li",null,"The form element represents a sub selection of a larger value. For example you have an array of permissions of what the user can do in the system, visually you display grouped by parts of the domain. This means giving the same `value` to various form element components to represent parts of the same array of permissions. If `optionsShouldAlwaysContainValue` were `true` it would add all permissions to each permission group."))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"In the above example it is ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"false")," because otherwise the selected CREATE options would appear in each form element, and not just the one for the group."))})).add("label & placeholder",(function(){var _useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()]),2),value=_useState18[0],setValue=_useState18[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Custom label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Friends"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.u,{className:"ms-1",content:"Provinces are nice to have"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without placeholder"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:"Provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("horizontal",(function(){var _useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()]),2),value=_useState20[0],setValue=_useState20[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,horizontal:!0}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," horizontal mode works best when there are not too many items")))})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_2__.z,{id:"provinces",name:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},jarb:{validator:"User.provinces",label:"Provinces"}}))}))},"./src/form/ColorPicker/ColorPicker.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_ColorPicker__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/ColorPicker/ColorPicker.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);function isToDark(value){if(value){var c=value.substring(1),rgb=parseInt(c,16);return.2126*(rgb>>16&255)+.7152*(rgb>>8&255)+.0722*(rgb>>0&255)<40?"This color is to dark":void 0}}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/ColorPicker",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport ColorPicker, { JarbColorPicker } from \'./ColorPicker\';\nimport { FinalForm } from \'../story-utils\';\nimport { Icon, Tooltip, Card } from \'../..\';\n\nfunction isToDark(value?: string) {\n  if (!value) {\n    return undefined;\n  }\n\n  const c = value.substring(1); // strip #\n  const rgb = parseInt(c, 16); // convert rrggbb to decimal\n  const r = (rgb >> 16) & 0xff; // extract red\n  const g = (rgb >> 8) & 0xff; // extract green\n  const b = (rgb >> 0) & 0xff; // extract blue\n\n  const luma = 0.2126 * r + 0.7152 * g + 0.0722 * b; // per ITU-R BT.709\n\n  if (luma < 40) {\n    return \'This color is to dark\';\n  }\n\n  return undefined;\n}\n\nstoriesOf(\'Form/ColorPicker\', module)\n  .add(\'basic\', () => {\n    const [value, setValue] = useState<string | undefined>();\n\n    return (\n      <div>\n        <Card className="m-2">\n          <ColorPicker\n            id="color"\n            label="Color"\n            placeholder="Please select your favorite color"\n            value={value}\n            onChange={setValue}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'basic preselected\', () => {\n    const [value, setValue] = useState<string | undefined>(\'#ff0000\');\n\n    return (\n      <div>\n        <Card className="m-2">\n          <ColorPicker\n            id="color"\n            label="Color"\n            placeholder="Please select your favorite color"\n            value={value}\n            onChange={setValue}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'with custom label\', () => {\n    const [value, setValue] = useState<string | undefined>();\n\n    return (\n      <div>\n        <Card className="m-2">\n          <ColorPicker\n            id="color"\n            label={\n              <div className="d-flex justify-content-between">\n                <span>Color</span>\n                <Tooltip\n                  className="ms-1"\n                  content="Use the color picker to select a color"\n                >\n                  <Icon icon="info" />\n                </Tooltip>\n              </div>\n            }\n            placeholder="Please select your favorite color"\n            value={value}\n            onChange={setValue}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'with icon\', () => {\n    const [value, setValue] = useState<string | undefined>();\n\n    return (\n      <div>\n        <Card className="m-2">\n          <ColorPicker\n            id="color"\n            label="Color"\n            placeholder="Please select your favorite color"\n            icon="colorize"\n            value={value}\n            onChange={setValue}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'without clear button\', () => {\n    const [value, setValue] = useState<string | undefined>(\'#ff0000\');\n\n    return (\n      <div>\n        <Card className="m-2">\n          <ColorPicker\n            id="color"\n            label="Color"\n            placeholder="Please select your favorite color"\n            value={value}\n            onChange={setValue}\n            canClear={false}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbColorPicker\n          id="color"\n          name="color"\n          label="Color"\n          placeholder="Please select your favorite color"\n          validators={[isToDark]}\n          jarb={{\n            validator: \'Hero.color\',\n            label: \'Color\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:126},endLoc:{col:3,line:142},startBody:{col:15,line:126},endBody:{col:3,line:142}},"without-clear-button":{startLoc:{col:7,line:108},endLoc:{col:3,line:125},startBody:{col:31,line:108},endBody:{col:3,line:125}},"with-icon":{startLoc:{col:7,line:90},endLoc:{col:3,line:107},startBody:{col:20,line:90},endBody:{col:3,line:107}},"with-custom-label":{startLoc:{col:7,line:63},endLoc:{col:3,line:89},startBody:{col:28,line:63},endBody:{col:3,line:89}},"basic-preselected":{startLoc:{col:7,line:46},endLoc:{col:3,line:62},startBody:{col:28,line:46},endBody:{col:3,line:62}},basic:{startLoc:{col:7,line:29},endLoc:{col:3,line:45},startBody:{col:16,line:29},endBody:{col:3,line:45}}}}}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"color",label:"Color",placeholder:"Please select your favorite color",value,onChange:setValue})))})).add("basic preselected",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("#ff0000"),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"color",label:"Color",placeholder:"Please select your favorite color",value,onChange:setValue})))})).add("with custom label",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"color",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.u,{className:"ms-1",content:"Use the color picker to select a color"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Please select your favorite color",value,onChange:setValue})))})).add("with icon",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"color",label:"Color",placeholder:"Please select your favorite color",icon:"colorize",value,onChange:setValue})))})).add("without clear button",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("#ff0000"),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"color",label:"Color",placeholder:"Please select your favorite color",value,onChange:setValue,canClear:!1})))})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_2__.U,{id:"color",name:"color",label:"Color",placeholder:"Please select your favorite color",validators:[isToDark],jarb:{validator:"Hero.color",label:"Color"}}))}))},"./src/form/DateTimeInput/DateTimeInput.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_final_form__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),reactstrap__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts"),_story_utils__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/story-utils.tsx"),_checkers__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/DateTimeInput/checkers.ts"),_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/DateTimeInput/DateTimeInput.tsx"),_validators__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/form/DateTimeInput/validators.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/DateTimeInput",module).addParameters({storySource:{source:'import { action } from \'@storybook/addon-actions\';\nimport { storiesOf } from \'@storybook/react\';\nimport React, { Fragment, useState } from \'react\';\nimport { Form as ReactFinalForm } from \'react-final-form\';\nimport { Col, Row } from \'reactstrap\';\nimport { Icon, SubmitButton, Tooltip, Card } from \'../..\';\nimport { FinalForm } from \'../story-utils\';\nimport { isDateAfter, isDateBefore, isDateBetween } from \'./checkers\';\nimport DateTimeInput, { JarbDateTimeInput } from \'./DateTimeInput\';\nimport {\n  isDateAfterValidator,\n  isDateBeforeValidator,\n  isDateBetweenValidator\n} from \'./validators\';\n\nstoriesOf(\'Form/DateTimeInput\', module)\n  .add(\'date and time\', () => {\n    const [value, setValue] = useState<Date | undefined>(undefined);\n\n    return (\n      <Card className="m2">\n        <DateTimeInput\n          id="dateOfBirth"\n          label="Date of birth"\n          placeholder="Please enter your date and time of birth"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          isDateAllowed={(date) => {\n            return date.isBefore(new Date());\n          }}\n          value={value}\n          onChange={setValue}\n        />\n\n        <div>\n          Date and time of birth is:\n          <pre>{value?.toISOString()}</pre>\n        </div>\n      </Card>\n    );\n  })\n  .add(\'date\', () => {\n    const [value, setValue] = useState<Date | undefined>(undefined);\n\n    return (\n      <Card className="m2">\n        <DateTimeInput\n          id="dateOfBirth"\n          label="Date of birth"\n          placeholder="Please enter your date of birth"\n          dateFormat="YYYY-MM-DD"\n          timeFormat={false}\n          isDateAllowed={(date) => {\n            return date.isBefore(new Date());\n          }}\n          value={value}\n          onChange={setValue}\n        />\n\n        <div>\n          Date of birth is:\n          {value?.toISOString()}\n        </div>\n      </Card>\n    );\n  })\n  .add(\'time\', () => {\n    const [value, setValue] = useState<Date | undefined>(undefined);\n\n    return (\n      <Card className="m2">\n        <DateTimeInput\n          id="startTime"\n          label="Start time"\n          placeholder="Please enter your start time"\n          dateFormat={false}\n          timeFormat="HH:mm:ss"\n          isDateAllowed={(date) => {\n            return date.isBefore(new Date());\n          }}\n          value={value}\n          onChange={setValue}\n        />\n\n        <div>\n          Start time is:\n          <pre>{value?.toISOString()}</pre>\n        </div>\n\n        <p>Note: that a time will always come with a date</p>\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    const [value, setValue] = useState<Date | undefined>(undefined);\n\n    return (\n      <Card className="m2">\n        <DateTimeInput\n          id="dateOfBirth"\n          label={\n            <>\n              <span>Date of birth</span>\n              <Tooltip\n                className="position-relative ms-1"\n                style={{ top: 5 }}\n                content="This is the date you where born on"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </>\n          }\n          placeholder="Please enter your date and time of birth"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          isDateAllowed={(date) => {\n            return date.isBefore(new Date());\n          }}\n          value={value}\n          onChange={setValue}\n        />\n\n        <div>\n          Date and time of birth is:\n          <pre>{value?.toISOString()}</pre>\n        </div>\n      </Card>\n    );\n  })\n  .add(\'open in modal\', () => {\n    const [value, setValue] = useState<Date | undefined>();\n\n    return (\n      <Card className="m2">\n        <DateTimeInput\n          id="dateOfBirth"\n          label="Date of birth"\n          placeholder="Please enter your date and time of birth"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          isDateAllowed={(date) => {\n            return date.isBefore(new Date());\n          }}\n          value={value}\n          onChange={setValue}\n          mode="modal"\n        />\n\n        <div>\n          Date and time of birth is:\n          <pre>{value?.toISOString()}</pre>\n        </div>\n      </Card>\n    );\n  })\n  .add(\'range\', () => {\n    const [start, setStart] = useState<Date | undefined>(undefined);\n    const [end, setEnd] = useState<Date | undefined>(undefined);\n\n    return (\n      <Card className="m2">\n        <DateTimeInput\n          id="start"\n          label="Start"\n          placeholder="Please enter your start date and time"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          value={start}\n          onChange={setStart}\n          isDateAllowed={isDateBefore(end)}\n        />\n\n        <DateTimeInput\n          id="end"\n          label="End"\n          placeholder="Please enter your end date and time"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          value={end}\n          onChange={setEnd}\n          isDateAllowed={isDateAfter(start)}\n        />\n\n        <div>\n          Start time:\n          <pre>{start?.toISOString()}</pre>\n        </div>\n\n        <div>\n          End time:\n          <pre>{end?.toISOString()}</pre>\n        </div>\n\n        <p>\n          Note: isDateAllowed is not a validator, it only disables selectable\n          dates to prevent users from selecting invalid dates. Manually typing a\n          date that is out of range should be validated using validators,\n          preferably using the JarbDateTimeInput.\n        </p>\n      </Card>\n    );\n  })\n  .add(\'range inclusive\', () => {\n    const [start, setStart] = useState<Date | undefined>(undefined);\n    const [end, setEnd] = useState<Date | undefined>(undefined);\n\n    return (\n      <Card className="m2">\n        <DateTimeInput\n          id="start"\n          label="Start"\n          placeholder="Please enter your start date and time"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          value={start}\n          onChange={setStart}\n          isDateAllowed={isDateBefore(end, { inclusive: true })}\n        />\n\n        <DateTimeInput\n          id="end"\n          label="End"\n          placeholder="Please enter your end date and time"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          value={end}\n          onChange={setEnd}\n          isDateAllowed={isDateAfter(start, { inclusive: true })}\n        />\n\n        <div>\n          Start time:\n          <pre>{start?.toISOString()}</pre>\n        </div>\n\n        <div>\n          End time:\n          <pre>{end?.toISOString()}</pre>\n        </div>\n\n        <p>\n          This example shows ranges can also be inclusive this allows the start\n          and end date to be the same\n        </p>\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbDateTimeInput\n          id="dateOfBirth"\n          name="dateOfBirth"\n          label="Date of birth"\n          placeholder="Please enter your date of birth"\n          dateFormat="DD-MM-YYYY"\n          timeFormat={false}\n          isDateAllowed={(date) => {\n            return date.isBefore(new Date());\n          }}\n          jarb={{\n            validator: \'User.birthday\',\n            label: \'Birthday\'\n          }}\n        />\n\n        <JarbDateTimeInput\n          id="weddingDay"\n          name="weddingDay"\n          label="Wedding day"\n          placeholder="Please enter your wedding day"\n          dateFormat="DD-MM-YYYY"\n          timeFormat={false}\n          isDateAllowed={(date) => {\n            return date.isAfter(new Date());\n          }}\n          mode="modal"\n          jarb={{\n            validator: \'User.weddingDay\',\n            label: \'Weddingday\'\n          }}\n        />\n\n        <JarbDateTimeInput\n          id="sunset"\n          name="sunset"\n          label="Sunset"\n          placeholder="Please enter the time the sun sets"\n          dateFormat={false}\n          timeFormat="HH:mm:ss"\n          isDateAllowed={(date) => {\n            return date.isBefore(new Date());\n          }}\n          jarb={{\n            validator: \'User.sunset\',\n            label: \'Sunset\'\n          }}\n        />\n\n        <JarbDateTimeInput\n          id="dueDate"\n          name="dueDate"\n          label="Due date"\n          placeholder="Please enter the due date for when the ticket needs to be resolved"\n          dateFormat="DD-MM-YYYY"\n          timeFormat="HH:mm:ss"\n          jarb={{\n            validator: \'Issue.dueDate\',\n            label: \'Due date\'\n          }}\n        />\n      </FinalForm>\n    );\n  })\n  .add(\'jarb range\', () => {\n    type AppointmentFormData = {\n      start: Date;\n      end: Date;\n    };\n\n    return (\n      <ReactFinalForm<AppointmentFormData>\n        onSubmit={() => action(\'form submitted\')}\n        initialValues={{ start: new Date(), end: new Date() }}\n        render={({ handleSubmit, submitting, values, errors }) => (\n          // Do not render a <form> here as it will submit the form when\n          // the submit button is pressed.\n          <Fragment>\n            <Row>\n              <Col lg={6}>\n                <Card className="m2">\n                  <JarbDateTimeInput\n                    id="start"\n                    name="start"\n                    label="Start"\n                    placeholder="Please enter your start date and time"\n                    dateFormat="YYYY-MM-DD"\n                    timeFormat="HH:mm:ss"\n                    isDateAllowed={isDateBefore(values.end)}\n                    validators={[\n                      isDateBeforeValidator({\n                        label: \'start\',\n                        end: {\n                          path: \'end\',\n                          label: \'end\'\n                        }\n                      })\n                    ]}\n                    jarb={{\n                      validator: \'Issue.start\',\n                      label: \'Start date\'\n                    }}\n                  />\n\n                  <JarbDateTimeInput\n                    id="end"\n                    name="end"\n                    label="End"\n                    placeholder="Please enter your end date and time"\n                    dateFormat="YYYY-MM-DD"\n                    timeFormat="HH:mm:ss"\n                    isDateAllowed={isDateAfter(values.start)}\n                    validators={[\n                      isDateAfterValidator({\n                        label: \'end\',\n                        start: {\n                          path: \'start\',\n                          label: \'start\'\n                        }\n                      })\n                    ]}\n                    jarb={{\n                      validator: \'Issue.end\',\n                      label: \'End date\'\n                    }}\n                  />\n\n                  <JarbDateTimeInput\n                    id="reminder"\n                    name="reminder"\n                    label="Reminder"\n                    placeholder="Please select a reminder date"\n                    dateFormat="YYYY-MM-DD"\n                    timeFormat="HH:mm:ss"\n                    isDateAllowed={isDateBetween(values.start, values.end)}\n                    validators={[\n                      isDateBetweenValidator({\n                        label: \'reminder\',\n                        start: {\n                          path: \'start\',\n                          label: \'start\'\n                        },\n                        end: {\n                          path: \'end\',\n                          label: \'end\'\n                        }\n                      })\n                    ]}\n                    jarb={{\n                      validator: \'Issue.reminder\',\n                      label: \'Reminder date\'\n                    }}\n                  />\n\n                  <SubmitButton\n                    onClick={() => handleSubmit()}\n                    inProgress={submitting}\n                    className="float-end"\n                  >\n                    Submit\n                  </SubmitButton>\n                </Card>\n              </Col>\n              <Col lg={6}>\n                <h2>Values</h2>\n                <pre>{JSON.stringify(values, null, 2)}</pre>\n                <h2>Errors</h2>\n                <pre>{JSON.stringify(errors, null, 2)}</pre>\n              </Col>\n            </Row>\n          </Fragment>\n        )}\n      />\n    );\n  })\n  .add(\'jarb range inclusive\', () => {\n    return (\n      <ReactFinalForm\n        onSubmit={() => action(\'form submitted\')}\n        render={({ handleSubmit, submitting, values, errors }) => (\n          // Do not render a <form> here as it will submit the form when\n          // the submit button is pressed.\n          <Fragment>\n            <Row>\n              <Col lg={6}>\n                <Card className="m2">\n                  <JarbDateTimeInput\n                    id="start"\n                    name="start"\n                    label="Start"\n                    placeholder="Please enter your start date and time"\n                    dateFormat="YYYY-MM-DD"\n                    timeFormat="HH:mm:ss"\n                    isDateAllowed={isDateBefore(values.end, {\n                      inclusive: true\n                    })}\n                    validators={[\n                      isDateBeforeValidator({\n                        label: \'start\',\n                        end: {\n                          path: \'end\',\n                          label: \'end\',\n                          inclusive: true\n                        }\n                      })\n                    ]}\n                    jarb={{\n                      validator: \'Issue.start\',\n                      label: \'Start date\'\n                    }}\n                  />\n\n                  <JarbDateTimeInput\n                    id="end"\n                    name="end"\n                    label="End"\n                    placeholder="Please enter your end date and time"\n                    dateFormat="YYYY-MM-DD"\n                    timeFormat="HH:mm:ss"\n                    isDateAllowed={isDateAfter(values.start, {\n                      inclusive: true\n                    })}\n                    validators={[\n                      isDateAfterValidator({\n                        label: \'end\',\n                        start: {\n                          path: \'start\',\n                          label: \'start\',\n                          inclusive: true\n                        }\n                      })\n                    ]}\n                    jarb={{\n                      validator: \'Issue.end\',\n                      label: \'End date\'\n                    }}\n                  />\n\n                  <JarbDateTimeInput\n                    id="reminder"\n                    name="reminder"\n                    label="Reminder"\n                    placeholder="Please select a reminder date"\n                    dateFormat="YYYY-MM-DD"\n                    timeFormat="HH:mm:ss"\n                    isDateAllowed={isDateBetween(values.start, values.end, {\n                      startInclusive: true,\n                      endInclusive: true\n                    })}\n                    validators={[\n                      isDateBetweenValidator({\n                        label: \'reminder\',\n                        start: {\n                          path: \'start\',\n                          label: \'start\',\n                          inclusive: true\n                        },\n                        end: {\n                          path: \'end\',\n                          label: \'end\',\n                          inclusive: true\n                        }\n                      })\n                    ]}\n                    jarb={{\n                      validator: \'Issue.reminder\',\n                      label: \'Reminder date\'\n                    }}\n                  />\n\n                  <SubmitButton\n                    onClick={() => handleSubmit()}\n                    inProgress={submitting}\n                    className="float-end"\n                  >\n                    Submit\n                  </SubmitButton>\n                </Card>\n              </Col>\n              <Col lg={6}>\n                <h2>Values</h2>\n                <pre>{JSON.stringify(values, null, 2)}</pre>\n                <h2>Errors</h2>\n                <pre>{JSON.stringify(errors, null, 2)}</pre>\n              </Col>\n            </Row>\n          </Fragment>\n        )}\n      />\n    );\n  });\n',locationsMap:{"jarb-range-inclusive":{startLoc:{col:7,line:426},endLoc:{col:3,line:541},startBody:{col:31,line:426},endBody:{col:3,line:541}},"jarb-range":{startLoc:{col:7,line:315},endLoc:{col:3,line:425},startBody:{col:21,line:315},endBody:{col:3,line:425}},jarb:{startLoc:{col:7,line:248},endLoc:{col:3,line:314},startBody:{col:15,line:248},endBody:{col:3,line:314}},"range-inclusive":{startLoc:{col:7,line:203},endLoc:{col:3,line:247},startBody:{col:26,line:203},endBody:{col:3,line:247}},range:{startLoc:{col:7,line:156},endLoc:{col:3,line:202},startBody:{col:16,line:156},endBody:{col:3,line:202}},"open-in-modal":{startLoc:{col:7,line:130},endLoc:{col:3,line:155},startBody:{col:24,line:130},endBody:{col:3,line:155}},"with-custom-label":{startLoc:{col:7,line:94},endLoc:{col:3,line:129},startBody:{col:28,line:94},endBody:{col:3,line:129}},time:{startLoc:{col:7,line:67},endLoc:{col:3,line:93},startBody:{col:15,line:67},endBody:{col:3,line:93}},date:{startLoc:{col:7,line:42},endLoc:{col:3,line:66},startBody:{col:15,line:42},endBody:{col:3,line:66}},"date-and-time":{startLoc:{col:7,line:17},endLoc:{col:3,line:41},startBody:{col:24,line:17},endBody:{col:3,line:41}}}}}).add("date and time",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(void 0),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"dateOfBirth",label:"Date of birth",placeholder:"Please enter your date and time of birth",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:function isDateAllowed(date){return date.isBefore(new Date)},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"Date and time of birth is:",react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,null==value?void 0:value.toISOString())))})).add("date",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(void 0),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"dateOfBirth",label:"Date of birth",placeholder:"Please enter your date of birth",dateFormat:"YYYY-MM-DD",timeFormat:!1,isDateAllowed:function isDateAllowed(date){return date.isBefore(new Date)},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"Date of birth is:",null==value?void 0:value.toISOString()))})).add("time",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(void 0),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"startTime",label:"Start time",placeholder:"Please enter your start time",dateFormat:!1,timeFormat:"HH:mm:ss",isDateAllowed:function isDateAllowed(date){return date.isBefore(new Date)},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"Start time is:",react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,null==value?void 0:value.toISOString())),react__WEBPACK_IMPORTED_MODULE_2__.createElement("p",null,"Note: that a time will always come with a date"))})).add("with custom label",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(void 0),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"dateOfBirth",label:react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement("span",null,"Date of birth"),react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.u,{className:"position-relative ms-1",style:{top:5},content:"This is the date you where born on"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Please enter your date and time of birth",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:function isDateAllowed(date){return date.isBefore(new Date)},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"Date and time of birth is:",react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,null==value?void 0:value.toISOString())))})).add("open in modal",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"dateOfBirth",label:"Date of birth",placeholder:"Please enter your date and time of birth",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:function isDateAllowed(date){return date.isBefore(new Date)},value,onChange:setValue,mode:"modal"}),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"Date and time of birth is:",react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,null==value?void 0:value.toISOString())))})).add("range",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(void 0),2),start=_useState12[0],setStart=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(void 0),2),end=_useState14[0],setEnd=_useState14[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"start",label:"Start",placeholder:"Please enter your start date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",value:start,onChange:setStart,isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.hF)(end)}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"end",label:"End",placeholder:"Please enter your end date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",value:end,onChange:setEnd,isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.Sl)(start)}),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"Start time:",react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,null==start?void 0:start.toISOString())),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"End time:",react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,null==end?void 0:end.toISOString())),react__WEBPACK_IMPORTED_MODULE_2__.createElement("p",null,"Note: isDateAllowed is not a validator, it only disables selectable dates to prevent users from selecting invalid dates. Manually typing a date that is out of range should be validated using validators, preferably using the JarbDateTimeInput."))})).add("range inclusive",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(void 0),2),start=_useState16[0],setStart=_useState16[1],_useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(void 0),2),end=_useState18[0],setEnd=_useState18[1];return react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"start",label:"Start",placeholder:"Please enter your start date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",value:start,onChange:setStart,isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.hF)(end,{inclusive:!0})}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.ZP,{id:"end",label:"End",placeholder:"Please enter your end date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",value:end,onChange:setEnd,isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.Sl)(start,{inclusive:!0})}),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"Start time:",react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,null==start?void 0:start.toISOString())),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",null,"End time:",react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,null==end?void 0:end.toISOString())),react__WEBPACK_IMPORTED_MODULE_2__.createElement("p",null,"This example shows ranges can also be inclusive this allows the start and end date to be the same"))})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_2__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_5__.vy,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"dateOfBirth",name:"dateOfBirth",label:"Date of birth",placeholder:"Please enter your date of birth",dateFormat:"DD-MM-YYYY",timeFormat:!1,isDateAllowed:function isDateAllowed(date){return date.isBefore(new Date)},jarb:{validator:"User.birthday",label:"Birthday"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"weddingDay",name:"weddingDay",label:"Wedding day",placeholder:"Please enter your wedding day",dateFormat:"DD-MM-YYYY",timeFormat:!1,isDateAllowed:function isDateAllowed(date){return date.isAfter(new Date)},mode:"modal",jarb:{validator:"User.weddingDay",label:"Weddingday"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"sunset",name:"sunset",label:"Sunset",placeholder:"Please enter the time the sun sets",dateFormat:!1,timeFormat:"HH:mm:ss",isDateAllowed:function isDateAllowed(date){return date.isBefore(new Date)},jarb:{validator:"User.sunset",label:"Sunset"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"dueDate",name:"dueDate",label:"Due date",placeholder:"Please enter the due date for when the ticket needs to be resolved",dateFormat:"DD-MM-YYYY",timeFormat:"HH:mm:ss",jarb:{validator:"Issue.dueDate",label:"Due date"}}))})).add("jarb range",(function(){return react__WEBPACK_IMPORTED_MODULE_2__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_3__.Form,{onSubmit:function onSubmit(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("form submitted")},initialValues:{start:new Date,end:new Date},render:function render(_ref){var handleSubmit=_ref.handleSubmit,submitting=_ref.submitting,values=_ref.values,errors=_ref.errors;return react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.X2,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.JX,{lg:6},react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"start",name:"start",label:"Start",placeholder:"Please enter your start date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.hF)(values.end),validators:[(0,_validators__WEBPACK_IMPORTED_MODULE_8__.Vi)({label:"start",end:{path:"end",label:"end"}})],jarb:{validator:"Issue.start",label:"Start date"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"end",name:"end",label:"End",placeholder:"Please enter your end date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.Sl)(values.start),validators:[(0,_validators__WEBPACK_IMPORTED_MODULE_8__.EB)({label:"end",start:{path:"start",label:"start"}})],jarb:{validator:"Issue.end",label:"End date"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"reminder",name:"reminder",label:"Reminder",placeholder:"Please select a reminder date",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.zx)(values.start,values.end),validators:[(0,_validators__WEBPACK_IMPORTED_MODULE_8__.dz)({label:"reminder",start:{path:"start",label:"start"},end:{path:"end",label:"end"}})],jarb:{validator:"Issue.reminder",label:"Reminder date"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Mm,{onClick:function onClick(){return handleSubmit()},inProgress:submitting,className:"float-end"},"Submit"))),react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.JX,{lg:6},react__WEBPACK_IMPORTED_MODULE_2__.createElement("h2",null,"Values"),react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,JSON.stringify(values,null,2)),react__WEBPACK_IMPORTED_MODULE_2__.createElement("h2",null,"Errors"),react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,JSON.stringify(errors,null,2)))))}})})).add("jarb range inclusive",(function(){return react__WEBPACK_IMPORTED_MODULE_2__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_3__.Form,{onSubmit:function onSubmit(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("form submitted")},render:function render(_ref2){var handleSubmit=_ref2.handleSubmit,submitting=_ref2.submitting,values=_ref2.values,errors=_ref2.errors;return react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.X2,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.JX,{lg:6},react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"start",name:"start",label:"Start",placeholder:"Please enter your start date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.hF)(values.end,{inclusive:!0}),validators:[(0,_validators__WEBPACK_IMPORTED_MODULE_8__.Vi)({label:"start",end:{path:"end",label:"end",inclusive:!0}})],jarb:{validator:"Issue.start",label:"Start date"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"end",name:"end",label:"End",placeholder:"Please enter your end date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.Sl)(values.start,{inclusive:!0}),validators:[(0,_validators__WEBPACK_IMPORTED_MODULE_8__.EB)({label:"end",start:{path:"start",label:"start",inclusive:!0}})],jarb:{validator:"Issue.end",label:"End date"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"reminder",name:"reminder",label:"Reminder",placeholder:"Please select a reminder date",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,_checkers__WEBPACK_IMPORTED_MODULE_6__.zx)(values.start,values.end,{startInclusive:!0,endInclusive:!0}),validators:[(0,_validators__WEBPACK_IMPORTED_MODULE_8__.dz)({label:"reminder",start:{path:"start",label:"start",inclusive:!0},end:{path:"end",label:"end",inclusive:!0}})],jarb:{validator:"Issue.reminder",label:"Reminder date"}}),react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Mm,{onClick:function onClick(){return handleSubmit()},inProgress:submitting,className:"float-end"},"Submit"))),react__WEBPACK_IMPORTED_MODULE_2__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.JX,{lg:6},react__WEBPACK_IMPORTED_MODULE_2__.createElement("h2",null,"Values"),react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,JSON.stringify(values,null,2)),react__WEBPACK_IMPORTED_MODULE_2__.createElement("h2",null,"Errors"),react__WEBPACK_IMPORTED_MODULE_2__.createElement("pre",null,JSON.stringify(errors,null,2)))))}})}))},"./src/form/FileInput/FileInput.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_FileInput__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/FileInput/FileInput.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/index.ts");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/FileInput",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { action } from \'@storybook/addon-actions\';\n\nimport FileInput, { JarbFileInput, requireFile } from \'./FileInput\';\n\nimport { FinalForm } from \'../story-utils\';\nimport { Tooltip, Icon, Card } from \'../..\';\n\nstoriesOf(\'Form/FileInput\', module)\n  .add(\'basic\', () => {\n    return (\n      <Card className="m-2">\n        <FileInput\n          id="file-upload-with-button"\n          placeholder="Upload a file here"\n          label="Upload a file here"\n          accept="text/plain"\n          onChange={() => action(\'value changed\')}\n        />\n      </Card>\n    );\n  })\n  .add(\'without placeholder\', () => {\n    return (\n      <Card className="m-2">\n        <FileInput\n          id="file-upload-with-button"\n          label="Upload a file here"\n          accept="text/plain"\n          onChange={() => action(\'value changed\')}\n        />\n      </Card>\n    );\n  })\n  .add(\'without label\', () => {\n    return (\n      <Card className="m-2">\n        <FileInput\n          id="file-upload-with-button"\n          placeholder="Upload a file here"\n          accept="text/plain"\n          onChange={() => action(\'value changed\')}\n        />\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    return (\n      <Card className="m-2">\n        <FileInput\n          id="file-upload-with-button"\n          placeholder="Upload a file here"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Upload a file here</span>\n              <Tooltip\n                className="ms-1"\n                style={{ zIndex: 101 }}\n                content="The file should be a plain text file"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          accept="text/plain"\n          onChange={() => action(\'value changed\')}\n        />\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbFileInput\n          id="file-upload-with-button"\n          name="upload"\n          placeholder="Upload a file here"\n          label="Upload a file here"\n          accept="text/plain"\n          validators={[requireFile(\'Profile photo\')]}\n          jarb={{\n            validator: \'User.profile\',\n            label: \'Profile photo\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:72},endLoc:{col:3,line:89},startBody:{col:15,line:72},endBody:{col:3,line:89}},"with-custom-label":{startLoc:{col:7,line:48},endLoc:{col:3,line:71},startBody:{col:28,line:48},endBody:{col:3,line:71}},"without-label":{startLoc:{col:7,line:36},endLoc:{col:3,line:47},startBody:{col:24,line:36},endBody:{col:3,line:47}},"without-placeholder":{startLoc:{col:7,line:24},endLoc:{col:3,line:35},startBody:{col:30,line:24},endBody:{col:3,line:35}},basic:{startLoc:{col:7,line:11},endLoc:{col:3,line:23},startBody:{col:16,line:11},endBody:{col:3,line:23}}}}}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FileInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"file-upload-with-button",placeholder:"Upload a file here",label:"Upload a file here",accept:"text/plain",onChange:function onChange(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("value changed")}}))})).add("without placeholder",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FileInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"file-upload-with-button",label:"Upload a file here",accept:"text/plain",onChange:function onChange(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("value changed")}}))})).add("without label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FileInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"file-upload-with-button",placeholder:"Upload a file here",accept:"text/plain",onChange:function onChange(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("value changed")}}))})).add("with custom label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FileInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"file-upload-with-button",placeholder:"Upload a file here",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Upload a file here"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.u,{className:"ms-1",style:{zIndex:101},content:"The file should be a plain text file"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.JO,{icon:"info"}))),accept:"text/plain",onChange:function onChange(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("value changed")}}))})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_4__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FileInput__WEBPACK_IMPORTED_MODULE_3__.bD,{id:"file-upload-with-button",name:"upload",placeholder:"Upload a file here",label:"Upload a file here",accept:"text/plain",validators:[(0,_FileInput__WEBPACK_IMPORTED_MODULE_3__.Ye)("Profile photo")],jarb:{validator:"User.profile",label:"Profile photo"}}))}))},"./src/form/FormExample.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{TotalForm:()=>TotalForm,__namedExportsOrder:()=>__namedExportsOrder,userAsOption:()=>userAsOption});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),lodash__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/lodash/lodash.js"),react_final_form__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),_Input_Input__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/Input/Input.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/index.ts"),_test_fixtures__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/test/fixtures.ts"),_core_OpenCloseModal_OpenCloseModal_stories__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/core/OpenCloseModal/OpenCloseModal.stories.tsx"),_addons_AddonIcon_AddonIcon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/form/addons/AddonIcon/AddonIcon.tsx"),reactstrap__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_core_Debug_Debug__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/core/Debug/Debug.tsx");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}module=__webpack_require__.hmd(module);function required(value){return value?void 0:"Required"}function isLengthBelow100(value){if(value)return value.length<100?void 0:"Cannot contain more than 100 characters"}function _firstNameAvailable(){return(_firstNameAvailable=_asyncToGenerator(regeneratorRuntime.mark((function _callee(value){return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(value){_context.next=2;break}return _context.abrupt("return",void 0);case 2:return _context.next=4,(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(2e3,5e3));case 4:return _context.abrupt("return",["Maarten","Jeffrey"].includes(value)?void 0:react__WEBPACK_IMPORTED_MODULE_0__.createElement("ul",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("li",null,"First name not available"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("li",null,"You can use Jeffrey"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("li",null,"You can use Maarten")));case 5:case"end":return _context.stop()}}),_callee)})))).apply(this,arguments)}function _lastNameAvailable(){return(_lastNameAvailable=_asyncToGenerator(regeneratorRuntime.mark((function _callee2(value){return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:if(value){_context2.next=2;break}return _context2.abrupt("return",void 0);case 2:return _context2.next=4,(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(100,500));case 4:return _context2.abrupt("return",["Hus","van Hoven"].includes(value)?void 0:react__WEBPACK_IMPORTED_MODULE_0__.createElement("ul",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("li",null,"Last name not available"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("li",null,"You can use Hus"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("li",null,"You can use van Hoven")));case 5:case"end":return _context2.stop()}}),_callee2)})))).apply(this,arguments)}var mask=["(",/[1-9]/,/\d/,/\d/,")"," ",/\d/,/\d/,/\d/,"-",/\d/,/\d/,/\d/,/\d/],validateCv=[(0,___WEBPACK_IMPORTED_MODULE_6__.Ye)("cv"),(0,___WEBPACK_IMPORTED_MODULE_6__.yM)(5,"cv")],validateProfile=[(0,___WEBPACK_IMPORTED_MODULE_6__.f3)("profile photo"),(0,___WEBPACK_IMPORTED_MODULE_6__.LT)(.5,"profile photo")],requiredValidator=[required],firstNameValidators=[required,isLengthBelow100],firstNameAsyncValidators=[function firstNameAvailable(_x){return _firstNameAvailable.apply(this,arguments)}],lastNameValidators=[required,isLengthBelow100],lastNameAsyncValidators=[function lastNameAvailable(_x2){return _lastNameAvailable.apply(this,arguments)}];function userAsOption(user){return user.email}function TotalForm(_ref){var hasSubmit=_ref.hasSubmit,formRenderProps=_ref.formRenderProps,handleSubmit=formRenderProps.handleSubmit,submitting=formRenderProps.submitting,values=formRenderProps.values,errors=formRenderProps.errors;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.X2,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.JX,{lg:6},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.vc,{label:react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,"Key",react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.bE,{tooltip:"The 'Key' represents a part of the entity which can only be created once on create but not on edit.",className:"ms-2"}))},"83690c32-26af-467b-9105-cde36ef8e21c"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input_Input__WEBPACK_IMPORTED_MODULE_4__.x9,{name:"firstName",jarb:{validator:"User.email",label:"First name"},id:"firstName",label:"First name",placeholder:"Please enter your first name",validators:firstNameValidators,asyncValidators:firstNameAsyncValidators}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input_Input__WEBPACK_IMPORTED_MODULE_4__.x9,{name:"lastName",jarb:{validator:"User.lastName",label:"Last name"},id:"lastName",label:"Last name",placeholder:"Please enter your last name",addon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_addons_AddonIcon_AddonIcon__WEBPACK_IMPORTED_MODULE_9__.G,{icon:"face"}),validators:lastNameValidators,asyncValidators:lastNameAsyncValidators}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input_Input__WEBPACK_IMPORTED_MODULE_4__.x9,{name:"phone",jarb:{validator:"User.phone",label:"Phone"},id:"phone",label:"Phone",mask,placeholder:"Please enter your phone number",validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.bD,{name:"cv",jarb:{validator:"User.cv",label:"CV"},validators:validateCv,id:"cv",label:"Upload your CV",placeholder:"Upload a file here",accept:"text/plain"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.jS,{name:"profile",jarb:{validator:"User.profile",label:"Profile photo"},validators:validateProfile,id:"profile",label:"Profile photo",crop:{type:"circle",size:250}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.dG,{name:"description",jarb:{validator:"User.description",label:"Description"},id:"description",label:"Description",placeholder:"Please add a description",validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.XX,{name:"username",jarb:{validator:"User.username",label:"User name"},id:"description",label:"User name",placeholder:"Please enter your user name",validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.VI,{name:"password",jarb:{validator:"User.password",label:"Password"},id:"password",label:"Password",placeholder:"Please enter your password",validators:[(0,___WEBPACK_IMPORTED_MODULE_6__.GI)(["lowercase","uppercase","number","specialChar","minimumLength","noSpace"],10)]}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.zj,{name:"dateOfBirth",jarb:{validator:"User.dateOfBirth",label:"Date of birth"},id:"dateOfBirth",label:"Date of birth",placeholder:"Please enter your date of birth",dateFormat:"YYYY-MM-DD",timeFormat:!1,isDateAllowed:function isDateAllowed(date){return date.isBefore(new Date)},validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.zj,{id:"start",name:"start",label:"Start",placeholder:"Please enter your start date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,___WEBPACK_IMPORTED_MODULE_6__.hF)(values.end),validators:[(0,___WEBPACK_IMPORTED_MODULE_6__.Vi)({label:"start",end:{path:"end",label:"end"}}),required],jarb:{validator:"Issue.start",label:"Start date"}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.zj,{id:"end",name:"end",label:"End",placeholder:"Please enter your end date and time",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,___WEBPACK_IMPORTED_MODULE_6__.Sl)(values.start),validators:[(0,___WEBPACK_IMPORTED_MODULE_6__.EB)({label:"end",start:{path:"start",label:"start"}}),required],jarb:{validator:"Issue.end",label:"End date"}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.zj,{id:"reminder",name:"reminder",label:"Reminder",placeholder:"Please select a reminder date",dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm:ss",isDateAllowed:(0,___WEBPACK_IMPORTED_MODULE_6__.Y9)(values.start,values.end),validators:[(0,___WEBPACK_IMPORTED_MODULE_6__.dz)({label:"reminder",start:{path:"start",label:"start"},end:{path:"end",label:"end"}}),required],jarb:{validator:"Issue.reminder",label:"Reminder date"}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Bu,{id:"province",name:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_5__.pi,labelForOption:function labelForOption(province){return province.label},jarb:{validator:"User.province",label:"Province"},validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Bu,{name:"nemesis",jarb:{validator:"User.nemesis",label:"Nemesis"},id:"nemesis",label:"Worst enemy",placeholder:"Select your nemesis",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_7__.o7)())},labelForOption:userAsOption,validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.yn,{name:"bestFriend",jarb:{validator:"User.bestFriend",label:"Nemesis"},id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_7__.o7)())},labelForOption:userAsOption,validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.dr,{name:"bestFriend",jarb:{validator:"User.bestFriend",label:"Best friend"},id:"bestFriend",label:"Best friend",placeholder:"Please provide your best friend",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_7__.o7)())},labelForOption:userAsOption}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.qP,{name:"bestFriend",jarb:{validator:"User.bestFriend",label:"Best friend"},id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_7__.o7)())},labelForOption:userAsOption,validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.GV,{name:"friends",jarb:{validator:"User.friends",label:"Friends"},id:"friends",label:"Friends",placeholder:"Please provide all your friends",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_7__.o7)())},labelForOption:userAsOption,validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.tG,{name:"friends",jarb:{validator:"User.bestFriend",label:"Friends"},id:"friends",label:"Friends",placeholder:"Please provide all your friends",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_7__.o7)())},labelForOption:userAsOption,canSearch:!0,validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.zN,{name:"friends",jarb:{validator:"User.bestFriend",label:"Friends"},id:"friends",label:"Friends",placeholder:"Please provide all your friends",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_7__.o7)())},labelForOption:userAsOption,canSearch:!0,validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.hl,{name:"icon",jarb:{validator:"User.icon",label:"Icon"},id:"icon",label:"Icon",placeholder:"Please select an icon",validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Ug,{name:"color",jarb:{validator:"User.color",label:"Color"},id:"color",label:"Color",placeholder:"Please select a Color",validators:requiredValidator}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.rK,{name:"agree",jarb:{validator:"User.agree",label:"Agree"},id:"agree",label:"Agree",placeholder:"Do you agree to the terms?",validators:requiredValidator}),hasSubmit?react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-end"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Mm,{onClick:function onClick(){return handleSubmit()},inProgress:submitting},"Submit")):null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.JX,{lg:6},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Values"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Debug_Debug__WEBPACK_IMPORTED_MODULE_11__.c,{value:values}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Errors"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Debug_Debug__WEBPACK_IMPORTED_MODULE_11__.c,{value:errors})))}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/Example",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { random } from \'lodash\';\nimport { Moment } from \'moment\';\nimport { Form, FormRenderProps } from \'react-final-form\';\n\nimport { JarbInput } from \'./Input/Input\';\nimport { provinceFetcher, resolveAfter, sleep } from \'./story-utils\';\nimport {\n  isStrongPassword,\n  JarbCheckbox,\n  JarbCheckboxMultipleSelect,\n  JarbColorPicker,\n  JarbRadioGroup,\n  JarbDateTimeInput,\n  JarbNewPasswordInput,\n  JarbFileInput,\n  JarbIconPicker,\n  JarbImageUpload,\n  JarbModalPickerMultiple,\n  JarbModalPickerSingle,\n  JarbSelect,\n  JarbTextarea,\n  JarbTextEditor,\n  JarbTypeaheadMultiple,\n  JarbTypeaheadSingle,\n  limitFileSize,\n  limitImageSize,\n  requireFile,\n  requireImage,\n  isDateAfter,\n  isDateAfterValidator,\n  isDateBefore,\n  isDateBeforeValidator,\n  isDateBetween,\n  isDateBetweenValidator,\n  SubmitButton,\n  PlainTextFormControl,\n  InfoTooltip,\n  Card\n} from \'..\';\nimport { pageOfUsers } from \'../test/fixtures\';\nimport { User } from \'../test/types\';\nimport { ModalForm } from \'../core/OpenCloseModal/OpenCloseModal.stories\';\nimport { AddonIcon } from \'./addons/AddonIcon/AddonIcon\';\nimport { Col, Row } from \'reactstrap\';\nimport { action } from \'@storybook/addon-actions\';\nimport { Debug } from \'../core/Debug/Debug\';\n\nfunction required(value?: any) {\n  return value ? undefined : \'Required\';\n}\n\nfunction isLengthBelow100(value?: string) {\n  if (!value) {\n    return undefined;\n  }\n\n  return value.length < 100\n    ? undefined\n    : \'Cannot contain more than 100 characters\';\n}\n\nasync function firstNameAvailable(value?: string) {\n  if (!value) {\n    return undefined;\n  }\n\n  await sleep(random(2000, 5000));\n\n  return [\'Maarten\', \'Jeffrey\'].includes(value) ? undefined : (\n    <ul>\n      <li>First name not available</li>\n      <li>You can use Jeffrey</li>\n      <li>You can use Maarten</li>\n    </ul>\n  );\n}\n\nasync function lastNameAvailable(value?: string) {\n  if (!value) {\n    return undefined;\n  }\n\n  await sleep(random(100, 500));\n\n  return [\'Hus\', \'van Hoven\'].includes(value) ? undefined : (\n    <ul>\n      <li>Last name not available</li>\n      <li>You can use Hus</li>\n      <li>You can use van Hoven</li>\n    </ul>\n  );\n}\n\nconst mask = [\n  \'(\',\n  /[1-9]/,\n  /\\d/,\n  /\\d/,\n  \')\',\n  \' \',\n  /\\d/,\n  /\\d/,\n  /\\d/,\n  \'-\',\n  /\\d/,\n  /\\d/,\n  /\\d/,\n  /\\d/\n];\n\nconst validateCv = [requireFile(\'cv\'), limitFileSize(5, \'cv\')];\nconst validateProfile = [\n  requireImage(\'profile photo\'),\n  limitImageSize(0.5, \'profile photo\')\n];\n\nconst requiredValidator = [required];\n\nconst firstNameValidators = [required, isLengthBelow100];\nconst firstNameAsyncValidators = [firstNameAvailable];\n\nconst lastNameValidators = [required, isLengthBelow100];\nconst lastNameAsyncValidators = [lastNameAvailable];\n\nexport function userAsOption(user: User): string {\n  return user.email;\n}\n\nstoriesOf(\'Form/Example\', module)\n  .add(\'jarb form\', () => {\n    return (\n      <Card className="m2">\n        <Form\n          onSubmit={() => action(\'form submitted\')}\n          render={(formRenderProps) => (\n            <TotalForm hasSubmit={true} formRenderProps={formRenderProps} />\n          )}\n        />\n      </Card>\n    );\n  })\n  .add(\'jarb form in modal\', ModalForm);\n\nexport function TotalForm({\n  hasSubmit,\n  formRenderProps\n}: {\n  hasSubmit: boolean;\n  formRenderProps: FormRenderProps;\n}) {\n  const { handleSubmit, submitting, values, errors } = formRenderProps;\n  return (\n    <Row>\n      <Col lg={6}>\n        <PlainTextFormControl\n          label={\n            <>\n              Key\n              <InfoTooltip\n                tooltip="The \'Key\' represents a part of the entity which can only be\n                created once on create but not on edit."\n                className="ms-2"\n              />\n            </>\n          }\n        >\n          83690c32-26af-467b-9105-cde36ef8e21c\n        </PlainTextFormControl>\n\n        <JarbInput\n          name="firstName"\n          jarb={{ validator: \'User.email\', label: \'First name\' }}\n          id="firstName"\n          label="First name"\n          placeholder="Please enter your first name"\n          validators={firstNameValidators}\n          asyncValidators={firstNameAsyncValidators}\n        />\n\n        <JarbInput\n          name="lastName"\n          jarb={{ validator: \'User.lastName\', label: \'Last name\' }}\n          id="lastName"\n          label="Last name"\n          placeholder="Please enter your last name"\n          addon={<AddonIcon icon="face" />}\n          validators={lastNameValidators}\n          asyncValidators={lastNameAsyncValidators}\n        />\n\n        <JarbInput\n          name="phone"\n          jarb={{ validator: \'User.phone\', label: \'Phone\' }}\n          id="phone"\n          label="Phone"\n          mask={mask}\n          placeholder="Please enter your phone number"\n          validators={requiredValidator}\n        />\n\n        <JarbFileInput\n          name="cv"\n          jarb={{ validator: \'User.cv\', label: \'CV\' }}\n          validators={validateCv}\n          id="cv"\n          label="Upload your CV"\n          placeholder="Upload a file here"\n          accept="text/plain"\n        />\n\n        <JarbImageUpload\n          name="profile"\n          jarb={{ validator: \'User.profile\', label: \'Profile photo\' }}\n          validators={validateProfile}\n          id="profile"\n          label="Profile photo"\n          crop={{ type: \'circle\', size: 250 }}\n        />\n\n        <JarbTextEditor\n          name="description"\n          jarb={{ validator: \'User.description\', label: \'Description\' }}\n          id="description"\n          label="Description"\n          placeholder="Please add a description"\n          validators={requiredValidator}\n        />\n\n        <JarbTextarea\n          name="username"\n          jarb={{ validator: \'User.username\', label: \'User name\' }}\n          id="description"\n          label="User name"\n          placeholder="Please enter your user name"\n          validators={requiredValidator}\n        />\n\n        <JarbNewPasswordInput\n          name="password"\n          jarb={{ validator: \'User.password\', label: \'Password\' }}\n          id="password"\n          label="Password"\n          placeholder="Please enter your password"\n          validators={[\n            isStrongPassword(\n              [\n                \'lowercase\',\n                \'uppercase\',\n                \'number\',\n                \'specialChar\',\n                \'minimumLength\',\n                \'noSpace\'\n              ],\n              10\n            )\n          ]}\n        />\n\n        <JarbDateTimeInput\n          name="dateOfBirth"\n          jarb={{\n            validator: \'User.dateOfBirth\',\n            label: \'Date of birth\'\n          }}\n          id="dateOfBirth"\n          label="Date of birth"\n          placeholder="Please enter your date of birth"\n          dateFormat="YYYY-MM-DD"\n          timeFormat={false}\n          isDateAllowed={(date: Moment) => {\n            return date.isBefore(new Date());\n          }}\n          validators={requiredValidator}\n        />\n\n        <JarbDateTimeInput\n          id="start"\n          name="start"\n          label="Start"\n          placeholder="Please enter your start date and time"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          isDateAllowed={isDateBefore(values.end)}\n          validators={[\n            isDateBeforeValidator({\n              label: \'start\',\n              end: {\n                path: \'end\',\n                label: \'end\'\n              }\n            }),\n            required\n          ]}\n          jarb={{\n            validator: \'Issue.start\',\n            label: \'Start date\'\n          }}\n        />\n\n        <JarbDateTimeInput\n          id="end"\n          name="end"\n          label="End"\n          placeholder="Please enter your end date and time"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          isDateAllowed={isDateAfter(values.start)}\n          validators={[\n            isDateAfterValidator({\n              label: \'end\',\n              start: {\n                path: \'start\',\n                label: \'start\'\n              }\n            }),\n            required\n          ]}\n          jarb={{\n            validator: \'Issue.end\',\n            label: \'End date\'\n          }}\n        />\n\n        <JarbDateTimeInput\n          id="reminder"\n          name="reminder"\n          label="Reminder"\n          placeholder="Please select a reminder date"\n          dateFormat="YYYY-MM-DD"\n          timeFormat="HH:mm:ss"\n          isDateAllowed={isDateBetween(values.start, values.end)}\n          validators={[\n            isDateBetweenValidator({\n              label: \'reminder\',\n              start: {\n                path: \'start\',\n                label: \'start\'\n              },\n              end: {\n                path: \'end\',\n                label: \'end\'\n              }\n            }),\n            required\n          ]}\n          jarb={{\n            validator: \'Issue.reminder\',\n            label: \'Reminder date\'\n          }}\n        />\n\n        <JarbSelect\n          id="province"\n          name="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          jarb={{\n            validator: \'User.province\',\n            label: \'Province\'\n          }}\n          validators={requiredValidator}\n        />\n\n        <JarbSelect\n          name="nemesis"\n          jarb={{ validator: \'User.nemesis\', label: \'Nemesis\' }}\n          id="nemesis"\n          label="Worst enemy"\n          placeholder="Select your nemesis"\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={userAsOption}\n          validators={requiredValidator}\n        />\n\n        <JarbRadioGroup\n          name="bestFriend"\n          jarb={{ validator: \'User.bestFriend\', label: \'Nemesis\' }}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={userAsOption}\n          validators={requiredValidator}\n        />\n\n        <JarbTypeaheadSingle\n          name="bestFriend"\n          jarb={{ validator: \'User.bestFriend\', label: \'Best friend\' }}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Please provide your best friend"\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={userAsOption}\n        />\n\n        <JarbModalPickerSingle\n          name="bestFriend"\n          jarb={{ validator: \'User.bestFriend\', label: \'Best friend\' }}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={userAsOption}\n          validators={requiredValidator}\n        />\n\n        <JarbTypeaheadMultiple\n          name="friends"\n          jarb={{ validator: \'User.friends\', label: \'Friends\' }}\n          id="friends"\n          label="Friends"\n          placeholder="Please provide all your friends"\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={userAsOption}\n          validators={requiredValidator}\n        />\n\n        <JarbModalPickerMultiple\n          name="friends"\n          jarb={{ validator: \'User.bestFriend\', label: \'Friends\' }}\n          id="friends"\n          label="Friends"\n          placeholder="Please provide all your friends"\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={userAsOption}\n          canSearch={true}\n          validators={requiredValidator}\n        />\n\n        <JarbCheckboxMultipleSelect\n          name="friends"\n          jarb={{ validator: \'User.bestFriend\', label: \'Friends\' }}\n          id="friends"\n          label="Friends"\n          placeholder="Please provide all your friends"\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={userAsOption}\n          canSearch={true}\n          validators={requiredValidator}\n        />\n\n        <JarbIconPicker\n          name="icon"\n          jarb={{ validator: \'User.icon\', label: \'Icon\' }}\n          id="icon"\n          label="Icon"\n          placeholder="Please select an icon"\n          validators={requiredValidator}\n        />\n\n        <JarbColorPicker\n          name="color"\n          jarb={{ validator: \'User.color\', label: \'Color\' }}\n          id="color"\n          label="Color"\n          placeholder="Please select a Color"\n          validators={requiredValidator}\n        />\n\n        <JarbCheckbox\n          name="agree"\n          jarb={{ validator: \'User.agree\', label: \'Agree\' }}\n          id="agree"\n          label="Agree"\n          placeholder="Do you agree to the terms?"\n          validators={requiredValidator}\n        />\n        {hasSubmit ? (\n          <div className="d-flex justify-content-end">\n            <SubmitButton\n              onClick={() => handleSubmit()}\n              inProgress={submitting}\n            >\n              Submit\n            </SubmitButton>\n          </div>\n        ) : null}\n      </Col>\n      <Col lg={6}>\n        <h2>Values</h2>\n        <Debug value={values} />\n        <h2>Errors</h2>\n        <Debug value={errors} />\n      </Col>\n    </Row>\n  );\n}\n',locationsMap:{"jarb-form-in-modal":{startLoc:{col:7,line:144},endLoc:{col:38,line:144},startBody:{col:29,line:144},endBody:{col:38,line:144}},"jarb-form":{startLoc:{col:7,line:132},endLoc:{col:3,line:143},startBody:{col:20,line:132},endBody:{col:3,line:143}}}}}).add("jarb form",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_3__.Form,{onSubmit:function onSubmit(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_10__.action)("form submitted")},render:function render(formRenderProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(TotalForm,{hasSubmit:!0,formRenderProps})}}))})).add("jarb form in modal",_core_OpenCloseModal_OpenCloseModal_stories__WEBPACK_IMPORTED_MODULE_8__.ModalForm);var __namedExportsOrder=["userAsOption","TotalForm"];try{userAsOption.displayName="userAsOption",userAsOption.__docgenInfo={description:"",displayName:"userAsOption",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"number"}},email:{defaultValue:null,description:"",name:"email",required:!0,type:{name:"string"}},firstName:{defaultValue:null,description:"",name:"firstName",required:!0,type:{name:"string"}},lastName:{defaultValue:null,description:"",name:"lastName",required:!0,type:{name:"string"}},active:{defaultValue:null,description:"",name:"active",required:!0,type:{name:"boolean"}},roles:{defaultValue:null,description:"",name:"roles",required:!0,type:{name:"UserRole[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FormExample.stories.tsx#userAsOption"]={docgenInfo:userAsOption.__docgenInfo,name:"userAsOption",path:"src/form/FormExample.stories.tsx#userAsOption"})}catch(__react_docgen_typescript_loader_error){}try{TotalForm.displayName="TotalForm",TotalForm.__docgenInfo={description:"",displayName:"TotalForm",props:{hasSubmit:{defaultValue:null,description:"",name:"hasSubmit",required:!0,type:{name:"boolean"}},formRenderProps:{defaultValue:null,description:"",name:"formRenderProps",required:!0,type:{name:"FormRenderProps<Record<string, any>, Partial<Record<string, any>>>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FormExample.stories.tsx#TotalForm"]={docgenInfo:TotalForm.__docgenInfo,name:"TotalForm",path:"src/form/FormExample.stories.tsx#TotalForm"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/IconPicker/IconPicker.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_IconPicker__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/IconPicker/IconPicker.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);function is3DRotation(value){return"3d_rotation"===value?void 0:'Not "3d_rotation"'}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/IconPicker",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport IconPicker, { JarbIconPicker } from \'./IconPicker\';\nimport { FinalForm } from \'../story-utils\';\nimport { IconType, Tooltip, Icon, Card } from \'../../\';\n\nfunction is3DRotation(value: IconType) {\n  return value === \'3d_rotation\' ? undefined : \'Not "3d_rotation"\';\n}\n\nstoriesOf(\'Form/IconPicker\', module)\n  .add(\'basic\', () => {\n    const [value, setValue] = useState<IconType | undefined>(undefined);\n\n    return (\n      <div>\n        <Card className="m-2">\n          <IconPicker\n            id="icon"\n            label="Icon"\n            placeholder="Please select your icon"\n            value={value}\n            onChange={setValue}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'without label\', () => {\n    const [value, setValue] = useState<IconType | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <IconPicker\n          id="icon"\n          placeholder="Please select your icon"\n          value={value}\n          onChange={setValue}\n        />\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    const [value, setValue] = useState<IconType | undefined>(undefined);\n\n    return (\n      <div>\n        <Card className="m-2">\n          <IconPicker\n            id="icon"\n            label={\n              <div className="d-flex justify-content-between">\n                <span>Icon</span>\n                <Tooltip\n                  className="ms-1"\n                  content="The icon will be used as an avatar"\n                >\n                  <Icon icon="info" />\n                </Tooltip>\n              </div>\n            }\n            placeholder="Please select your icon"\n            value={value}\n            onChange={setValue}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'with icon\', () => {\n    const [value, setValue] = useState<IconType | undefined>(undefined);\n\n    return (\n      <div>\n        <Card className="m-2">\n          <IconPicker\n            id="icon"\n            placeholder="Please select your icon"\n            icon="colorize"\n            value={value}\n            onChange={setValue}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'without clear button\', () => {\n    const [value, setValue] = useState<IconType | undefined>(undefined);\n\n    return (\n      <div>\n        <Card className="m-2">\n          <IconPicker\n            id="icon"\n            placeholder="Please select your icon"\n            value={value}\n            onChange={setValue}\n            canClear={false}\n          />\n        </Card>\n      </div>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbIconPicker\n          id="icon"\n          name="icon"\n          label="Icon"\n          placeholder="Please select your icon"\n          validators={[is3DRotation]}\n          jarb={{\n            validator: \'Hero.icon\',\n            label: \'Icon\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:105},endLoc:{col:3,line:121},startBody:{col:15,line:105},endBody:{col:3,line:121}},"without-clear-button":{startLoc:{col:7,line:88},endLoc:{col:3,line:104},startBody:{col:31,line:88},endBody:{col:3,line:104}},"with-icon":{startLoc:{col:7,line:71},endLoc:{col:3,line:87},startBody:{col:20,line:71},endBody:{col:3,line:87}},"with-custom-label":{startLoc:{col:7,line:44},endLoc:{col:3,line:70},startBody:{col:28,line:44},endBody:{col:3,line:70}},"without-label":{startLoc:{col:7,line:30},endLoc:{col:3,line:43},startBody:{col:24,line:30},endBody:{col:3,line:43}},basic:{startLoc:{col:7,line:13},endLoc:{col:3,line:29},startBody:{col:16,line:13},endBody:{col:3,line:29}}}}}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_IconPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"icon",label:"Icon",placeholder:"Please select your icon",value,onChange:setValue})))})).add("without label",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_IconPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"icon",placeholder:"Please select your icon",value,onChange:setValue}))})).add("with custom label",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_IconPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"icon",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.u,{className:"ms-1",content:"The icon will be used as an avatar"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Please select your icon",value,onChange:setValue})))})).add("with icon",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_IconPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"icon",placeholder:"Please select your icon",icon:"colorize",value,onChange:setValue})))})).add("without clear button",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_IconPicker__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"icon",placeholder:"Please select your icon",value,onChange:setValue,canClear:!1})))})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_IconPicker__WEBPACK_IMPORTED_MODULE_2__.h,{id:"icon",name:"icon",label:"Icon",placeholder:"Please select your icon",validators:[is3DRotation],jarb:{validator:"Hero.icon",label:"Icon"}}))}))},"./src/form/ImageUpload/ImageUpload.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_ImageUpload__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/ImageUpload/ImageUpload.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/index.ts"),_FileInput_FileInput__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/FileInput/FileInput.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/ImageUpload",module).addParameters({storySource:{source:"import React, { useState } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport ImageUpload, { JarbImageUpload, requireImage } from './ImageUpload';\nimport { FinalForm } from '../story-utils';\nimport { Tooltip, Icon, Card } from '../..';\nimport FileInput from '../FileInput/FileInput';\n\nstoriesOf('Form/ImageUpload', module)\n  .add('rect', () => {\n    return (\n      <Card className=\"m2\">\n        <ImageUpload\n          id=\"image-uploader\"\n          label=\"Profile photo\"\n          crop={{\n            type: 'rect',\n            width: 500,\n            height: 400\n          }}\n          onChange={(value) => action(`You entered ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add('circle', () => {\n    return (\n      <Card className=\"m2\">\n        <ImageUpload\n          id=\"image-uploader\"\n          label=\"Profile photo\"\n          crop={{\n            type: 'circle',\n            size: 250\n          }}\n          onChange={(value) => action(`You entered ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add('without label', () => {\n    return (\n      <Card className=\"m2\">\n        <ImageUpload\n          id=\"image-uploader\"\n          crop={{\n            type: 'rect',\n            width: 500,\n            height: 400\n          }}\n          onChange={(value) => action(`You entered ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add('with custom label', () => {\n    return (\n      <Card className=\"m2\">\n        <ImageUpload\n          id=\"image-uploader\"\n          label={\n            <div className=\"d-flex justify-content-between\">\n              <span>Profile photo</span>\n              <Tooltip\n                className=\"ms-1\"\n                style={{ zIndex: 101 }}\n                content=\"You can edit the photo after you've selected it\"\n              >\n                <Icon icon=\"info\" />\n              </Tooltip>\n            </div>\n          }\n          crop={{\n            type: 'rect',\n            width: 500,\n            height: 400\n          }}\n          onChange={(value) => action(`You entered ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add('File as initial value', () => {\n    const [file, setFile] = useState<File | null>();\n    return (\n      <Card className=\"m2\">\n        <FileInput\n          id=\"image-uploader\"\n          label=\"Choose an image\"\n          accept=\"image/*\"\n          onChange={setFile}\n        />\n        {file ? (\n          <ImageUpload\n            id=\"image-uploader\"\n            label=\"Profile photo\"\n            crop={{\n              type: 'rect',\n              width: 500,\n              height: 400\n            }}\n            value={file}\n            onChange={setFile}\n          />\n        ) : null}\n      </Card>\n    );\n  })\n  .add('jarb', () => {\n    return (\n      <FinalForm>\n        <JarbImageUpload\n          id=\"image-uploader\"\n          name=\"profile\"\n          label=\"Profile photo\"\n          validators={[requireImage('Profile photo')]}\n          crop={{\n            type: 'rect',\n            width: 500,\n            height: 400\n          }}\n          jarb={{\n            validator: 'User.profile',\n            label: 'Profile photo'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n",locationsMap:{jarb:{startLoc:{col:7,line:110},endLoc:{col:3,line:130},startBody:{col:15,line:110},endBody:{col:3,line:130}},"file-as-initial-value":{startLoc:{col:7,line:84},endLoc:{col:3,line:109},startBody:{col:32,line:84},endBody:{col:3,line:109}},"with-custom-label":{startLoc:{col:7,line:57},endLoc:{col:3,line:83},startBody:{col:28,line:57},endBody:{col:3,line:83}},"without-label":{startLoc:{col:7,line:42},endLoc:{col:3,line:56},startBody:{col:24,line:42},endBody:{col:3,line:56}},circle:{startLoc:{col:7,line:27},endLoc:{col:3,line:41},startBody:{col:17,line:27},endBody:{col:3,line:41}},rect:{startLoc:{col:7,line:11},endLoc:{col:3,line:26},startBody:{col:15,line:11},endBody:{col:3,line:26}}}}}).add("rect",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ImageUpload__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"image-uploader",label:"Profile photo",crop:{type:"rect",width:500,height:400},onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))}}))})).add("circle",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ImageUpload__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"image-uploader",label:"Profile photo",crop:{type:"circle",size:250},onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))}}))})).add("without label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ImageUpload__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"image-uploader",crop:{type:"rect",width:500,height:400},onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))}}))})).add("with custom label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ImageUpload__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"image-uploader",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Profile photo"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.u,{className:"ms-1",style:{zIndex:101},content:"You can edit the photo after you've selected it"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.JO,{icon:"info"}))),crop:{type:"rect",width:500,height:400},onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))}}))})).add("File as initial value",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),file=_useState2[0],setFile=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FileInput_FileInput__WEBPACK_IMPORTED_MODULE_6__.ZP,{id:"image-uploader",label:"Choose an image",accept:"image/*",onChange:setFile}),file?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ImageUpload__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"image-uploader",label:"Profile photo",crop:{type:"rect",width:500,height:400},value:file,onChange:setFile}):null)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_4__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ImageUpload__WEBPACK_IMPORTED_MODULE_3__.jS,{id:"image-uploader",name:"profile",label:"Profile photo",validators:[(0,_ImageUpload__WEBPACK_IMPORTED_MODULE_3__.f3)("Profile photo")],crop:{type:"rect",width:500,height:400},jarb:{validator:"User.profile",label:"Profile photo"}}))}))},"./src/form/Input/Input.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{_:()=>_,__namedExportsOrder:()=>__namedExportsOrder});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_Input__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/Input/Input.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/index.ts");module=__webpack_require__.hmd(module);function isSuperman(value){return"superman"===value?void 0:'Not "superman"'}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/Input",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { action } from \'@storybook/addon-actions\';\n\nimport Input, { JarbInput } from \'./Input\';\nimport { FinalForm } from \'../story-utils\';\nimport { Tooltip, Icon, Addon, AddonIcon, AddonButton, Card } from \'../..\';\n\nfunction isSuperman(value: string) {\n  return value === \'superman\' ? undefined : \'Not "superman"\';\n}\n\nstoriesOf(\'Form/Input\', module)\n  .add(\'basic\', () => {\n    return (\n      <Card className="m2">\n        <Input\n          id="firstName"\n          label="First name"\n          placeholder="Please enter your first name"\n          onChange={(value) => action(`You entered ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add(\'with addon\', () => {\n    return (\n      <Card className="m2">\n        <Input\n          id="firstName"\n          label="First name"\n          placeholder="Please enter your first name"\n          onChange={(value) => action(`onChange: ${value}`)}\n          addon={<AddonIcon icon="face" />}\n        />\n\n        <Input\n          id="lastName"\n          label="Last name"\n          placeholder="Please enter your last name"\n          onChange={(value) => action(`onChange: ${value}`)}\n          addon={<AddonIcon position="right" icon="face" />}\n          color="success"\n        />\n\n        <Input\n          id="magicNumber"\n          label="Magic number"\n          placeholder="Please enter the magic number"\n          onChange={(value) => action(`onChange: ${value}`)}\n          addon={<Addon>Try 42</Addon>}\n        />\n\n        <Input\n          id="addonButton"\n          label="Addon as a button"\n          placeholder="Please click on my addon button"\n          onChange={(value) => action(`onChange: ${value}`)}\n          addon={\n            <AddonButton onClick={() => alert(\'Yippy\')} position="right">\n              Click me\n            </AddonButton>\n          }\n        />\n      </Card>\n    );\n  })\n  .add(\'without placeholder\', () => {\n    return (\n      <Card className="m2">\n        <Input\n          id="firstName"\n          label="First name"\n          onChange={(value) => action(`You entered ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add(\'mask\', () => {\n    return (\n      <Card className="m2">\n        <Input\n          id="zipcode"\n          label="Zipcode"\n          placeholder="Please enter your zipcode"\n          onChange={(value) => action(`You entered ${value}`)}\n          mask={[/[1-9]/, /[1-9]/, /[1-9]/, /[1-9]/, \' \', /[A-z]/, /[A-z]/]}\n        />\n        <p>\n          Look\n          <a href="https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask">\n            here\n          </a>\n          for more example on how to use mask\n        </p>\n      </Card>\n    );\n  })\n  .add(\'without label\', () => {\n    return (\n      <Card className="m2">\n        <Input\n          placeholder="Please enter your first name"\n          onChange={(value) => action(`You entered ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    return (\n      <Card className="m2">\n        <Input\n          id="firstName"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>First name</span>\n              <Tooltip\n                className="ms-1"\n                content="Your first name is on your birth certificate"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please enter your first name"\n          onChange={(value) => action(`You entered ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbInput\n          name="firstName"\n          jarb={{ validator: \'Hero.name\', label: \'First name\' }}\n          validators={[isSuperman]}\n          id="firstName"\n          label="First name"\n          placeholder="Please enter your first name"\n        />\n      </FinalForm>\n    );\n  });\n\nexport const _ = \'\';\n',locationsMap:{jarb:{startLoc:{col:7,line:131},endLoc:{col:3,line:144},startBody:{col:15,line:131},endBody:{col:3,line:144}},"with-custom-label":{startLoc:{col:7,line:109},endLoc:{col:3,line:130},startBody:{col:28,line:109},endBody:{col:3,line:130}},"without-label":{startLoc:{col:7,line:99},endLoc:{col:3,line:108},startBody:{col:24,line:99},endBody:{col:3,line:108}},mask:{startLoc:{col:7,line:79},endLoc:{col:3,line:98},startBody:{col:15,line:79},endBody:{col:3,line:98}},"without-placeholder":{startLoc:{col:7,line:68},endLoc:{col:3,line:78},startBody:{col:30,line:68},endBody:{col:3,line:78}},"with-addon":{startLoc:{col:7,line:26},endLoc:{col:3,line:67},startBody:{col:21,line:26},endBody:{col:3,line:67}},basic:{startLoc:{col:7,line:14},endLoc:{col:3,line:25},startBody:{col:16,line:14},endBody:{col:3,line:25}}}}}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"firstName",label:"First name",placeholder:"Please enter your first name",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))}}))})).add("with addon",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"firstName",label:"First name",placeholder:"Please enter your first name",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))},addon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Gw,{icon:"face"})}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"lastName",label:"Last name",placeholder:"Please enter your last name",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))},addon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Gw,{position:"right",icon:"face"}),color:"success"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"magicNumber",label:"Magic number",placeholder:"Please enter the magic number",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))},addon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.e9,null,"Try 42")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"addonButton",label:"Addon as a button",placeholder:"Please click on my addon button",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))},addon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.pg,{onClick:function onClick(){return alert("Yippy")},position:"right"},"Click me")}))})).add("without placeholder",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"firstName",label:"First name",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))}}))})).add("mask",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"zipcode",label:"Zipcode",placeholder:"Please enter your zipcode",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))},mask:[/[1-9]/,/[1-9]/,/[1-9]/,/[1-9]/," ",/[A-z]/,/[A-z]/]}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Look",react__WEBPACK_IMPORTED_MODULE_0__.createElement("a",{href:"https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask"},"here"),"for more example on how to use mask"))})).add("without label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{placeholder:"Please enter your first name",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))}}))})).add("with custom label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"firstName",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.u,{className:"ms-1",content:"Your first name is on your birth certificate"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.JO,{icon:"info"}))),placeholder:"Please enter your first name",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("You entered ".concat(value))}}))})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_4__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Input__WEBPACK_IMPORTED_MODULE_3__.x9,{name:"firstName",jarb:{validator:"Hero.name",label:"First name"},validators:[isSuperman],id:"firstName",label:"First name",placeholder:"Please enter your first name"}))}));var _="",__namedExportsOrder=["_"]},"./src/form/ModalPicker/multiple/ModalPickerMultiple.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_test_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/test/utils.tsx"),_test_fixtures__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/test/fixtures.ts"),_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/ModalPicker/multiple/ModalPickerMultiple.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/index.ts"),reactstrap__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_core_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/core/Avatar/Avatar.tsx"),classnames__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/ModalPicker/ModalPickerMultiple",module).addParameters({storySource:{source:'import React, { Fragment, useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport { pageWithContentAndExactSize } from \'../../../test/utils\';\nimport {\n  adminUser,\n  coordinatorUser,\n  pageOfUsers,\n  userUser\n} from \'../../../test/fixtures\';\nimport { User } from \'../../../test/types\';\n\nimport ModalPickerMultiple, {\n  JarbModalPickerMultiple\n} from \'./ModalPickerMultiple\';\n\nimport {\n  FinalForm,\n  IsOptionEqualInfo,\n  KeyForOptionInfo,\n  nonExistingProvince,\n  Province,\n  provinceFetcher,\n  provinces,\n  ReloadOptionsInfo,\n  resolveAfter\n} from \'../../story-utils\';\nimport { Icon, Toggle, Tooltip, Card } from \'../../..\';\nimport { ListGroup, ListGroupItem } from \'reactstrap\';\nimport Avatar from \'../../../core/Avatar/Avatar\';\nimport classNames from \'classnames\';\n\nstoriesOf(\'Form/ModalPicker/ModalPickerMultiple\', module)\n  .add(\'predefined options\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'show 5 options per page\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          pageSize={5}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n\n        <p>\n          Note: Beware of performance issues when setting the page size too\n          high, that will cause the UX to deteriorate on smaller screens!\n        </p>\n      </Card>\n    );\n  })\n  .add(\'async options\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'disabled options\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEnabled={(option) => !option.label.startsWith(\'Z\')}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'custom isOptionEqual\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      provinces()[0]\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEqual={(a, b) => a.value === b.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n\n        <IsOptionEqualInfo />\n      </Card>\n    );\n  })\n  .add(\'custom keyForOption\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      provinces()[0]\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          keyForOption={(province) => province.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n\n        <KeyForOptionInfo />\n      </Card>\n    );\n  })\n  .add(\'using reloadOptions\', () => {\n    const [limitToNorthern, setLimitToNorthern] = useState(false);\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <p>\n          Limit to northern provinces\n          <Toggle\n            className="ms-2"\n            color="primary"\n            value={limitToNorthern}\n            onChange={() => setLimitToNorthern(!limitToNorthern)}\n          />\n        </p>\n\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces().filter((option) =>\n            limitToNorthern ? option.north : true\n          )}\n          labelForOption={(option) => option.label}\n          value={value}\n          onChange={setValue}\n          reloadOptions={limitToNorthern}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\',\')}\n          </p>\n        ) : null}\n\n        <ReloadOptionsInfo />\n      </Card>\n    );\n  })\n  .add(\'using reloadOptions\', () => {\n    const [limitToNorthern, setLimitToNorthern] = useState(false);\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <p>\n          Limit to northern provinces\n          <Toggle\n            className="ms-2"\n            color="primary"\n            value={limitToNorthern}\n            onChange={() => setLimitToNorthern(!limitToNorthern)}\n          />\n        </p>\n\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces().filter((option) =>\n            limitToNorthern ? option.north : true\n          )}\n          labelForOption={(option) => option.label}\n          value={value}\n          onChange={setValue}\n          reloadOptions={limitToNorthern}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\',\')}\n          </p>\n        ) : null}\n\n        <ReloadOptionsInfo />\n      </Card>\n    );\n  })\n  .add(\'with extra add button\', () => {\n    const [value, setValue] = useState<User[] | undefined>([]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple<User>\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          labelForOption={(user: User) => user.email}\n          options={() =>\n            Promise.resolve(pageWithContentAndExactSize([userUser()]))\n          }\n          addButton={{\n            label: \'Create friend\',\n            onClick: () => {\n              // Just a fake implementation of how this could work.\n              // In real life you probably want to pop a modal window\n              // to create the friend.\n              return new Promise((resolve) => {\n                setTimeout(() => {\n                  resolve(adminUser());\n                }, 1000);\n              });\n            }\n          }}\n          value={value}\n          onChange={setValue}\n        />\n      </Card>\n    );\n  })\n  .add(\'without search\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          canSearch={false}\n          value={value}\n          onChange={setValue}\n        />\n      </Card>\n    );\n  })\n  .add(\'custom renderOptions\', () => {\n    const [value, setValue] = useState<User[] | undefined>([]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple<User>\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={[userUser(), adminUser(), coordinatorUser()]}\n          labelForOption={(user: User) => user.email}\n          isOptionEnabled={(user) => user.email !== \'admin@42.nl\'}\n          renderOptions={(options) => (\n            <ListGroup>\n              {options.map(({ option, isSelected, toggle, enabled }) => (\n                <ListGroupItem\n                  key={option.email}\n                  onClick={toggle}\n                  className={classNames(\n                    \'d-flex justify-content-between align-items-center\',\n                    { clickable: enabled, \'bg-light\': !enabled }\n                  )}\n                >\n                  <span>\n                    <Avatar\n                      src="https://www.placecage.com/100/100"\n                      alt={option.email}\n                    />\n                    {option.email}\n                  </span>\n                  {isSelected ? <Icon icon="check" color="primary" /> : null}\n                </ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n          value={value}\n          onChange={setValue}\n        />\n      </Card>\n    );\n  })\n  .add(\'custom renderValue\', () => {\n    const [value, setValue] = useState<User[] | undefined>([]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple<User>\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={[userUser(), adminUser(), coordinatorUser()]}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={(value) => setValue(value)}\n          renderValue={(users) => {\n            return users ? (\n              <>\n                {users.map((user, index) => (\n                  <Fragment key={user.id}>\n                    {index > 0 ? \', \' : \'\'}\n                    {user.roles.some((role) => role === \'ADMIN\') ? (\n                      <Icon icon="supervised_user_circle" />\n                    ) : (\n                      <Icon icon="supervisor_account" />\n                    )}\n                    {user.firstName}\n                    <b>{user.lastName}</b>\n                  </Fragment>\n                ))}\n              </>\n            ) : null;\n          }}\n        />\n      </Card>\n    );\n  })\n  .add(\'button alignment\', () => {\n    const [value, setValue] = useState<User[] | undefined>([]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple<User>\n          id="bestFriend"\n          label="Default"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n        <ModalPickerMultiple<User>\n          id="bestFriend"\n          label="Button on the left"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n          alignButton="left"\n        />\n        <ModalPickerMultiple<User>\n          id="bestFriend"\n          label="Button on the right"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => resolveAfter(pageOfUsers())}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n          alignButton="right"\n        />\n      </Card>\n    );\n  })\n  .add(\'labels\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <h3>Without label</h3>\n\n        <ModalPickerMultiple\n          id="provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n\n        <hr />\n\n        <h3>Custom label</h3>\n\n        <ModalPickerMultiple\n          id="provinces"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Friends</span>\n              <Tooltip\n                className="ms-1"\n                content="It is nice to have lots of friends"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'with icon\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <h3>Without icon</h3>\n\n        <ModalPickerMultiple\n          id="provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n\n        <hr />\n\n        <h3>With icon</h3>\n\n        <ModalPickerMultiple\n          id="provinces"\n          placeholder="Please select your provinces"\n          icon="ballot"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'without clear button\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          canClear={false}\n        />\n      </Card>\n    );\n  })\n  .add(\'with custom text\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m2">\n        <ModalPickerMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          text={{\n            cancel: \'Take me back\',\n            select: \'Confirm my choice\'\n          }}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbModalPickerMultiple\n          id="provinces"\n          name="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          jarb={{\n            validator: \'User.provinces\',\n            label: \'Provinces\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:613},endLoc:{col:3,line:630},startBody:{col:15,line:613},endBody:{col:3,line:630}},"with-custom-text":{startLoc:{col:7,line:583},endLoc:{col:3,line:612},startBody:{col:27,line:583},endBody:{col:3,line:612}},"without-clear-button":{startLoc:{col:7,line:564},endLoc:{col:3,line:582},startBody:{col:31,line:564},endBody:{col:3,line:582}},"with-icon":{startLoc:{col:7,line:516},endLoc:{col:3,line:563},startBody:{col:20,line:516},endBody:{col:3,line:563}},labels:{startLoc:{col:7,line:458},endLoc:{col:3,line:515},startBody:{col:17,line:458},endBody:{col:3,line:515}},"button-alignment":{startLoc:{col:7,line:418},endLoc:{col:3,line:457},startBody:{col:27,line:418},endBody:{col:3,line:457}},"custom-rendervalue":{startLoc:{col:7,line:382},endLoc:{col:3,line:417},startBody:{col:29,line:382},endBody:{col:3,line:417}},"custom-renderoptions":{startLoc:{col:7,line:340},endLoc:{col:3,line:381},startBody:{col:31,line:340},endBody:{col:3,line:381}},"without-search":{startLoc:{col:7,line:320},endLoc:{col:3,line:339},startBody:{col:25,line:320},endBody:{col:3,line:339}},"with-extra-add-button":{startLoc:{col:7,line:287},endLoc:{col:3,line:319},startBody:{col:32,line:287},endBody:{col:3,line:319}},"using-reloadoptions":{startLoc:{col:7,line:203},endLoc:{col:3,line:244},startBody:{col:30,line:203},endBody:{col:3,line:244}},"custom-keyforoption":{startLoc:{col:7,line:174},endLoc:{col:3,line:202},startBody:{col:30,line:174},endBody:{col:3,line:202}},"custom-isoptionequal":{startLoc:{col:7,line:145},endLoc:{col:3,line:173},startBody:{col:31,line:145},endBody:{col:3,line:173}},"disabled-options":{startLoc:{col:7,line:118},endLoc:{col:3,line:144},startBody:{col:27,line:118},endBody:{col:3,line:144}},"async-options":{startLoc:{col:7,line:92},endLoc:{col:3,line:117},startBody:{col:24,line:92},endBody:{col:3,line:117}},"show-5-options-per-page":{startLoc:{col:7,line:60},endLoc:{col:3,line:91},startBody:{col:34,line:60},endBody:{col:3,line:91}},"predefined-options":{startLoc:{col:7,line:34},endLoc:{col:3,line:59},startBody:{col:29,line:34},endBody:{col:3,line:59}}}}}).add("predefined options",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("show 5 options per page",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,pageSize:5}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Note: Beware of performance issues when setting the page size too high, that will cause the UX to deteriorate on smaller screens!"))})).add("async options",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:_story_utils__WEBPACK_IMPORTED_MODULE_5__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("disabled options",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEnabled:function isOptionEnabled(option){return!option.label.startsWith("Z")},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("custom isOptionEqual",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)()[0]]),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEqual:function isOptionEqual(a,b){return a.value===b.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_5__.$L,null))})).add("custom keyForOption",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)()[0]]),2),value=_useState12[0],setValue=_useState12[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},keyForOption:function keyForOption(province){return province.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_5__.kI,null))})).add("using reloadOptions",(function(){var _useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),limitToNorthern=_useState14[0],setLimitToNorthern=_useState14[1],_useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState16[0],setValue=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Limit to northern provinces",react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.ZD,{className:"ms-2",color:"primary",value:limitToNorthern,onChange:function onChange(){return setLimitToNorthern(!limitToNorthern)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)().filter((function(option){return!limitToNorthern||option.north})),labelForOption:function labelForOption(option){return option.label},value,onChange:setValue,reloadOptions:limitToNorthern}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(",")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_5__.Nq,null))})).add("using reloadOptions",(function(){var _useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),limitToNorthern=_useState18[0],setLimitToNorthern=_useState18[1],_useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState20[0],setValue=_useState20[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Limit to northern provinces",react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.ZD,{className:"ms-2",color:"primary",value:limitToNorthern,onChange:function onChange(){return setLimitToNorthern(!limitToNorthern)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)().filter((function(option){return!limitToNorthern||option.north})),labelForOption:function labelForOption(option){return option.label},value,onChange:setValue,reloadOptions:limitToNorthern}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(",")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_5__.Nq,null))})).add("with extra add button",(function(){var _useState22=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),value=_useState22[0],setValue=_useState22[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,labelForOption:function labelForOption(user){return user.email},options:function options(){return Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_2__.Gw)([(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.$g)()]))},addButton:{label:"Create friend",onClick:function onClick(){return new Promise((function(resolve){setTimeout((function(){resolve((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.s$)())}),1e3)}))}},value,onChange:setValue}))})).add("without search",(function(){var _useState24=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState24[0],setValue=_useState24[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},canSearch:!1,value,onChange:setValue}))})).add("custom renderOptions",(function(){var _useState26=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),value=_useState26[0],setValue=_useState26[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:[(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.$g)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.s$)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.bX)()],labelForOption:function labelForOption(user){return user.email},isOptionEnabled:function isOptionEnabled(user){return"admin@42.nl"!==user.email},renderOptions:function renderOptions(options){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.NX,null,options.map((function(_ref){var option=_ref.option,isSelected=_ref.isSelected,toggle=_ref.toggle,enabled=_ref.enabled;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.WI,{key:option.email,onClick:toggle,className:classnames__WEBPACK_IMPORTED_MODULE_8___default()("d-flex justify-content-between align-items-center",{clickable:enabled,"bg-light":!enabled})},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_7__.Z,{src:"https://www.placecage.com/100/100",alt:option.email}),option.email),isSelected?react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.JO,{icon:"check",color:"primary"}):null)})))},value,onChange:setValue}))})).add("custom renderValue",(function(){var _useState28=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),value=_useState28[0],setValue=_useState28[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:[(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.$g)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.s$)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.bX)()],labelForOption:function labelForOption(user){return user.email},value,onChange:function onChange(value){return setValue(value)},renderValue:function renderValue(users){return users?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,users.map((function(user,index){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{key:user.id},index>0?", ":"",user.roles.some((function(role){return"ADMIN"===role}))?react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.JO,{icon:"supervised_user_circle"}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.JO,{icon:"supervisor_account"}),user.firstName,react__WEBPACK_IMPORTED_MODULE_0__.createElement("b",null,user.lastName))}))):null}}))})).add("button alignment",(function(){var _useState30=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),value=_useState30[0],setValue=_useState30[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"bestFriend",label:"Default",placeholder:"Select your best friend",canSearch:!0,options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.o7)())},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"bestFriend",label:"Button on the left",placeholder:"Select your best friend",canSearch:!0,options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.o7)())},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue,alignButton:"left"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"bestFriend",label:"Button on the right",placeholder:"Select your best friend",canSearch:!0,options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.hL)((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.o7)())},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue,alignButton:"right"}))})).add("labels",(function(){var _useState32=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState32[0],setValue=_useState32[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Custom label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Friends"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.u,{className:"ms-1",content:"It is nice to have lots of friends"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.JO,{icon:"info"}))),placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("with icon",(function(){var _useState34=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState34[0],setValue=_useState34[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"With icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",placeholder:"Please select your provinces",icon:"ballot",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("without clear button",(function(){var _useState36=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState36[0],setValue=_useState36[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,canClear:!1}))})).add("with custom text",(function(){var _useState38=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.cq)()]),2),value=_useState38[0],setValue=_useState38[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_5__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,text:{cancel:"Take me back",select:"Confirm my choice"}}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_5__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_4__.t,{id:"provinces",name:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:_story_utils__WEBPACK_IMPORTED_MODULE_5__.pi,labelForOption:function labelForOption(province){return province.label},jarb:{validator:"User.provinces",label:"Provinces"}}))}))},"./src/form/ModalPicker/single/ModalPickerSingle.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/ModalPicker/single/ModalPickerSingle.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/story-utils.tsx"),_test_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/test/utils.tsx"),_test_fixtures__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/test/fixtures.ts"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/index.ts"),_core_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/core/Avatar/Avatar.tsx"),reactstrap__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),classnames__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/ModalPicker/ModalPickerSingle",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport ModalPickerSingle, { JarbModalPickerSingle } from \'./ModalPickerSingle\';\nimport {\n  FinalForm,\n  IsOptionEqualInfo,\n  KeyForOptionInfo,\n  Province,\n  provinceFetcher,\n  provinces,\n  ReloadOptionsInfo,\n  resolveAfter\n} from \'../../story-utils\';\nimport { pageWithContentAndExactSize } from \'../../../test/utils\';\nimport { adminUser, coordinatorUser, userUser } from \'../../../test/fixtures\';\nimport { User } from \'../../../test/types\';\nimport { Icon, pageOf, Tooltip, Card } from \'../../..\';\nimport Avatar from \'../../../core/Avatar/Avatar\';\nimport { ListGroup, ListGroupItem } from \'reactstrap\';\nimport classNames from \'classnames\';\n\nstoriesOf(\'Form/ModalPicker/ModalPickerSingle\', module)\n  .add(\'predefined options\', () => {\n    const [value, setValue] = useState<Province | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'show 5 options per page\', () => {\n    const [value, setValue] = useState<Province | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          pageSize={5}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <p>\n          Note: Beware of performance issues when setting the page size too\n          high, that will cause the UX to deteriorate on smaller screens!\n        </p>\n      </Card>\n    );\n  })\n  .add(\'async options\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'disabled options\', () => {\n    const [value, setValue] = useState<Province | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEnabled={(option) => !option.label.startsWith(\'Z\')}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'custom isOptionEqual\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEqual={(a, b) => a.value === b.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <IsOptionEqualInfo />\n      </Card>\n    );\n  })\n  .add(\'custom keyForOption\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          keyForOption={(province) => province.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <KeyForOptionInfo />\n      </Card>\n    );\n  })\n  .add(\'using reloadOptions\', () => {\n    const [brand, setBrand] = useState<string>();\n    const [model, setModel] = useState<string>();\n\n    const allOptions = {\n      Audi: [\'A1\', \'A2\', \'A3\', \'M5\'],\n      BMW: [\'series 1\', \'series 2\', \'series 3\', \'series 4\', \'series 5\'],\n      Mercedes: [\'Viano\', \'Vito\', \'Sprinter\']\n    };\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle\n          id="brand"\n          label="Brand"\n          placeholder="Please select your brand"\n          options={() => resolveAfter(pageOf(Object.keys(allOptions), 1))}\n          labelForOption={(option) => option}\n          value={brand}\n          onChange={(value) => {\n            setBrand(value);\n            setModel(undefined);\n          }}\n        />\n        <ModalPickerSingle\n          id="model"\n          label="Model"\n          placeholder={\n            brand ? \'Please select your model\' : \'Please select a brand first\'\n          }\n          options={() =>\n            resolveAfter(pageOf(brand ? allOptions[brand] : [], 1))\n          }\n          labelForOption={(option: string) => option}\n          value={model}\n          onChange={setModel}\n          reloadOptions={brand}\n        />\n\n        {brand ? <p>Your chosen brand is: {brand}</p> : null}\n        {model ? <p>Your chosen model is: {model}</p> : null}\n\n        <ReloadOptionsInfo />\n      </Card>\n    );\n  })\n  .add(\'with extra add button\', () => {\n    const [value, setValue] = useState<User | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<User>\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          labelForOption={(user: User) => user.email}\n          options={() =>\n            Promise.resolve(pageWithContentAndExactSize([userUser()]))\n          }\n          addButton={{\n            label: \'Create friend\',\n            onClick: () => {\n              // Just a fake implementation of how this could work.\n              // In real life you probably want to pop a modal window\n              // to create the friend.\n              return new Promise((resolve) => {\n                setTimeout(() => {\n                  resolve(adminUser());\n                }, 1000);\n              });\n            }\n          }}\n          value={value}\n          onChange={setValue}\n        />\n      </Card>\n    );\n  })\n  .add(\'without search\', () => {\n    const [value, setValue] = useState<User | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={false}\n          labelForOption={(user: User) => user.email}\n          options={() =>\n            Promise.resolve(pageWithContentAndExactSize([userUser()]))\n          }\n          value={value}\n          onChange={setValue}\n        />\n      </Card>\n    );\n  })\n  .add(\'custom renderOptions\', () => {\n    const [value, setValue] = useState<User | undefined>();\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<User>\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={[userUser(), adminUser(), coordinatorUser()]}\n          labelForOption={(user: User) => user.email}\n          renderOptions={(options) => (\n            <ListGroup>\n              {options.map(({ option, isSelected, toggle, enabled }) => (\n                <ListGroupItem\n                  key={option.email}\n                  onClick={toggle}\n                  className={classNames(\n                    \'d-flex justify-content-between align-items-center\',\n                    { clickable: enabled, \'bg-light\': !enabled }\n                  )}\n                >\n                  <span>\n                    <Avatar\n                      src="https://www.placecage.com/100/100"\n                      alt={option.email}\n                    />\n                    {option.email}\n                  </span>\n                  {isSelected ? <Icon icon="check" color="primary" /> : null}\n                </ListGroupItem>\n              ))}\n            </ListGroup>\n          )}\n          value={value}\n          onChange={setValue}\n        />\n      </Card>\n    );\n  })\n  .add(\'custom renderValue\', () => {\n    const [value, setValue] = useState<User | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={[userUser(), adminUser(), coordinatorUser()]}\n          labelForOption={(user) => user.email}\n          value={value}\n          onChange={(user) => setValue(user)}\n          renderValue={(user) => {\n            return user ? (\n              <>\n                {user.roles.some((role) => role === \'ADMIN\') ? (\n                  <Icon icon="supervised_user_circle" />\n                ) : (\n                  <Icon icon="supervisor_account" />\n                )}\n                {user.firstName}\n                <b>{user.lastName}</b>\n              </>\n            ) : null;\n          }}\n        />\n      </Card>\n    );\n  })\n  .add(\'button alignment\', () => {\n    const [value, setValue] = useState<User | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle\n          id="bestFriend"\n          label="Default"\n          placeholder="Select your best friend"\n          canSearch={true}\n          labelForOption={(user: User) => user.email}\n          options={() =>\n            Promise.resolve(\n              pageWithContentAndExactSize([userUser(), adminUser()])\n            )\n          }\n          value={value}\n          onChange={setValue}\n          alignButton="default"\n        />\n        <ModalPickerSingle\n          id="bestFriend"\n          label="Button on the left"\n          placeholder="Select your best friend"\n          canSearch={true}\n          labelForOption={(user: User) => user.email}\n          options={() =>\n            Promise.resolve(\n              pageWithContentAndExactSize([userUser(), adminUser()])\n            )\n          }\n          value={value}\n          onChange={setValue}\n          alignButton="left"\n        />\n        <ModalPickerSingle\n          id="bestFriend"\n          label="Button on the right"\n          placeholder="Select your best friend"\n          canSearch={true}\n          labelForOption={(user: User) => user.email}\n          options={() =>\n            Promise.resolve(\n              pageWithContentAndExactSize([userUser(), adminUser()])\n            )\n          }\n          value={value}\n          onChange={setValue}\n          alignButton="right"\n        />\n      </Card>\n    );\n  })\n  .add(\'label & placeholder\', () => {\n    const [value, setValue] = useState<Province | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <h3>Without label</h3>\n\n        <ModalPickerSingle<Province>\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Custom label</h3>\n\n        <ModalPickerSingle<Province>\n          id="provinces"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Subject</span>\n              <Tooltip className="ms-1" content="The province you live in">\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'icon\', () => {\n    const [value, setValue] = useState<Province | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <h3>Without icon</h3>\n\n        <ModalPickerSingle<Province>\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>With icon</h3>\n\n        <ModalPickerSingle<Province>\n          id="provinces"\n          placeholder="Please select your province"\n          icon="home"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'without clear button\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<Province>\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          canClear={false}\n        />\n      </Card>\n    );\n  })\n  .add(\'with custom text\', () => {\n    const [value, setValue] = useState<Province | undefined>(undefined);\n\n    return (\n      <Card className="m-2">\n        <ModalPickerSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          text={{\n            cancel: \'Take me back\',\n            select: \'Confirm my choice\'\n          }}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbModalPickerSingle\n          id="province"\n          name="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          jarb={{\n            validator: \'User.province\',\n            label: \'Province\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:491},endLoc:{col:3,line:508},startBody:{col:15,line:491},endBody:{col:3,line:508}},"with-custom-text":{startLoc:{col:7,line:468},endLoc:{col:3,line:490},startBody:{col:27,line:468},endBody:{col:3,line:490}},"without-clear-button":{startLoc:{col:7,line:452},endLoc:{col:3,line:467},startBody:{col:31,line:452},endBody:{col:3,line:467}},icon:{startLoc:{col:7,line:417},endLoc:{col:3,line:451},startBody:{col:15,line:417},endBody:{col:3,line:451}},"label-placeholder":{startLoc:{col:7,line:375},endLoc:{col:3,line:416},startBody:{col:30,line:375},endBody:{col:3,line:416}},"button-alignment":{startLoc:{col:7,line:322},endLoc:{col:3,line:374},startBody:{col:27,line:322},endBody:{col:3,line:374}},"custom-rendervalue":{startLoc:{col:7,line:291},endLoc:{col:3,line:321},startBody:{col:29,line:291},endBody:{col:3,line:321}},"custom-renderoptions":{startLoc:{col:7,line:250},endLoc:{col:3,line:290},startBody:{col:31,line:250},endBody:{col:3,line:290}},"without-search":{startLoc:{col:7,line:230},endLoc:{col:3,line:249},startBody:{col:25,line:230},endBody:{col:3,line:249}},"with-extra-add-button":{startLoc:{col:7,line:197},endLoc:{col:3,line:229},startBody:{col:32,line:197},endBody:{col:3,line:229}},"using-reloadoptions":{startLoc:{col:7,line:151},endLoc:{col:3,line:196},startBody:{col:30,line:151},endBody:{col:3,line:196}},"custom-keyforoption":{startLoc:{col:7,line:129},endLoc:{col:3,line:150},startBody:{col:30,line:129},endBody:{col:3,line:150}},"custom-isoptionequal":{startLoc:{col:7,line:107},endLoc:{col:3,line:128},startBody:{col:31,line:107},endBody:{col:3,line:128}},"disabled-options":{startLoc:{col:7,line:87},endLoc:{col:3,line:106},startBody:{col:27,line:87},endBody:{col:3,line:106}},"async-options":{startLoc:{col:7,line:68},endLoc:{col:3,line:86},startBody:{col:24,line:68},endBody:{col:3,line:86}},"show-5-options-per-page":{startLoc:{col:7,line:43},endLoc:{col:3,line:67},startBody:{col:34,line:43},endBody:{col:3,line:67}},"predefined-options":{startLoc:{col:7,line:24},endLoc:{col:3,line:42},startBody:{col:29,line:24},endBody:{col:3,line:42}}}}}).add("predefined options",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("show 5 options per page",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,pageSize:5}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Note: Beware of performance issues when setting the page size too high, that will cause the UX to deteriorate on smaller screens!"))})).add("async options",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("disabled options",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEnabled:function isOptionEnabled(option){return!option.label.startsWith("Z")},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("custom isOptionEqual",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEqual:function isOptionEqual(a,b){return a.value===b.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.$L,null))})).add("custom keyForOption",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState12[0],setValue=_useState12[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},keyForOption:function keyForOption(province){return province.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.kI,null))})).add("using reloadOptions",(function(){var _useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),brand=_useState14[0],setBrand=_useState14[1],_useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),model=_useState16[0],setModel=_useState16[1],allOptions={Audi:["A1","A2","A3","M5"],BMW:["series 1","series 2","series 3","series 4","series 5"],Mercedes:["Viano","Vito","Sprinter"]};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"brand",label:"Brand",placeholder:"Please select your brand",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.hL)((0,___WEBPACK_IMPORTED_MODULE_6__.uj)(Object.keys(allOptions),1))},labelForOption:function labelForOption(option){return option},value:brand,onChange:function onChange(value){setBrand(value),setModel(void 0)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"model",label:"Model",placeholder:brand?"Please select your model":"Please select a brand first",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.hL)((0,___WEBPACK_IMPORTED_MODULE_6__.uj)(brand?allOptions[brand]:[],1))},labelForOption:function labelForOption(option){return option},value:model,onChange:setModel,reloadOptions:brand}),brand?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen brand is: ",brand):null,model?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen model is: ",model):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.Nq,null))})).add("with extra add button",(function(){var _useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState18[0],setValue=_useState18[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,labelForOption:function labelForOption(user){return user.email},options:function options(){return Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_4__.Gw)([(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.$g)()]))},addButton:{label:"Create friend",onClick:function onClick(){return new Promise((function(resolve){setTimeout((function(){resolve((0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.s$)())}),1e3)}))}},value,onChange:setValue}))})).add("without search",(function(){var _useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState20[0],setValue=_useState20[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!1,labelForOption:function labelForOption(user){return user.email},options:function options(){return Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_4__.Gw)([(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.$g)()]))},value,onChange:setValue}))})).add("custom renderOptions",(function(){var _useState22=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),value=_useState22[0],setValue=_useState22[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:[(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.$g)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.s$)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.bX)()],labelForOption:function labelForOption(user){return user.email},renderOptions:function renderOptions(options){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.NX,null,options.map((function(_ref){var option=_ref.option,isSelected=_ref.isSelected,toggle=_ref.toggle,enabled=_ref.enabled;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_9__.WI,{key:option.email,onClick:toggle,className:classnames__WEBPACK_IMPORTED_MODULE_8___default()("d-flex justify-content-between align-items-center",{clickable:enabled,"bg-light":!enabled})},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_7__.Z,{src:"https://www.placecage.com/100/100",alt:option.email}),option.email),isSelected?react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.JO,{icon:"check",color:"primary"}):null)})))},value,onChange:setValue}))})).add("custom renderValue",(function(){var _useState24=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState24[0],setValue=_useState24[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:[(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.$g)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.s$)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.bX)()],labelForOption:function labelForOption(user){return user.email},value,onChange:function onChange(user){return setValue(user)},renderValue:function renderValue(user){return user?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,user.roles.some((function(role){return"ADMIN"===role}))?react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.JO,{icon:"supervised_user_circle"}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.JO,{icon:"supervisor_account"}),user.firstName,react__WEBPACK_IMPORTED_MODULE_0__.createElement("b",null,user.lastName)):null}}))})).add("button alignment",(function(){var _useState26=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState26[0],setValue=_useState26[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"bestFriend",label:"Default",placeholder:"Select your best friend",canSearch:!0,labelForOption:function labelForOption(user){return user.email},options:function options(){return Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_4__.Gw)([(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.$g)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.s$)()]))},value,onChange:setValue,alignButton:"default"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"bestFriend",label:"Button on the left",placeholder:"Select your best friend",canSearch:!0,labelForOption:function labelForOption(user){return user.email},options:function options(){return Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_4__.Gw)([(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.$g)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.s$)()]))},value,onChange:setValue,alignButton:"left"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"bestFriend",label:"Button on the right",placeholder:"Select your best friend",canSearch:!0,labelForOption:function labelForOption(user){return user.email},options:function options(){return Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_4__.Gw)([(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.$g)(),(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_5__.s$)()]))},value,onChange:setValue,alignButton:"right"}))})).add("label & placeholder",(function(){var _useState28=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState28[0],setValue=_useState28[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Custom label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Subject"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.u,{className:"ms-1",content:"The province you live in"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.JO,{icon:"info"}))),placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("icon",(function(){var _useState30=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState30[0],setValue=_useState30[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"With icon"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",placeholder:"Please select your province",icon:"home",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("without clear button",(function(){var _useState32=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState32[0],setValue=_useState32[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,canClear:!1}))})).add("with custom text",(function(){var _useState34=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState34[0],setValue=_useState34[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_6__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,text:{cancel:"Take me back",select:"Confirm my choice"}}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_2__.q,{id:"province",name:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},jarb:{validator:"User.province",label:"Province"}}))}))},"./src/form/NewPasswordInput/NewPasswordInput.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_story_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/story-utils.tsx"),_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/NewPasswordInput/NewPasswordInput.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/NewPasswordInput",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { FinalForm } from \'../story-utils\';\nimport NewPasswordInput, {\n  isStrongPassword,\n  JarbNewPasswordInput\n} from \'./NewPasswordInput\';\nimport { Addon, Icon, Tooltip, Card } from \'../..\';\n\nstoriesOf(\'Form/NewPasswordInput\', module)\n  .add(\'basic\', () => {\n    const [password, setPassword] = useState(\'\');\n\n    return (\n      <Card className="m-2">\n        <NewPasswordInput\n          id="password"\n          label="Password"\n          placeholder="Please enter your password"\n          value={password}\n          onChange={setPassword}\n        />\n      </Card>\n    );\n  })\n  .add(\'icon\', () => {\n    const [password, setPassword] = useState(\'\');\n\n    return (\n      <Card className="m-2">\n        <NewPasswordInput\n          id="password"\n          label="Password"\n          placeholder="Please enter your password"\n          value={password}\n          onChange={setPassword}\n          addon={\n            <Addon>\n              <Icon icon="lock" />\n            </Addon>\n          }\n        />\n      </Card>\n    );\n  })\n  .add(\'without placeholder\', () => {\n    const [password, setPassword] = useState(\'\');\n\n    return (\n      <Card className="m-2">\n        <NewPasswordInput\n          id="password"\n          label="Password"\n          value={password}\n          onChange={setPassword}\n        />\n      </Card>\n    );\n  })\n  .add(\'without label\', () => {\n    const [password, setPassword] = useState(\'\');\n\n    return (\n      <Card className="m-2">\n        <NewPasswordInput\n          placeholder="Please enter your password"\n          value={password}\n          onChange={setPassword}\n        />\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    const [password, setPassword] = useState(\'\');\n\n    return (\n      <Card className="m-2">\n        <NewPasswordInput\n          id="password"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Password</span>\n              <Tooltip\n                className="ms-1"\n                content="Your password should be secret"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please enter your password"\n          value={password}\n          onChange={setPassword}\n        />\n      </Card>\n    );\n  })\n  .add(\'without meter\', () => {\n    const [password, setPassword] = useState(\'\');\n\n    return (\n      <Card className="m-2">\n        <NewPasswordInput\n          id="password"\n          label="Password"\n          placeholder="Please enter your password"\n          value={password}\n          onChange={setPassword}\n          showMeter={false}\n        />\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbNewPasswordInput\n          name="password"\n          jarb={{ validator: \'User.password\', label: \'Password\' }}\n          id="password"\n          label="password"\n          placeholder="Please enter your password"\n          validators={[\n            isStrongPassword(\n              [\n                \'lowercase\',\n                \'uppercase\',\n                \'number\',\n                \'specialChar\',\n                \'minimumLength\',\n                \'noSpace\'\n              ],\n              10\n            )\n          ]}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:114},endLoc:{col:3,line:139},startBody:{col:15,line:114},endBody:{col:3,line:139}},"without-meter":{startLoc:{col:7,line:98},endLoc:{col:3,line:113},startBody:{col:24,line:98},endBody:{col:3,line:113}},"with-custom-label":{startLoc:{col:7,line:73},endLoc:{col:3,line:97},startBody:{col:28,line:73},endBody:{col:3,line:97}},"without-label":{startLoc:{col:7,line:60},endLoc:{col:3,line:72},startBody:{col:24,line:60},endBody:{col:3,line:72}},"without-placeholder":{startLoc:{col:7,line:46},endLoc:{col:3,line:59},startBody:{col:30,line:46},endBody:{col:3,line:59}},icon:{startLoc:{col:7,line:26},endLoc:{col:3,line:45},startBody:{col:15,line:26},endBody:{col:3,line:45}},basic:{startLoc:{col:7,line:11},endLoc:{col:3,line:25},startBody:{col:16,line:11},endBody:{col:3,line:25}}}}}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),password=_useState2[0],setPassword=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"password",label:"Password",placeholder:"Please enter your password",value:password,onChange:setPassword}))})).add("icon",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),password=_useState4[0],setPassword=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"password",label:"Password",placeholder:"Please enter your password",value:password,onChange:setPassword,addon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.e9,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"lock"}))}))})).add("without placeholder",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),password=_useState6[0],setPassword=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"password",label:"Password",value:password,onChange:setPassword}))})).add("without label",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),password=_useState8[0],setPassword=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{placeholder:"Please enter your password",value:password,onChange:setPassword}))})).add("with custom label",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),password=_useState10[0],setPassword=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"password",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Password"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.u,{className:"ms-1",content:"Your password should be secret"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Please enter your password",value:password,onChange:setPassword}))})).add("without meter",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),password=_useState12[0],setPassword=_useState12[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__.ZP,{id:"password",label:"Password",placeholder:"Please enter your password",value:password,onChange:setPassword,showMeter:!1}))})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_2__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__.VI,{name:"password",jarb:{validator:"User.password",label:"Password"},id:"password",label:"password",placeholder:"Please enter your password",validators:[(0,_NewPasswordInput__WEBPACK_IMPORTED_MODULE_3__.GI)(["lowercase","uppercase","number","specialChar","minimumLength","noSpace"],10)]}))}))},"./src/form/PlainTextFormControl/PlainTextFormControl.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_PlainTextFormControl__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/PlainTextFormControl/PlainTextFormControl.tsx"),reactstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/PlainTextFormControl",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { PlainTextFormControl } from './PlainTextFormControl';\nimport { Form } from 'reactstrap';\n\nstoriesOf('Form/PlainTextFormControl', module).add('basic', () => {\n  return (\n    <Form>\n      <PlainTextFormControl label=\"Organisation\">42 BV</PlainTextFormControl>\n    </Form>\n  );\n});\n",locationsMap:{basic:{startLoc:{col:51,line:6},endLoc:{col:1,line:12},startBody:{col:60,line:6},endBody:{col:1,line:12}}}}}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.l0,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_PlainTextFormControl__WEBPACK_IMPORTED_MODULE_2__.v,{label:"Organisation"},"42 BV"))}))},"./src/form/RadioGroup/RadioGroup.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_RadioGroup__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/RadioGroup/RadioGroup.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/RadioGroup",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport RadioGroup, { JarbRadioGroup } from \'./RadioGroup\';\nimport {\n  FinalForm,\n  IsOptionEqualInfo,\n  KeyForOptionInfo,\n  nonExistingProvince,\n  Province,\n  provinceFetcher,\n  provinces,\n  ReloadOptionsInfo,\n  resolveAfter\n} from \'../story-utils\';\nimport { Icon, pageOf, Tooltip, Card } from \'../..\';\n\nstoriesOf(\'Form/RadioGroup\', module)\n  .add(\'predefined options\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'async options\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <p className="mt-3">\n          <strong>Disclaimer:</strong> when using async, a maximum of 100\n          options will be displayed. If you want to display more than 100\n          options, you should use the ModalPickerSingle.\n        </p>\n      </Card>\n    );\n  })\n  .add(\'disabled options\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEnabled={(option) => !option.label.startsWith(\'Z\')}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'custom isOptionEqual\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEqual={(a, b) => a.value === b.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <IsOptionEqualInfo />\n      </Card>\n    );\n  })\n  .add(\'custom keyForOption\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          keyForOption={(province) => province.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <KeyForOptionInfo />\n      </Card>\n    );\n  })\n  .add(\'using reloadOptions\', () => {\n    const [brand, setBrand] = useState<string>();\n    const [model, setModel] = useState<string>();\n\n    const allOptions = {\n      Audi: [\'A1\', \'A2\', \'A3\', \'M5\'],\n      BMW: [\'series 1\', \'series 2\', \'series 3\', \'series 4\', \'series 5\'],\n      Mercedes: [\'Viano\', \'Vito\', \'Sprinter\']\n    };\n\n    return (\n      <Card className="m-2">\n        <RadioGroup\n          id="brand"\n          label="Brand"\n          placeholder="Please select your brand"\n          options={() => resolveAfter(pageOf(Object.keys(allOptions), 1))}\n          labelForOption={(option) => option}\n          value={brand}\n          onChange={(value) => {\n            setBrand(value);\n            setModel(undefined);\n          }}\n        />\n        <RadioGroup\n          id="model"\n          label="Model"\n          placeholder={\n            brand ? \'Please select your model\' : \'Please select a brand first\'\n          }\n          options={() =>\n            resolveAfter(pageOf(brand ? allOptions[brand] : [], 1))\n          }\n          labelForOption={(option: string) => option}\n          value={model}\n          onChange={setModel}\n          reloadOptions={brand}\n        />\n\n        {brand ? <p>Your chosen brand is: {brand}</p> : null}\n        {model ? <p>Your chosen model is: {model}</p> : null}\n\n        <ReloadOptionsInfo />\n      </Card>\n    );\n  })\n  .add(\'label & placeholder\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <h3>Without label</h3>\n\n        <RadioGroup<Province>\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Custom label</h3>\n\n        <RadioGroup<Province>\n          id="provinces"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Subject</span>\n              <Tooltip className="ms-1" content="The province you live in">\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Without placeholder</h3>\n\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'horizontal\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          horizontal={true}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <p>\n          <strong>Disclaimer:</strong> horizontal mode works best when there are\n          not too many items\n        </p>\n      </Card>\n    );\n  })\n  .add(\'horizontal with clear\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          horizontal={true}\n          canClear={true}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <p>\n          <strong>Disclaimer:</strong> horizontal mode works best when there are\n          not too many items\n        </p>\n      </Card>\n    );\n  })\n  .add(\'with clear button\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <RadioGroup<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          canClear={true}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbRadioGroup\n          id="province"\n          name="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          jarb={{\n            validator: \'User.province\',\n            label: \'Province\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:312},endLoc:{col:3,line:329},startBody:{col:15,line:312},endBody:{col:3,line:329}},"with-clear-button":{startLoc:{col:7,line:289},endLoc:{col:3,line:310},startBody:{col:28,line:289},endBody:{col:3,line:310}},"horizontal-with-clear":{startLoc:{col:7,line:261},endLoc:{col:3,line:288},startBody:{col:32,line:261},endBody:{col:3,line:288}},horizontal:{startLoc:{col:7,line:234},endLoc:{col:3,line:260},startBody:{col:21,line:234},endBody:{col:3,line:260}},"label-placeholder":{startLoc:{col:7,line:177},endLoc:{col:3,line:233},startBody:{col:30,line:177},endBody:{col:3,line:233}},"using-reloadoptions":{startLoc:{col:7,line:131},endLoc:{col:3,line:176},startBody:{col:30,line:131},endBody:{col:3,line:176}},"custom-keyforoption":{startLoc:{col:7,line:109},endLoc:{col:3,line:130},startBody:{col:30,line:109},endBody:{col:3,line:130}},"custom-isoptionequal":{startLoc:{col:7,line:87},endLoc:{col:3,line:108},startBody:{col:31,line:87},endBody:{col:3,line:108}},"disabled-options":{startLoc:{col:7,line:65},endLoc:{col:3,line:86},startBody:{col:27,line:65},endBody:{col:3,line:86}},"async-options":{startLoc:{col:7,line:40},endLoc:{col:3,line:64},startBody:{col:24,line:40},endBody:{col:3,line:64}},"predefined-options":{startLoc:{col:7,line:19},endLoc:{col:3,line:39},startBody:{col:29,line:19},endBody:{col:3,line:39}}}}}).add("predefined options",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("async options",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," when using async, a maximum of 100 options will be displayed. If you want to display more than 100 options, you should use the ModalPickerSingle."))})).add("disabled options",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEnabled:function isOptionEnabled(option){return!option.label.startsWith("Z")},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("custom isOptionEqual",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEqual:function isOptionEqual(a,b){return a.value===b.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.$L,null))})).add("custom keyForOption",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},keyForOption:function keyForOption(province){return province.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.kI,null))})).add("using reloadOptions",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),brand=_useState12[0],setBrand=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),model=_useState14[0],setModel=_useState14[1],allOptions={Audi:["A1","A2","A3","M5"],BMW:["series 1","series 2","series 3","series 4","series 5"],Mercedes:["Viano","Vito","Sprinter"]};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"brand",label:"Brand",placeholder:"Please select your brand",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.hL)((0,___WEBPACK_IMPORTED_MODULE_4__.uj)(Object.keys(allOptions),1))},labelForOption:function labelForOption(option){return option},value:brand,onChange:function onChange(value){setBrand(value),setModel(void 0)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"model",label:"Model",placeholder:brand?"Please select your model":"Please select a brand first",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.hL)((0,___WEBPACK_IMPORTED_MODULE_4__.uj)(brand?allOptions[brand]:[],1))},labelForOption:function labelForOption(option){return option},value:model,onChange:setModel,reloadOptions:brand}),brand?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen brand is: ",brand):null,model?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen model is: ",model):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.Nq,null))})).add("label & placeholder",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState16[0],setValue=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Custom label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Subject"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.u,{className:"ms-1",content:"The province you live in"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without placeholder"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("horizontal",(function(){var _useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState18[0],setValue=_useState18[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,horizontal:!0}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," horizontal mode works best when there are not too many items"))})).add("horizontal with clear",(function(){var _useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState20[0],setValue=_useState20[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,horizontal:!0,canClear:!0}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," horizontal mode works best when there are not too many items"))})).add("with clear button",(function(){var _useState22=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState22[0],setValue=_useState22[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,canClear:!0}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.y,{id:"province",name:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},jarb:{validator:"User.province",label:"Province"}}))}))},"./src/form/Select/Select.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_Select__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/Select/Select.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/Select",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport Select, { JarbSelect } from \'./Select\';\nimport {\n  FinalForm,\n  IsOptionEqualInfo,\n  KeyForOptionInfo,\n  nonExistingProvince,\n  Province,\n  provinceFetcher,\n  provinces,\n  ReloadOptionsInfo,\n  resolveAfter\n} from \'../story-utils\';\nimport { Icon, pageOf, Tooltip, Card } from \'../..\';\n\nstoriesOf(\'Form/Select\', module)\n  .add(\'predefined options\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <Select<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'async options\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <Select<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <p className="mt-3">\n          <strong>Disclaimer:</strong> when using async, a maximum of 100\n          options will be displayed. If you want to display more than 100\n          options, you should use the ModalPickerSingle.\n        </p>\n      </Card>\n    );\n  })\n  .add(\'disabled options\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <Select<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEnabled={(option) => !option.label.startsWith(\'Z\')}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'custom isOptionEqual\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <Select<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEqual={(a, b) => a.value === b.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <IsOptionEqualInfo />\n      </Card>\n    );\n  })\n  .add(\'custom keyForOption\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <Select<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          keyForOption={(province) => province.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <KeyForOptionInfo />\n      </Card>\n    );\n  })\n  .add(\'using reloadOptions\', () => {\n    const [brand, setBrand] = useState<string>();\n    const [model, setModel] = useState<string>();\n\n    const allOptions = {\n      Audi: [\'A1\', \'A2\', \'A3\', \'M5\'],\n      BMW: [\'series 1\', \'series 2\', \'series 3\', \'series 4\', \'series 5\'],\n      Mercedes: [\'Viano\', \'Vito\', \'Sprinter\']\n    };\n\n    return (\n      <Card className="m-2">\n        <Select\n          id="brand"\n          label="Brand"\n          placeholder="Please select your brand"\n          options={() => resolveAfter(pageOf(Object.keys(allOptions), 1))}\n          labelForOption={(option) => option}\n          onChange={(value) => {\n            setBrand(value);\n            setModel(undefined);\n          }}\n          value={brand}\n        />\n        <Select\n          id="model"\n          label="Model"\n          placeholder={\n            brand ? \'Please select your model\' : \'Please select a brand first\'\n          }\n          options={() =>\n            resolveAfter(pageOf(brand ? allOptions[brand] : [], 1))\n          }\n          labelForOption={(option: string) => option}\n          onChange={setModel}\n          value={model}\n          reloadOptions={brand}\n        />\n\n        {brand ? <p>Your chosen brand is: {brand}</p> : null}\n        {model ? <p>Your chosen model is: {model}</p> : null}\n\n        <ReloadOptionsInfo />\n      </Card>\n    );\n  })\n  .add(\'label & placeholder\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <h3>Without label</h3>\n\n        <Select<Province>\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Custom label</h3>\n\n        <Select<Province>\n          id="provinces"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Subject</span>\n              <Tooltip className="ms-1" content="The province you live in">\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Without placeholder</h3>\n\n        <Select<Province>\n          id="province"\n          label="Province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbSelect\n          id="province"\n          name="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          jarb={{\n            validator: \'User.province\',\n            label: \'Province\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:234},endLoc:{col:3,line:251},startBody:{col:15,line:234},endBody:{col:3,line:251}},"label-placeholder":{startLoc:{col:7,line:177},endLoc:{col:3,line:233},startBody:{col:30,line:177},endBody:{col:3,line:233}},"using-reloadoptions":{startLoc:{col:7,line:131},endLoc:{col:3,line:176},startBody:{col:30,line:131},endBody:{col:3,line:176}},"custom-keyforoption":{startLoc:{col:7,line:109},endLoc:{col:3,line:130},startBody:{col:30,line:109},endBody:{col:3,line:130}},"custom-isoptionequal":{startLoc:{col:7,line:87},endLoc:{col:3,line:108},startBody:{col:31,line:87},endBody:{col:3,line:108}},"disabled-options":{startLoc:{col:7,line:65},endLoc:{col:3,line:86},startBody:{col:27,line:65},endBody:{col:3,line:86}},"async-options":{startLoc:{col:7,line:40},endLoc:{col:3,line:64},startBody:{col:24,line:40},endBody:{col:3,line:64}},"predefined-options":{startLoc:{col:7,line:19},endLoc:{col:3,line:39},startBody:{col:29,line:19},endBody:{col:3,line:39}}}}}).add("predefined options",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("async options",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," when using async, a maximum of 100 options will be displayed. If you want to display more than 100 options, you should use the ModalPickerSingle."))})).add("disabled options",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEnabled:function isOptionEnabled(option){return!option.label.startsWith("Z")},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("custom isOptionEqual",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEqual:function isOptionEqual(a,b){return a.value===b.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.$L,null))})).add("custom keyForOption",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},keyForOption:function keyForOption(province){return province.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.kI,null))})).add("using reloadOptions",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),brand=_useState12[0],setBrand=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),model=_useState14[0],setModel=_useState14[1],allOptions={Audi:["A1","A2","A3","M5"],BMW:["series 1","series 2","series 3","series 4","series 5"],Mercedes:["Viano","Vito","Sprinter"]};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"brand",label:"Brand",placeholder:"Please select your brand",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.hL)((0,___WEBPACK_IMPORTED_MODULE_4__.uj)(Object.keys(allOptions),1))},labelForOption:function labelForOption(option){return option},onChange:function onChange(value){setBrand(value),setModel(void 0)},value:brand}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"model",label:"Model",placeholder:brand?"Please select your model":"Please select a brand first",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.hL)((0,___WEBPACK_IMPORTED_MODULE_4__.uj)(brand?allOptions[brand]:[],1))},labelForOption:function labelForOption(option){return option},onChange:setModel,value:model,reloadOptions:brand}),brand?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen brand is: ",brand):null,model?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen model is: ",model):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.Nq,null))})).add("label & placeholder",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState16[0],setValue=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Custom label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"provinces",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Subject"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.u,{className:"ms-1",content:"The province you live in"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without placeholder"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.Z,{id:"province",label:"Province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select__WEBPACK_IMPORTED_MODULE_2__.B,{id:"province",name:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},jarb:{validator:"User.province",label:"Province"}}))}))},"./src/form/TextEditor/TextEditor.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_TextEditor__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/TextEditor/TextEditor.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/index.ts");module=__webpack_require__.hmd(module);var disclaimer=react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," when using the TextEditor you must sanitize the output when rendering the output in the browser. If you do not do this you risk an XSS attack."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"The 42 way of dealing with this problem is by using"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("a",{href:"https://jsoup.org/"},"jsoup")," and to use the"," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("a",{href:"https://jsoup.org/cookbook/cleaning-html/whitelist-sanitizer"},"sanitizer")," ","with a whitelist. The whitelist should only contain elements which the TextEditor generates. The sanitizer should be applied before sending the content to the browser."));(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/TextEditor",module).addParameters({storySource:{source:"import React, { useEffect, useMemo } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport TextEditor, { JarbTextEditor } from './TextEditor';\n\nimport { FinalForm } from '../story-utils';\nimport { Icon, Tooltip, Card } from '../..';\n\nconst disclaimer = (\n  <>\n    <p>\n      <strong>Disclaimer:</strong> when using the TextEditor you must sanitize\n      the output when rendering the output in the browser. If you do not do this\n      you risk an XSS attack.\n    </p>\n    <p>\n      The 42 way of dealing with this problem is by using{' '}\n      <a href=\"https://jsoup.org/\">jsoup</a> and to use the{' '}\n      <a href=\"https://jsoup.org/cookbook/cleaning-html/whitelist-sanitizer\">\n        sanitizer\n      </a>{' '}\n      with a whitelist. The whitelist should only contain elements which the\n      TextEditor generates. The sanitizer should be applied before sending the\n      content to the browser.\n    </p>\n  </>\n);\n\nstoriesOf('Form/TextEditor', module)\n  .add('basic', () => {\n    return (\n      <Card className=\"m-2\">\n        <TextEditor\n          id=\"description\"\n          label=\"Description\"\n          placeholder=\"Please add a description\"\n          onChange={(value) => action(`onChange: ${value}`)}\n        />\n        {disclaimer}\n      </Card>\n    );\n  })\n  .add('without placeholder', () => {\n    return (\n      <Card className=\"m-2\">\n        <TextEditor\n          id=\"description\"\n          label=\"Description\"\n          onChange={(value) => action(`onChange: ${value}`)}\n        />\n        {disclaimer}\n      </Card>\n    );\n  })\n  .add('without label', () => {\n    return (\n      <Card className=\"m-2\">\n        <TextEditor\n          id=\"description\"\n          placeholder=\"Please add a description\"\n          onChange={(value) => action(`onChange: ${value}`)}\n        />\n        {disclaimer}\n      </Card>\n    );\n  })\n  .add('with custom label', () => {\n    return (\n      <Card className=\"m-2\">\n        <TextEditor\n          id=\"description\"\n          label={\n            <div className=\"d-flex justify-content-between\">\n              <span>Description</span>\n              <Tooltip\n                className=\"ms-1\"\n                content=\"Be sure to secure against XSS attacks\"\n              >\n                <Icon icon=\"info\" />\n              </Tooltip>\n            </div>\n          }\n          placeholder=\"Please add a description\"\n          onChange={(value) => action(`onChange: ${value}`)}\n        />\n        {disclaimer}\n      </Card>\n    );\n  })\n  .add('custom toolbar', () => {\n    return (\n      <Card className=\"m-2\">\n        <TextEditor\n          id=\"description\"\n          label=\"Description\"\n          placeholder=\"Please add a description\"\n          onChange={(value) => action(`onChange: ${value}`)}\n          modules={{\n            toolbar: [\n              ['bold', 'italic', 'underline', 'strike'], // toggled buttons\n              ['blockquote', 'code-block'],\n\n              [{ header: 1 }, { header: 2 }], // custom button values\n              [{ list: 'ordered' }, { list: 'bullet' }],\n              [{ script: 'sub' }, { script: 'super' }], // superscript/subscript\n              [{ indent: '-1' }, { indent: '+1' }], // outdent/indent\n              [{ direction: 'rtl' }], // text direction\n\n              [{ size: ['small', false, 'large', 'huge'] }], // custom dropdown\n              [{ header: [1, 2, 3, 4, 5, 6, false] }],\n\n              [{ color: [] }, { background: [] }], // dropdown with defaults from theme\n              [{ font: [] }],\n              [{ align: [] }],\n\n              ['link', 'image', 'video'],\n\n              ['clean']\n            ]\n          }}\n        />\n\n        {disclaimer}\n      </Card>\n    );\n  })\n  .add('custom toolbar option', () => {\n    const placeholders = useMemo(\n      () => [{ label: 'First name', value: 'firstName' }],\n      []\n    );\n\n    useEffect(() => {\n      /**\n       * Supply the HTML content of the placeholder dropdown.\n       * We need this because QuillJS shows an empty dropdown when supplying a custom dropdown list.\n       */\n      document\n        .querySelectorAll('.ql-placeholder .ql-picker-label')\n        .forEach((label: HTMLElement) => {\n          if (label.innerHTML.startsWith('<span')) {\n            return;\n          }\n\n          const span = document.createElement('span');\n          span.className = 'd-inline-block me-3';\n          span.innerText = 'Insert placeholder';\n          label.insertBefore(span, label.firstChild);\n        });\n      document\n        .querySelectorAll('.ql-placeholder .ql-picker-item')\n        .forEach((item: HTMLElement) => {\n          item.textContent =\n            placeholders.find((ph) => ph.value === item.dataset.value)?.label ||\n            item.dataset.value ||\n            null;\n        });\n    }, [placeholders]);\n\n    function insertPlaceholder(value: string) {\n      const quill = this.quill;\n      const cursorPosition = quill.getSelection().index;\n      quill.insertText(cursorPosition, `[${value}]`);\n      quill.setSelection({\n        index: cursorPosition + value.length + 2,\n        length: 0\n      });\n    }\n\n    return (\n      <Card className=\"m-2\">\n        <TextEditor\n          id=\"description\"\n          label=\"Description\"\n          placeholder=\"Please add a description\"\n          onChange={(value) => action(`onChange: ${value}`)}\n          modules={{\n            toolbar: {\n              container: [\n                [\n                  {\n                    placeholder: placeholders.map((ph) => ph.value)\n                  }\n                ],\n                [\n                  {\n                    size: ['small', false, 'large', 'huge']\n                  },\n                  'bold',\n                  'italic',\n                  'underline',\n                  'link'\n                ],\n                [\n                  {\n                    list: 'ordered'\n                  },\n                  {\n                    list: 'bullet'\n                  }\n                ],\n                ['clean']\n              ],\n              handlers: {\n                placeholder: insertPlaceholder\n              }\n            }\n          }}\n        />\n        {disclaimer}\n      </Card>\n    );\n  })\n  .add('manual formats', () => {\n    return (\n      <Card className=\"m-2\">\n        <TextEditor\n          id=\"description\"\n          label=\"Description\"\n          placeholder=\"Please add a description\"\n          onChange={(value) => action(`onChange: ${value}`)}\n          modules={{\n            // This determines what is in the toolbar. But not\n            // which formats are supported. Quill does this to\n            // allow bold text to be pasted or entered with a\n            // shortcut, but not show a toolbar button.\n            toolbar: ['italic', 'underline', 'strike']\n          }}\n          // These are the formats which are allowed to be used.\n          // When you include a format here you can paste or use\n          // the shortcut to use the format. In this case we allow\n          // text to be bold, but we do not include it in the toolbar.\n          // This means that using the ctrl-b shortcut, or pasting bold\n          // text, will result in bold text.\n          formats={['bold', 'italic', 'underline', 'strike']}\n        />\n\n        <p>\n          This example shows how to use the <strong>formats</strong> props. Even\n          though there is no bold button in the toolbar you can still paste bold\n          text or use the ctrl-b shortcut.\n        </p>\n\n        <p>\n          This is achieved by not including <strong>bold</strong> in the toolbar\n          but only including it in the <strong>formats</strong> prop.\n        </p>\n\n        {disclaimer}\n      </Card>\n    );\n  })\n  .add('jarb', () => {\n    return (\n      <FinalForm>\n        <JarbTextEditor\n          id=\"description\"\n          name=\"description\"\n          label=\"Description\"\n          placeholder=\"Please add a description\"\n          jarb={{\n            validator: 'Hero.description',\n            label: 'Description'\n          }}\n        />\n        {disclaimer}\n      </FinalForm>\n    );\n  });\n",locationsMap:{jarb:{startLoc:{col:7,line:254},endLoc:{col:3,line:270},startBody:{col:15,line:254},endBody:{col:3,line:270}},"manual-formats":{startLoc:{col:7,line:215},endLoc:{col:3,line:253},startBody:{col:25,line:215},endBody:{col:3,line:253}},"custom-toolbar-option":{startLoc:{col:7,line:128},endLoc:{col:3,line:214},startBody:{col:32,line:128},endBody:{col:3,line:214}},"custom-toolbar":{startLoc:{col:7,line:91},endLoc:{col:3,line:127},startBody:{col:25,line:91},endBody:{col:3,line:127}},"with-custom-label":{startLoc:{col:7,line:68},endLoc:{col:3,line:90},startBody:{col:28,line:68},endBody:{col:3,line:90}},"without-label":{startLoc:{col:7,line:56},endLoc:{col:3,line:67},startBody:{col:24,line:56},endBody:{col:3,line:67}},"without-placeholder":{startLoc:{col:7,line:44},endLoc:{col:3,line:55},startBody:{col:30,line:44},endBody:{col:3,line:55}},basic:{startLoc:{col:7,line:31},endLoc:{col:3,line:43},startBody:{col:16,line:31},endBody:{col:3,line:43}}}}}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextEditor__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:"Description",placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))}}),disclaimer)})).add("without placeholder",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextEditor__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:"Description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))}}),disclaimer)})).add("without label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextEditor__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))}}),disclaimer)})).add("with custom label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextEditor__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Description"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.u,{className:"ms-1",content:"Be sure to secure against XSS attacks"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.JO,{icon:"info"}))),placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))}}),disclaimer)})).add("custom toolbar",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextEditor__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:"Description",placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))},modules:{toolbar:[["bold","italic","underline","strike"],["blockquote","code-block"],[{header:1},{header:2}],[{list:"ordered"},{list:"bullet"}],[{script:"sub"},{script:"super"}],[{indent:"-1"},{indent:"+1"}],[{direction:"rtl"}],[{size:["small",!1,"large","huge"]}],[{header:[1,2,3,4,5,6,!1]}],[{color:[]},{background:[]}],[{font:[]}],[{align:[]}],["link","image","video"],["clean"]]}}),disclaimer)})).add("custom toolbar option",(function(){var placeholders=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((function(){return[{label:"First name",value:"firstName"}]}),[]);return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){document.querySelectorAll(".ql-placeholder .ql-picker-label").forEach((function(label){if(!label.innerHTML.startsWith("<span")){var span=document.createElement("span");span.className="d-inline-block me-3",span.innerText="Insert placeholder",label.insertBefore(span,label.firstChild)}})),document.querySelectorAll(".ql-placeholder .ql-picker-item").forEach((function(item){var _placeholders$find;item.textContent=(null===(_placeholders$find=placeholders.find((function(ph){return ph.value===item.dataset.value})))||void 0===_placeholders$find?void 0:_placeholders$find.label)||item.dataset.value||null}))}),[placeholders]),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextEditor__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:"Description",placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))},modules:{toolbar:{container:[[{placeholder:placeholders.map((function(ph){return ph.value}))}],[{size:["small",!1,"large","huge"]},"bold","italic","underline","link"],[{list:"ordered"},{list:"bullet"}],["clean"]],handlers:{placeholder:function insertPlaceholder(value){var quill=this.quill,cursorPosition=quill.getSelection().index;quill.insertText(cursorPosition,"[".concat(value,"]")),quill.setSelection({index:cursorPosition+value.length+2,length:0})}}}}}),disclaimer)})).add("manual formats",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextEditor__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:"Description",placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))},modules:{toolbar:["italic","underline","strike"]},formats:["bold","italic","underline","strike"]}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"This example shows how to use the ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"formats")," props. Even though there is no bold button in the toolbar you can still paste bold text or use the ctrl-b shortcut."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"This is achieved by not including ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"bold")," in the toolbar but only including it in the ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"formats")," prop."),disclaimer)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_4__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextEditor__WEBPACK_IMPORTED_MODULE_3__.d,{id:"description",name:"description",label:"Description",placeholder:"Please add a description",jarb:{validator:"Hero.description",label:"Description"}}),disclaimer)}))},"./src/form/Textarea/Textarea.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_Textarea__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/Textarea/Textarea.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/story-utils.tsx"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/index.ts");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/Textarea",module).addParameters({storySource:{source:'import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { action } from \'@storybook/addon-actions\';\n\nimport Textarea, { JarbTextarea } from \'./Textarea\';\nimport { FinalForm } from \'../story-utils\';\nimport { Tooltip, Icon, Card } from \'../..\';\n\nstoriesOf(\'Form/Textarea\', module)\n  .add(\'basic\', () => {\n    return (\n      <Card className="m-2">\n        <Textarea\n          id="description"\n          label="Description"\n          placeholder="Please add a description"\n          onChange={(value) => action(`onChange: ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add(\'without placeholder\', () => {\n    return (\n      <Card className="m-2">\n        <Textarea\n          id="description"\n          label="Description"\n          onChange={(value) => action(`onChange: ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add(\'without label\', () => {\n    return (\n      <Card className="m-2">\n        <Textarea\n          id="description"\n          placeholder="Please add a description"\n          onChange={(value) => action(`onChange: ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    return (\n      <Card className="m-2">\n        <Textarea\n          id="description"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Description</span>\n              <Tooltip\n                className="ms-1"\n                content="The description is shown inside a tooltip"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please add a description"\n          onChange={(value) => action(`onChange: ${value}`)}\n        />\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbTextarea\n          id="description"\n          name="description"\n          label="Description"\n          placeholder="Please add a description"\n          jarb={{\n            validator: \'Hero.description\',\n            label: \'Description\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:66},endLoc:{col:3,line:81},startBody:{col:15,line:66},endBody:{col:3,line:81}},"with-custom-label":{startLoc:{col:7,line:44},endLoc:{col:3,line:65},startBody:{col:28,line:44},endBody:{col:3,line:65}},"without-label":{startLoc:{col:7,line:33},endLoc:{col:3,line:43},startBody:{col:24,line:33},endBody:{col:3,line:43}},"without-placeholder":{startLoc:{col:7,line:22},endLoc:{col:3,line:32},startBody:{col:30,line:22},endBody:{col:3,line:32}},basic:{startLoc:{col:7,line:10},endLoc:{col:3,line:21},startBody:{col:16,line:10},endBody:{col:3,line:21}}}}}).add("basic",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Textarea__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:"Description",placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))}}))})).add("without placeholder",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Textarea__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:"Description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))}}))})).add("without label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Textarea__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))}}))})).add("with custom label",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Textarea__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"description",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Description"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.u,{className:"ms-1",content:"The description is shown inside a tooltip"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_5__.JO,{icon:"info"}))),placeholder:"Please add a description",onChange:function onChange(value){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange: ".concat(value))}}))})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_4__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Textarea__WEBPACK_IMPORTED_MODULE_3__.X,{id:"description",name:"description",label:"Description",placeholder:"Please add a description",jarb:{validator:"Hero.description",label:"Description"}}))}))},"./src/form/Typeahead/multiple/TypeaheadMultiple.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_story_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/story-utils.tsx"),_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/Typeahead/multiple/TypeaheadMultiple.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts"),_core_Toggle_Toggle__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/core/Toggle/Toggle.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/Typeahead/JarbTypeaheadMultiple",module).addParameters({storySource:{source:'import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport {\n  FinalForm,\n  IsOptionEqualInfo,\n  ReloadOptionsInfo,\n  Province,\n  provinces,\n  provinceFetcher,\n  nonExistingProvince\n} from \'../../story-utils\';\n\nimport TypeaheadMultiple, { JarbTypeaheadMultiple } from \'./TypeaheadMultiple\';\nimport { Icon, Tooltip, Card } from \'../../..\';\nimport Toggle from \'../../../core/Toggle/Toggle\';\n\nstoriesOf(\'Form/Typeahead/JarbTypeaheadMultiple\', module)\n  .add(\'predefined options\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m-2">\n        <TypeaheadMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'async options\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m-2">\n        <TypeaheadMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n\n  .add(\'async options - limited pageSize\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m-2">\n        <TypeaheadMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          pageSize={5}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n\n        <p>\n          Note: Beware of performance issues when setting the page size too\n          high, that will cause the UX to deteriorate on smaller screens!\n        </p>\n      </Card>\n    );\n  })\n  .add(\'disabled options\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m-2">\n        <TypeaheadMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEnabled={(option) => !option.label.startsWith(\'Z\')}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'custom isOptionEqual\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      provinces()[0]\n    ]);\n\n    return (\n      <Card className="m-2">\n        <TypeaheadMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEqual={(a, b) => a.value === b.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n\n        <IsOptionEqualInfo />\n      </Card>\n    );\n  })\n  .add(\'using reloadOptions\', () => {\n    const [limitToNorthern, setLimitToNorthern] = useState(false);\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m-2">\n        <p>\n          Limit to northern provinces\n          <Toggle\n            className="ms-2"\n            color="primary"\n            value={limitToNorthern}\n            onChange={() => setLimitToNorthern(!limitToNorthern)}\n          />\n        </p>\n\n        <TypeaheadMultiple\n          id="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinces().filter((option) =>\n            limitToNorthern ? option.north : true\n          )}\n          labelForOption={(option) => option.label}\n          value={value}\n          onChange={setValue}\n          reloadOptions={limitToNorthern}\n        />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\',\')}\n          </p>\n        ) : null}\n\n        <ReloadOptionsInfo />\n      </Card>\n    );\n  })\n  .add(\'label & placeholder\', () => {\n    const [value, setValue] = useState<Province[] | undefined>([\n      nonExistingProvince()\n    ]);\n\n    return (\n      <Card className="m-2">\n        <h3>Without label</h3>\n\n        <TypeaheadMultiple\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Custom label</h3>\n\n        <TypeaheadMultiple\n          id="provinces"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Friends</span>\n              <Tooltip className="ms-1" content="Provinces are nice to have">\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please select your provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Without placeholder</h3>\n\n        <TypeaheadMultiple\n          id="provinces"\n          label="Provinces"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        {value ? (\n          <p>\n            Your chosen provinces are:{\' \'}\n            {value.map((province) => province.label).join(\', \')}\n          </p>\n        ) : null}\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbTypeaheadMultiple\n          id="provinces"\n          name="provinces"\n          label="Provinces"\n          placeholder="Please select your provinces"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          jarb={{\n            validator: \'User.provinces\',\n            label: \'Provinces\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:264},endLoc:{col:3,line:281},startBody:{col:15,line:264},endBody:{col:3,line:281}},"label-placeholder":{startLoc:{col:7,line:202},endLoc:{col:3,line:263},startBody:{col:30,line:202},endBody:{col:3,line:263}},"using-reloadoptions":{startLoc:{col:7,line:160},endLoc:{col:3,line:201},startBody:{col:30,line:160},endBody:{col:3,line:201}},"custom-isoptionequal":{startLoc:{col:7,line:131},endLoc:{col:3,line:159},startBody:{col:31,line:131},endBody:{col:3,line:159}},"disabled-options":{startLoc:{col:7,line:104},endLoc:{col:3,line:130},startBody:{col:27,line:104},endBody:{col:3,line:130}},"async-options-limited-pagesize":{startLoc:{col:7,line:72},endLoc:{col:3,line:103},startBody:{col:43,line:72},endBody:{col:3,line:103}},"async-options":{startLoc:{col:7,line:45},endLoc:{col:3,line:70},startBody:{col:24,line:45},endBody:{col:3,line:70}},"predefined-options":{startLoc:{col:7,line:19},endLoc:{col:3,line:44},startBody:{col:29,line:19},endBody:{col:3,line:44}}}}}).add("predefined options",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.cq)()]),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("async options",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.cq)()]),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:_story_utils__WEBPACK_IMPORTED_MODULE_2__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("async options - limited pageSize",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.cq)()]),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:_story_utils__WEBPACK_IMPORTED_MODULE_2__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,pageSize:5}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Note: Beware of performance issues when setting the page size too high, that will cause the UX to deteriorate on smaller screens!"))})).add("disabled options",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.cq)()]),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEnabled:function isOptionEnabled(option){return!option.label.startsWith("Z")},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("custom isOptionEqual",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.JI)()[0]]),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEqual:function isOptionEqual(a,b){return a.value===b.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_2__.$L,null))})).add("using reloadOptions",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),limitToNorthern=_useState12[0],setLimitToNorthern=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.cq)()]),2),value=_useState14[0],setValue=_useState14[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Limit to northern provinces",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Toggle_Toggle__WEBPACK_IMPORTED_MODULE_5__.Z,{className:"ms-2",color:"primary",value:limitToNorthern,onChange:function onChange(){return setLimitToNorthern(!limitToNorthern)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.JI)().filter((function(option){return!limitToNorthern||option.north})),labelForOption:function labelForOption(option){return option.label},value,onChange:setValue,reloadOptions:limitToNorthern}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(",")):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_2__.Nq,null))})).add("label & placeholder",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.cq)()]),2),value=_useState16[0],setValue=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Custom label"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"provinces",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Friends"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.u,{className:"ms-1",content:"Provinces are nice to have"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:"info"}))),placeholder:"Please select your provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3",null,"Without placeholder"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Z,{id:"provinces",label:"Provinces",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_2__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Your chosen provinces are:"," ",value.map((function(province){return province.label})).join(", ")):null)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_2__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TypeaheadMultiple__WEBPACK_IMPORTED_MODULE_3__.Y,{id:"provinces",name:"provinces",label:"Provinces",placeholder:"Please select your provinces",options:_story_utils__WEBPACK_IMPORTED_MODULE_2__.pi,labelForOption:function labelForOption(province){return province.label},jarb:{validator:"User.provinces",label:"Provinces"}}))}))},"./src/form/Typeahead/single/TypeaheadSingle.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var _storybook_react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/index.ts"),_story_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/story-utils.tsx"),_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/Typeahead/single/TypeaheadSingle.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_0__.storiesOf)("Form/Typeahead/JarbTypeaheadSingle",module).addParameters({storySource:{source:'import { storiesOf } from \'@storybook/react\';\nimport React, { useState } from \'react\';\nimport { Icon, pageOf, Tooltip, Card } from \'../../..\';\nimport {\n  FinalForm,\n  IsOptionEqualInfo,\n  nonExistingProvince,\n  Province,\n  provinceFetcher,\n  provinces,\n  ReloadOptionsInfo,\n  resolveAfter\n} from \'../../story-utils\';\nimport TypeaheadSingle, { JarbTypeaheadSingle } from \'./TypeaheadSingle\';\n\nstoriesOf(\'Form/Typeahead/JarbTypeaheadSingle\', module)\n  .add(\'predefined options\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <TypeaheadSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'async options\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <TypeaheadSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'async options - limited pageSize\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <TypeaheadSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n          pageSize={5}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <p>\n          Note: Beware of performance issues when setting the page size too\n          high, that will cause the UX to deteriorate on smaller screens!\n        </p>\n      </Card>\n    );\n  })\n  .add(\'disabled options\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <TypeaheadSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEnabled={(option) => !option.label.startsWith(\'Z\')}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'custom isOptionEqual\', () => {\n    const [value, setValue] = useState<Province | undefined>(provinces()[0]);\n\n    return (\n      <Card className="m-2">\n        <TypeaheadSingle<Province>\n          id="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          isOptionEqual={(a, b) => a.value === b.value}\n          value={value}\n          onChange={setValue}\n        />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n\n        <IsOptionEqualInfo />\n      </Card>\n    );\n  })\n  .add(\'using reloadOptions\', () => {\n    const [brand, setBrand] = useState<string>();\n    const [model, setModel] = useState<string>();\n\n    const allOptions = {\n      Audi: [\'A1\', \'A2\', \'A3\', \'M5\'],\n      BMW: [\'series 1\', \'series 2\', \'series 3\', \'series 4\', \'series 5\'],\n      Mercedes: [\'Viano\', \'Vito\', \'Sprinter\']\n    };\n\n    return (\n      <Card className="m-2">\n        <TypeaheadSingle\n          id="brand"\n          label="Brand"\n          placeholder="Please select your brand"\n          options={() => resolveAfter(pageOf(Object.keys(allOptions), 1))}\n          labelForOption={(option) => option}\n          onChange={(value) => {\n            setBrand(value);\n            setModel(undefined);\n          }}\n          value={brand}\n        />\n        <TypeaheadSingle\n          id="model"\n          label="Model"\n          placeholder={\n            brand ? \'Please select your model\' : \'Please select a brand first\'\n          }\n          options={() =>\n            resolveAfter(pageOf(brand ? allOptions[brand] : [], 1))\n          }\n          labelForOption={(option: string) => option}\n          onChange={setModel}\n          value={model}\n          reloadOptions={brand}\n        />\n\n        {brand ? <p>Your chosen brand is: {brand}</p> : null}\n        {model ? <p>Your chosen model is: {model}</p> : null}\n\n        <ReloadOptionsInfo />\n      </Card>\n    );\n  })\n  .add(\'label & placeholder\', () => {\n    const [value, setValue] = useState<Province | undefined>(\n      nonExistingProvince()\n    );\n\n    return (\n      <Card className="m-2">\n        <h3>Without label</h3>\n\n        <TypeaheadSingle<Province>\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Custom label</h3>\n\n        <TypeaheadSingle<Province>\n          id="provinces"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Subject</span>\n              <Tooltip className="ms-1" content="The province you live in">\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Please select your province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        <h3>Without placeholder</h3>\n\n        <TypeaheadSingle<Province>\n          id="province"\n          label="Province"\n          options={provinces()}\n          labelForOption={(province) => province.label}\n          value={value}\n          onChange={setValue}\n        />\n\n        <hr />\n\n        {value ? <p>Your chosen province is: {value.label}</p> : null}\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    return (\n      <FinalForm>\n        <JarbTypeaheadSingle\n          id="province"\n          name="province"\n          label="Province"\n          placeholder="Please select your province"\n          options={provinceFetcher}\n          labelForOption={(province) => province.label}\n          jarb={{\n            validator: \'User.province\',\n            label: \'Province\'\n          }}\n        />\n      </FinalForm>\n    );\n  });\n',locationsMap:{jarb:{startLoc:{col:7,line:231},endLoc:{col:3,line:248},startBody:{col:15,line:231},endBody:{col:3,line:248}},"label-placeholder":{startLoc:{col:7,line:174},endLoc:{col:3,line:230},startBody:{col:30,line:174},endBody:{col:3,line:230}},"using-reloadoptions":{startLoc:{col:7,line:128},endLoc:{col:3,line:173},startBody:{col:30,line:128},endBody:{col:3,line:173}},"custom-isoptionequal":{startLoc:{col:7,line:106},endLoc:{col:3,line:127},startBody:{col:31,line:106},endBody:{col:3,line:127}},"disabled-options":{startLoc:{col:7,line:84},endLoc:{col:3,line:105},startBody:{col:27,line:84},endBody:{col:3,line:105}},"async-options-limited-pagesize":{startLoc:{col:7,line:57},endLoc:{col:3,line:83},startBody:{col:43,line:57},endBody:{col:3,line:83}},"async-options":{startLoc:{col:7,line:38},endLoc:{col:3,line:56},startBody:{col:24,line:38},endBody:{col:3,line:56}},"predefined-options":{startLoc:{col:7,line:17},endLoc:{col:3,line:37},startBody:{col:29,line:17},endBody:{col:3,line:37}}}}}).add("predefined options",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState2[0],setValue=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("async options",(function(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState4[0],setValue=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("async options - limited pageSize",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState6[0],setValue=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},value,onChange:setValue,pageSize:5}),value?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Note: Beware of performance issues when setting the page size too high, that will cause the UX to deteriorate on smaller screens!"))})).add("disabled options",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState8[0],setValue=_useState8[1];return react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEnabled:function isOptionEnabled(option){return!option.label.startsWith("Z")},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("custom isOptionEqual",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)()[0]),2),value=_useState10[0],setValue=_useState10[1];return react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"province",label:"Province",placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},isOptionEqual:function isOptionEqual(a,b){return a.value===b.value},value,onChange:setValue}),value?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Your chosen province is: ",value.label):null,react__WEBPACK_IMPORTED_MODULE_1__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.$L,null))})).add("using reloadOptions",(function(){var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(),2),brand=_useState12[0],setBrand=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(),2),model=_useState14[0],setModel=_useState14[1],allOptions={Audi:["A1","A2","A3","M5"],BMW:["series 1","series 2","series 3","series 4","series 5"],Mercedes:["Viano","Vito","Sprinter"]};return react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"brand",label:"Brand",placeholder:"Please select your brand",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.hL)((0,___WEBPACK_IMPORTED_MODULE_2__.uj)(Object.keys(allOptions),1))},labelForOption:function labelForOption(option){return option},onChange:function onChange(value){setBrand(value),setModel(void 0)},value:brand}),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"model",label:"Model",placeholder:brand?"Please select your model":"Please select a brand first",options:function options(){return(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.hL)((0,___WEBPACK_IMPORTED_MODULE_2__.uj)(brand?allOptions[brand]:[],1))},labelForOption:function labelForOption(option){return option},onChange:setModel,value:model,reloadOptions:brand}),brand?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Your chosen brand is: ",brand):null,model?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Your chosen model is: ",model):null,react__WEBPACK_IMPORTED_MODULE_1__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.Nq,null))})).add("label & placeholder",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.cq)()),2),value=_useState16[0],setValue=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_1__.createElement("h3",null,"Without label"),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_1__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_1__.createElement("h3",null,"Custom label"),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"provinces",label:react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_1__.createElement("span",null,"Subject"),react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.u,{className:"ms-1",content:"The province you live in"},react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.JO,{icon:"info"}))),placeholder:"Please select your province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_1__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_1__.createElement("h3",null,"Without placeholder"),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.Z,{id:"province",label:"Province",options:(0,_story_utils__WEBPACK_IMPORTED_MODULE_3__.JI)(),labelForOption:function labelForOption(province){return province.label},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_1__.createElement("hr",null),value?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",null,"Your chosen province is: ",value.label):null)})).add("jarb",(function(){return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_3__.vy,null,react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TypeaheadSingle__WEBPACK_IMPORTED_MODULE_4__.d,{id:"province",name:"province",label:"Province",placeholder:"Please select your province",options:_story_utils__WEBPACK_IMPORTED_MODULE_3__.pi,labelForOption:function labelForOption(province){return province.label},jarb:{validator:"User.province",label:"Province"}}))}))},"./src/form/ValuePicker/ValuePicker.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_test_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/test/utils.tsx"),_test_fixtures__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/test/fixtures.ts"),_ValuePicker__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/ValuePicker/ValuePicker.tsx"),_story_utils__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/story-utils.tsx"),_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/core/Button/Button.tsx"),___WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/index.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);var __STORY__='import React, { useState } from \'react\';\nimport { storiesOf } from \'@storybook/react\';\n\nimport { pageWithContentAndExactSize, pageWithContent } from \'../../test/utils\';\nimport { userUser, adminUser, randomUser } from \'../../test/fixtures\';\nimport { User } from \'../../test/types\';\n\nimport ValuePicker, { JarbValuePicker } from \'./ValuePicker\';\n\nimport { FinalForm } from \'../story-utils\';\nimport Button from \'../../core/Button/Button\';\nimport { Tooltip, Icon, Card } from \'../..\';\n\n/*\n  Storing users here instead of calling the fixtures again so\n  options remain selected.\n*/\nconst user = userUser();\nconst admin = adminUser();\n\nconst randomUser1 = randomUser();\nconst randomUser2 = randomUser();\nconst randomUser3 = randomUser();\nconst randomUser4 = randomUser();\nconst randomUser5 = randomUser();\nconst randomUser6 = randomUser();\nconst randomUser7 = randomUser();\nconst randomUser8 = randomUser();\nconst randomUser9 = randomUser();\nconst randomUser10 = randomUser();\nconst randomUser11 = randomUser();\n\nconst small = Promise.resolve(pageWithContentAndExactSize([user, admin]));\n\nconst medium = Promise.resolve(\n  pageWithContentAndExactSize([\n    user,\n    admin,\n    randomUser1,\n    randomUser2,\n    randomUser3,\n    randomUser4\n  ])\n);\n\nconst large = Promise.resolve(\n  pageWithContent([\n    user,\n    admin,\n    randomUser1,\n    randomUser2,\n    randomUser3,\n    randomUser4,\n    randomUser5,\n    randomUser6,\n    randomUser7,\n    randomUser8,\n    randomUser9,\n    randomUser10,\n    randomUser11\n  ])\n);\n\nconst sizes = { small, medium, large };\n\nstoriesOf(\'Form/ValuePicker/multiple\', module)\n  .addParameters({ component: ValuePicker })\n  .add(\'basic\', () => {\n    const [value, setValue] = useState<User[] | undefined>(undefined);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={true}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="mx-2" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </Card>\n    );\n  })\n  .add(\'custom isOptionEqual\', () => {\n    const [value, setValue] = useState<User[] | undefined>([user]);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={true}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          isOptionEqual={(a: User, b: User) => a.id === b.id}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="mx-2" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </Card>\n    );\n  })\n  .add(\'without label\', () => {\n    const [value, setValue] = useState<User[] | undefined>(undefined);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={true}\n          id="bestFriend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="mx-2" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    const [value, setValue] = useState<User[] | undefined>(undefined);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={true}\n          id="bestFriend"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Best friend</span>\n              <Tooltip\n                className="ms-1"\n                content="Don\'t be jealous of your best friends wife"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="mx-2" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </Card>\n    );\n  })\n  .add(\'with icon\', () => {\n    const [value, setValue] = useState<User[] | undefined>(undefined);\n\n    const promise = sizes[\'large\'];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={true}\n          id="bestFriend"\n          placeholder="Select your best friend"\n          icon="face"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>The icon only works when there are more than 10 options.</p>\n      </Card>\n    );\n  })\n  .add(\'without clear button\', () => {\n    const [value, setValue] = useState<User[] | undefined>([user]);\n\n    const promise = sizes[\'large\'];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={true}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n          canClear={false}\n        />\n        <p className="mt-3">\n          <strong>Disclaimer:</strong> canClear has no effect on small option\n          sets (1-10 options) because checkboxes can be unselected.\n        </p>\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <FinalForm>\n        <JarbValuePicker\n          multiple={true}\n          id="bestFriend"\n          name="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          labelForOption={(user: User) => user.email}\n          options={() => promise}\n          jarb={{\n            validator: \'Hero.name\',\n            label: \'Best friend\'\n          }}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="mx-2" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </FinalForm>\n    );\n  });\n\nstoriesOf(\'Form/ValuePicker/single\', module)\n  .addParameters({ component: ValuePicker })\n  .add(\'basic\', () => {\n    const [value, setValue] = useState<User | undefined>(undefined);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={false}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="me-1" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button className="me-1" onClick={() => setSize(\'medium\')}>\n          Medium\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </Card>\n    );\n  })\n  .add(\'custom isOptionEqual\', () => {\n    const [value, setValue] = useState<User | undefined>(userUser);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={false}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          isOptionEqual={(a: User, b: User) => a.id === b.id}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="me-1" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button className="me-1" onClick={() => setSize(\'medium\')}>\n          Medium\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </Card>\n    );\n  })\n  .add(\'without label\', () => {\n    const [value, setValue] = useState<User | undefined>(undefined);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={false}\n          id="bestFriend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="me-1" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button className="me-1" onClick={() => setSize(\'medium\')}>\n          Medium\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </Card>\n    );\n  })\n  .add(\'with custom label\', () => {\n    const [value, setValue] = useState<User | undefined>(undefined);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={false}\n          id="bestFriend"\n          label={\n            <div className="d-flex justify-content-between">\n              <span>Best friend</span>\n              <Tooltip\n                className="ms-1"\n                content="Don\'t be jealous of your best friends wife"\n              >\n                <Icon icon="info" />\n              </Tooltip>\n            </div>\n          }\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="me-1" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button className="me-1" onClick={() => setSize(\'medium\')}>\n          Medium\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </Card>\n    );\n  })\n  .add(\'with icon\', () => {\n    const [value, setValue] = useState<User | undefined>(undefined);\n\n    const promise = sizes[\'large\'];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={false}\n          id="bestFriend"\n          placeholder="Select your best friend"\n          icon="face"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n        />\n\n        <p>The icon only works when there are more than 10 options.</p>\n      </Card>\n    );\n  })\n  .add(\'without clear button\', () => {\n    const [value, setValue] = useState<User | undefined>(user);\n\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <Card className="m-2">\n        <ValuePicker<User>\n          multiple={false}\n          id="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          value={value}\n          onChange={setValue}\n          canClear={false}\n        />\n\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="me-1" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n        <p className="mt-3">\n          <strong>Disclaimer:</strong> canClear has no effect on medium option\n          sets (4-10 options) because the select dropdown has a placeholder\n          option to clear the value.\n        </p>\n      </Card>\n    );\n  })\n  .add(\'jarb\', () => {\n    const [size, setSize] = useState(\'small\');\n\n    const promise = sizes[size];\n\n    return (\n      <FinalForm>\n        <JarbValuePicker\n          multiple={false}\n          id="bestFriend"\n          name="bestFriend"\n          label="Best friend"\n          placeholder="Select your best friend"\n          canSearch={true}\n          options={() => promise}\n          labelForOption={(user: User) => user.email}\n          jarb={{\n            validator: \'Hero.name\',\n            label: \'Best friend\'\n          }}\n        />\n        <p>Use these buttons to trigger a morph</p>\n        <Button className="me-1" onClick={() => setSize(\'small\')}>\n          Small\n        </Button>\n        <Button className="me-1" onClick={() => setSize(\'medium\')}>\n          Medium\n        </Button>\n        <Button onClick={() => setSize(\'large\')}>Large</Button>\n      </FinalForm>\n    );\n  });\n',__LOCATIONS_MAP__={jarb:{startLoc:{col:7,line:472},endLoc:{col:3,line:503},startBody:{col:15,line:472},endBody:{col:3,line:503}},"without-clear-button":{startLoc:{col:7,line:437},endLoc:{col:3,line:471},startBody:{col:31,line:437},endBody:{col:3,line:471}},"with-icon":{startLoc:{col:7,line:414},endLoc:{col:3,line:436},startBody:{col:20,line:414},endBody:{col:3,line:436}},"with-custom-label":{startLoc:{col:7,line:372},endLoc:{col:3,line:413},startBody:{col:28,line:372},endBody:{col:3,line:413}},"without-label":{startLoc:{col:7,line:341},endLoc:{col:3,line:371},startBody:{col:24,line:341},endBody:{col:3,line:371}},"custom-isoptionequal":{startLoc:{col:7,line:308},endLoc:{col:3,line:340},startBody:{col:31,line:308},endBody:{col:3,line:340}},basic:{startLoc:{col:7,line:276},endLoc:{col:3,line:307},startBody:{col:16,line:276},endBody:{col:3,line:307}}},user=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.$g)(),admin=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.s$)(),randomUser1=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser2=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser3=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser4=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser5=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser6=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser7=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser8=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser9=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser10=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),randomUser11=(0,_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.oQ)(),sizes={small:Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_2__.Gw)([user,admin])),medium:Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_2__.Gw)([user,admin,randomUser1,randomUser2,randomUser3,randomUser4])),large:Promise.resolve((0,_test_utils__WEBPACK_IMPORTED_MODULE_2__.fn)([user,admin,randomUser1,randomUser2,randomUser3,randomUser4,randomUser5,randomUser6,randomUser7,randomUser8,randomUser9,randomUser10,randomUser11]))};(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/ValuePicker/multiple",module).addParameters({storySource:{source:__STORY__,locationsMap:__LOCATIONS_MAP__}}).addParameters({component:_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z}).add("basic",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState2[0],setValue=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState4[0],setSize=_useState4[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!0,id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"mx-2",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})).add("custom isOptionEqual",(function(){var _useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([user]),2),value=_useState6[0],setValue=_useState6[1],_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState8[0],setSize=_useState8[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!0,id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},isOptionEqual:function isOptionEqual(a,b){return a.id===b.id},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"mx-2",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})).add("without label",(function(){var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState10[0],setValue=_useState10[1],_useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState12[0],setSize=_useState12[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!0,id:"bestFriend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"mx-2",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})).add("with custom label",(function(){var _useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState14[0],setValue=_useState14[1],_useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState16[0],setSize=_useState16[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!0,id:"bestFriend",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Best friend"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.u,{className:"ms-1",content:"Don't be jealous of your best friends wife"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.JO,{icon:"info"}))),placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"mx-2",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})).add("with icon",(function(){var _useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState18[0],setValue=_useState18[1],promise=sizes.large;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!0,id:"bestFriend",placeholder:"Select your best friend",icon:"face",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"The icon only works when there are more than 10 options."))})).add("without clear button",(function(){var _useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([user]),2),value=_useState20[0],setValue=_useState20[1],promise=sizes.large;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!0,id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue,canClear:!1}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," canClear has no effect on small option sets (1-10 options) because checkboxes can be unselected."))})).add("jarb",(function(){var _useState22=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState22[0],setSize=_useState22[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_5__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Y,{multiple:!0,id:"bestFriend",name:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,labelForOption:function labelForOption(user){return user.email},options:function options(){return promise},jarb:{validator:"Hero.name",label:"Best friend"}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"mx-2",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})),(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Form/ValuePicker/single",module).addParameters({storySource:{source:__STORY__,locationsMap:__LOCATIONS_MAP__}}).addParameters({component:_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z}).add("basic",(function(){var _useState24=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState24[0],setValue=_useState24[1],_useState26=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState26[0],setSize=_useState26[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!1,id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("medium")}},"Medium"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})).add("custom isOptionEqual",(function(){var _useState28=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(_test_fixtures__WEBPACK_IMPORTED_MODULE_3__.$g),2),value=_useState28[0],setValue=_useState28[1],_useState30=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState30[0],setSize=_useState30[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!1,id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},isOptionEqual:function isOptionEqual(a,b){return a.id===b.id},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("medium")}},"Medium"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})).add("without label",(function(){var _useState32=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState32[0],setValue=_useState32[1],_useState34=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState34[0],setSize=_useState34[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!1,id:"bestFriend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("medium")}},"Medium"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})).add("with custom label",(function(){var _useState36=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState36[0],setValue=_useState36[1],_useState38=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState38[0],setSize=_useState38[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!1,id:"bestFriend",label:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Best friend"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.u,{className:"ms-1",content:"Don't be jealous of your best friends wife"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.JO,{icon:"info"}))),placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("medium")}},"Medium"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))})).add("with icon",(function(){var _useState40=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),value=_useState40[0],setValue=_useState40[1],promise=sizes.large;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!1,id:"bestFriend",placeholder:"Select your best friend",icon:"face",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"The icon only works when there are more than 10 options."))})).add("without clear button",(function(){var _useState42=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(user),2),value=_useState42[0],setValue=_useState42[1],_useState44=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState44[0],setSize=_useState44[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_7__.Zb,{className:"m-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Z,{multiple:!1,id:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},value,onChange:setValue,canClear:!1}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"mt-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"Disclaimer:")," canClear has no effect on medium option sets (4-10 options) because the select dropdown has a placeholder option to clear the value."))})).add("jarb",(function(){var _useState46=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("small"),2),size=_useState46[0],setSize=_useState46[1],promise=sizes[size];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_story_utils__WEBPACK_IMPORTED_MODULE_5__.vy,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ValuePicker__WEBPACK_IMPORTED_MODULE_4__.Y,{multiple:!1,id:"bestFriend",name:"bestFriend",label:"Best friend",placeholder:"Select your best friend",canSearch:!0,options:function options(){return promise},labelForOption:function labelForOption(user){return user.email},jarb:{validator:"Hero.name",label:"Best friend"}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Use these buttons to trigger a morph"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("small")}},"Small"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{className:"me-1",onClick:function onClick(){return setSize("medium")}},"Medium"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{onClick:function onClick(){return setSize("large")}},"Large"))}))},"./src/hooks/useBootstrapSize/useBootstrapSize.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_useBootstrapSize__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/hooks/useBootstrapSize/useBootstrapSize.ts"),reactstrap__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_core_Button_Button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Button/Button.tsx"),_core_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/Avatar/Avatar.tsx");module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("hooks/useBootstrapSize",module).addParameters({storySource:{source:"import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { useBootstrapSize } from './useBootstrapSize';\nimport { Card } from 'reactstrap';\nimport Button from '../../core/Button/Button';\nimport Avatar from '../../core/Avatar/Avatar';\n\nstoriesOf('hooks/useBootstrapSize', module).add('basic', () => {\n  const { bootstrapSize, isMobile, isTablet, isDesktop } = useBootstrapSize();\n\n  const colors = {\n    xs: 'info',\n    sm: 'primary',\n    md: 'secondary',\n    lg: 'success',\n    xl: 'danger'\n  };\n\n  return (\n    <Card color={colors[bootstrapSize]} body>\n      <p>\n        The background of this card will change depending on the screen size.\n      </p>\n      <p>\n        With useBootstrapSize you can render a completely different component\n        based on the size of the screen.\n      </p>\n      {isMobile ? (\n        <p>This content should only be visible on mobile phones.</p>\n      ) : null}\n      {isTablet ? (\n        <Button>\n          This button should only be visible on tablets in portrait mode.\n        </Button>\n      ) : null}\n      {isDesktop ? (\n        <p>\n          <Avatar alt=\"lg\" size=\"lg\" src=\"https://www.placecage.com/100/100\" />\n          This avatar should only be visible on laptops, monitors, and tablets\n          in landscape mode.\n        </p>\n      ) : null}\n    </Card>\n  );\n});\n",locationsMap:{basic:{startLoc:{col:48,line:8},endLoc:{col:1,line:45},startBody:{col:57,line:8},endBody:{col:1,line:45}}}}}).add("basic",(function(){var _useBootstrapSize=(0,_useBootstrapSize__WEBPACK_IMPORTED_MODULE_2__.f)(),bootstrapSize=_useBootstrapSize.bootstrapSize,isMobile=_useBootstrapSize.isMobile,isTablet=_useBootstrapSize.isTablet,isDesktop=_useBootstrapSize.isDesktop;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.Zb,{color:{xs:"info",sm:"primary",md:"secondary",lg:"success",xl:"danger"}[bootstrapSize],body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"The background of this card will change depending on the screen size."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"With useBootstrapSize you can render a completely different component based on the size of the screen."),isMobile?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"This content should only be visible on mobile phones."):null,isTablet?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_3__.ZP,null,"This button should only be visible on tablets in portrait mode."):null,isDesktop?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.Z,{alt:"lg",size:"lg",src:"https://www.placecage.com/100/100"}),"This avatar should only be visible on laptops, monitors, and tablets in landscape mode."):null)}))},"./src/table/CrudTable/CrudTable.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),lodash__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/lodash/lodash.js"),react_final_form__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),moment__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/moment/moment.js"),moment__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_5__),_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/core/Button/Button.tsx"),_core_Tag_Tag__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/core/Tag/Tag.tsx"),_form_Select_Select__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/form/Select/Select.tsx"),_form_Input_Input__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/form/Input/Input.tsx"),_core_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/core/ContentState/ContentState.tsx"),_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/core/ConfirmButton/ConfirmButton.tsx"),_utilities_page_page__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./src/utilities/page/page.ts"),_form_DateTimeInput_DateTimeInput__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/form/DateTimeInput/DateTimeInput.tsx"),_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/table/EpicTable/rows/EpicRow/EpicRow.tsx"),_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx"),_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/table/EpicTable/cells/EpicCell/EpicCell.tsx"),_EpicTable_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/table/EpicTable/cells/EpicCellLayout/EpicCellLayout.tsx"),_EpicTable_widgets_EpicSelection_EpicSelection__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/table/EpicTable/widgets/EpicSelection/EpicSelection.tsx"),_EpicTable_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/table/EpicTable/widgets/EpicSort/EpicSort.tsx"),_CrudTable__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/table/CrudTable/CrudTable.tsx"),_components_CrudHeader_CrudHeader__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/table/CrudTable/components/CrudHeader/CrudHeader.tsx"),_EpicTable_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/table/EpicTable/rows/EpicDetailRow/EpicDetailRow.tsx"),_EpicTable_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/table/EpicTable/widgets/EpicDetail/EpicDetail.tsx"),_core_lists_AttributeList_AttributeList__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/core/lists/AttributeList/AttributeList.tsx"),_core_lists_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/core/lists/AttributeView/AttributeView.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);var persons=[{id:Math.random(),firstName:"Fitzpatrick",lastName:"Lyons",age:20,eyeColor:"brown",height:10,weight:3,jobTitle:"Senior CodeMonkey",favoriteMovie:"The Matrix",favoriteFood:"Hamburgers",sex:"male",dateOfBirth:"2014-09-24"},{id:Math.random(),firstName:"Berry",lastName:"McNab",age:41,eyeColor:"blue",height:13,weight:55,jobTitle:"Business Manager",favoriteMovie:"Fear and loathing in Las Vegas",favoriteFood:"Spaghetti",sex:"female",dateOfBirth:"2000-09-24"},{id:Math.random(),firstName:"Neville",lastName:"Brooks",age:25,eyeColor:"green",height:12,weight:32,jobTitle:"Senior CodeMonkey",favoriteMovie:"Lord of the Rings",favoriteFood:"French Fries",sex:"male",dateOfBirth:"2014-09-24"},{id:Math.random(),firstName:"Leonard",lastName:"Nemoy",age:50,eyeColor:"brown",height:10,weight:3,jobTitle:"Thespian",favoriteMovie:"Star Trek",favoriteFood:"Kosher",sex:"male",dateOfBirth:"1900-09-24"},{id:Math.random(),firstName:"Levi",lastName:"Smith",age:30,eyeColor:"brown",height:10,weight:3,jobTitle:"Taxi driver",favoriteMovie:"Taxi",favoriteFood:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, at nam alias ad culpa quae deleniti. Autem eveniet mollitia veritatis reprehenderit ea, tempora vero voluptatem. Dolore repudiandae voluptate quam quidem.,",sex:"male",dateOfBirth:"2014-09-24"},{id:Math.random(),firstName:"Celine",lastName:"Ferdinand",age:80,eyeColor:"green",height:3,weight:5,jobTitle:"Retired",favoriteMovie:"Driving miss Daisy",favoriteFood:"Prunes",sex:"female",dateOfBirth:"1940-09-24"},{id:Math.random(),firstName:"Bonald",lastName:"Ferdinand",age:82,eyeColor:"blue",height:3,weight:5,jobTitle:"Retired",favoriteMovie:"Driving miss Daisy",favoriteFood:"Prunes",sex:"male",dateOfBirth:"1938-09-24"},{id:Math.random(),firstName:"Zechs",lastName:"Merquise",age:42,eyeColor:"blue",height:3,weight:5,jobTitle:"Ace pilot",favoriteMovie:"Gundam wing",favoriteFood:"Apple pie",sex:"male",dateOfBirth:"2010-09-24"},{id:Math.random(),firstName:"David",lastName:"Hayter",age:55,eyeColor:"blue",height:3,weight:5,jobTitle:"Voice actor",favoriteMovie:"Guyver",favoriteFood:"Snakes",sex:"male",dateOfBirth:"1960-09-24"},{id:Math.random(),firstName:"James",lastName:"Kirk",age:50,eyeColor:"brown",height:3,weight:5,jobTitle:"Captain",favoriteMovie:"Star Trek",favoriteFood:"Replicated",sex:"male",dateOfBirth:"2100-09-24"},{id:Math.random(),firstName:"Bert",lastName:"Kelly",age:30,eyeColor:"blue",height:3,weight:5,jobTitle:"Blacksmith",favoriteMovie:"Not without my daughter",favoriteFood:"Pears",sex:"male",dateOfBirth:"1989-09-24"},{id:Math.random(),firstName:"John",lastName:"Goodall",age:68,eyeColor:"green",height:3,weight:5,jobTitle:"Gardner",favoriteMovie:"The Gardner",favoriteFood:"Cauliflower",sex:"male",dateOfBirth:"2019-09-24"},{id:Math.random(),firstName:"Rick",lastName:"Xander",age:14,eyeColor:"brown",height:3,weight:5,jobTitle:"Baker",favoriteMovie:"Halloween",favoriteFood:"Cake",sex:"male",dateOfBirth:"1980-09-24"},{id:Math.random(),firstName:"Jessica",lastName:"Bernard",age:36,eyeColor:"green",height:3,weight:5,jobTitle:"Student",favoriteMovie:"Highlander",favoriteFood:"Ice cream",sex:"female",dateOfBirth:"1980-09-24"},{id:Math.random(),firstName:"Benjamin",lastName:"Sisko",age:55,eyeColor:"brown",height:3,weight:5,jobTitle:"Commander",favoriteMovie:"Search for Spock",favoriteFood:"Jamba",sex:"male",dateOfBirth:"2200-09-24"},{id:Math.random(),firstName:"Kathyrn",lastName:"Janeway",age:55,eyeColor:"brown",height:3,weight:5,jobTitle:"Captain",favoriteMovie:"Wrath of Khan",favoriteFood:"Coffee",sex:"female",dateOfBirth:"2240-09-24"},{id:Math.random(),firstName:"Jean-Luc",lastName:"Picard",age:66,eyeColor:"blue",height:3,weight:5,jobTitle:"Captain",favoriteMovie:"Next generation",favoriteFood:"Tea Earl Grey Hot",sex:"male",dateOfBirth:"2200-09-24"},{id:Math.random(),firstName:"Peter",lastName:"Parker",age:30,eyeColor:"blue",height:55,weight:14,jobTitle:"Spider-man",favoriteMovie:"Spider-man",favoriteFood:"Webs",sex:"male",dateOfBirth:"1990-09-24"},{id:Math.random(),firstName:"Clark",lastName:"Kent",age:40,eyeColor:"blue",height:80,weight:33,jobTitle:"Journalist",favoriteMovie:"Superman returns",favoriteFood:"Kryptonite",sex:"male",dateOfBirth:"1960-01-01"},{id:Math.random(),firstName:"Bruce",lastName:"Wayne",age:55,eyeColor:"blue",height:70,weight:33,jobTitle:"CEO",favoriteMovie:"Batman begins",favoriteFood:"Bats",sex:"male",dateOfBirth:"1955-01-01"},{id:Math.random(),firstName:"Diana",lastName:"Prince",age:28,eyeColor:"green",height:90,weight:19,jobTitle:"Curator",favoriteMovie:"Wonderwoman",favoriteFood:"Greek",sex:"female",dateOfBirth:"1990-01-01"},{id:Math.random(),firstName:"Tony",lastName:"Stark",age:40,eyeColor:"brown",height:70,weight:33,jobTitle:"CEO",favoriteMovie:"Ironman",favoriteFood:"Shoarma",sex:"male",dateOfBirth:"1980-01-01"},{id:Math.random(),firstName:"Steve",lastName:"Rogers",age:100,eyeColor:"blue",height:44,weight:55,jobTitle:"Captain",favoriteMovie:"Winter soldier",favoriteFood:"Apple pie",sex:"male",dateOfBirth:"1920-01-01"},{id:Math.random(),firstName:"Natasha",lastName:"Romanov",age:30,eyeColor:"green",height:77,weight:66,jobTitle:"Black widow",favoriteMovie:"Avengers",favoriteFood:"Stroganov",sex:"female",dateOfBirth:"1995-01-01"},{id:Math.random(),firstName:"Bruce",lastName:"Banner",age:42,eyeColor:"brown",height:89,weight:99,jobTitle:"Smasher",favoriteMovie:"The Incredible Hulk",favoriteFood:"Gammarays",sex:"male",dateOfBirth:"1975-01-01"}];function PersonForm(_ref){var person=_ref.person;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_4__.Form,{initialValues:person,onSubmit:function onSubmit(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("person edited")}},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_4__.Field,{name:"firstName"},(function(_ref2){var input=_ref2.input;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_9__.ZP,_extends({},input,{type:"text",label:"First name"}))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_4__.Field,{name:"lastName"},(function(_ref3){var input=_ref3.input;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_9__.ZP,_extends({},input,{type:"text",label:"Last name"}))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_4__.Field,{name:"age"},(function(_ref4){var input=_ref4.input;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_9__.ZP,_extends({},input,{type:"text",label:"Age"}))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_4__.Field,{name:"eyeColor"},(function(_ref5){var input=_ref5.input;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Select_Select__WEBPACK_IMPORTED_MODULE_8__.Z,_extends({},input,{label:"Eye color",options:["all","brown","green","blue"],labelForOption:function labelForOption(option){return option}}))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_4__.Field,{name:"sex"},(function(_ref6){var input=_ref6.input;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Select_Select__WEBPACK_IMPORTED_MODULE_8__.Z,_extends({},input,{label:"Sex",options:["male","female"],labelForOption:function labelForOption(option){return option}}))})))}))}(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("table/CrudTable",module).addParameters({storySource:{source:"import React, { useEffect, useState } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\nimport { Card } from 'reactstrap';\nimport { capitalize, every, lowerCase, startsWith } from 'lodash';\nimport { Field, Form } from 'react-final-form';\nimport moment from 'moment';\nimport Button from '../../core/Button/Button';\nimport Tag from '../../core/Tag/Tag';\nimport Select from '../../form/Select/Select';\nimport Input from '../../form/Input/Input';\nimport ContentState from '../../core/ContentState/ContentState';\nimport ConfirmButton from '../../core/ConfirmButton/ConfirmButton';\nimport { pageOf } from '../../utilities/page/page';\nimport DateTimeInput from '../../form/DateTimeInput/DateTimeInput';\nimport { EpicRow } from '../EpicTable/rows/EpicRow/EpicRow';\nimport { EpicHeader } from '../EpicTable/cells/EpicHeader/EpicHeader';\nimport { EpicCell } from '../EpicTable/cells/EpicCell/EpicCell';\nimport { EpicCellLayout } from '../EpicTable/cells/EpicCellLayout/EpicCellLayout';\nimport { EpicSelection } from '../EpicTable/widgets/EpicSelection/EpicSelection';\nimport { EpicSort } from '../EpicTable/widgets/EpicSort/EpicSort';\n\nimport { EpicTableSortDirection } from '../EpicTable/types';\nimport { CrudTable } from './CrudTable';\nimport { CrudHeader } from './components/CrudHeader/CrudHeader';\nimport { EpicDetailRow } from '../EpicTable/rows/EpicDetailRow/EpicDetailRow';\nimport { EpicDetail } from '../EpicTable/widgets/EpicDetail/EpicDetail';\nimport { AttributeList } from '../../core/lists/AttributeList/AttributeList';\nimport { AttributeView } from '../../core/lists/AttributeView/AttributeView';\n\ntype Person = {\n  id: number;\n  firstName: string;\n  lastName: string;\n  age: number;\n  eyeColor: string;\n  height: number;\n  weight: number;\n  jobTitle: string;\n  favoriteMovie: string;\n  favoriteFood: string;\n  sex: string;\n  dateOfBirth: string;\n};\n\nconst persons: Person[] = [\n  {\n    id: Math.random(),\n    firstName: 'Fitzpatrick',\n    lastName: 'Lyons',\n    age: 20,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Senior CodeMonkey',\n    favoriteMovie: 'The Matrix',\n    favoriteFood: 'Hamburgers',\n    sex: 'male',\n    dateOfBirth: '2014-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Berry',\n    lastName: 'McNab',\n    age: 41,\n    eyeColor: 'blue',\n    height: 13,\n    weight: 55,\n    jobTitle: 'Business Manager',\n    favoriteMovie: 'Fear and loathing in Las Vegas',\n    favoriteFood: 'Spaghetti',\n    sex: 'female',\n    dateOfBirth: '2000-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Neville',\n    lastName: 'Brooks',\n    age: 25,\n    eyeColor: 'green',\n    height: 12,\n    weight: 32,\n    jobTitle: 'Senior CodeMonkey',\n    favoriteMovie: 'Lord of the Rings',\n    favoriteFood: 'French Fries',\n    sex: 'male',\n    dateOfBirth: '2014-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Leonard',\n    lastName: 'Nemoy',\n    age: 50,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Thespian',\n    favoriteMovie: 'Star Trek',\n    favoriteFood: 'Kosher',\n    sex: 'male',\n    dateOfBirth: '1900-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Levi',\n    lastName: 'Smith',\n    age: 30,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Taxi driver',\n    favoriteMovie: 'Taxi',\n    favoriteFood:\n      'Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, at nam alias ad culpa quae deleniti. Autem eveniet mollitia veritatis reprehenderit ea, tempora vero voluptatem. Dolore repudiandae voluptate quam quidem.,',\n    sex: 'male',\n    dateOfBirth: '2014-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Celine',\n    lastName: 'Ferdinand',\n    age: 80,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Retired',\n    favoriteMovie: 'Driving miss Daisy',\n    favoriteFood: 'Prunes',\n    sex: 'female',\n    dateOfBirth: '1940-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bonald',\n    lastName: 'Ferdinand',\n    age: 82,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Retired',\n    favoriteMovie: 'Driving miss Daisy',\n    favoriteFood: 'Prunes',\n    sex: 'male',\n    dateOfBirth: '1938-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Zechs',\n    lastName: 'Merquise',\n    age: 42,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Ace pilot',\n    favoriteMovie: 'Gundam wing',\n    favoriteFood: 'Apple pie',\n    sex: 'male',\n    dateOfBirth: '2010-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'David',\n    lastName: 'Hayter',\n    age: 55,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Voice actor',\n    favoriteMovie: 'Guyver',\n    favoriteFood: 'Snakes',\n    sex: 'male',\n    dateOfBirth: '1960-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'James',\n    lastName: 'Kirk',\n    age: 50,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captain',\n    favoriteMovie: 'Star Trek',\n    favoriteFood: 'Replicated',\n    sex: 'male',\n    dateOfBirth: '2100-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bert',\n    lastName: 'Kelly',\n    age: 30,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Blacksmith',\n    favoriteMovie: 'Not without my daughter',\n    favoriteFood: 'Pears',\n    sex: 'male',\n    dateOfBirth: '1989-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'John',\n    lastName: 'Goodall',\n    age: 68,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Gardner',\n    favoriteMovie: 'The Gardner',\n    favoriteFood: 'Cauliflower',\n    sex: 'male',\n    dateOfBirth: '2019-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Rick',\n    lastName: 'Xander',\n    age: 14,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Baker',\n    favoriteMovie: 'Halloween',\n    favoriteFood: 'Cake',\n    sex: 'male',\n    dateOfBirth: '1980-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Jessica',\n    lastName: 'Bernard',\n    age: 36,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Student',\n    favoriteMovie: 'Highlander',\n    favoriteFood: 'Ice cream',\n    sex: 'female',\n    dateOfBirth: '1980-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Benjamin',\n    lastName: 'Sisko',\n    age: 55,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Commander',\n    favoriteMovie: 'Search for Spock',\n    favoriteFood: 'Jamba',\n    sex: 'male',\n    dateOfBirth: '2200-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Kathyrn',\n    lastName: 'Janeway',\n    age: 55,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captain',\n    favoriteMovie: 'Wrath of Khan',\n    favoriteFood: 'Coffee',\n    sex: 'female',\n    dateOfBirth: '2240-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Jean-Luc',\n    lastName: 'Picard',\n    age: 66,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captain',\n    favoriteMovie: 'Next generation',\n    favoriteFood: 'Tea Earl Grey Hot',\n    sex: 'male',\n    dateOfBirth: '2200-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Peter',\n    lastName: 'Parker',\n    age: 30,\n    eyeColor: 'blue',\n    height: 55,\n    weight: 14,\n    jobTitle: 'Spider-man',\n    favoriteMovie: 'Spider-man',\n    favoriteFood: 'Webs',\n    sex: 'male',\n    dateOfBirth: '1990-09-24'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Clark',\n    lastName: 'Kent',\n    age: 40,\n    eyeColor: 'blue',\n    height: 80,\n    weight: 33,\n    jobTitle: 'Journalist',\n    favoriteMovie: 'Superman returns',\n    favoriteFood: 'Kryptonite',\n    sex: 'male',\n    dateOfBirth: '1960-01-01'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bruce',\n    lastName: 'Wayne',\n    age: 55,\n    eyeColor: 'blue',\n    height: 70,\n    weight: 33,\n    jobTitle: 'CEO',\n    favoriteMovie: 'Batman begins',\n    favoriteFood: 'Bats',\n    sex: 'male',\n    dateOfBirth: '1955-01-01'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Diana',\n    lastName: 'Prince',\n    age: 28,\n    eyeColor: 'green',\n    height: 90,\n    weight: 19,\n    jobTitle: 'Curator',\n    favoriteMovie: 'Wonderwoman',\n    favoriteFood: 'Greek',\n    sex: 'female',\n    dateOfBirth: '1990-01-01'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Tony',\n    lastName: 'Stark',\n    age: 40,\n    eyeColor: 'brown',\n    height: 70,\n    weight: 33,\n    jobTitle: 'CEO',\n    favoriteMovie: 'Ironman',\n    favoriteFood: 'Shoarma',\n    sex: 'male',\n    dateOfBirth: '1980-01-01'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Steve',\n    lastName: 'Rogers',\n    age: 100,\n    eyeColor: 'blue',\n    height: 44,\n    weight: 55,\n    jobTitle: 'Captain',\n    favoriteMovie: 'Winter soldier',\n    favoriteFood: 'Apple pie',\n    sex: 'male',\n    dateOfBirth: '1920-01-01'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Natasha',\n    lastName: 'Romanov',\n    age: 30,\n    eyeColor: 'green',\n    height: 77,\n    weight: 66,\n    jobTitle: 'Black widow',\n    favoriteMovie: 'Avengers',\n    favoriteFood: 'Stroganov',\n    sex: 'female',\n    dateOfBirth: '1995-01-01'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bruce',\n    lastName: 'Banner',\n    age: 42,\n    eyeColor: 'brown',\n    height: 89,\n    weight: 99,\n    jobTitle: 'Smasher',\n    favoriteMovie: 'The Incredible Hulk',\n    favoriteFood: 'Gammarays',\n    sex: 'male',\n    dateOfBirth: '1975-01-01'\n  }\n];\n\nstoriesOf('table/CrudTable', module)\n  .addParameters({ component: CrudTable })\n  .add('simple example', () => {\n    const columns = {\n      firstName: 300,\n      lastName: 200,\n      age: 200\n    };\n\n    const [ page, setPage ] = useState(1);\n\n    const pageOfPersons = pageOf(persons, page, 20);\n\n    const [ detail, setDetail ] = useState(-1);\n\n    const [ loading, setLoading ] = useState(false);\n\n    useEffect(() => {\n      setLoading(true);\n\n      setTimeout(() => {\n        setLoading(false);\n      }, 1000);\n    }, []);\n\n    return (\n      <Card body>\n        <CrudTable\n          page={pageOfPersons}\n          pageChanged={setPage}\n        >\n          <EpicRow header>\n            <CrudHeader width={columns.firstName}>\n              First name\n            </CrudHeader>\n            <CrudHeader width={columns.firstName}>\n              Last name\n            </CrudHeader>\n            <CrudHeader width={columns.firstName}>\n              Age\n            </CrudHeader>\n          </EpicRow>\n\n          {loading ? (\n            <ContentState mode=\"loading\" title=\"Loading...\" />\n          ) : pageOfPersons.content.map((person) => (\n            <EpicRow key={person.id} onClick={() => setDetail(person.id)}>\n              <EpicCell width={columns.firstName}>\n                <span\n                  className=\"text-primary clickable w-100\"\n                  onClick={() => setDetail(person.id)}\n                >\n                  {person.firstName}\n                </span>\n              </EpicCell>\n              <EpicCell width={columns.lastName}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={columns.age}>\n                {person.age}\n              </EpicCell>\n            </EpicRow>\n          ))}\n          <EpicDetailRow left={columns.firstName} active={detail > 0}>\n            {() => {\n              const person = pageOfPersons.content.find(p => p.id === detail);\n\n              if (!person) {\n                return <EpicDetail onClose={() => setDetail(-1)}>Person not found</EpicDetail>;\n              }\n\n              return (\n                <EpicDetail onClose={() => setDetail(-1)}>\n                  <AttributeList>\n                  {Object.keys(person).map((column) => (\n                    <AttributeView key={column} label={capitalize(column.replace(/([A-Z])/, ' $1'))}>\n                      {person[column]}\n                    </AttributeView>\n                    ))}\n                  </AttributeList>\n                </EpicDetail>\n              );\n            }}\n          </EpicDetailRow>\n        </CrudTable>\n      </Card>\n    );\n  })\n  .add('full example', () => {\n    const [ columns, setColumns ] = useState(() => ({\n      firstName: 300,\n      lastName: 200,\n      age: 200,\n      eyeColor: 200,\n      height: 150,\n      weight: 150,\n      jobTitle: 200,\n      favoriteMovie: 300,\n      favoriteFood: 200,\n      sex: 200,\n      dateOfBirth: 200\n    }));\n\n    function changeSize(name: keyof Person, width: number) {\n      setColumns((widths) => ({ ...widths, [name]: width }));\n    }\n\n    const [ filters, setFilters ] = useState(() => ({\n      firstName: '',\n      lastName: '',\n      age: '',\n      eyeColor: '',\n      height: '',\n      weight: '',\n      jobTitle: '',\n      favoriteMovie: '',\n      favoriteFood: '',\n      sex: '',\n      dateOfBirth: ''\n    }));\n\n    function filterChanged(name: keyof Person, value: string) {\n      setPage(1);\n      setFilters({ ...filters, [name]: value });\n    }\n\n    const filteredPersons = persons.filter((person) => {\n      return every(filters, (value, key) => {\n        const text = person[key];\n\n        if (!value || value === 'all') {\n          return true;\n        }\n\n        return startsWith(lowerCase(text), lowerCase(value));\n      });\n    });\n\n    const [ sort, setSort ] = useState<{\n      direction: EpicTableSortDirection;\n      column: string;\n    }>({ direction: 'NONE', column: 'firstName' });\n\n    function changeSort(\n      column: keyof Person,\n      direction: EpicTableSortDirection\n    ) {\n      setPage(1);\n      setSort({ direction, column });\n    }\n\n    const sortFn =\n      sort.direction === 'ASC'\n        ? (a, b) => `${a[sort.column]}`.localeCompare(`${b[sort.column]}`)\n        : (a, b) => `${b[sort.column]}`.localeCompare(`${a[sort.column]}`);\n\n    const sortedPersons = filteredPersons.sort(sortFn);\n\n    const [ page, setPage ] = useState(1);\n\n    const pageOfPersons = pageOf(sortedPersons, page, 20);\n\n    const [ selected, setSelected ] = useState<Person[]>([]);\n\n    function onSelect(person: Person, checked: boolean) {\n      if (checked) {\n        selected.push(person);\n        setSelected([ ...selected ]);\n      } else {\n        const nextSelected = selected.filter((p) => p.id !== person.id);\n\n        setSelected(nextSelected);\n      }\n    }\n\n    const [ detail, setDetail ] = useState(-1);\n\n    const [ editing, setEditing ] = useState(-1);\n\n    const [ creating, setCreating ] = useState(false);\n\n    const [ loading, setLoading ] = useState(false);\n\n    useEffect(() => {\n      setLoading(true);\n\n      setTimeout(() => {\n        setLoading(false);\n      }, 1000);\n    }, []);\n\n    return (\n      <Card body>\n        <CrudTable\n          buttons={() => (\n            <Button icon=\"add\" onClick={() => setCreating(true)}>\n              Add person\n            </Button>\n          )}\n          renderSelection={selected.length > 0 ? () => (\n            <>\n              <h2>Selected</h2>\n              <div className=\"mb-3\">\n                {selected.map((person) => (\n                  <Tag\n                    key={person.id}\n                    text={`${person.firstName} ${person.lastName}`}\n                    onRemove={() => onSelect(person, false)}\n                  />\n                ))}\n              </div>\n            </>\n          ) : undefined}\n          page={pageOfPersons}\n          pageChanged={setPage}\n        >\n          <EpicRow header>\n            {Object.keys(columns).filter(column => column !== 'dateOfBirth').map(((column: keyof Person) => (\n              <CrudHeader\n                key={column}\n                width={columns[column]}\n                onResize={(width) => changeSize(column, width)}\n                direction={sort.column === column ? sort.direction : 'NONE'}\n                onSort={(direction) => changeSort(column, direction)}\n                onSearch={(value) => filterChanged(column, value)}\n                searchValue={filters[column]}\n              >\n                {capitalize(column.replace(/([A-Z])/, ' $1'))}\n              </CrudHeader>\n            )))}\n            <EpicHeader\n              width={columns.dateOfBirth}\n              height={88}\n              onResize={(width) => changeSize('dateOfBirth', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Birth date\n                  <EpicSort\n                    direction={\n                      sort.column === 'dateOfBirth' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) =>\n                      changeSort('dateOfBirth', direction)\n                    }\n                  />\n                </EpicCellLayout>\n\n                <DateTimeInput\n                  id=\"dateOfBirth\"\n                  dateFormat=\"YYYY-MM-DD\"\n                  placeholder=\"YYYY-MM-DD\"\n                  timeFormat={false}\n                  onChange={(date) =>\n                    filterChanged(\n                      'dateOfBirth',\n                      date ? moment(date).format('YYYY-MM-DD') : ''\n                    )\n                  }\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader width={300} height={88}>\n              <div className=\"px-1 py-1 align-self-start\">Actions</div>\n            </EpicHeader>\n          </EpicRow>\n\n          {loading ? (\n            <ContentState mode=\"loading\" title=\"Loading...\" />\n          ) : pageOfPersons.content.map((person) => (\n            <EpicRow key={person.id} onClick={() => setDetail(person.id)}>\n              <EpicCell width={columns.firstName}>\n                <EpicSelection\n                  checked={selected.some((p) => p.id === person.id)}\n                  onChange={(checked) => onSelect(person, checked)}\n                />\n\n                <span\n                  className=\"text-primary clickable w-100\"\n                  onClick={() => setDetail(person.id)}\n                >\n                  {person.firstName}\n                </span>\n              </EpicCell>\n              {Object.keys(columns).filter(column => column !== 'firstName').map((column) => (\n                <EpicCell key={column} width={columns[column]}>\n                  {person[column]}\n                </EpicCell>\n              ))}\n              <EpicCell width={300}>\n                <ConfirmButton icon=\"delete\" dialogText=\"Are you sure you want to delete this person?\" onConfirm={action('delete')} />\n                <Button icon=\"edit\" onClick={() => setEditing(person.id)} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n\n          <EpicDetailRow left={columns.firstName} active={editing > 0}>\n            {() => (\n              <EpicDetail onClose={() => setEditing(-1)}>\n                <PersonForm person={pageOfPersons.content.find(person => person.id === editing)} />\n              </EpicDetail>\n            )}\n          </EpicDetailRow>\n          <EpicDetailRow left={columns.firstName} active={detail > 0}>\n            {() => {\n              const person = pageOfPersons.content.find(p => p.id === detail);\n\n              if (!person) {\n                return <EpicDetail onClose={() => setDetail(-1)}>Person not found</EpicDetail>;\n              }\n\n              return (\n                <EpicDetail onClose={() => setDetail(-1)}>\n                  <AttributeList>\n                  {Object.keys(columns).map((column) => (\n                    <AttributeView key={column} label={capitalize(column.replace(/([A-Z])/, ' $1'))}>\n                      {person[column]}\n                    </AttributeView>\n                    ))}\n                  </AttributeList>\n                </EpicDetail>\n              );\n            }}\n          </EpicDetailRow>\n          <EpicDetailRow left={columns.firstName} active={creating}>\n            {() => (\n              <EpicDetail onClose={() => setCreating(false)}>\n                <PersonForm />\n              </EpicDetail>\n            )}\n          </EpicDetailRow>\n        </CrudTable>\n      </Card>\n    );\n  });\n\nfunction PersonForm({ person }: { person?: Person }) {\n  return (\n    <Form initialValues={person} onSubmit={() => action('person edited')}>\n      {() => (\n        <>\n          <Field name=\"firstName\">\n            {({ input }) => (\n              <Input {...input} type=\"text\" label=\"First name\" />\n            )}\n          </Field>\n          <Field name=\"lastName\">\n            {({ input }) => (\n              <Input {...input} type=\"text\" label=\"Last name\" />\n            )}\n          </Field>\n          <Field name=\"age\">\n            {({ input }) => (\n              <Input {...input} type=\"text\" label=\"Age\" />\n            )}\n          </Field>\n          <Field name=\"eyeColor\">\n            {({ input }) => (\n              <Select\n                {...input}\n                label=\"Eye color\"\n                options={[ 'all', 'brown', 'green', 'blue' ]}\n                labelForOption={(option) => option}\n              />\n            )}\n          </Field>\n          <Field name=\"sex\">\n            {({ input }) => (\n              <Select\n                {...input}\n                label=\"Sex\"\n                options={[ 'male', 'female' ]}\n                labelForOption={(option) => option}\n              />\n            )}\n          </Field>\n        </>\n      )}\n    </Form>\n  );\n}\n",locationsMap:{"full-example":{startLoc:{col:7,line:488},endLoc:{col:3,line:734},startBody:{col:23,line:488},endBody:{col:3,line:734}},"simple-example":{startLoc:{col:7,line:402},endLoc:{col:3,line:487},startBody:{col:25,line:402},endBody:{col:3,line:487}}}}}).addParameters({component:_CrudTable__WEBPACK_IMPORTED_MODULE_19__.N}).add("simple example",(function(){var columns_firstName=300,columns_lastName=200,columns_age=200,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState2[0],setPage=_useState2[1],pageOfPersons=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_25__.u)(persons,page,20),_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),2),detail=_useState4[0],setDetail=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),loading=_useState6[0],setLoading=_useState6[1];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){setLoading(!0),setTimeout((function(){setLoading(!1)}),1e3)}),[]),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CrudTable__WEBPACK_IMPORTED_MODULE_19__.N,{page:pageOfPersons,pageChanged:setPage},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_13__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_CrudHeader_CrudHeader__WEBPACK_IMPORTED_MODULE_20__.p,{width:columns_firstName},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_CrudHeader_CrudHeader__WEBPACK_IMPORTED_MODULE_20__.p,{width:columns_firstName},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_CrudHeader_CrudHeader__WEBPACK_IMPORTED_MODULE_20__.p,{width:columns_firstName},"Age")),loading?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_10__.Z,{mode:"loading",title:"Loading..."}):pageOfPersons.content.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_13__.C,{key:person.id,onClick:function onClick(){return setDetail(person.id)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_15__.N,{width:columns_firstName},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:"text-primary clickable w-100",onClick:function onClick(){return setDetail(person.id)}},person.firstName)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_15__.N,{width:columns_lastName},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_15__.N,{width:columns_age},person.age))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_21__.U,{left:columns_firstName,active:detail>0},(function(){var person=pageOfPersons.content.find((function(p){return p.id===detail}));return person?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_22__.H,{onClose:function onClose(){return setDetail(-1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_lists_AttributeList_AttributeList__WEBPACK_IMPORTED_MODULE_23__.d,null,Object.keys(person).map((function(column){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_lists_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_24__.P,{key:column,label:(0,lodash__WEBPACK_IMPORTED_MODULE_3__.capitalize)(column.replace(/([A-Z])/," $1"))},person[column])})))):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_22__.H,{onClose:function onClose(){return setDetail(-1)}},"Person not found")}))))})).add("full example",(function(){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((function(){return{firstName:300,lastName:200,age:200,eyeColor:200,height:150,weight:150,jobTitle:200,favoriteMovie:300,favoriteFood:200,sex:200,dateOfBirth:200}})),2),columns=_useState8[0],setColumns=_useState8[1];function changeSize(name,width){setColumns((function(widths){return _objectSpread(_objectSpread({},widths),{},_defineProperty({},name,width))}))}var _useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((function(){return{firstName:"",lastName:"",age:"",eyeColor:"",height:"",weight:"",jobTitle:"",favoriteMovie:"",favoriteFood:"",sex:"",dateOfBirth:""}})),2),filters=_useState10[0],setFilters=_useState10[1];function filterChanged(name,value){setPage(1),setFilters(_objectSpread(_objectSpread({},filters),{},_defineProperty({},name,value)))}var filteredPersons=persons.filter((function(person){return(0,lodash__WEBPACK_IMPORTED_MODULE_3__.every)(filters,(function(value,key){var text=person[key];return!value||"all"===value||(0,lodash__WEBPACK_IMPORTED_MODULE_3__.startsWith)((0,lodash__WEBPACK_IMPORTED_MODULE_3__.lowerCase)(text),(0,lodash__WEBPACK_IMPORTED_MODULE_3__.lowerCase)(value))}))})),_useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({direction:"NONE",column:"firstName"}),2),sort=_useState12[0],setSort=_useState12[1];function changeSort(column,direction){setPage(1),setSort({direction,column})}var sortFn="ASC"===sort.direction?function(a,b){return"".concat(a[sort.column]).localeCompare("".concat(b[sort.column]))}:function(a,b){return"".concat(b[sort.column]).localeCompare("".concat(a[sort.column]))},sortedPersons=filteredPersons.sort(sortFn),_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState14[0],setPage=_useState14[1],pageOfPersons=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_25__.u)(sortedPersons,page,20),_useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),selected=_useState16[0],setSelected=_useState16[1];function onSelect(person,checked){if(checked)selected.push(person),setSelected(_toConsumableArray(selected));else{var nextSelected=selected.filter((function(p){return p.id!==person.id}));setSelected(nextSelected)}}var _useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),2),detail=_useState18[0],setDetail=_useState18[1],_useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),2),editing=_useState20[0],setEditing=_useState20[1],_useState22=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),creating=_useState22[0],setCreating=_useState22[1],_useState24=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),loading=_useState24[0],setLoading=_useState24[1];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){setLoading(!0),setTimeout((function(){setLoading(!1)}),1e3)}),[]),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CrudTable__WEBPACK_IMPORTED_MODULE_19__.N,{buttons:function buttons(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{icon:"add",onClick:function onClick(){return setCreating(!0)}},"Add person")},renderSelection:selected.length>0?function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Selected"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"mb-3"},selected.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Tag_Tag__WEBPACK_IMPORTED_MODULE_7__.Z,{key:person.id,text:"".concat(person.firstName," ").concat(person.lastName),onRemove:function onRemove(){return onSelect(person,!1)}})}))))}:void 0,page:pageOfPersons,pageChanged:setPage},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_13__.C,{header:!0},Object.keys(columns).filter((function(column){return"dateOfBirth"!==column})).map((function(column){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_CrudHeader_CrudHeader__WEBPACK_IMPORTED_MODULE_20__.p,{key:column,width:columns[column],onResize:function onResize(width){return changeSize(column,width)},direction:sort.column===column?sort.direction:"NONE",onSort:function onSort(direction){return changeSort(column,direction)},onSearch:function onSearch(value){return filterChanged(column,value)},searchValue:filters[column]},(0,lodash__WEBPACK_IMPORTED_MODULE_3__.capitalize)(column.replace(/([A-Z])/," $1")))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_14__.B,{width:columns.dateOfBirth,height:88,onResize:function onResize(width){return changeSize("dateOfBirth",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_16__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_16__.j,{mode:"horizontal"},"Birth date",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_18__.Q,{direction:"dateOfBirth"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("dateOfBirth",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_DateTimeInput_DateTimeInput__WEBPACK_IMPORTED_MODULE_12__.ZP,{id:"dateOfBirth",dateFormat:"YYYY-MM-DD",placeholder:"YYYY-MM-DD",timeFormat:!1,onChange:function onChange(date){return filterChanged("dateOfBirth",date?moment__WEBPACK_IMPORTED_MODULE_5___default()(date).format("YYYY-MM-DD"):"")}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_14__.B,{width:300,height:88},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"px-1 py-1 align-self-start"},"Actions"))),loading?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_10__.Z,{mode:"loading",title:"Loading..."}):pageOfPersons.content.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_13__.C,{key:person.id,onClick:function onClick(){return setDetail(person.id)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_15__.N,{width:columns.firstName},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicSelection_EpicSelection__WEBPACK_IMPORTED_MODULE_17__.M,{checked:selected.some((function(p){return p.id===person.id})),onChange:function onChange(checked){return onSelect(person,checked)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:"text-primary clickable w-100",onClick:function onClick(){return setDetail(person.id)}},person.firstName)),Object.keys(columns).filter((function(column){return"firstName"!==column})).map((function(column){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_15__.N,{key:column,width:columns[column]},person[column])})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_15__.N,{width:300},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_11__.Z,{icon:"delete",dialogText:"Are you sure you want to delete this person?",onConfirm:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_6__.ZP,{icon:"edit",onClick:function onClick(){return setEditing(person.id)}})))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_21__.U,{left:columns.firstName,active:editing>0},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_22__.H,{onClose:function onClose(){return setEditing(-1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(PersonForm,{person:pageOfPersons.content.find((function(person){return person.id===editing}))}))})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_21__.U,{left:columns.firstName,active:detail>0},(function(){var person=pageOfPersons.content.find((function(p){return p.id===detail}));return person?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_22__.H,{onClose:function onClose(){return setDetail(-1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_lists_AttributeList_AttributeList__WEBPACK_IMPORTED_MODULE_23__.d,null,Object.keys(columns).map((function(column){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_lists_AttributeView_AttributeView__WEBPACK_IMPORTED_MODULE_24__.P,{key:column,label:(0,lodash__WEBPACK_IMPORTED_MODULE_3__.capitalize)(column.replace(/([A-Z])/," $1"))},person[column])})))):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_22__.H,{onClose:function onClose(){return setDetail(-1)}},"Person not found")})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_21__.U,{left:columns.firstName,active:creating},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_22__.H,{onClose:function onClose(){return setCreating(!1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(PersonForm,null))}))))}))},"./src/table/EpicTable/EpicTable.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),lodash__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/lodash/lodash.js"),_EpicTable__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/table/EpicTable/EpicTable.tsx"),_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/table/EpicTable/rows/EpicRow/EpicRow.tsx"),_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx"),_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/table/EpicTable/cells/EpicCell/EpicCell.tsx"),_rows_EpicExpanderRow_EpicExpanderRow__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/table/EpicTable/rows/EpicExpanderRow/EpicExpanderRow.tsx"),_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/table/EpicTable/cells/EpicCellLayout/EpicCellLayout.tsx"),_widgets_EpicExpander_EpicExpander__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/table/EpicTable/widgets/EpicExpander/EpicExpander.tsx"),_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/table/EpicTable/rows/EpicDetailRow/EpicDetailRow.tsx"),_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/table/EpicTable/widgets/EpicDetail/EpicDetail.tsx"),_widgets_EpicSelection_EpicSelection__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/table/EpicTable/widgets/EpicSelection/EpicSelection.tsx"),_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/table/EpicTable/widgets/EpicSort/EpicSort.tsx"),___WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/index.ts"),moment__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/moment/moment.js"),moment__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_16__),_core_MoreOrLess_MoreOrLess__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/core/MoreOrLess/MoreOrLess.tsx");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("table/EpicTable",module).addParameters({storySource:{source:"import React, { Fragment, useEffect, useState } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\nimport { Alert, Card, Col, Input, Row } from 'reactstrap';\nimport { every, groupBy, lowerCase, startsWith } from 'lodash';\n\nimport { EpicTable } from './EpicTable';\nimport { EpicRow } from './rows/EpicRow/EpicRow';\nimport { EpicHeader } from './cells/EpicHeader/EpicHeader';\nimport { EpicCell } from './cells/EpicCell/EpicCell';\nimport { EpicExpanderRow } from './rows/EpicExpanderRow/EpicExpanderRow';\nimport { EpicCellLayout } from './cells/EpicCellLayout/EpicCellLayout';\n\nimport { EpicExpander } from './widgets/EpicExpander/EpicExpander';\nimport { EpicDetailRow } from './rows/EpicDetailRow/EpicDetailRow';\nimport { EpicDetail } from './widgets/EpicDetail/EpicDetail';\nimport { EpicSelection } from './widgets/EpicSelection/EpicSelection';\nimport { EpicSort } from './widgets/EpicSort/EpicSort';\n\nimport { EpicTableSortDirection } from './types';\nimport {\n  Button,\n  ContentState,\n  ContentStateMode,\n  DateTimeInput,\n  pageOf,\n  Pagination,\n  Tag\n} from '../..';\nimport moment from 'moment';\nimport MoreOrLess from '../../core/MoreOrLess/MoreOrLess';\n\nstoriesOf('table/EpicTable', module)\n  .addParameters({ component: EpicTable })\n  .add('full example', () => {\n    const [widths, setWidths] = useState(() => ({\n      firstName: 300,\n      lastName: 200,\n      age: 200,\n      eyeColor: 200,\n      height: 150,\n      weight: 150,\n      jobTitle: 200,\n      favoriteMovie: 300,\n      favoriteFood: 200,\n      dateOfBirth: 200,\n      sex: 200,\n      actions: 300\n    }));\n\n    function changeSize(name: keyof Person, width: number) {\n      setWidths((widths) => ({ ...widths, [name]: width }));\n    }\n\n    const [filters, setFilters] = useState(() => ({\n      firstName: '',\n      lastName: '',\n      age: '',\n      eyeColor: '',\n      height: '',\n      weight: '',\n      jobTitle: '',\n      favoriteMovie: '',\n      favoriteFood: '',\n      dateOfBirth: '',\n      sex: ''\n    }));\n\n    function filterChanged(name: keyof Person, value: string) {\n      setFilters({ ...filters, [name]: value });\n    }\n\n    const filteredPersons = persons.filter((person) => {\n      return every(filters, (value, key) => {\n        const text = person[key];\n\n        if (!value || value === 'all') {\n          return true;\n        }\n\n        return startsWith(lowerCase(text), lowerCase(value));\n      });\n    });\n\n    const [sort, setSort] = useState<{\n      direction: EpicTableSortDirection;\n      column: string;\n    }>({ direction: 'NONE', column: 'firstName' });\n\n    function changeSort(\n      column: keyof Person,\n      direction: EpicTableSortDirection\n    ) {\n      setPage(1);\n      setSort({ direction, column });\n    }\n\n    const sortFn =\n      sort.direction === 'ASC'\n        ? (a, b) => `${a[sort.column]}`.localeCompare(`${b[sort.column]}`)\n        : (a, b) => `${b[sort.column]}`.localeCompare(`${a[sort.column]}`);\n\n    const sortedPersons = filteredPersons.sort(sortFn);\n\n    const [page, setPage] = useState(1);\n\n    const pageOfPersons = pageOf(sortedPersons, page, 20);\n\n    const [selected, setSelected] = useState<Person[]>([]);\n\n    function onSelect(person: Person, checked: boolean) {\n      if (checked) {\n        selected.push(person);\n        setSelected([...selected]);\n      } else {\n        const nextSelected = selected.filter((p) => p.id !== person.id);\n\n        setSelected(nextSelected);\n      }\n    }\n\n    const allPersonsSelected =\n      selected.length > 0 &&\n      pageOfPersons.content.every((p) => selected.some((ps) => ps.id === p.id));\n\n    function selectAllClicked(checked: boolean) {\n      if (checked) {\n        pageOfPersons.content.forEach((p) => {\n          if (selected.every((ps) => p.id !== ps.id)) {\n            selected.push(p);\n          }\n\n          setSelected([...selected]);\n        });\n      } else {\n        setSelected([]);\n      }\n    }\n\n    const [detail, setDetail] = useState(-1);\n\n    const [loading, setLoading] = useState(false);\n\n    useEffect(() => {\n      setLoading(true);\n\n      setTimeout(() => {\n        setLoading(false);\n      }, 1000);\n    }, []);\n\n    return (\n      <Card body>\n        {selected.length > 0 ? (\n          <>\n            <h2>Selected</h2>\n            <div className=\"mb-3\">\n              {selected.map((person) => (\n                <Tag\n                  key={person.id}\n                  text={`${person.firstName} ${person.lastName}`}\n                  onRemove={() => onSelect(person, false)}\n                />\n              ))}\n            </div>\n          </>\n        ) : null}\n\n        <EpicTable\n          overlay={\n            loading ? (\n              <ContentState className=\"my-5\" mode=\"loading\" title=\"Loading\" />\n            ) : pageOfPersons.totalElements === 0 ? (\n              <ContentState\n                className=\"my-5\"\n                mode=\"no-results\"\n                title=\"Try again with a different query\"\n              />\n            ) : null\n          }\n        >\n          <EpicRow header>\n            <EpicHeader\n              width={widths.firstName}\n              height={88}\n              onResize={(width) => changeSize('firstName', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  <EpicSelection\n                    checked={allPersonsSelected}\n                    onChange={(checked) => selectAllClicked(checked)}\n                  >\n                    First name\n                  </EpicSelection>\n\n                  <EpicSort\n                    direction={\n                      sort.column === 'firstName' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) => changeSort('firstName', direction)}\n                  />\n                </EpicCellLayout>\n                <Input\n                  onChange={(event) => {\n                    event.preventDefault();\n                    filterChanged('firstName', event.target.value);\n                  }}\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.lastName}\n              height={88}\n              onResize={(width) => changeSize('lastName', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Last name\n                  <EpicSort\n                    direction={\n                      sort.column === 'lastName' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) => changeSort('lastName', direction)}\n                  />\n                </EpicCellLayout>\n                <Input\n                  onChange={(event) =>\n                    filterChanged('lastName', event.target.value)\n                  }\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.age}\n              height={88}\n              onResize={(width) => changeSize('age', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Age\n                  <EpicSort\n                    direction={sort.column === 'age' ? sort.direction : 'NONE'}\n                    onChange={(direction) => changeSort('age', direction)}\n                  />\n                </EpicCellLayout>\n                <Input\n                  onChange={(event) => filterChanged('age', event.target.value)}\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.eyeColor}\n              height={88}\n              onResize={(width) => changeSize('eyeColor', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Eye color\n                  <EpicSort\n                    direction={\n                      sort.column === 'eyeColor' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) => changeSort('eyeColor', direction)}\n                  />\n                </EpicCellLayout>\n                <Input\n                  type=\"select\"\n                  onChange={(event) =>\n                    filterChanged('eyeColor', event.target.value)\n                  }\n                >\n                  <option>all</option>\n                  <option>brown</option>\n                  <option>green</option>\n                  <option>blue</option>\n                </Input>\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.height}\n              height={88}\n              onResize={(width) => changeSize('height', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Height\n                  <EpicSort\n                    direction={\n                      sort.column === 'height' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) => changeSort('height', direction)}\n                  />\n                </EpicCellLayout>\n                <Input\n                  onChange={(event) =>\n                    filterChanged('height', event.target.value)\n                  }\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.weight}\n              height={88}\n              onResize={(width) => changeSize('weight', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Weight\n                  <EpicSort\n                    direction={\n                      sort.column === 'weight' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) => changeSort('weight', direction)}\n                  />\n                </EpicCellLayout>\n                <Input\n                  onChange={(event) =>\n                    filterChanged('weight', event.target.value)\n                  }\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.jobTitle}\n              height={88}\n              onResize={(width) => changeSize('jobTitle', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Job title\n                  <EpicSort\n                    direction={\n                      sort.column === 'jobTitle' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) => changeSort('jobTitle', direction)}\n                  />\n                </EpicCellLayout>\n                <Input\n                  onChange={(event) =>\n                    filterChanged('jobTitle', event.target.value)\n                  }\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.favoriteMovie}\n              height={88}\n              onResize={(width) => changeSize('favoriteMovie', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Favorite movie\n                  <EpicSort\n                    direction={\n                      sort.column === 'favoriteMovie' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) =>\n                      changeSort('favoriteMovie', direction)\n                    }\n                  />\n                </EpicCellLayout>\n                <Input />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.favoriteFood}\n              height={88}\n              onResize={(width) => changeSize('favoriteFood', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Favorite food\n                  <EpicSort\n                    direction={\n                      sort.column === 'favoriteFood' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) =>\n                      changeSort('favoriteFood', direction)\n                    }\n                  />\n                </EpicCellLayout>\n                <Input\n                  onChange={(event) =>\n                    filterChanged('favoriteFood', event.target.value)\n                  }\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.dateOfBirth}\n              height={88}\n              onResize={(width) => changeSize('dateOfBirth', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <EpicCellLayout mode=\"horizontal\">\n                  Birth date\n                  <EpicSort\n                    direction={\n                      sort.column === 'dateOfBirth' ? sort.direction : 'NONE'\n                    }\n                    onChange={(direction) =>\n                      changeSort('dateOfBirth', direction)\n                    }\n                  />\n                </EpicCellLayout>\n\n                <DateTimeInput\n                  id=\"dateOfBirth\"\n                  dateFormat=\"YYYY-MM-DD\"\n                  placeholder=\"YYYY-MM-DD\"\n                  timeFormat={false}\n                  onChange={(date) =>\n                    filterChanged(\n                      'dateOfBirth',\n                      date ? moment(date).format('YYYY-MM-DD') : ''\n                    )\n                  }\n                />\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader\n              width={widths.sex}\n              height={88}\n              onResize={(width) => changeSize('sex', width)}\n            >\n              <EpicCellLayout mode=\"vertical\">\n                <div className=\"d-flex w-100 justify-content-between\">\n                  Sex\n                  <EpicSort\n                    direction={sort.column === 'sex' ? sort.direction : 'NONE'}\n                    onChange={(direction) => changeSort('sex', direction)}\n                  />\n                </div>\n                <Input\n                  type=\"select\"\n                  onChange={(event) => filterChanged('sex', event.target.value)}\n                >\n                  <option>all</option>\n                  <option>male</option>\n                  <option>female</option>\n                </Input>\n              </EpicCellLayout>\n            </EpicHeader>\n            <EpicHeader width={widths.actions} height={88}>\n              <div className=\"px-1 py-1 align-self-start\">Actions</div>\n            </EpicHeader>\n          </EpicRow>\n\n          {pageOfPersons.content.map((person, index) => (\n            <Fragment key={person.id}>\n              <EpicRow onClick={() => setDetail(index)}>\n                <EpicCell width={widths.firstName} height={44}>\n                  <EpicSelection\n                    checked={selected.some((p) => p.id === person.id)}\n                    onChange={(checked) => onSelect(person, checked)}\n                  />\n\n                  <span\n                    className=\"text-primary clickable w-100\"\n                    onClick={() => setDetail(index)}\n                  >\n                    {person.firstName}\n                  </span>\n                </EpicCell>\n                <EpicCell width={widths.lastName} height={44}>\n                  {person.lastName}\n                </EpicCell>\n                <EpicCell width={widths.age} height={44}>\n                  {person.age}\n                </EpicCell>\n                <EpicCell width={widths.eyeColor} height={44}>\n                  {person.eyeColor}\n                </EpicCell>\n                <EpicCell width={widths.height} height={44}>\n                  {person.height}\n                </EpicCell>\n                <EpicCell width={widths.weight} height={44}>\n                  {person.weight}\n                </EpicCell>\n                <EpicCell width={widths.jobTitle} height={44}>\n                  {person.jobTitle}\n                </EpicCell>\n                <EpicCell width={widths.favoriteMovie} height={44}>\n                  {person.favoriteMovie}\n                </EpicCell>\n                <EpicCell width={widths.favoriteFood} height={44}>\n                  {person.favoriteFood}\n                </EpicCell>\n                <EpicCell width={widths.dateOfBirth} height={44}>\n                  {person.dateOfBirth}\n                </EpicCell>\n                <EpicCell width={widths.sex} height={44}>\n                  {person.sex}\n                </EpicCell>\n                <EpicCell width={widths.actions} height={44}>\n                  <Button icon=\"delete\" onClick={action('delete')} />\n                  <Button icon=\"edit\" onClick={action('edit')} />\n                </EpicCell>\n              </EpicRow>\n              <EpicDetailRow active={index === detail} left={300}>\n                {() => (\n                  <EpicDetail onClose={() => setDetail(-1)}>\n                    <Row tag=\"dl\">\n                      <Col tag=\"dt\" sm={3}>\n                        First name\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.firstName}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Last name\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.lastName}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Date of birth\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.dateOfBirth}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Sex\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.sex}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Job title\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.jobTitle}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Eye color\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.eyeColor}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Weight\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.weight}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Height\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.height}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Favorite food\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.favoriteFood}\n                      </Col>\n\n                      <Col tag=\"dt\" sm={3}>\n                        Favorite movie\n                      </Col>\n                      <Col tag=\"dd\" sm={9}>\n                        {person.favoriteMovie}\n                      </Col>\n\n                      <Col>\n                        <Input defaultValue=\"This input should have a normal height\" />\n                      </Col>\n                    </Row>\n                  </EpicDetail>\n                )}\n              </EpicDetailRow>\n            </Fragment>\n          ))}\n        </EpicTable>\n\n        <div className=\"d-flex justify-content-center\">\n          <Pagination\n            className=\"my-3\"\n            page={pageOfPersons}\n            onChange={setPage}\n          />\n        </div>\n      </Card>\n    );\n  })\n  .add('basic example', () => {\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {persons.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.eyeColor}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.height}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.weight}\n              </EpicCell>\n              <EpicCell width={200} height={44}>\n                {person.jobTitle}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                {person.favoriteMovie}\n              </EpicCell>\n              <EpicCell width={150} height={44}>\n                {person.favoriteFood}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.dateOfBirth}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.sex}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('with row click', () => {\n    function onRowClick(person: Person) {\n      alert(`You clicked ${person.firstName} ${person.lastName}`);\n    }\n\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {persons.map((person) => (\n            <EpicRow key={person.id} onClick={() => onRowClick(person)}>\n              <EpicCell width={300} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.eyeColor}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.height}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.weight}\n              </EpicCell>\n              <EpicCell width={200} height={44}>\n                {person.jobTitle}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                {person.favoriteMovie}\n              </EpicCell>\n              <EpicCell width={150} height={44}>\n                {person.favoriteFood}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.dateOfBirth}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.sex}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('no stripes', () => {\n    return (\n      <Card body>\n        <EpicTable striped={false}>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {persons.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.eyeColor}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.height}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.weight}\n              </EpicCell>\n              <EpicCell width={200} height={44}>\n                {person.jobTitle}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                {person.favoriteMovie}\n              </EpicCell>\n              <EpicCell width={150} height={44}>\n                {person.favoriteFood}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.dateOfBirth}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.sex}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('small example', () => {\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {persons.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('no header', () => {\n    return (\n      <Card body>\n        <EpicTable>\n          {persons.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('no right', () => {\n    return (\n      <Card body>\n        <EpicTable hasRight={false}>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n          </EpicRow>\n\n          {persons.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.eyeColor}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.height}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.weight}\n              </EpicCell>\n              <EpicCell width={200} height={44}>\n                {person.jobTitle}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                {person.favoriteMovie}\n              </EpicCell>\n              <EpicCell width={150} height={44}>\n                {person.favoriteFood}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.dateOfBirth}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.sex}\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('with overlay', () => {\n    const [mode, setMode] = useState<ContentStateMode>('loading');\n    const [detail, setDetail] = useState(false);\n\n    return (\n      <Card body>\n        <div className=\"d-flex mb-2\">\n          <Button className=\"me-1\" onClick={() => setMode('loading')}>\n            Loading\n          </Button>\n          <Button className=\"me-1\" onClick={() => setMode('empty')}>\n            Empty\n          </Button>\n          <Button className=\"me-1\" onClick={() => setMode('error')}>\n            Error\n          </Button>\n          <Button className=\"me-1\" onClick={() => setMode('no-results')}>\n            No results\n          </Button>\n\n          <Button\n            className=\"d-inline-block float-end\"\n            icon=\"details\"\n            onClick={() => setDetail(true)}\n          >\n            Show detail\n          </Button>\n        </div>\n\n        <EpicTable\n          overlay={\n            <ContentState\n              className=\"my-5\"\n              mode={mode}\n              title={`In mode ${mode}`}\n            />\n          }\n        >\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n          <EpicDetailRow active={detail} left={300}>\n            {() => (\n              <EpicDetail onClose={() => setDetail(false)}>\n                <h2>Details</h2>\n\n                <p>\n                  Details should be shown over the overlay. This allows the user\n                  to create items when the table is still empty.\n                </p>\n              </EpicDetail>\n            )}\n          </EpicDetailRow>\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('with sort', () => {\n    const [direction, setDirection] = useState<EpicTableSortDirection>('NONE');\n\n    const sortFn =\n      direction === 'ASC'\n        ? (a, b) => a.firstName.localeCompare(b.firstName)\n        : (a, b) => b.firstName.localeCompare(a.firstName);\n\n    const sortedPersons = persons.sort(sortFn);\n\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              <div className=\"d-flex w-100 justify-content-between\">\n                First name\n                <EpicSort direction={direction} onChange={setDirection} />\n              </div>\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {sortedPersons.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.eyeColor}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.height}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.weight}\n              </EpicCell>\n              <EpicCell width={200} height={44}>\n                {person.jobTitle}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                {person.favoriteMovie}\n              </EpicCell>\n              <EpicCell width={150} height={44}>\n                {person.favoriteFood}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.dateOfBirth}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.sex}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('with resizable columns', () => {\n    const [widths, setWidths] = useState(() => ({\n      firstName: 300,\n      lastName: 100,\n      age: 100,\n      eyeColor: 100\n    }));\n\n    function changeSize(name: keyof Person, width: number) {\n      setWidths((widths) => ({ ...widths, [name]: width }));\n    }\n\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader\n              width={widths.firstName}\n              height={44}\n              onResize={(width) => changeSize('firstName', width)}\n            >\n              First name\n            </EpicHeader>\n            <EpicHeader\n              width={widths.lastName}\n              height={44}\n              onResize={(width) => changeSize('lastName', width)}\n            >\n              Last name\n            </EpicHeader>\n            <EpicHeader\n              width={widths.age}\n              height={44}\n              onResize={(width) => changeSize('age', width)}\n            >\n              Age\n            </EpicHeader>\n            <EpicHeader\n              width={widths.eyeColor}\n              height={44}\n              onResize={(width) => changeSize('eyeColor', width)}\n            >\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {persons.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={widths.firstName} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={widths.lastName} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={widths.age} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={widths.eyeColor} height={44}>\n                {person.eyeColor}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('multiple headers', () => {\n    const contactsByLetter = groupBy(persons, (p) => p.lastName[0]);\n\n    const letters = Object.keys(contactsByLetter).sort();\n\n    return (\n      <Card body>\n        <EpicTable>\n          {letters.map((letter) => (\n            <Fragment key={letter}>\n              <EpicRow header>\n                <EpicHeader width={300} height={44}>\n                  {letter}\n                </EpicHeader>\n                <EpicHeader width={100} height={44}>\n                  First name\n                </EpicHeader>\n                <EpicHeader width={100} height={44}>\n                  Age\n                </EpicHeader>\n                <EpicHeader width={100} height={44}>\n                  Eye color\n                </EpicHeader>\n                <EpicHeader width={100} height={44}>\n                  Height\n                </EpicHeader>\n                <EpicHeader width={100} height={44}>\n                  Weight\n                </EpicHeader>\n                <EpicHeader width={200} height={44}>\n                  Job title\n                </EpicHeader>\n                <EpicHeader width={300} height={44}>\n                  Favorite movie\n                </EpicHeader>\n                <EpicHeader width={150} height={44}>\n                  Favorite food\n                </EpicHeader>\n                <EpicHeader width={100} height={44}>\n                  Birth date\n                </EpicHeader>\n                <EpicHeader width={100} height={44}>\n                  Sex\n                </EpicHeader>\n                <EpicHeader width={300} height={44}>\n                  Actions\n                </EpicHeader>\n              </EpicRow>\n              {contactsByLetter[letter].map((person) => (\n                <EpicRow key={person.id}>\n                  <EpicCell width={300} height={44}>\n                    {person.lastName}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.firstName}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.age}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.eyeColor}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.height}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.weight}\n                  </EpicCell>\n                  <EpicCell width={200} height={44}>\n                    {person.jobTitle}\n                  </EpicCell>\n                  <EpicCell width={300} height={44}>\n                    {person.favoriteMovie}\n                  </EpicCell>\n                  <EpicCell width={150} height={44}>\n                    {person.favoriteFood}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.dateOfBirth}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.sex}\n                  </EpicCell>\n                  <EpicCell width={300} height={44}>\n                    <Button icon=\"delete\" onClick={action('delete')} />\n                    <Button icon=\"edit\" onClick={action('edit')} />\n                  </EpicCell>\n                </EpicRow>\n              ))}\n            </Fragment>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('single column', () => {\n    const contactsByLetter = groupBy(persons, (p) => p.lastName[0]);\n\n    const letters = Object.keys(contactsByLetter).sort();\n\n    return (\n      <Card body>\n        <EpicTable striped={false}>\n          {letters.map((letter) => (\n            <Fragment key={letter}>\n              <EpicRow header>\n                <EpicHeader width={300} height={44}>\n                  {letter}\n                </EpicHeader>\n              </EpicRow>\n              {contactsByLetter[letter].map((person) => (\n                <EpicRow key={person.id}>\n                  <EpicCell width={300} height={44}>\n                    <EpicCellLayout mode=\"horizontal\">\n                      {person.lastName}\n                      <div>\n                        <Button icon=\"delete\" onClick={action('delete')} />\n                        <Button icon=\"edit\" onClick={action('edit')} />\n                      </div>\n                    </EpicCellLayout>\n                  </EpicCell>\n                </EpicRow>\n              ))}\n            </Fragment>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('with pagination', () => {\n    const [page, setPage] = useState(1);\n\n    const pageOfPersons = pageOf(persons, page, 20);\n\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {pageOfPersons.content.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={44}>\n                {person.firstName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.eyeColor}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.height}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.weight}\n              </EpicCell>\n              <EpicCell width={200} height={44}>\n                {person.jobTitle}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                {person.favoriteMovie}\n              </EpicCell>\n              <EpicCell width={150} height={44}>\n                {person.favoriteFood}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.dateOfBirth}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.sex}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n\n        <div className=\"d-flex justify-content-center\">\n          <Pagination\n            className=\"my-3\"\n            page={pageOfPersons}\n            onChange={setPage}\n          />\n        </div>\n      </Card>\n    );\n  })\n  .add('with expander', () => {\n    const [expanded, setExpanded] = useState(-1);\n\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {persons.map((person, index) => (\n            <Fragment key={person.id}>\n              <EpicRow>\n                <EpicCell width={300} height={44}>\n                  <EpicCellLayout mode=\"horizontal\">\n                    {person.firstName}\n\n                    <EpicExpander\n                      open={expanded === index}\n                      onChange={(open) => setExpanded(open ? index : -1)}\n                    />\n                  </EpicCellLayout>\n                </EpicCell>\n                <EpicCell width={100} height={44}>\n                  {person.lastName}\n                </EpicCell>\n                <EpicCell width={100} height={44}>\n                  {person.age}\n                </EpicCell>\n                <EpicCell width={100} height={44}>\n                  {person.eyeColor}\n                </EpicCell>\n                <EpicCell width={100} height={44}>\n                  {person.height}\n                </EpicCell>\n                <EpicCell width={100} height={44}>\n                  {person.weight}\n                </EpicCell>\n                <EpicCell width={200} height={44}>\n                  {person.jobTitle}\n                </EpicCell>\n                <EpicCell width={300} height={44}>\n                  {person.favoriteMovie}\n                </EpicCell>\n                <EpicCell width={150} height={44}>\n                  {person.favoriteFood}\n                </EpicCell>\n                <EpicCell width={100} height={44}>\n                  {person.dateOfBirth}\n                </EpicCell>\n                <EpicCell width={100} height={44}>\n                  {person.sex}\n                </EpicCell>\n                <EpicCell width={300} height={44}>\n                  <Button icon=\"delete\" onClick={action('delete')} />\n                  <Button icon=\"edit\" onClick={action('edit')} />\n                </EpicCell>\n              </EpicRow>\n              <EpicExpanderRow active={index === expanded} height={58}>\n                {() => (\n                  <div className=\"p-1\">\n                    <Alert className=\"mb-0\" color=\"danger\">\n                      You can place any content inside of an `EpicExpanderRow`.\n                      This is the row for {person.firstName} {person.lastName}.\n                    </Alert>\n                  </div>\n                )}\n              </EpicExpanderRow>\n            </Fragment>\n          ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('with detail', () => {\n    const [detail, setDetail] = useState(-1);\n\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {persons\n            .filter((p) => p.firstName === 'Zechs')\n            .map((person, index) => (\n              <Fragment key={person.id}>\n                <EpicRow>\n                  <EpicCell width={300} height={44}>\n                    <span\n                      onClick={() => setDetail(index)}\n                      className=\"text-primary clickable\"\n                    >\n                      {person.firstName}\n                    </span>\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.lastName}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.age}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.eyeColor}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.height}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.weight}\n                  </EpicCell>\n                  <EpicCell width={200} height={44}>\n                    {person.jobTitle}\n                  </EpicCell>\n                  <EpicCell width={300} height={44}>\n                    {person.favoriteMovie}\n                  </EpicCell>\n                  <EpicCell width={150} height={44}>\n                    {person.favoriteFood}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.dateOfBirth}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.sex}\n                  </EpicCell>\n                  <EpicCell width={300} height={44}>\n                    <Button icon=\"delete\" onClick={action('delete')} />\n                    <Button icon=\"edit\" onClick={action('edit')} />\n                  </EpicCell>\n                </EpicRow>\n                <EpicDetailRow active={index === detail} left={300}>\n                  {() => (\n                    <EpicDetail onClose={() => setDetail(-1)}>\n                      <Row tag=\"dl\">\n                        <Col tag=\"dt\" sm={3}>\n                          First name\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.firstName}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Last name\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.lastName}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Date of birth\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.dateOfBirth}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Sex\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.sex}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Job title\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.jobTitle}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Eye color\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.eyeColor}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Weight\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.weight}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Height\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.height}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Favorite food\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.favoriteFood}\n                        </Col>\n\n                        <Col tag=\"dt\" sm={3}>\n                          Favorite movie\n                        </Col>\n                        <Col tag=\"dd\" sm={9}>\n                          {person.favoriteMovie}\n                        </Col>\n\n                        <p className=\"p-5\">\n                          Lorem, ipsum dolor sit amet consectetur adipisicing\n                          elit. Dignissimos assumenda doloribus earum quidem\n                          consequuntur. Eligendi necessitatibus vero tenetur quo\n                          dolorem, nesciunt reprehenderit, rerum ea modi,\n                          suscipit porro maiores nostrum atque.\n                        </p>\n\n                        <p className=\"p-5\">\n                          Lorem, ipsum dolor sit amet consectetur adipisicing\n                          elit. Dignissimos assumenda doloribus earum quidem\n                          consequuntur. Eligendi necessitatibus vero tenetur quo\n                          dolorem, nesciunt reprehenderit, rerum ea modi,\n                          suscipit porro maiores nostrum atque.\n                        </p>\n                      </Row>\n                    </EpicDetail>\n                  )}\n                </EpicDetailRow>\n              </Fragment>\n            ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('with detail but small', () => {\n    const [detail, setDetail] = useState(-1);\n\n    return (\n      <Card body>\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {persons\n            .filter((p) => p.firstName === 'Zechs')\n            .map((person, index) => (\n              <Fragment key={person.id}>\n                <EpicRow>\n                  <EpicCell width={300} height={44}>\n                    <span\n                      onClick={() => setDetail(index)}\n                      className=\"text-primary clickable\"\n                    >\n                      {person.firstName}\n                    </span>\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.lastName}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.age}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.eyeColor}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.height}\n                  </EpicCell>\n                  <EpicCell width={100} height={44}>\n                    {person.weight}\n                  </EpicCell>\n                  <EpicCell width={300} height={44}>\n                    <Button icon=\"delete\" onClick={action('delete')} />\n                    <Button icon=\"edit\" onClick={action('edit')} />\n                  </EpicCell>\n                </EpicRow>\n                <EpicDetailRow active={index === detail} left={300}>\n                  {() => (\n                    <EpicDetail onClose={() => setDetail(-1)}>\n                      <MoreOrLess\n                        content={persons.map((p) => (\n                          <p key={p.id}>{p.firstName}</p>\n                        ))}\n                        limit={3}\n                      />\n                    </EpicDetail>\n                  )}\n                </EpicDetailRow>\n              </Fragment>\n            ))}\n        </EpicTable>\n      </Card>\n    );\n  })\n  .add('with selection', () => {\n    const [page, setPage] = useState(1);\n\n    const pageOfPersons = pageOf(persons, page, 20);\n\n    const [selected, setSelected] = useState<Person[]>([]);\n\n    function onSelect(person: Person, checked: boolean) {\n      if (checked) {\n        selected.push(person);\n        setSelected([...selected]);\n      } else {\n        const nextSelected = selected.filter((p) => p.id !== person.id);\n\n        setSelected(nextSelected);\n      }\n    }\n\n    const allPersonsSelected =\n      selected.length > 0 &&\n      pageOfPersons.content.every((p) => selected.some((ps) => ps.id === p.id));\n\n    function selectAllClicked(checked: boolean) {\n      if (checked) {\n        pageOfPersons.content.forEach((p) => {\n          if (selected.every((ps) => p.id !== ps.id)) {\n            selected.push(p);\n          }\n\n          setSelected([...selected]);\n        });\n      } else {\n        setSelected([]);\n      }\n    }\n\n    return (\n      <Card body>\n        {selected.length > 0 ? (\n          <>\n            <h2>Selected</h2>\n            <div className=\"mb-3\">\n              {selected.map((person) => (\n                <Tag\n                  key={person.id}\n                  text={`${person.firstName} ${person.lastName}`}\n                  onRemove={() => onSelect(person, false)}\n                />\n              ))}\n            </div>\n          </>\n        ) : null}\n\n        <EpicTable>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              <EpicSelection\n                checked={allPersonsSelected}\n                onChange={(checked) => selectAllClicked(checked)}\n              >\n                First name\n              </EpicSelection>\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Sex\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n          </EpicRow>\n\n          {pageOfPersons.content.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={44}>\n                <EpicSelection\n                  checked={selected.some((p) => p.id === person.id)}\n                  onChange={(checked) => onSelect(person, checked)}\n                >\n                  {person.firstName}\n                </EpicSelection>\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.lastName}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.age}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.eyeColor}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.height}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.weight}\n              </EpicCell>\n              <EpicCell width={200} height={44}>\n                {person.jobTitle}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                {person.favoriteMovie}\n              </EpicCell>\n              <EpicCell width={150} height={44}>\n                {person.favoriteFood}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.dateOfBirth}\n              </EpicCell>\n              <EpicCell width={100} height={44}>\n                {person.sex}\n              </EpicCell>\n              <EpicCell width={300} height={44}>\n                <Button icon=\"delete\" onClick={action('delete')} />\n                <Button icon=\"edit\" onClick={action('edit')} />\n              </EpicCell>\n            </EpicRow>\n          ))}\n        </EpicTable>\n\n        <div className=\"d-flex justify-content-center\">\n          <Pagination\n            className=\"my-3\"\n            page={pageOfPersons}\n            onChange={setPage}\n          />\n        </div>\n      </Card>\n    );\n  });\n\ntype Person = {\n  id: number;\n  firstName: string;\n  lastName: string;\n  age: number;\n  eyeColor: string;\n  height: number;\n  weight: number;\n  jobTitle: string;\n  favoriteMovie: string;\n  favoriteFood: string;\n  dateOfBirth: string;\n  sex: string;\n};\n\nconst persons: Person[] = [\n  {\n    id: Math.random(),\n    firstName: 'Fitzpatrick',\n    lastName: 'Lyons',\n    age: 20,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Senior CodeMonkey',\n    favoriteMovie: 'The Matrix',\n    favoriteFood: 'Hamburgers',\n    dateOfBirth: '2014-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Berry',\n    lastName: 'McNab',\n    age: 41,\n    eyeColor: 'blue',\n    height: 13,\n    weight: 55,\n    jobTitle: 'Business Manager',\n    favoriteMovie: 'Fear and loathing in Las Vegas',\n    favoriteFood: 'Spaghetti',\n    dateOfBirth: '2000-09-24',\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Neville',\n    lastName: 'Brooks',\n    age: 25,\n    eyeColor: 'green',\n    height: 12,\n    weight: 32,\n    jobTitle: 'Senior CodeMonkey',\n    favoriteMovie: 'Lord of the Rings',\n    favoriteFood: 'French Fries',\n    dateOfBirth: '2014-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Leonard',\n    lastName: 'Nemoy',\n    age: 50,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Thespian',\n    favoriteMovie: 'Star Trek',\n    favoriteFood: 'Kosher',\n    dateOfBirth: '1900-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Levi',\n    lastName: 'Smith',\n    age: 30,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Taxi driver',\n    favoriteMovie: 'Taxi',\n    favoriteFood:\n      'Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, at nam alias ad culpa quae deleniti. Autem eveniet mollitia veritatis reprehenderit ea, tempora vero voluptatem. Dolore repudiandae voluptate quam quidem.,',\n    dateOfBirth: '2014-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Celine',\n    lastName: 'Ferdinand',\n    age: 80,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Retired',\n    favoriteMovie: 'Driving miss Daisy',\n    favoriteFood: 'Prunes',\n    dateOfBirth: '1940-09-24',\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bonald',\n    lastName: 'Ferdinand',\n    age: 82,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Retired',\n    favoriteMovie: 'Driving miss Daisy',\n    favoriteFood: 'Prunes',\n    dateOfBirth: '1938-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Zechs',\n    lastName: 'Merquise',\n    age: 42,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Ace pilot',\n    favoriteMovie: 'Gundam wing',\n    favoriteFood: 'Apple pie',\n    dateOfBirth: '2010-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'David',\n    lastName: 'Hayter',\n    age: 55,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Voice actor',\n    favoriteMovie: 'Guyver',\n    favoriteFood: 'Snakes',\n    dateOfBirth: '1960-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'James',\n    lastName: 'Kirk',\n    age: 50,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captain',\n    favoriteMovie: 'Star Trek',\n    favoriteFood: 'Replicated',\n    dateOfBirth: '2100-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bert',\n    lastName: 'Kelly',\n    age: 30,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Blacksmith',\n    favoriteMovie: 'Not without my daughter',\n    favoriteFood: 'Pears',\n    dateOfBirth: '1989-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'John',\n    lastName: 'Goodall',\n    age: 68,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Gardner',\n    favoriteMovie: 'The Gardner',\n    favoriteFood: 'Cauliflower',\n    dateOfBirth: '2019-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Rick',\n    lastName: 'Xander',\n    age: 14,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Baker',\n    favoriteMovie: 'Halloween',\n    favoriteFood: 'Cake',\n    dateOfBirth: '1980-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Jessica',\n    lastName: 'Bernard',\n    age: 36,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Student',\n    favoriteMovie: 'Highlander',\n    favoriteFood: 'Ice cream',\n    dateOfBirth: '1980-09-24',\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Benjamin',\n    lastName: 'Sisko',\n    age: 55,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Commander',\n    favoriteMovie: 'Search for Spock',\n    favoriteFood: 'Jamba',\n    dateOfBirth: '2200-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Kathyrn',\n    lastName: 'Janeway',\n    age: 55,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captain',\n    favoriteMovie: 'Wrath of Khan',\n    favoriteFood: 'Coffee',\n    dateOfBirth: '2240-09-24',\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Jean-Luc',\n    lastName: 'Picard',\n    age: 66,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captain',\n    favoriteMovie: 'Next generation',\n    favoriteFood: 'Tea Earl Grey Hot',\n    dateOfBirth: '2200-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Peter',\n    lastName: 'Parker',\n    age: 30,\n    eyeColor: 'blue',\n    height: 55,\n    weight: 14,\n    jobTitle: 'Spider-man',\n    favoriteMovie: 'Spider-man',\n    favoriteFood: 'Webs',\n    dateOfBirth: '1990-09-24',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Clark',\n    lastName: 'Kent',\n    age: 40,\n    eyeColor: 'blue',\n    height: 80,\n    weight: 33,\n    jobTitle: 'Journalist',\n    favoriteMovie: 'Superman returns',\n    favoriteFood: 'Kryptonite',\n    dateOfBirth: '1960-01-01',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bruce',\n    lastName: 'Wayne',\n    age: 55,\n    eyeColor: 'blue',\n    height: 70,\n    weight: 33,\n    jobTitle: 'CEO',\n    favoriteMovie: 'Batman begins',\n    favoriteFood: 'Bats',\n    dateOfBirth: '1955-01-01',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Diana',\n    lastName: 'Prince',\n    age: 28,\n    eyeColor: 'green',\n    height: 90,\n    weight: 19,\n    jobTitle: 'Curator',\n    favoriteMovie: 'Wonderwoman',\n    favoriteFood: 'Greek',\n    dateOfBirth: '1990-01-01',\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Tony',\n    lastName: 'Stark',\n    age: 40,\n    eyeColor: 'brown',\n    height: 70,\n    weight: 33,\n    jobTitle: 'CEO',\n    favoriteMovie: 'Ironman',\n    favoriteFood: 'Shoarma',\n    dateOfBirth: '1980-01-01',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Steve',\n    lastName: 'Rogers',\n    age: 100,\n    eyeColor: 'blue',\n    height: 44,\n    weight: 55,\n    jobTitle: 'Captain',\n    favoriteMovie: 'Winter soldier',\n    favoriteFood: 'Apple pie',\n    dateOfBirth: '1920-01-01',\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Natasha',\n    lastName: 'Romanov',\n    age: 30,\n    eyeColor: 'green',\n    height: 77,\n    weight: 66,\n    jobTitle: 'Black widow',\n    favoriteMovie: 'Avengers',\n    favoriteFood: 'Stroganov',\n    dateOfBirth: '1995-01-01',\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bruce',\n    lastName: 'Banner',\n    age: 42,\n    eyeColor: 'brown',\n    height: 89,\n    weight: 99,\n    jobTitle: 'Smasher',\n    favoriteMovie: 'The Incredible Hulk',\n    favoriteFood: 'Gammarays',\n    dateOfBirth: '1975-01-01',\n    sex: 'male'\n  }\n];\n",locationsMap:{"with-selection":{startLoc:{col:7,line:1886},endLoc:{col:3,line:2041},startBody:{col:25,line:1886},endBody:{col:3,line:2041}},"with-detail-but-small":{startLoc:{col:7,line:1805},endLoc:{col:3,line:1885},startBody:{col:32,line:1805},endBody:{col:3,line:1885}},"with-detail":{startLoc:{col:7,line:1613},endLoc:{col:3,line:1804},startBody:{col:22,line:1613},endBody:{col:3,line:1804}},"with-expander":{startLoc:{col:7,line:1504},endLoc:{col:3,line:1612},startBody:{col:24,line:1504},endBody:{col:3,line:1612}},"with-pagination":{startLoc:{col:7,line:1404},endLoc:{col:3,line:1503},startBody:{col:26,line:1404},endBody:{col:3,line:1503}},"single-column":{startLoc:{col:7,line:1370},endLoc:{col:3,line:1403},startBody:{col:24,line:1370},endBody:{col:3,line:1403}},"multiple-headers":{startLoc:{col:7,line:1275},endLoc:{col:3,line:1369},startBody:{col:27,line:1275},endBody:{col:3,line:1369}},"with-resizable-columns":{startLoc:{col:7,line:1202},endLoc:{col:3,line:1274},startBody:{col:33,line:1202},endBody:{col:3,line:1274}},"with-sort":{startLoc:{col:7,line:1102},endLoc:{col:3,line:1201},startBody:{col:20,line:1102},endBody:{col:3,line:1201}},"with-overlay":{startLoc:{col:7,line:1010},endLoc:{col:3,line:1101},startBody:{col:23,line:1010},endBody:{col:3,line:1101}},"no-right":{startLoc:{col:7,line:929},endLoc:{col:3,line:1009},startBody:{col:19,line:929},endBody:{col:3,line:1009}},"no-header":{startLoc:{col:7,line:904},endLoc:{col:3,line:928},startBody:{col:20,line:904},endBody:{col:3,line:928}},"small-example":{startLoc:{col:7,line:864},endLoc:{col:3,line:903},startBody:{col:24,line:864},endBody:{col:3,line:903}},"no-stripes":{startLoc:{col:7,line:776},endLoc:{col:3,line:863},startBody:{col:21,line:776},endBody:{col:3,line:863}},"with-row-click":{startLoc:{col:7,line:684},endLoc:{col:3,line:775},startBody:{col:25,line:684},endBody:{col:3,line:775}},"basic-example":{startLoc:{col:7,line:596},endLoc:{col:3,line:683},startBody:{col:24,line:596},endBody:{col:3,line:683}},"full-example":{startLoc:{col:7,line:35},endLoc:{col:3,line:595},startBody:{col:23,line:35},endBody:{col:3,line:595}}}}}).addParameters({component:_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b}).add("full example",(function(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((function(){return{firstName:300,lastName:200,age:200,eyeColor:200,height:150,weight:150,jobTitle:200,favoriteMovie:300,favoriteFood:200,dateOfBirth:200,sex:200,actions:300}})),2),widths=_useState2[0],setWidths=_useState2[1];function changeSize(name,width){setWidths((function(widths){return _objectSpread(_objectSpread({},widths),{},_defineProperty({},name,width))}))}var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((function(){return{firstName:"",lastName:"",age:"",eyeColor:"",height:"",weight:"",jobTitle:"",favoriteMovie:"",favoriteFood:"",dateOfBirth:"",sex:""}})),2),filters=_useState4[0],setFilters=_useState4[1];function filterChanged(name,value){setFilters(_objectSpread(_objectSpread({},filters),{},_defineProperty({},name,value)))}var filteredPersons=persons.filter((function(person){return(0,lodash__WEBPACK_IMPORTED_MODULE_3__.every)(filters,(function(value,key){var text=person[key];return!value||"all"===value||(0,lodash__WEBPACK_IMPORTED_MODULE_3__.startsWith)((0,lodash__WEBPACK_IMPORTED_MODULE_3__.lowerCase)(text),(0,lodash__WEBPACK_IMPORTED_MODULE_3__.lowerCase)(value))}))})),_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({direction:"NONE",column:"firstName"}),2),sort=_useState6[0],setSort=_useState6[1];function changeSort(column,direction){setPage(1),setSort({direction,column})}var sortFn="ASC"===sort.direction?function(a,b){return"".concat(a[sort.column]).localeCompare("".concat(b[sort.column]))}:function(a,b){return"".concat(b[sort.column]).localeCompare("".concat(a[sort.column]))},sortedPersons=filteredPersons.sort(sortFn),_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState8[0],setPage=_useState8[1],pageOfPersons=(0,___WEBPACK_IMPORTED_MODULE_15__.uj)(sortedPersons,page,20),_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),selected=_useState10[0],setSelected=_useState10[1];function onSelect(person,checked){if(checked)selected.push(person),setSelected(_toConsumableArray(selected));else{var nextSelected=selected.filter((function(p){return p.id!==person.id}));setSelected(nextSelected)}}var allPersonsSelected=selected.length>0&&pageOfPersons.content.every((function(p){return selected.some((function(ps){return ps.id===p.id}))}));var _useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),2),detail=_useState12[0],setDetail=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),loading=_useState14[0],setLoading=_useState14[1];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){setLoading(!0),setTimeout((function(){setLoading(!1)}),1e3)}),[]),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},selected.length>0?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Selected"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"mb-3"},selected.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.Vp,{key:person.id,text:"".concat(person.firstName," ").concat(person.lastName),onRemove:function onRemove(){return onSelect(person,!1)}})})))):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,{overlay:loading?react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.Mi,{className:"my-5",mode:"loading",title:"Loading"}):0===pageOfPersons.totalElements?react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.Mi,{className:"my-5",mode:"no-results",title:"Try again with a different query"}):null},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.firstName,height:88,onResize:function onResize(width){return changeSize("firstName",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSelection_EpicSelection__WEBPACK_IMPORTED_MODULE_13__.M,{checked:allPersonsSelected,onChange:function onChange(checked){return function selectAllClicked(checked){checked?pageOfPersons.content.forEach((function(p){selected.every((function(ps){return p.id!==ps.id}))&&selected.push(p),setSelected(_toConsumableArray(selected))})):setSelected([])}(checked)}},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"firstName"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("firstName",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{onChange:function onChange(event){event.preventDefault(),filterChanged("firstName",event.target.value)}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.lastName,height:88,onResize:function onResize(width){return changeSize("lastName",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Last name",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"lastName"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("lastName",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{onChange:function onChange(event){return filterChanged("lastName",event.target.value)}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.age,height:88,onResize:function onResize(width){return changeSize("age",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Age",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"age"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("age",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{onChange:function onChange(event){return filterChanged("age",event.target.value)}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.eyeColor,height:88,onResize:function onResize(width){return changeSize("eyeColor",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Eye color",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"eyeColor"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("eyeColor",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{type:"select",onChange:function onChange(event){return filterChanged("eyeColor",event.target.value)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",null,"all"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",null,"brown"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",null,"green"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",null,"blue")))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.height,height:88,onResize:function onResize(width){return changeSize("height",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Height",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"height"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("height",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{onChange:function onChange(event){return filterChanged("height",event.target.value)}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.weight,height:88,onResize:function onResize(width){return changeSize("weight",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Weight",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"weight"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("weight",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{onChange:function onChange(event){return filterChanged("weight",event.target.value)}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.jobTitle,height:88,onResize:function onResize(width){return changeSize("jobTitle",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Job title",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"jobTitle"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("jobTitle",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{onChange:function onChange(event){return filterChanged("jobTitle",event.target.value)}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.favoriteMovie,height:88,onResize:function onResize(width){return changeSize("favoriteMovie",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Favorite movie",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"favoriteMovie"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("favoriteMovie",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,null))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.favoriteFood,height:88,onResize:function onResize(width){return changeSize("favoriteFood",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Favorite food",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"favoriteFood"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("favoriteFood",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{onChange:function onChange(event){return filterChanged("favoriteFood",event.target.value)}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.dateOfBirth,height:88,onResize:function onResize(width){return changeSize("dateOfBirth",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},"Birth date",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"dateOfBirth"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("dateOfBirth",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.Yg,{id:"dateOfBirth",dateFormat:"YYYY-MM-DD",placeholder:"YYYY-MM-DD",timeFormat:!1,onChange:function onChange(date){return filterChanged("dateOfBirth",date?moment__WEBPACK_IMPORTED_MODULE_16___default()(date).format("YYYY-MM-DD"):"")}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.sex,height:88,onResize:function onResize(width){return changeSize("sex",width)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"vertical"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex w-100 justify-content-between"},"Sex",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction:"sex"===sort.column?sort.direction:"NONE",onChange:function onChange(direction){return changeSort("sex",direction)}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{type:"select",onChange:function onChange(event){return filterChanged("sex",event.target.value)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",null,"all"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",null,"male"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",null,"female")))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.actions,height:88},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"px-1 py-1 align-self-start"},"Actions"))),pageOfPersons.content.map((function(person,index){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{onClick:function onClick(){return setDetail(index)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.firstName,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSelection_EpicSelection__WEBPACK_IMPORTED_MODULE_13__.M,{checked:selected.some((function(p){return p.id===person.id})),onChange:function onChange(checked){return onSelect(person,checked)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:"text-primary clickable w-100",onClick:function onClick(){return setDetail(index)}},person.firstName)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.lastName,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.age,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.eyeColor,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.height,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.weight,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.jobTitle,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.favoriteMovie,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.favoriteFood,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.dateOfBirth,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.sex,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.actions,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_11__.U,{active:index===detail,left:300},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_12__.H,{onClose:function onClose(){return setDetail(-1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.X2,{tag:"dl"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Date of birth"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.II,{defaultValue:"This input should have a normal height"}))))})))}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.tl,{className:"my-3",page:pageOfPersons,onChange:setPage})))})).add("basic example",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),persons.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))))})).add("with row click",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),persons.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id,onClick:function onClick(){return function onRowClick(person){alert("You clicked ".concat(person.firstName," ").concat(person.lastName))}(person)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))))})).add("no stripes",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,{striped:!1},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),persons.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))))})).add("small example",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),persons.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))))})).add("no header",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,persons.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))))})).add("no right",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,{hasRight:!1},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex")),persons.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex))}))))})).add("with overlay",(function(){var _useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("loading"),2),mode=_useState16[0],setMode=_useState16[1],_useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),detail=_useState18[0],setDetail=_useState18[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex mb-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{className:"me-1",onClick:function onClick(){return setMode("loading")}},"Loading"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{className:"me-1",onClick:function onClick(){return setMode("empty")}},"Empty"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{className:"me-1",onClick:function onClick(){return setMode("error")}},"Error"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{className:"me-1",onClick:function onClick(){return setMode("no-results")}},"No results"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{className:"d-inline-block float-end",icon:"details",onClick:function onClick(){return setDetail(!0)}},"Show detail")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,{overlay:react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.Mi,{className:"my-5",mode,title:"In mode ".concat(mode)})},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_11__.U,{active:detail,left:300},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_12__.H,{onClose:function onClose(){return setDetail(!1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Details"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Details should be shown over the overlay. This allows the user to create items when the table is still empty."))}))))})).add("with sort",(function(){var _useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("NONE"),2),direction=_useState20[0],setDirection=_useState20[1],sortFn="ASC"===direction?function(a,b){return a.firstName.localeCompare(b.firstName)}:function(a,b){return b.firstName.localeCompare(a.firstName)},sortedPersons=persons.sort(sortFn);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex w-100 justify-content-between"},"First name",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_14__.Q,{direction,onChange:setDirection}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),sortedPersons.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))))})).add("with resizable columns",(function(){var _useState22=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((function(){return{firstName:300,lastName:100,age:100,eyeColor:100}})),2),widths=_useState22[0],setWidths=_useState22[1];function changeSize(name,width){setWidths((function(widths){return _objectSpread(_objectSpread({},widths),{},_defineProperty({},name,width))}))}return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.firstName,height:44,onResize:function onResize(width){return changeSize("firstName",width)}},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.lastName,height:44,onResize:function onResize(width){return changeSize("lastName",width)}},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.age,height:44,onResize:function onResize(width){return changeSize("age",width)}},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:widths.eyeColor,height:44,onResize:function onResize(width){return changeSize("eyeColor",width)}},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),persons.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.firstName,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.lastName,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.age,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:widths.eyeColor,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))))})).add("multiple headers",(function(){var contactsByLetter=(0,lodash__WEBPACK_IMPORTED_MODULE_3__.groupBy)(persons,(function(p){return p.lastName[0]})),letters=Object.keys(contactsByLetter).sort();return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,letters.map((function(letter){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{key:letter},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},letter),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),contactsByLetter[letter].map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))})))}))))})).add("single column",(function(){var contactsByLetter=(0,lodash__WEBPACK_IMPORTED_MODULE_3__.groupBy)(persons,(function(p){return p.lastName[0]})),letters=Object.keys(contactsByLetter).sort();return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,{striped:!1},letters.map((function(letter){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{key:letter},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},letter)),contactsByLetter[letter].map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},person.lastName,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))))})))}))))})).add("with pagination",(function(){var _useState24=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState24[0],setPage=_useState24[1],pageOfPersons=(0,___WEBPACK_IMPORTED_MODULE_15__.uj)(persons,page,20);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),pageOfPersons.content.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.tl,{className:"my-3",page:pageOfPersons,onChange:setPage})))})).add("with expander",(function(){var _useState26=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),2),expanded=_useState26[0],setExpanded=_useState26[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),persons.map((function(person,index){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_9__.j,{mode:"horizontal"},person.firstName,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicExpander_EpicExpander__WEBPACK_IMPORTED_MODULE_10__.R,{open:expanded===index,onChange:function onChange(open){return setExpanded(open?index:-1)}}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicExpanderRow_EpicExpanderRow__WEBPACK_IMPORTED_MODULE_8__.G,{active:index===expanded,height:58},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"p-1"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.bZ,{className:"mb-0",color:"danger"},"You can place any content inside of an `EpicExpanderRow`. This is the row for ",person.firstName," ",person.lastName,"."))})))}))))})).add("with detail",(function(){var _useState28=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),2),detail=_useState28[0],setDetail=_useState28[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),persons.filter((function(p){return"Zechs"===p.firstName})).map((function(person,index){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{onClick:function onClick(){return setDetail(index)},className:"text-primary clickable"},person.firstName)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_11__.U,{active:index===detail,left:300},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_12__.H,{onClose:function onClose(){return setDetail(-1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.X2,{tag:"dl"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Date of birth"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dt",sm:3},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.JX,{tag:"dd",sm:9},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"p-5"},"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dignissimos assumenda doloribus earum quidem consequuntur. Eligendi necessitatibus vero tenetur quo dolorem, nesciunt reprehenderit, rerum ea modi, suscipit porro maiores nostrum atque."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"p-5"},"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dignissimos assumenda doloribus earum quidem consequuntur. Eligendi necessitatibus vero tenetur quo dolorem, nesciunt reprehenderit, rerum ea modi, suscipit porro maiores nostrum atque.")))})))}))))})).add("with detail but small",(function(){var _useState30=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),2),detail=_useState30[0],setDetail=_useState30[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),persons.filter((function(p){return"Zechs"===p.firstName})).map((function(person,index){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{onClick:function onClick(){return setDetail(index)},className:"text-primary clickable"},person.firstName)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicDetailRow_EpicDetailRow__WEBPACK_IMPORTED_MODULE_11__.U,{active:index===detail,left:300},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicDetail_EpicDetail__WEBPACK_IMPORTED_MODULE_12__.H,{onClose:function onClose(){return setDetail(-1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_MoreOrLess_MoreOrLess__WEBPACK_IMPORTED_MODULE_17__.Z,{content:persons.map((function(p){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{key:p.id},p.firstName)})),limit:3}))})))}))))})).add("with selection",(function(){var _useState32=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState32[0],setPage=_useState32[1],pageOfPersons=(0,___WEBPACK_IMPORTED_MODULE_15__.uj)(persons,page,20),_useState34=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),selected=_useState34[0],setSelected=_useState34[1];function onSelect(person,checked){if(checked)selected.push(person),setSelected(_toConsumableArray(selected));else{var nextSelected=selected.filter((function(p){return p.id!==person.id}));setSelected(nextSelected)}}var allPersonsSelected=selected.length>0&&pageOfPersons.content.every((function(p){return selected.some((function(ps){return ps.id===p.id}))}));return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__.Zb,{body:!0},selected.length>0?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Selected"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"mb-3"},selected.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.Vp,{key:person.id,text:"".concat(person.firstName," ").concat(person.lastName),onRemove:function onRemove(){return onSelect(person,!1)}})})))):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable__WEBPACK_IMPORTED_MODULE_4__.b,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSelection_EpicSelection__WEBPACK_IMPORTED_MODULE_13__.M,{checked:allPersonsSelected,onChange:function onChange(checked){return function selectAllClicked(checked){checked?pageOfPersons.content.forEach((function(p){selected.every((function(ps){return p.id!==ps.id}))&&selected.push(p),setSelected(_toConsumableArray(selected))})):setSelected([])}(checked)}},"First name")),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:100,height:44},"Sex"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_6__.B,{width:300,height:44},"Actions")),pageOfPersons.content.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_5__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_widgets_EpicSelection_EpicSelection__WEBPACK_IMPORTED_MODULE_13__.M,{checked:selected.some((function(p){return p.id===person.id})),onChange:function onChange(checked){return onSelect(person,checked)}},person.firstName)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:200,height:44},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},person.favoriteMovie),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:150,height:44},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.dateOfBirth),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:100,height:44},person.sex),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_7__.N,{width:300,height:44},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"delete",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete")}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.zx,{icon:"edit",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("edit")})))}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_15__.tl,{className:"my-3",page:pageOfPersons,onChange:setPage})))}));var persons=[{id:Math.random(),firstName:"Fitzpatrick",lastName:"Lyons",age:20,eyeColor:"brown",height:10,weight:3,jobTitle:"Senior CodeMonkey",favoriteMovie:"The Matrix",favoriteFood:"Hamburgers",dateOfBirth:"2014-09-24",sex:"male"},{id:Math.random(),firstName:"Berry",lastName:"McNab",age:41,eyeColor:"blue",height:13,weight:55,jobTitle:"Business Manager",favoriteMovie:"Fear and loathing in Las Vegas",favoriteFood:"Spaghetti",dateOfBirth:"2000-09-24",sex:"female"},{id:Math.random(),firstName:"Neville",lastName:"Brooks",age:25,eyeColor:"green",height:12,weight:32,jobTitle:"Senior CodeMonkey",favoriteMovie:"Lord of the Rings",favoriteFood:"French Fries",dateOfBirth:"2014-09-24",sex:"male"},{id:Math.random(),firstName:"Leonard",lastName:"Nemoy",age:50,eyeColor:"brown",height:10,weight:3,jobTitle:"Thespian",favoriteMovie:"Star Trek",favoriteFood:"Kosher",dateOfBirth:"1900-09-24",sex:"male"},{id:Math.random(),firstName:"Levi",lastName:"Smith",age:30,eyeColor:"brown",height:10,weight:3,jobTitle:"Taxi driver",favoriteMovie:"Taxi",favoriteFood:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, at nam alias ad culpa quae deleniti. Autem eveniet mollitia veritatis reprehenderit ea, tempora vero voluptatem. Dolore repudiandae voluptate quam quidem.,",dateOfBirth:"2014-09-24",sex:"male"},{id:Math.random(),firstName:"Celine",lastName:"Ferdinand",age:80,eyeColor:"green",height:3,weight:5,jobTitle:"Retired",favoriteMovie:"Driving miss Daisy",favoriteFood:"Prunes",dateOfBirth:"1940-09-24",sex:"female"},{id:Math.random(),firstName:"Bonald",lastName:"Ferdinand",age:82,eyeColor:"blue",height:3,weight:5,jobTitle:"Retired",favoriteMovie:"Driving miss Daisy",favoriteFood:"Prunes",dateOfBirth:"1938-09-24",sex:"male"},{id:Math.random(),firstName:"Zechs",lastName:"Merquise",age:42,eyeColor:"blue",height:3,weight:5,jobTitle:"Ace pilot",favoriteMovie:"Gundam wing",favoriteFood:"Apple pie",dateOfBirth:"2010-09-24",sex:"male"},{id:Math.random(),firstName:"David",lastName:"Hayter",age:55,eyeColor:"blue",height:3,weight:5,jobTitle:"Voice actor",favoriteMovie:"Guyver",favoriteFood:"Snakes",dateOfBirth:"1960-09-24",sex:"male"},{id:Math.random(),firstName:"James",lastName:"Kirk",age:50,eyeColor:"brown",height:3,weight:5,jobTitle:"Captain",favoriteMovie:"Star Trek",favoriteFood:"Replicated",dateOfBirth:"2100-09-24",sex:"male"},{id:Math.random(),firstName:"Bert",lastName:"Kelly",age:30,eyeColor:"blue",height:3,weight:5,jobTitle:"Blacksmith",favoriteMovie:"Not without my daughter",favoriteFood:"Pears",dateOfBirth:"1989-09-24",sex:"male"},{id:Math.random(),firstName:"John",lastName:"Goodall",age:68,eyeColor:"green",height:3,weight:5,jobTitle:"Gardner",favoriteMovie:"The Gardner",favoriteFood:"Cauliflower",dateOfBirth:"2019-09-24",sex:"male"},{id:Math.random(),firstName:"Rick",lastName:"Xander",age:14,eyeColor:"brown",height:3,weight:5,jobTitle:"Baker",favoriteMovie:"Halloween",favoriteFood:"Cake",dateOfBirth:"1980-09-24",sex:"male"},{id:Math.random(),firstName:"Jessica",lastName:"Bernard",age:36,eyeColor:"green",height:3,weight:5,jobTitle:"Student",favoriteMovie:"Highlander",favoriteFood:"Ice cream",dateOfBirth:"1980-09-24",sex:"female"},{id:Math.random(),firstName:"Benjamin",lastName:"Sisko",age:55,eyeColor:"brown",height:3,weight:5,jobTitle:"Commander",favoriteMovie:"Search for Spock",favoriteFood:"Jamba",dateOfBirth:"2200-09-24",sex:"male"},{id:Math.random(),firstName:"Kathyrn",lastName:"Janeway",age:55,eyeColor:"brown",height:3,weight:5,jobTitle:"Captain",favoriteMovie:"Wrath of Khan",favoriteFood:"Coffee",dateOfBirth:"2240-09-24",sex:"female"},{id:Math.random(),firstName:"Jean-Luc",lastName:"Picard",age:66,eyeColor:"blue",height:3,weight:5,jobTitle:"Captain",favoriteMovie:"Next generation",favoriteFood:"Tea Earl Grey Hot",dateOfBirth:"2200-09-24",sex:"male"},{id:Math.random(),firstName:"Peter",lastName:"Parker",age:30,eyeColor:"blue",height:55,weight:14,jobTitle:"Spider-man",favoriteMovie:"Spider-man",favoriteFood:"Webs",dateOfBirth:"1990-09-24",sex:"male"},{id:Math.random(),firstName:"Clark",lastName:"Kent",age:40,eyeColor:"blue",height:80,weight:33,jobTitle:"Journalist",favoriteMovie:"Superman returns",favoriteFood:"Kryptonite",dateOfBirth:"1960-01-01",sex:"male"},{id:Math.random(),firstName:"Bruce",lastName:"Wayne",age:55,eyeColor:"blue",height:70,weight:33,jobTitle:"CEO",favoriteMovie:"Batman begins",favoriteFood:"Bats",dateOfBirth:"1955-01-01",sex:"male"},{id:Math.random(),firstName:"Diana",lastName:"Prince",age:28,eyeColor:"green",height:90,weight:19,jobTitle:"Curator",favoriteMovie:"Wonderwoman",favoriteFood:"Greek",dateOfBirth:"1990-01-01",sex:"female"},{id:Math.random(),firstName:"Tony",lastName:"Stark",age:40,eyeColor:"brown",height:70,weight:33,jobTitle:"CEO",favoriteMovie:"Ironman",favoriteFood:"Shoarma",dateOfBirth:"1980-01-01",sex:"male"},{id:Math.random(),firstName:"Steve",lastName:"Rogers",age:100,eyeColor:"blue",height:44,weight:55,jobTitle:"Captain",favoriteMovie:"Winter soldier",favoriteFood:"Apple pie",dateOfBirth:"1920-01-01",sex:"male"},{id:Math.random(),firstName:"Natasha",lastName:"Romanov",age:30,eyeColor:"green",height:77,weight:66,jobTitle:"Black widow",favoriteMovie:"Avengers",favoriteFood:"Stroganov",dateOfBirth:"1995-01-01",sex:"female"},{id:Math.random(),firstName:"Bruce",lastName:"Banner",age:42,eyeColor:"brown",height:89,weight:99,jobTitle:"Smasher",favoriteMovie:"The Incredible Hulk",favoriteFood:"Gammarays",dateOfBirth:"1975-01-01",sex:"male"}]},"./src/table/FormTable/FormTable.stories.tsx":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),lodash__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/lodash/lodash.js"),_EpicTable_EpicTable__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/table/EpicTable/EpicTable.tsx"),_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/table/EpicTable/rows/EpicRow/EpicRow.tsx"),_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx"),_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/Input/Input.tsx"),_form_DateTimeInput_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/DateTimeInput/DateTimeInput.tsx"),_form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/form/RadioGroup/RadioGroup.tsx"),_form_Select_Select__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/form/Select/Select.tsx"),_form_ModalPicker_single_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/form/ModalPicker/single/ModalPickerSingle.tsx"),_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/utilities/page/page.ts"),_EpicTable_cells_EpicForm_EpicForm__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/table/EpicTable/cells/EpicForm/EpicForm.tsx"),_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/table/EpicTable/cells/EpicCell/EpicCell.tsx"),_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/table/EpicTable/cells/EpicFormCell/EpicFormCell.tsx"),_core_Button_Button__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/core/Button/Button.tsx"),_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/core/Loading/Loading.tsx"),_form_FormButton_FormButton__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/form/FormButton/FormButton.tsx"),_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/core/ConfirmButton/ConfirmButton.tsx"),_core_FlashMessage_FlashMessage__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/core/FlashMessage/FlashMessage.tsx"),_index__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/index.ts"),_42_nl_spring_connect_lib__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@42.nl/spring-connect/lib/index.js"),react_final_form__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),_form_story_utils__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/form/story-utils.tsx");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);(0,_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("table/FormTable",module).addParameters({storySource:{source:"import React, { useEffect, useState } from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { Card } from 'reactstrap';\nimport { random, uniq } from 'lodash';\n\nimport { EpicTable } from '../EpicTable/EpicTable';\nimport { EpicRow } from '../EpicTable/rows/EpicRow/EpicRow';\nimport { EpicHeader } from '../EpicTable/cells/EpicHeader/EpicHeader';\n\nimport { JarbInput } from '../../form/Input/Input';\nimport { JarbDateTimeInput } from '../../form/DateTimeInput/DateTimeInput';\nimport { JarbRadioGroup } from '../../form/RadioGroup/RadioGroup';\nimport { JarbSelect } from '../../form/Select/Select';\nimport { JarbModalPickerSingle } from '../../form/ModalPicker/single/ModalPickerSingle';\nimport { pageOf } from '../../utilities/page/page';\nimport { EpicForm } from '../EpicTable/cells/EpicForm/EpicForm';\nimport { EpicCell } from '../EpicTable/cells/EpicCell/EpicCell';\nimport { EpicFormCell } from '../EpicTable/cells/EpicFormCell/EpicFormCell';\nimport Button from '../../core/Button/Button';\nimport Loading from '../../core/Loading/Loading';\nimport { FormButton } from '../../form/FormButton/FormButton';\nimport { FormApi } from 'final-form';\nimport ConfirmButton from '../../core/ConfirmButton/ConfirmButton';\nimport FlashMessage from '../../core/FlashMessage/FlashMessage';\nimport { OpenCloseModal, Pagination } from '../../index';\nimport { emptyPage, Page } from '@42.nl/spring-connect/lib';\nimport { FormSpy } from 'react-final-form';\nimport { sleep } from '../../form/story-utils';\n\nstoriesOf('table/FormTable', module)\n  .add('basic example', () => {\n    const [newPerson] = useState<Person>({\n      id: Math.random(),\n      firstName: '',\n      lastName: '',\n      age: 0,\n      eyeColor: '',\n      height: 0,\n      weight: 0,\n      jobTitle: '',\n      favoriteMovie: undefined,\n      favoriteFood: '',\n      birthDate: undefined,\n      sex: ''\n    });\n\n    const [page, setPage] = useState(1);\n    const [newPage, setNewPage] = useState<number>();\n    const [personsList, setPersonsList] = useState(persons);\n    const [pageOfPersons, setPageOfPersons] = useState<Page<Person>>(\n      emptyPage<Person>()\n    );\n    const [loading, setLoading] = useState<Person>();\n    const [dirtyPersons, setDirtyPersons] = useState<{ [id: number]: boolean }>(\n      {}\n    );\n    const [flashMessage, setFlashMessage] = useState<string>();\n\n    useEffect(() => {\n      const p = pageOf<Person>(personsList, page, 10);\n      p.content.push({ ...newPerson });\n      setDirtyPersons({});\n      setPageOfPersons(p);\n    }, [personsList, newPerson, page]);\n\n    useEffect(() => {\n      const timeout = window.setTimeout(() => setFlashMessage(undefined), 5000);\n      return () => {\n        window.clearTimeout(timeout);\n      };\n    }, [flashMessage]);\n\n    async function onSubmit(data: Person, form: FormApi<Person>) {\n      setLoading(data);\n      await sleep(random(200, 1000));\n      const person = { ...data };\n      if (data.id === newPerson.id) {\n        person.id = Math.random();\n        setPersonsList([...personsList, person]);\n      } else {\n        setPersonsList(\n          personsList.map((p) => {\n            return p.id === person.id ? person : p;\n          })\n        );\n      }\n      setFlashMessage('Person saved successfully!');\n      window.setTimeout(\n        () => form.reset(data.id === newPerson.id ? newPerson : person),\n        1\n      );\n      setLoading(undefined);\n    }\n\n    async function deletePerson(person: Person) {\n      setLoading(person);\n      await sleep(random(200, 1000));\n      setPersonsList(personsList.filter((p) => p.id !== person.id));\n      setLoading(undefined);\n      setFlashMessage('Person deleted successfully!');\n    }\n\n    function setPersonDirty(isPristine: boolean, person: Person) {\n      if (!isPristine) {\n        if (!dirtyPersons[person.id]) {\n          setDirtyPersons({ ...dirtyPersons, [person.id]: true });\n        }\n      } else if (dirtyPersons[person.id]) {\n        setDirtyPersons({ ...dirtyPersons, [person.id]: false });\n      }\n    }\n\n    function confirmPage(pageNumber: number) {\n      if (Object.values(dirtyPersons).some((d) => d)) {\n        setNewPage(pageNumber);\n      } else {\n        setPage(pageNumber);\n      }\n    }\n\n    return (\n      <Card body>\n        {flashMessage ? (\n          <FlashMessage\n            onClose={() => setFlashMessage(undefined)}\n            color=\"success\"\n          >\n            {flashMessage}\n          </FlashMessage>\n        ) : null}\n        <EpicTable hasRight={false}>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Sex\n            </EpicHeader>\n          </EpicRow>\n          {pageOfPersons.content.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={52}>\n                {loading && loading.id === person.id ? (\n                  <Loading text={{ loading: 'Processing...' }} />\n                ) : (\n                  <>\n                    <FormButton\n                      formId={'personForm' + person.id}\n                      type=\"submit\"\n                      icon=\"save\"\n                      className=\"me-1\"\n                      color={dirtyPersons[person.id] ? 'primary' : 'secondary'}\n                    >\n                      Save\n                    </FormButton>\n                    {dirtyPersons[person.id] ? (\n                      <FormButton\n                        formId={'personForm' + person.id}\n                        type=\"reset\"\n                        icon=\"restore\"\n                        color=\"secondary\"\n                        className=\"me-1\"\n                      >\n                        Reset\n                      </FormButton>\n                    ) : null}\n                    {person.id !== newPerson.id ? (\n                      <ConfirmButton\n                        onConfirm={() => deletePerson(person)}\n                        icon=\"delete\"\n                        color=\"danger\"\n                        dialogText={`Are you sure you want to delete ${person.firstName} ${person.lastName}?`}\n                      >\n                        Delete\n                      </ConfirmButton>\n                    ) : null}\n                  </>\n                )}\n              </EpicCell>\n              <EpicForm\n                id={'personForm' + person.id}\n                width={1950}\n                height={52}\n                initialValues={person}\n                onSubmit={onSubmit}\n              >\n                <FormSpy\n                  subscription={{ pristine: true }}\n                  onChange={(formState) =>\n                    setPersonDirty(formState.pristine, person)\n                  }\n                />\n                <EpicFormCell width={300} height={52}>\n                  <JarbInput\n                    id={`firstName-${person.id}`}\n                    name=\"firstName\"\n                    placeholder=\"Enter first name\"\n                    jarb={{\n                      validator: 'Person.firstName',\n                      label: 'First name'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`lastName-${person.id}`}\n                    name=\"lastName\"\n                    placeholder=\"Enter last name\"\n                    jarb={{\n                      validator: 'Person.lastName',\n                      label: 'Last name'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`age-${person.id}`}\n                    name=\"age\"\n                    type=\"number\"\n                    placeholder=\"Enter age\"\n                    jarb={{\n                      validator: 'Person.age',\n                      label: 'Age'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbSelect\n                    id={`eyeColor-${person.id}`}\n                    name=\"eyeColor\"\n                    placeholder=\"Enter eye color\"\n                    options={['green', 'blue', 'brown']}\n                    labelForOption={(option) => option}\n                    jarb={{\n                      validator: 'Person.eyeColor',\n                      label: 'Eye color'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`age-${person.id}`}\n                    name=\"height\"\n                    placeholder=\"Enter height\"\n                    type=\"number\"\n                    jarb={{\n                      validator: 'Person.height',\n                      label: 'Height'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`weight-${person.id}`}\n                    name=\"weight\"\n                    type=\"number\"\n                    placeholder=\"Enter weight\"\n                    jarb={{\n                      validator: 'Person.weight',\n                      label: 'Weight'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={200} height={52}>\n                  <JarbInput\n                    id={`jobTitle-${person.id}`}\n                    name=\"jobTitle\"\n                    placeholder=\"Enter job title\"\n                    jarb={{\n                      validator: 'Person.jobTitle',\n                      label: 'Job title'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={300} height={52}>\n                  <JarbModalPickerSingle\n                    id={`favoriteMovie-${person.id}`}\n                    name=\"favoriteMovie\"\n                    placeholder=\"Enter favorite movie\"\n                    jarb={{\n                      validator: 'Person.favoriteMovie',\n                      label: 'Favorite movie'\n                    }}\n                    multiple={false}\n                    options={({ query, page, size }) =>\n                      Promise.resolve(\n                        pageOf(\n                          movies\n                            .filter(\n                              (movie) =>\n                                query.length === 0 ||\n                                movie.name.indexOf(query) > 0\n                            )\n                            .slice((page - 1) * size, size),\n                          page,\n                          size\n                        )\n                      )\n                    }\n                    labelForOption={(option) => option.name}\n                    errorMode=\"tooltip\"\n                    alignButton=\"right\"\n                    className=\"mw-100\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={150} height={52}>\n                  <JarbInput\n                    id={`favoriteFood-${person.id}`}\n                    name=\"favoriteFood\"\n                    placeholder=\"Enter favorite food\"\n                    jarb={{\n                      validator: 'Person.favoriteFood',\n                      label: 'Favorite food'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={300} height={52}>\n                  <JarbDateTimeInput\n                    id={`birthDate-${person.id}`}\n                    name=\"birthDate\"\n                    placeholder=\"Enter birth date\"\n                    dateFormat=\"YYYY-MM-DD\"\n                    timeFormat={false}\n                    jarb={{\n                      validator: 'Person.birthDate',\n                      label: 'Birthdate'\n                    }}\n                    errorMode=\"tooltip\"\n                    mode=\"modal\"\n                    allowNull={true}\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={200} height={52}>\n                  <JarbRadioGroup\n                    id={`sex-${person.id}`}\n                    name=\"sex\"\n                    className=\"ms-1\"\n                    options={['male', 'female']}\n                    labelForOption={(option) => option}\n                    horizontal={true}\n                    jarb={{\n                      validator: 'Person.sex',\n                      label: 'Sex'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n              </EpicForm>\n            </EpicRow>\n          ))}\n        </EpicTable>\n\n        <div className=\"d-flex justify-content-center\">\n          <Pagination\n            className=\"my-3\"\n            page={pageOfPersons}\n            onChange={confirmPage}\n          />\n          {newPage ? (\n            <OpenCloseModal\n              isOpen={true}\n              onClose={() => setNewPage(undefined)}\n              onSave={() => {\n                setPage(newPage);\n                setNewPage(undefined);\n              }}\n              text={{ save: 'Confirm' }}\n            >\n              All your changes will be lost if you navigate to another page. Are\n              you sure you want to go to page {newPage} and loose all your\n              progress?\n            </OpenCloseModal>\n          ) : null}\n        </div>\n      </Card>\n    );\n  })\n  .add('edit per row', () => {\n    const [editingPerson, setEditingPerson] = useState<Person>();\n    const [newPerson] = useState<Person>({\n      id: Math.random(),\n      firstName: '',\n      lastName: '',\n      age: 0,\n      eyeColor: '',\n      height: 0,\n      weight: 0,\n      jobTitle: '',\n      favoriteMovie: undefined,\n      favoriteFood: '',\n      birthDate: undefined,\n      sex: ''\n    });\n\n    const [page, setPage] = useState(1);\n    const [newPage, setNewPage] = useState<number>();\n    const [personsList, setPersonsList] = useState(persons);\n    const [pageOfPersons, setPageOfPersons] = useState<Page<Person>>(\n      emptyPage<Person>()\n    );\n    const [loading, setLoading] = useState<Person>();\n    const [dirty, setDirty] = useState(false);\n    const [flashMessage, setFlashMessage] = useState<string>();\n\n    useEffect(() => {\n      const p = pageOf<Person>(personsList, page, 10);\n      p.content.push({ ...newPerson });\n      setPageOfPersons(p);\n      setEditingPerson(undefined);\n    }, [personsList, newPerson, page]);\n\n    useEffect(() => {\n      const timeout = window.setTimeout(() => setFlashMessage(undefined), 5000);\n      return () => {\n        window.clearTimeout(timeout);\n      };\n    }, [flashMessage]);\n\n    async function onSubmit(data: Person, form: FormApi<Person>) {\n      setLoading(data);\n      await sleep(random(200, 1000));\n      const person = { ...data };\n      if (data.id === newPerson.id) {\n        person.id = Math.random();\n        setPersonsList([...personsList, person]);\n      } else {\n        setPersonsList(\n          personsList.map((p) => {\n            return p.id === person.id ? person : p;\n          })\n        );\n      }\n      setFlashMessage('Person saved successfully!');\n      window.setTimeout(\n        () => form.reset(data.id === newPerson.id ? newPerson : person),\n        1\n      );\n      setLoading(undefined);\n    }\n\n    async function deletePerson(person: Person) {\n      setLoading(person);\n      await sleep(random(200, 1000));\n      setPersonsList(personsList.filter((p) => p.id !== person.id));\n      setLoading(undefined);\n      setFlashMessage('Person deleted successfully!');\n    }\n\n    function confirmPage(pageNumber: number) {\n      if (editingPerson) {\n        setNewPage(pageNumber);\n      } else {\n        setPage(pageNumber);\n      }\n    }\n\n    return (\n      <Card body>\n        {flashMessage ? (\n          <FlashMessage\n            onClose={() => setFlashMessage(undefined)}\n            color=\"success\"\n          >\n            {flashMessage}\n          </FlashMessage>\n        ) : null}\n        <EpicTable hasRight={false}>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Sex\n            </EpicHeader>\n          </EpicRow>\n          {pageOfPersons.content.map((person) =>\n            (editingPerson && editingPerson.id === person.id) ||\n            person.id === newPerson.id ? (\n              <EpicRow key={person.id}>\n                <EpicCell width={300} height={52}>\n                  {loading && loading.id === person.id ? (\n                    <Loading text={{ loading: 'Processing...' }} />\n                  ) : (\n                    <>\n                      {dirty ? (\n                        <FormButton\n                          formId={'personForm' + person.id}\n                          type=\"submit\"\n                          icon=\"save\"\n                          className=\"me-1\"\n                          color={dirty ? 'primary' : 'secondary'}\n                        >\n                          Save\n                        </FormButton>\n                      ) : null}\n                      <Button\n                        type=\"button\"\n                        icon=\"cancel\"\n                        color=\"secondary\"\n                        className=\"me-1\"\n                        onClick={() => setEditingPerson(undefined)}\n                      >\n                        Cancel\n                      </Button>\n                      {person.id !== newPerson.id ? (\n                        <ConfirmButton\n                          onConfirm={() => deletePerson(person)}\n                          icon=\"delete\"\n                          color=\"danger\"\n                          dialogText={`Are you sure you want to delete ${person.firstName} ${person.lastName}?`}\n                        >\n                          Delete\n                        </ConfirmButton>\n                      ) : null}\n                    </>\n                  )}\n                </EpicCell>\n                <EpicForm\n                  id={'personForm' + person.id}\n                  width={1950}\n                  height={52}\n                  initialValues={person}\n                  onSubmit={onSubmit}\n                >\n                  <FormSpy\n                    subscription={{ pristine: true }}\n                    onChange={(formState) => setDirty(formState.pristine)}\n                  />\n                  <EpicFormCell width={300} height={52}>\n                    <JarbInput\n                      id={`firstName-${person.id}`}\n                      name=\"firstName\"\n                      placeholder=\"Enter first name\"\n                      jarb={{\n                        validator: 'Person.firstName',\n                        label: 'First name'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={100} height={52}>\n                    <JarbInput\n                      id={`lastName-${person.id}`}\n                      name=\"lastName\"\n                      placeholder=\"Enter last name\"\n                      jarb={{\n                        validator: 'Person.lastName',\n                        label: 'Last name'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={100} height={52}>\n                    <JarbInput\n                      id={`age-${person.id}`}\n                      name=\"age\"\n                      type=\"number\"\n                      placeholder=\"Enter age\"\n                      jarb={{\n                        validator: 'Person.age',\n                        label: 'Age'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={100} height={52}>\n                    <JarbSelect\n                      id={`eyeColor-${person.id}`}\n                      name=\"eyeColor\"\n                      placeholder=\"Enter eye color\"\n                      options={['green', 'blue', 'brown']}\n                      labelForOption={(option) => option}\n                      jarb={{\n                        validator: 'Person.eyeColor',\n                        label: 'Eye color'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={100} height={52}>\n                    <JarbInput\n                      id={`age-${person.id}`}\n                      name=\"height\"\n                      placeholder=\"Enter height\"\n                      type=\"number\"\n                      jarb={{\n                        validator: 'Person.height',\n                        label: 'Height'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={100} height={52}>\n                    <JarbInput\n                      id={`weight-${person.id}`}\n                      name=\"weight\"\n                      type=\"number\"\n                      placeholder=\"Enter weight\"\n                      jarb={{\n                        validator: 'Person.weight',\n                        label: 'Weight'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={200} height={52}>\n                    <JarbInput\n                      id={`jobTitle-${person.id}`}\n                      name=\"jobTitle\"\n                      placeholder=\"Enter job title\"\n                      jarb={{\n                        validator: 'Person.jobTitle',\n                        label: 'Job title'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={300} height={52}>\n                    <JarbModalPickerSingle\n                      id={`favoriteMovie-${person.id}`}\n                      name=\"favoriteMovie\"\n                      placeholder=\"Enter favorite movie\"\n                      jarb={{\n                        validator: 'Person.favoriteMovie',\n                        label: 'Favorite movie'\n                      }}\n                      multiple={false}\n                      labelForOption={(option) => option.name}\n                      options={({ query, page, size }) =>\n                        Promise.resolve(\n                          pageOf(\n                            movies\n                              .filter(\n                                (movie) =>\n                                  query.length === 0 ||\n                                  movie.name.indexOf(query) > 0\n                              )\n                              .slice((page - 1) * size, size),\n                            page,\n                            size\n                          )\n                        )\n                      }\n                      errorMode=\"tooltip\"\n                      alignButton=\"right\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={150} height={52}>\n                    <JarbInput\n                      id={`favoriteFood-${person.id}`}\n                      name=\"favoriteFood\"\n                      placeholder=\"Enter favorite food\"\n                      jarb={{\n                        validator: 'Person.favoriteFood',\n                        label: 'Favorite food'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={300} height={52}>\n                    <JarbDateTimeInput\n                      id={`birthDate-${person.id}`}\n                      name=\"birthDate\"\n                      placeholder=\"Enter birth date\"\n                      dateFormat=\"YYYY-MM-DD\"\n                      timeFormat={false}\n                      jarb={{\n                        validator: 'Person.birthDate',\n                        label: 'Birthdate'\n                      }}\n                      errorMode=\"tooltip\"\n                      mode=\"modal\"\n                    />\n                  </EpicFormCell>\n\n                  <EpicFormCell width={200} height={52}>\n                    <JarbRadioGroup\n                      id={`sex-${person.id}`}\n                      name=\"sex\"\n                      className=\"ms-1\"\n                      options={['male', 'female']}\n                      labelForOption={(option) => option}\n                      horizontal={true}\n                      jarb={{\n                        validator: 'Person.sex',\n                        label: 'Sex'\n                      }}\n                      errorMode=\"tooltip\"\n                    />\n                  </EpicFormCell>\n                </EpicForm>\n              </EpicRow>\n            ) : (\n              <EpicRow key={person.id}>\n                <EpicCell width={300} height={52}>\n                  {loading && loading.id === person.id ? (\n                    <Loading text={{ loading: 'Processing...' }} />\n                  ) : (\n                    <>\n                      {editingPerson ? (\n                        <ConfirmButton\n                          onConfirm={() => setEditingPerson(person)}\n                          icon=\"edit\"\n                          color=\"primary\"\n                          className=\"me-1\"\n                          dialogText={`All progress on ${editingPerson.firstName} will be lost. Are you sure you want to edit ${person.firstName}?`}\n                        >\n                          Edit\n                        </ConfirmButton>\n                      ) : (\n                        <Button\n                          onClick={() => setEditingPerson(person)}\n                          icon=\"edit\"\n                          color=\"primary\"\n                          className=\"me-1\"\n                        >\n                          Edit\n                        </Button>\n                      )}\n                      <ConfirmButton\n                        onConfirm={() => deletePerson(person)}\n                        icon=\"cancel\"\n                        color=\"danger\"\n                        dialogText={`Are you sure you want to delete ${person.firstName} ${person.lastName}?`}\n                      >\n                        Delete\n                      </ConfirmButton>\n                    </>\n                  )}\n                </EpicCell>\n\n                <EpicCell width={300} height={52}>\n                  {person.firstName}\n                </EpicCell>\n\n                <EpicCell width={100} height={52}>\n                  {person.lastName}\n                </EpicCell>\n\n                <EpicCell width={100} height={52}>\n                  {person.age}\n                </EpicCell>\n\n                <EpicCell width={100} height={52}>\n                  {person.eyeColor}\n                </EpicCell>\n\n                <EpicCell width={100} height={52}>\n                  {person.height}\n                </EpicCell>\n\n                <EpicCell width={100} height={52}>\n                  {person.weight}\n                </EpicCell>\n\n                <EpicCell width={200} height={52}>\n                  {person.jobTitle}\n                </EpicCell>\n\n                <EpicCell width={300} height={52}>\n                  {person.favoriteMovie?.name}\n                </EpicCell>\n\n                <EpicCell width={150} height={52}>\n                  {person.favoriteFood}\n                </EpicCell>\n\n                <EpicCell width={300} height={52}>\n                  {person.birthDate?.toLocaleDateString()}\n                </EpicCell>\n\n                <EpicCell width={200} height={52}>\n                  {person.sex}\n                </EpicCell>\n              </EpicRow>\n            )\n          )}\n        </EpicTable>\n\n        <div className=\"d-flex justify-content-center\">\n          <Pagination\n            className=\"my-3\"\n            page={pageOfPersons}\n            onChange={confirmPage}\n          />\n          {newPage ? (\n            <OpenCloseModal\n              isOpen={true}\n              onClose={() => setNewPage(undefined)}\n              onSave={() => {\n                setPage(newPage);\n                setNewPage(undefined);\n              }}\n              text={{ save: 'Confirm' }}\n            >\n              All your changes will be lost if you navigate to another page. Are\n              you sure you want to go to page {newPage} and loose all your\n              progress?\n            </OpenCloseModal>\n          ) : null}\n        </div>\n      </Card>\n    );\n  })\n  .add('instant edit', () => {\n    const [newPerson] = useState<Person>({\n      id: Math.random(),\n      firstName: '',\n      lastName: '',\n      age: 0,\n      eyeColor: '',\n      height: 0,\n      weight: 0,\n      jobTitle: '',\n      favoriteMovie: undefined,\n      favoriteFood: '',\n      birthDate: undefined,\n      sex: ''\n    });\n\n    const [page, setPage] = useState(1);\n    const [personsList, setPersonsList] = useState(persons);\n    const [pageOfPersons, setPageOfPersons] = useState<Page<Person>>(\n      emptyPage<Person>()\n    );\n    const [loading, setLoading] = useState<Person>();\n    const [dirtyPersons, setDirtyPersons] = useState<{ [id: number]: boolean }>(\n      {}\n    );\n    const [flashMessage, setFlashMessage] = useState<string>();\n\n    useEffect(() => {\n      const p = pageOf<Person>(personsList, page, 10);\n      p.content.push({ ...newPerson });\n      setDirtyPersons({});\n      setPageOfPersons(p);\n    }, [personsList, newPerson, page]);\n\n    useEffect(() => {\n      const timeout = window.setTimeout(() => setFlashMessage(undefined), 5000);\n      return () => {\n        window.clearTimeout(timeout);\n      };\n    }, [flashMessage]);\n\n    async function onSubmit(data: Person) {\n      setLoading(data);\n      await sleep(random(200, 1000));\n      const person = { ...data };\n      if (data.id === newPerson.id) {\n        person.id = Math.random();\n        setPersonsList([...personsList, person]);\n      } else {\n        setPersonsList(\n          personsList.map((p) => {\n            return p.id === person.id ? person : p;\n          })\n        );\n      }\n      setFlashMessage('Person saved successfully!');\n      setLoading(undefined);\n    }\n\n    async function deletePerson(person: Person) {\n      setLoading(person);\n      await sleep(random(200, 1000));\n      setPersonsList(personsList.filter((p) => p.id !== person.id));\n      setLoading(undefined);\n      setFlashMessage('Person deleted successfully!');\n    }\n\n    function setPersonDirty(isPristine: boolean, person: Person) {\n      if (!isPristine) {\n        if (!dirtyPersons[person.id]) {\n          setDirtyPersons({ ...dirtyPersons, [person.id]: true });\n        }\n      } else if (dirtyPersons[person.id]) {\n        setDirtyPersons({ ...dirtyPersons, [person.id]: false });\n      }\n    }\n\n    return (\n      <Card body>\n        {flashMessage ? (\n          <FlashMessage\n            onClose={() => setFlashMessage(undefined)}\n            color=\"success\"\n          >\n            {flashMessage}\n          </FlashMessage>\n        ) : null}\n        <EpicTable hasRight={false}>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Sex\n            </EpicHeader>\n          </EpicRow>\n          {pageOfPersons.content.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={52}>\n                {loading && loading.id === person.id ? (\n                  <Loading text={{ loading: 'Processing...' }} />\n                ) : (\n                  <>\n                    {person.id !== newPerson.id ? (\n                      <ConfirmButton\n                        onConfirm={() => deletePerson(person)}\n                        icon=\"delete\"\n                        color=\"danger\"\n                        dialogText={`Are you sure you want to delete ${person.firstName} ${person.lastName}?`}\n                      >\n                        Delete\n                      </ConfirmButton>\n                    ) : null}\n                  </>\n                )}\n              </EpicCell>\n              <EpicForm\n                id={'personForm' + person.id}\n                width={1950}\n                height={52}\n                initialValues={person}\n                onSubmit={onSubmit}\n                submitOnChange={true}\n              >\n                <FormSpy\n                  subscription={{ pristine: true }}\n                  onChange={(formState) =>\n                    setPersonDirty(formState.pristine, person)\n                  }\n                />\n                <EpicFormCell width={300} height={52}>\n                  <JarbInput\n                    id={`firstName-${person.id}`}\n                    name=\"firstName\"\n                    placeholder=\"Enter first name\"\n                    jarb={{\n                      validator: 'Person.firstName',\n                      label: 'First name'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`lastName-${person.id}`}\n                    name=\"lastName\"\n                    placeholder=\"Enter last name\"\n                    jarb={{\n                      validator: 'Person.lastName',\n                      label: 'Last name'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`age-${person.id}`}\n                    name=\"age\"\n                    type=\"number\"\n                    placeholder=\"Enter age\"\n                    jarb={{\n                      validator: 'Person.age',\n                      label: 'Age'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbSelect\n                    id={`eyeColor-${person.id}`}\n                    name=\"eyeColor\"\n                    placeholder=\"Enter eye color\"\n                    options={['green', 'blue', 'brown']}\n                    labelForOption={(option) => option}\n                    jarb={{\n                      validator: 'Person.eyeColor',\n                      label: 'Eye color'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`age-${person.id}`}\n                    name=\"height\"\n                    placeholder=\"Enter height\"\n                    type=\"number\"\n                    jarb={{\n                      validator: 'Person.height',\n                      label: 'Height'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`weight-${person.id}`}\n                    name=\"weight\"\n                    type=\"number\"\n                    placeholder=\"Enter weight\"\n                    jarb={{\n                      validator: 'Person.weight',\n                      label: 'Weight'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={200} height={52}>\n                  <JarbInput\n                    id={`jobTitle-${person.id}`}\n                    name=\"jobTitle\"\n                    placeholder=\"Enter job title\"\n                    jarb={{\n                      validator: 'Person.jobTitle',\n                      label: 'Job title'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={300} height={52}>\n                  <JarbModalPickerSingle\n                    id={`favoriteMovie-${person.id}`}\n                    name=\"favoriteMovie\"\n                    placeholder=\"Enter favorite movie\"\n                    jarb={{\n                      validator: 'Person.favoriteMovie',\n                      label: 'Favorite movie'\n                    }}\n                    multiple={false}\n                    options={({ query, page, size }) =>\n                      Promise.resolve(\n                        pageOf(\n                          movies\n                            .filter(\n                              (movie) =>\n                                query.length === 0 ||\n                                movie.name.indexOf(query) > 0\n                            )\n                            .slice((page - 1) * size, size),\n                          page,\n                          size\n                        )\n                      )\n                    }\n                    labelForOption={(option) => option.name}\n                    errorMode=\"tooltip\"\n                    alignButton=\"right\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={150} height={52}>\n                  <JarbInput\n                    id={`favoriteFood-${person.id}`}\n                    name=\"favoriteFood\"\n                    placeholder=\"Enter favorite food\"\n                    jarb={{\n                      validator: 'Person.favoriteFood',\n                      label: 'Favorite food'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={300} height={52}>\n                  <JarbDateTimeInput\n                    id={`birthDate-${person.id}`}\n                    name=\"birthDate\"\n                    placeholder=\"Enter birth date\"\n                    dateFormat=\"YYYY-MM-DD\"\n                    timeFormat={false}\n                    jarb={{\n                      validator: 'Person.birthDate',\n                      label: 'Birthdate'\n                    }}\n                    errorMode=\"tooltip\"\n                    mode=\"modal\"\n                    allowNull={true}\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={200} height={52}>\n                  <JarbRadioGroup\n                    id={`sex-${person.id}`}\n                    name=\"sex\"\n                    className=\"ms-1\"\n                    options={['male', 'female']}\n                    labelForOption={(option) => option}\n                    horizontal={true}\n                    jarb={{\n                      validator: 'Person.sex',\n                      label: 'Sex'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n              </EpicForm>\n            </EpicRow>\n          ))}\n        </EpicTable>\n\n        <div className=\"d-flex justify-content-center\">\n          <Pagination\n            className=\"my-3\"\n            page={pageOfPersons}\n            onChange={setPage}\n          />\n        </div>\n      </Card>\n    );\n  })\n  .add('copy / paste to spreadsheet', () => {\n    const [newPerson] = useState<Person>({\n      id: Math.random(),\n      firstName: '',\n      lastName: '',\n      age: 0,\n      eyeColor: '',\n      height: 0,\n      weight: 0,\n      jobTitle: '',\n      favoriteMovie: undefined,\n      favoriteFood: '',\n      birthDate: undefined,\n      sex: ''\n    });\n\n    const [page, setPage] = useState(1);\n    const [newPage, setNewPage] = useState<number>();\n    const [personsList, setPersonsList] = useState(persons);\n    const [pageOfPersons, setPageOfPersons] = useState<Page<Person>>(\n      emptyPage<Person>()\n    );\n    const [loading, setLoading] = useState<Person>();\n    const [dirtyPersons, setDirtyPersons] = useState<{ [id: number]: boolean }>(\n      {}\n    );\n    const [flashMessage, setFlashMessage] = useState<string>();\n    const [processingPaste, setProcessingPaste] = useState(false);\n\n    useEffect(() => {\n      const p = pageOf<Person>(personsList, page, 10);\n      p.content.push({ ...newPerson });\n      setDirtyPersons({});\n      setPageOfPersons(p);\n    }, [personsList, newPerson, page]);\n\n    useEffect(() => {\n      const timeout = window.setTimeout(() => setFlashMessage(undefined), 5000);\n      return () => {\n        window.clearTimeout(timeout);\n      };\n    }, [flashMessage]);\n\n    async function onSubmit(data: Person, form: FormApi<Person>) {\n      setLoading(data);\n      await sleep(random(200, 1000));\n      const person = { ...data };\n      if (data.id === newPerson.id) {\n        person.id = Math.random();\n        setPersonsList([...personsList, person]);\n      } else {\n        setPersonsList(\n          personsList.map((p) => {\n            return p.id === person.id ? person : p;\n          })\n        );\n      }\n      setFlashMessage('Person saved successfully!');\n      window.setTimeout(\n        () => form.reset(data.id === newPerson.id ? newPerson : person),\n        1\n      );\n      setLoading(undefined);\n    }\n\n    async function deletePerson(person: Person) {\n      setLoading(person);\n      await sleep(random(200, 1000));\n      setPersonsList(personsList.filter((p) => p.id !== person.id));\n      setLoading(undefined);\n      setFlashMessage('Person deleted successfully!');\n    }\n\n    function setPersonDirty(isPristine: boolean, person: Person) {\n      if (!isPristine) {\n        if (!dirtyPersons[person.id]) {\n          setDirtyPersons({ ...dirtyPersons, [person.id]: true });\n        }\n      } else if (dirtyPersons[person.id]) {\n        setDirtyPersons({ ...dirtyPersons, [person.id]: false });\n      }\n    }\n\n    function confirmPage(pageNumber: number) {\n      if (Object.values(dirtyPersons).some((d) => d)) {\n        setNewPage(pageNumber);\n      } else {\n        setPage(pageNumber);\n      }\n    }\n\n    async function copy() {\n      const csv = [personKeys.join('\\t')]\n        .concat(\n          persons.map((person) =>\n            personKeys\n              .map((key) => {\n                if (key === 'favoriteMovie') {\n                  const movie = person[key];\n\n                  return movie?.name ?? '';\n                } else {\n                  return person[key] ?? '';\n                }\n              })\n              .join('\\t')\n          )\n        )\n        .join('\\n');\n\n      await navigator.clipboard.writeText(csv);\n\n      setFlashMessage('Copied!');\n    }\n\n    async function paste() {\n      setProcessingPaste(true);\n\n      const text = await navigator.clipboard.readText();\n      const keys = [...personKeys];\n      const list: Person[] = [];\n\n      const rows = text.split('\\n');\n\n      // Remove header line\n      rows.shift();\n\n      rows.forEach((row) => {\n        const person = {};\n        row.split('\\t').forEach((value, index) => {\n          const key = keys[index];\n\n          switch (key) {\n            case 'favoriteMovie':\n              person[key] = { name: value };\n              break;\n            case 'birthDate':\n              person[key] = Date.parse(value);\n              break;\n            default:\n              person[key] = value;\n              break;\n          }\n        });\n        list.push(person as Person);\n      });\n\n      setPersonsList(list);\n      setProcessingPaste(false);\n      setFlashMessage(`Imported ${list.length} rows`);\n    }\n\n    useEffect(() => {\n      function preventOnInputElement(event: Event, action: () => void) {\n        if (\n          event.target instanceof HTMLTextAreaElement ||\n          event.target instanceof HTMLInputElement\n        ) {\n          return;\n        }\n\n        action();\n      }\n\n      function handleCopy(event: Event) {\n        preventOnInputElement(event, copy);\n      }\n\n      function handlePaste(event: Event) {\n        preventOnInputElement(event, paste);\n      }\n\n      document.addEventListener('paste', handlePaste, { passive: true });\n      document.addEventListener('copy', handleCopy, { passive: true });\n\n      return () => {\n        document.removeEventListener('paste', handlePaste);\n        document.removeEventListener('copy', handleCopy);\n      };\n    }, []);\n\n    return (\n      <Card body>\n        <div className=\"mb-2\">\n          <Button icon=\"file_copy\" onClick={copy}>\n            Copy\n          </Button>\n\n          <Button\n            onClick={paste}\n            className=\"ms-2\"\n            icon=\"assignment\"\n            inProgress={processingPaste}\n          >\n            Paste\n          </Button>\n        </div>\n\n        <p>Try copy pasting to excel / numbers and back.</p>\n\n        <p>\n          You can also use the copy and paste keyboard shortcuts when no input\n          is focussed.\n        </p>\n\n        {flashMessage ? (\n          <FlashMessage\n            onClose={() => setFlashMessage(undefined)}\n            color=\"success\"\n          >\n            {flashMessage}\n          </FlashMessage>\n        ) : null}\n        <EpicTable hasRight={false}>\n          <EpicRow header>\n            <EpicHeader width={300} height={44}>\n              Actions\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              First name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Last name\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Age\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Eye color\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Height\n            </EpicHeader>\n            <EpicHeader width={100} height={44}>\n              Weight\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Job title\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Favorite movie\n            </EpicHeader>\n            <EpicHeader width={150} height={44}>\n              Favorite food\n            </EpicHeader>\n            <EpicHeader width={300} height={44}>\n              Birth date\n            </EpicHeader>\n            <EpicHeader width={200} height={44}>\n              Sex\n            </EpicHeader>\n          </EpicRow>\n          {pageOfPersons.content.map((person) => (\n            <EpicRow key={person.id}>\n              <EpicCell width={300} height={52}>\n                {loading && loading.id === person.id ? (\n                  <Loading text={{ loading: 'Processing...' }} />\n                ) : (\n                  <>\n                    <FormButton\n                      formId={'personForm' + person.id}\n                      type=\"submit\"\n                      icon=\"save\"\n                      className=\"me-1\"\n                      color={dirtyPersons[person.id] ? 'primary' : 'secondary'}\n                    >\n                      Save\n                    </FormButton>\n                    {dirtyPersons[person.id] ? (\n                      <FormButton\n                        formId={'personForm' + person.id}\n                        type=\"reset\"\n                        icon=\"restore\"\n                        color=\"secondary\"\n                        className=\"me-1\"\n                      >\n                        Reset\n                      </FormButton>\n                    ) : null}\n                    {person.id !== newPerson.id ? (\n                      <ConfirmButton\n                        onConfirm={() => deletePerson(person)}\n                        icon=\"delete\"\n                        color=\"danger\"\n                        dialogText={`Are you sure you want to delete ${person.firstName} ${person.lastName}?`}\n                      >\n                        Delete\n                      </ConfirmButton>\n                    ) : null}\n                  </>\n                )}\n              </EpicCell>\n              <EpicForm\n                id={'personForm' + person.id}\n                width={1950}\n                height={52}\n                initialValues={person}\n                onSubmit={onSubmit}\n              >\n                <FormSpy\n                  subscription={{ pristine: true }}\n                  onChange={(formState) =>\n                    setPersonDirty(formState.pristine, person)\n                  }\n                />\n                <EpicFormCell width={300} height={52}>\n                  <JarbInput\n                    id={`firstName-${person.id}`}\n                    name=\"firstName\"\n                    placeholder=\"Enter first name\"\n                    jarb={{\n                      validator: 'Person.firstName',\n                      label: 'First name'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`lastName-${person.id}`}\n                    name=\"lastName\"\n                    placeholder=\"Enter last name\"\n                    jarb={{\n                      validator: 'Person.lastName',\n                      label: 'Last name'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`age-${person.id}`}\n                    name=\"age\"\n                    type=\"number\"\n                    placeholder=\"Enter age\"\n                    jarb={{\n                      validator: 'Person.age',\n                      label: 'Age'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbSelect\n                    id={`eyeColor-${person.id}`}\n                    name=\"eyeColor\"\n                    placeholder=\"Enter eye color\"\n                    options={['green', 'blue', 'brown']}\n                    labelForOption={(option) => option}\n                    jarb={{\n                      validator: 'Person.eyeColor',\n                      label: 'Eye color'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`age-${person.id}`}\n                    name=\"height\"\n                    placeholder=\"Enter height\"\n                    type=\"number\"\n                    jarb={{\n                      validator: 'Person.height',\n                      label: 'Height'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={100} height={52}>\n                  <JarbInput\n                    id={`weight-${person.id}`}\n                    name=\"weight\"\n                    type=\"number\"\n                    placeholder=\"Enter weight\"\n                    jarb={{\n                      validator: 'Person.weight',\n                      label: 'Weight'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={200} height={52}>\n                  <JarbInput\n                    id={`jobTitle-${person.id}`}\n                    name=\"jobTitle\"\n                    placeholder=\"Enter job title\"\n                    jarb={{\n                      validator: 'Person.jobTitle',\n                      label: 'Job title'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={300} height={52}>\n                  <JarbModalPickerSingle\n                    id={`favoriteMovie-${person.id}`}\n                    name=\"favoriteMovie\"\n                    placeholder=\"Enter favorite movie\"\n                    jarb={{\n                      validator: 'Person.favoriteMovie',\n                      label: 'Favorite movie'\n                    }}\n                    multiple={false}\n                    options={({ query, page, size }) =>\n                      Promise.resolve(\n                        pageOf(\n                          movies\n                            .filter(\n                              (movie) =>\n                                query.length === 0 ||\n                                movie.name.indexOf(query) > 0\n                            )\n                            .slice((page - 1) * size, size),\n                          page,\n                          size\n                        )\n                      )\n                    }\n                    labelForOption={(option) => option.name}\n                    errorMode=\"tooltip\"\n                    alignButton=\"right\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={150} height={52}>\n                  <JarbInput\n                    id={`favoriteFood-${person.id}`}\n                    name=\"favoriteFood\"\n                    placeholder=\"Enter favorite food\"\n                    jarb={{\n                      validator: 'Person.favoriteFood',\n                      label: 'Favorite food'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={300} height={52}>\n                  <JarbDateTimeInput\n                    id={`birthDate-${person.id}`}\n                    name=\"birthDate\"\n                    placeholder=\"Enter birth date\"\n                    dateFormat=\"YYYY-MM-DD\"\n                    timeFormat={false}\n                    jarb={{\n                      validator: 'Person.birthDate',\n                      label: 'Birthdate'\n                    }}\n                    errorMode=\"tooltip\"\n                    mode=\"modal\"\n                    allowNull={true}\n                  />\n                </EpicFormCell>\n\n                <EpicFormCell width={200} height={52}>\n                  <JarbRadioGroup\n                    id={`sex-${person.id}`}\n                    name=\"sex\"\n                    className=\"ms-1\"\n                    options={['male', 'female']}\n                    labelForOption={(option) => option}\n                    horizontal={true}\n                    jarb={{\n                      validator: 'Person.sex',\n                      label: 'Sex'\n                    }}\n                    errorMode=\"tooltip\"\n                  />\n                </EpicFormCell>\n              </EpicForm>\n            </EpicRow>\n          ))}\n        </EpicTable>\n\n        <div className=\"d-flex justify-content-center\">\n          <Pagination\n            className=\"my-3\"\n            page={pageOfPersons}\n            onChange={confirmPage}\n          />\n          {newPage ? (\n            <OpenCloseModal\n              isOpen={true}\n              onClose={() => setNewPage(undefined)}\n              onSave={() => {\n                setPage(newPage);\n                setNewPage(undefined);\n              }}\n              text={{ save: 'Confirm' }}\n            >\n              All your changes will be lost if you navigate to another page. Are\n              you sure you want to go to page {newPage} and loose all your\n              progress?\n            </OpenCloseModal>\n          ) : null}\n        </div>\n      </Card>\n    );\n  });\n\ntype Person = {\n  id: number;\n  firstName: string;\n  lastName: string;\n  age: number;\n  eyeColor: string;\n  height: number;\n  weight: number;\n  jobTitle: string;\n  favoriteMovie?: { name: string };\n  favoriteFood: string;\n  birthDate?: Date;\n  sex: string;\n};\n\nconst personKeys: (keyof Person)[] = [\n  'id',\n  'firstName',\n  'lastName',\n  'age',\n  'eyeColor',\n  'height',\n  'weight',\n  'jobTitle',\n  'favoriteMovie',\n  'favoriteFood',\n  'birthDate',\n  'sex'\n];\n\nconst persons: Person[] = [\n  {\n    id: Math.random(),\n    firstName: 'Fitzpatrick',\n    lastName: 'Lyons',\n    age: 20,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Senior CodeMonkey',\n    favoriteMovie: { name: 'The Matrix' },\n    favoriteFood: 'Hamburgers',\n    birthDate: new Date('2014-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Berry',\n    lastName: 'McNab',\n    age: 41,\n    eyeColor: 'blue',\n    height: 13,\n    weight: 55,\n    jobTitle: 'Business Manager',\n    favoriteMovie: { name: 'Fear and loathing in Las Vegas' },\n    favoriteFood: 'Spaghetti',\n    birthDate: new Date('2000-09-24'),\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Neville',\n    lastName: 'Brooks',\n    age: 25,\n    eyeColor: 'green',\n    height: 12,\n    weight: 32,\n    jobTitle: 'Senior CodeMonkey',\n    favoriteMovie: { name: 'Lord of the Rings' },\n    favoriteFood: 'French Fries',\n    birthDate: new Date('2014-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Leonard',\n    lastName: 'Nemoy',\n    age: 50,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Thespian',\n    favoriteMovie: { name: 'Star Trek' },\n    favoriteFood: 'Kosher',\n    birthDate: new Date('1900-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Levi',\n    lastName: 'Smith',\n    age: 30,\n    eyeColor: 'brown',\n    height: 10,\n    weight: 3,\n    jobTitle: 'Taxi driver',\n    favoriteMovie: { name: 'Taxi' },\n    favoriteFood:\n      'Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, at nam alias ad culpa quae deleniti. Autem eveniet mollitia veritatis reprehenderit ea, tempora vero voluptatem. Dolore repudiandae voluptate quam quidem.,',\n    birthDate: new Date('2014-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Celine',\n    lastName: 'Ferdinand',\n    age: 80,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Retired',\n    favoriteMovie: { name: 'Driving miss Daisy' },\n    favoriteFood: 'Prunes',\n    birthDate: new Date('1940-09-24'),\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bonald',\n    lastName: 'Ferdinand',\n    age: 82,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Retired',\n    favoriteMovie: { name: 'Driving miss Daisy' },\n    favoriteFood: 'Prunes',\n    birthDate: new Date('1938-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Zechs',\n    lastName: 'Merquise',\n    age: 42,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Ace pilot',\n    favoriteMovie: { name: 'Gundam wing' },\n    favoriteFood: 'Applepie',\n    birthDate: new Date('2010-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'David',\n    lastName: 'Hayter',\n    age: 55,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Voice actor',\n    favoriteMovie: { name: 'Guyver' },\n    favoriteFood: 'Snakes',\n    birthDate: new Date('1960-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'James',\n    lastName: 'Kirk',\n    age: 50,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captian',\n    favoriteMovie: { name: 'Star Trek' },\n    favoriteFood: 'Replicated',\n    birthDate: new Date('2100-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bert',\n    lastName: 'Kelly',\n    age: 30,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Blacksmith',\n    favoriteMovie: { name: 'Not without my daughter' },\n    favoriteFood: 'Pears',\n    birthDate: new Date('1989-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'John',\n    lastName: 'Goodall',\n    age: 68,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Gardner',\n    favoriteMovie: { name: 'The Gardner' },\n    favoriteFood: 'Cauliflower',\n    birthDate: new Date('2019-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Rick',\n    lastName: 'Xander',\n    age: 14,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Baker',\n    favoriteMovie: { name: 'Halloween' },\n    favoriteFood: 'Cake',\n    birthDate: new Date('1980-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Jessica',\n    lastName: 'Bernard',\n    age: 36,\n    eyeColor: 'green',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Student',\n    favoriteMovie: { name: 'Highlander' },\n    favoriteFood: 'Icecream',\n    birthDate: new Date('1980-09-24'),\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Benjamin',\n    lastName: 'Sisko',\n    age: 55,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Commander',\n    favoriteMovie: { name: 'Search for Spock' },\n    favoriteFood: 'Jamba',\n    birthDate: new Date('2200-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Kathyrn',\n    lastName: 'Janeway',\n    age: 55,\n    eyeColor: 'brown',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captain',\n    favoriteMovie: { name: 'Wrath of Khan' },\n    favoriteFood: 'Coffee',\n    birthDate: new Date('2240-09-24'),\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Jean-Luc',\n    lastName: 'Picard',\n    age: 66,\n    eyeColor: 'blue',\n    height: 3,\n    weight: 5,\n    jobTitle: 'Captain',\n    favoriteMovie: { name: 'Next generation' },\n    favoriteFood: 'Tea Earl Grey Hot',\n    birthDate: new Date('2200-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Peter',\n    lastName: 'Parker',\n    age: 30,\n    eyeColor: 'blue',\n    height: 55,\n    weight: 14,\n    jobTitle: 'Spider-man',\n    favoriteMovie: { name: 'Spider-man' },\n    favoriteFood: 'Webs',\n    birthDate: new Date('1990-09-24'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Clark',\n    lastName: 'Kent',\n    age: 40,\n    eyeColor: 'blue',\n    height: 80,\n    weight: 33,\n    jobTitle: 'Journalist',\n    favoriteMovie: { name: 'Superman returns' },\n    favoriteFood: 'Kryptonite',\n    birthDate: new Date('1960-01-01'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bruce',\n    lastName: 'Wayne',\n    age: 55,\n    eyeColor: 'blue',\n    height: 70,\n    weight: 33,\n    jobTitle: 'CEO',\n    favoriteMovie: { name: 'Batman begins' },\n    favoriteFood: 'Bats',\n    birthDate: new Date('1955-01-01'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Diana',\n    lastName: 'Prince',\n    age: 28,\n    eyeColor: 'green',\n    height: 90,\n    weight: 19,\n    jobTitle: 'Curator',\n    favoriteMovie: { name: 'Wonderwoman' },\n    favoriteFood: 'Greek',\n    birthDate: new Date('1990-01-01'),\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Tony',\n    lastName: 'Stark',\n    age: 40,\n    eyeColor: 'brown',\n    height: 70,\n    weight: 33,\n    jobTitle: 'CEO',\n    favoriteMovie: { name: 'Ironman' },\n    favoriteFood: 'Shoarma',\n    birthDate: new Date('1980-01-01'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Steve',\n    lastName: 'Rogers',\n    age: 100,\n    eyeColor: 'blue',\n    height: 44,\n    weight: 55,\n    jobTitle: 'Captain',\n    favoriteMovie: { name: 'Winter soldier' },\n    favoriteFood: 'Applepie',\n    birthDate: new Date('1920-01-01'),\n    sex: 'male'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Natasha',\n    lastName: 'Romanov',\n    age: 30,\n    eyeColor: 'green',\n    height: 77,\n    weight: 66,\n    jobTitle: 'Black widow',\n    favoriteMovie: { name: 'Avengers' },\n    favoriteFood: 'Stroganov',\n    birthDate: new Date('1995-01-01'),\n    sex: 'female'\n  },\n  {\n    id: Math.random(),\n    firstName: 'Bruce',\n    lastName: 'Banner',\n    age: 42,\n    eyeColor: 'brown',\n    height: 89,\n    weight: 99,\n    jobTitle: 'Smasher',\n    favoriteMovie: { name: 'The Incredible Hulk' },\n    favoriteFood: 'Gammarays',\n    birthDate: new Date('1975-01-01'),\n    sex: 'male'\n  }\n];\n\ntype Movie = {\n  name: string;\n};\n\nconst movies: Movie[] = uniq(\n  persons\n    .filter((person) => person.favoriteMovie)\n    .map((person) => person.favoriteMovie?.name)\n).map((movie) => ({ name: movie } as Movie));\n",locationsMap:{"copy-paste-to-spreadsheet":{startLoc:{col:7,line:1239},endLoc:{col:3,line:1745},startBody:{col:38,line:1239},endBody:{col:3,line:1745}},"instant-edit":{startLoc:{col:7,line:892},endLoc:{col:3,line:1238},startBody:{col:23,line:892},endBody:{col:3,line:1238}},"edit-per-row":{startLoc:{col:7,line:426},endLoc:{col:3,line:891},startBody:{col:23,line:426},endBody:{col:3,line:891}},"basic-example":{startLoc:{col:7,line:31},endLoc:{col:3,line:425},startBody:{col:24,line:31},endBody:{col:3,line:425}}}}}).add("basic example",(function(){var newPerson=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({id:Math.random(),firstName:"",lastName:"",age:0,eyeColor:"",height:0,weight:0,jobTitle:"",favoriteMovie:void 0,favoriteFood:"",birthDate:void 0,sex:""}),1)[0],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState4[0],setPage=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),newPage=_useState6[0],setNewPage=_useState6[1],_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(persons),2),personsList=_useState8[0],setPersonsList=_useState8[1],_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_42_nl_spring_connect_lib__WEBPACK_IMPORTED_MODULE_20__.emptyPage)()),2),pageOfPersons=_useState10[0],setPageOfPersons=_useState10[1],_useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),loading=_useState12[0],setLoading=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),2),dirtyPersons=_useState14[0],setDirtyPersons=_useState14[1],_useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),flashMessage=_useState16[0],setFlashMessage=_useState16[1];function onSubmit(_x,_x2){return _onSubmit.apply(this,arguments)}function _onSubmit(){return(_onSubmit=_asyncToGenerator(regeneratorRuntime.mark((function _callee(data,form){var person;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return setLoading(data),_context.next=3,(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_22__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(200,1e3));case 3:person=_objectSpread({},data),data.id===newPerson.id?(person.id=Math.random(),setPersonsList([].concat(_toConsumableArray(personsList),[person]))):setPersonsList(personsList.map((function(p){return p.id===person.id?person:p}))),setFlashMessage("Person saved successfully!"),window.setTimeout((function(){return form.reset(data.id===newPerson.id?newPerson:person)}),1),setLoading(void 0);case 8:case"end":return _context.stop()}}),_callee)})))).apply(this,arguments)}function _deletePerson(){return(_deletePerson=_asyncToGenerator(regeneratorRuntime.mark((function _callee2(person){return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return setLoading(person),_context2.next=3,(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_22__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(200,1e3));case 3:setPersonsList(personsList.filter((function(p){return p.id!==person.id}))),setLoading(void 0),setFlashMessage("Person deleted successfully!");case 6:case"end":return _context2.stop()}}),_callee2)})))).apply(this,arguments)}return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var p=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__.u)(personsList,page,10);p.content.push(_objectSpread({},newPerson)),setDirtyPersons({}),setPageOfPersons(p)}),[personsList,newPerson,page]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var timeout=window.setTimeout((function(){return setFlashMessage(void 0)}),5e3);return function(){window.clearTimeout(timeout)}}),[flashMessage]),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_24__.Zb,{body:!0},flashMessage?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_FlashMessage_FlashMessage__WEBPACK_IMPORTED_MODULE_18__.Z,{onClose:function onClose(){return setFlashMessage(void 0)},color:"success"},flashMessage):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_EpicTable__WEBPACK_IMPORTED_MODULE_3__.b,{hasRight:!1},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Actions"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:200,height:44},"Sex")),pageOfPersons.content.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:300,height:52},loading&&loading.id===person.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_15__.Z,{text:{loading:"Processing..."}}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_FormButton_FormButton__WEBPACK_IMPORTED_MODULE_16__.O,{formId:"personForm"+person.id,type:"submit",icon:"save",className:"me-1",color:dirtyPersons[person.id]?"primary":"secondary"},"Save"),dirtyPersons[person.id]?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_FormButton_FormButton__WEBPACK_IMPORTED_MODULE_16__.O,{formId:"personForm"+person.id,type:"reset",icon:"restore",color:"secondary",className:"me-1"},"Reset"):null,person.id!==newPerson.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_17__.Z,{onConfirm:function onConfirm(){return function deletePerson(_x3){return _deletePerson.apply(this,arguments)}(person)},icon:"delete",color:"danger",dialogText:"Are you sure you want to delete ".concat(person.firstName," ").concat(person.lastName,"?")},"Delete"):null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicForm_EpicForm__WEBPACK_IMPORTED_MODULE_11__.w,{id:"personForm"+person.id,width:1950,height:52,initialValues:person,onSubmit},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_21__.FormSpy,{subscription:{pristine:!0},onChange:function onChange(formState){return function setPersonDirty(isPristine,person){isPristine?dirtyPersons[person.id]&&setDirtyPersons(_objectSpread(_objectSpread({},dirtyPersons),{},_defineProperty({},person.id,!1))):dirtyPersons[person.id]||setDirtyPersons(_objectSpread(_objectSpread({},dirtyPersons),{},_defineProperty({},person.id,!0)))}(formState.pristine,person)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"firstName-".concat(person.id),name:"firstName",placeholder:"Enter first name",jarb:{validator:"Person.firstName",label:"First name"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"lastName-".concat(person.id),name:"lastName",placeholder:"Enter last name",jarb:{validator:"Person.lastName",label:"Last name"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"age-".concat(person.id),name:"age",type:"number",placeholder:"Enter age",jarb:{validator:"Person.age",label:"Age"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Select_Select__WEBPACK_IMPORTED_MODULE_9__.B,{id:"eyeColor-".concat(person.id),name:"eyeColor",placeholder:"Enter eye color",options:["green","blue","brown"],labelForOption:function labelForOption(option){return option},jarb:{validator:"Person.eyeColor",label:"Eye color"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"age-".concat(person.id),name:"height",placeholder:"Enter height",type:"number",jarb:{validator:"Person.height",label:"Height"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"weight-".concat(person.id),name:"weight",type:"number",placeholder:"Enter weight",jarb:{validator:"Person.weight",label:"Weight"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:200,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"jobTitle-".concat(person.id),name:"jobTitle",placeholder:"Enter job title",jarb:{validator:"Person.jobTitle",label:"Job title"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_ModalPicker_single_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_10__.q,{id:"favoriteMovie-".concat(person.id),name:"favoriteMovie",placeholder:"Enter favorite movie",jarb:{validator:"Person.favoriteMovie",label:"Favorite movie"},multiple:!1,options:function options(_ref){var query=_ref.query,page=_ref.page,size=_ref.size;return Promise.resolve((0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__.u)(movies.filter((function(movie){return 0===query.length||movie.name.indexOf(query)>0})).slice((page-1)*size,size),page,size))},labelForOption:function labelForOption(option){return option.name},errorMode:"tooltip",alignButton:"right",className:"mw-100"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:150,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"favoriteFood-".concat(person.id),name:"favoriteFood",placeholder:"Enter favorite food",jarb:{validator:"Person.favoriteFood",label:"Favorite food"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_DateTimeInput_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"birthDate-".concat(person.id),name:"birthDate",placeholder:"Enter birth date",dateFormat:"YYYY-MM-DD",timeFormat:!1,jarb:{validator:"Person.birthDate",label:"Birthdate"},errorMode:"tooltip",mode:"modal",allowNull:!0})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:200,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_8__.y,{id:"sex-".concat(person.id),name:"sex",className:"ms-1",options:["male","female"],labelForOption:function labelForOption(option){return option},horizontal:!0,jarb:{validator:"Person.sex",label:"Sex"},errorMode:"tooltip"}))))}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_index__WEBPACK_IMPORTED_MODULE_19__.tl,{className:"my-3",page:pageOfPersons,onChange:function confirmPage(pageNumber){Object.values(dirtyPersons).some((function(d){return d}))?setNewPage(pageNumber):setPage(pageNumber)}}),newPage?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_index__WEBPACK_IMPORTED_MODULE_19__.nm,{isOpen:!0,onClose:function onClose(){return setNewPage(void 0)},onSave:function onSave(){setPage(newPage),setNewPage(void 0)},text:{save:"Confirm"}},"All your changes will be lost if you navigate to another page. Are you sure you want to go to page ",newPage," and loose all your progress?"):null))})).add("edit per row",(function(){var _useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),editingPerson=_useState18[0],setEditingPerson=_useState18[1],newPerson=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({id:Math.random(),firstName:"",lastName:"",age:0,eyeColor:"",height:0,weight:0,jobTitle:"",favoriteMovie:void 0,favoriteFood:"",birthDate:void 0,sex:""}),1)[0],_useState22=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState22[0],setPage=_useState22[1],_useState24=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),newPage=_useState24[0],setNewPage=_useState24[1],_useState26=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(persons),2),personsList=_useState26[0],setPersonsList=_useState26[1],_useState28=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_42_nl_spring_connect_lib__WEBPACK_IMPORTED_MODULE_20__.emptyPage)()),2),pageOfPersons=_useState28[0],setPageOfPersons=_useState28[1],_useState30=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),loading=_useState30[0],setLoading=_useState30[1],_useState32=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),dirty=_useState32[0],setDirty=_useState32[1],_useState34=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),flashMessage=_useState34[0],setFlashMessage=_useState34[1];function onSubmit(_x4,_x5){return _onSubmit2.apply(this,arguments)}function _onSubmit2(){return(_onSubmit2=_asyncToGenerator(regeneratorRuntime.mark((function _callee3(data,form){var person;return regeneratorRuntime.wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:return setLoading(data),_context3.next=3,(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_22__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(200,1e3));case 3:person=_objectSpread({},data),data.id===newPerson.id?(person.id=Math.random(),setPersonsList([].concat(_toConsumableArray(personsList),[person]))):setPersonsList(personsList.map((function(p){return p.id===person.id?person:p}))),setFlashMessage("Person saved successfully!"),window.setTimeout((function(){return form.reset(data.id===newPerson.id?newPerson:person)}),1),setLoading(void 0);case 8:case"end":return _context3.stop()}}),_callee3)})))).apply(this,arguments)}function deletePerson(_x6){return _deletePerson2.apply(this,arguments)}function _deletePerson2(){return(_deletePerson2=_asyncToGenerator(regeneratorRuntime.mark((function _callee4(person){return regeneratorRuntime.wrap((function _callee4$(_context4){for(;;)switch(_context4.prev=_context4.next){case 0:return setLoading(person),_context4.next=3,(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_22__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(200,1e3));case 3:setPersonsList(personsList.filter((function(p){return p.id!==person.id}))),setLoading(void 0),setFlashMessage("Person deleted successfully!");case 6:case"end":return _context4.stop()}}),_callee4)})))).apply(this,arguments)}return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var p=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__.u)(personsList,page,10);p.content.push(_objectSpread({},newPerson)),setPageOfPersons(p),setEditingPerson(void 0)}),[personsList,newPerson,page]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var timeout=window.setTimeout((function(){return setFlashMessage(void 0)}),5e3);return function(){window.clearTimeout(timeout)}}),[flashMessage]),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_24__.Zb,{body:!0},flashMessage?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_FlashMessage_FlashMessage__WEBPACK_IMPORTED_MODULE_18__.Z,{onClose:function onClose(){return setFlashMessage(void 0)},color:"success"},flashMessage):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_EpicTable__WEBPACK_IMPORTED_MODULE_3__.b,{hasRight:!1},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Actions"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:200,height:44},"Sex")),pageOfPersons.content.map((function(person){var _person$favoriteMovie,_person$birthDate;return editingPerson&&editingPerson.id===person.id||person.id===newPerson.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:300,height:52},loading&&loading.id===person.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_15__.Z,{text:{loading:"Processing..."}}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,dirty?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_FormButton_FormButton__WEBPACK_IMPORTED_MODULE_16__.O,{formId:"personForm"+person.id,type:"submit",icon:"save",className:"me-1",color:dirty?"primary":"secondary"},"Save"):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_14__.ZP,{type:"button",icon:"cancel",color:"secondary",className:"me-1",onClick:function onClick(){return setEditingPerson(void 0)}},"Cancel"),person.id!==newPerson.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_17__.Z,{onConfirm:function onConfirm(){return deletePerson(person)},icon:"delete",color:"danger",dialogText:"Are you sure you want to delete ".concat(person.firstName," ").concat(person.lastName,"?")},"Delete"):null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicForm_EpicForm__WEBPACK_IMPORTED_MODULE_11__.w,{id:"personForm"+person.id,width:1950,height:52,initialValues:person,onSubmit},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_21__.FormSpy,{subscription:{pristine:!0},onChange:function onChange(formState){return setDirty(formState.pristine)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"firstName-".concat(person.id),name:"firstName",placeholder:"Enter first name",jarb:{validator:"Person.firstName",label:"First name"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"lastName-".concat(person.id),name:"lastName",placeholder:"Enter last name",jarb:{validator:"Person.lastName",label:"Last name"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"age-".concat(person.id),name:"age",type:"number",placeholder:"Enter age",jarb:{validator:"Person.age",label:"Age"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Select_Select__WEBPACK_IMPORTED_MODULE_9__.B,{id:"eyeColor-".concat(person.id),name:"eyeColor",placeholder:"Enter eye color",options:["green","blue","brown"],labelForOption:function labelForOption(option){return option},jarb:{validator:"Person.eyeColor",label:"Eye color"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"age-".concat(person.id),name:"height",placeholder:"Enter height",type:"number",jarb:{validator:"Person.height",label:"Height"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"weight-".concat(person.id),name:"weight",type:"number",placeholder:"Enter weight",jarb:{validator:"Person.weight",label:"Weight"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:200,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"jobTitle-".concat(person.id),name:"jobTitle",placeholder:"Enter job title",jarb:{validator:"Person.jobTitle",label:"Job title"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_ModalPicker_single_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_10__.q,{id:"favoriteMovie-".concat(person.id),name:"favoriteMovie",placeholder:"Enter favorite movie",jarb:{validator:"Person.favoriteMovie",label:"Favorite movie"},multiple:!1,labelForOption:function labelForOption(option){return option.name},options:function options(_ref2){var query=_ref2.query,page=_ref2.page,size=_ref2.size;return Promise.resolve((0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__.u)(movies.filter((function(movie){return 0===query.length||movie.name.indexOf(query)>0})).slice((page-1)*size,size),page,size))},errorMode:"tooltip",alignButton:"right"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:150,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"favoriteFood-".concat(person.id),name:"favoriteFood",placeholder:"Enter favorite food",jarb:{validator:"Person.favoriteFood",label:"Favorite food"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_DateTimeInput_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"birthDate-".concat(person.id),name:"birthDate",placeholder:"Enter birth date",dateFormat:"YYYY-MM-DD",timeFormat:!1,jarb:{validator:"Person.birthDate",label:"Birthdate"},errorMode:"tooltip",mode:"modal"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:200,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_8__.y,{id:"sex-".concat(person.id),name:"sex",className:"ms-1",options:["male","female"],labelForOption:function labelForOption(option){return option},horizontal:!0,jarb:{validator:"Person.sex",label:"Sex"},errorMode:"tooltip"})))):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:300,height:52},loading&&loading.id===person.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_15__.Z,{text:{loading:"Processing..."}}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,editingPerson?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_17__.Z,{onConfirm:function onConfirm(){return setEditingPerson(person)},icon:"edit",color:"primary",className:"me-1",dialogText:"All progress on ".concat(editingPerson.firstName," will be lost. Are you sure you want to edit ").concat(person.firstName,"?")},"Edit"):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_14__.ZP,{onClick:function onClick(){return setEditingPerson(person)},icon:"edit",color:"primary",className:"me-1"},"Edit"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_17__.Z,{onConfirm:function onConfirm(){return deletePerson(person)},icon:"cancel",color:"danger",dialogText:"Are you sure you want to delete ".concat(person.firstName," ").concat(person.lastName,"?")},"Delete"))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:300,height:52},person.firstName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:100,height:52},person.lastName),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:100,height:52},person.age),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:100,height:52},person.eyeColor),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:100,height:52},person.height),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:100,height:52},person.weight),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:200,height:52},person.jobTitle),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:300,height:52},null===(_person$favoriteMovie=person.favoriteMovie)||void 0===_person$favoriteMovie?void 0:_person$favoriteMovie.name),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:150,height:52},person.favoriteFood),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:300,height:52},null===(_person$birthDate=person.birthDate)||void 0===_person$birthDate?void 0:_person$birthDate.toLocaleDateString()),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:200,height:52},person.sex))}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_index__WEBPACK_IMPORTED_MODULE_19__.tl,{className:"my-3",page:pageOfPersons,onChange:function confirmPage(pageNumber){editingPerson?setNewPage(pageNumber):setPage(pageNumber)}}),newPage?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_index__WEBPACK_IMPORTED_MODULE_19__.nm,{isOpen:!0,onClose:function onClose(){return setNewPage(void 0)},onSave:function onSave(){setPage(newPage),setNewPage(void 0)},text:{save:"Confirm"}},"All your changes will be lost if you navigate to another page. Are you sure you want to go to page ",newPage," and loose all your progress?"):null))})).add("instant edit",(function(){var newPerson=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({id:Math.random(),firstName:"",lastName:"",age:0,eyeColor:"",height:0,weight:0,jobTitle:"",favoriteMovie:void 0,favoriteFood:"",birthDate:void 0,sex:""}),1)[0],_useState38=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState38[0],setPage=_useState38[1],_useState40=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(persons),2),personsList=_useState40[0],setPersonsList=_useState40[1],_useState42=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_42_nl_spring_connect_lib__WEBPACK_IMPORTED_MODULE_20__.emptyPage)()),2),pageOfPersons=_useState42[0],setPageOfPersons=_useState42[1],_useState44=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),loading=_useState44[0],setLoading=_useState44[1],_useState46=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),2),dirtyPersons=_useState46[0],setDirtyPersons=_useState46[1],_useState48=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),flashMessage=_useState48[0],setFlashMessage=_useState48[1];function onSubmit(_x7){return _onSubmit3.apply(this,arguments)}function _onSubmit3(){return(_onSubmit3=_asyncToGenerator(regeneratorRuntime.mark((function _callee5(data){var person;return regeneratorRuntime.wrap((function _callee5$(_context5){for(;;)switch(_context5.prev=_context5.next){case 0:return setLoading(data),_context5.next=3,(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_22__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(200,1e3));case 3:person=_objectSpread({},data),data.id===newPerson.id?(person.id=Math.random(),setPersonsList([].concat(_toConsumableArray(personsList),[person]))):setPersonsList(personsList.map((function(p){return p.id===person.id?person:p}))),setFlashMessage("Person saved successfully!"),setLoading(void 0);case 7:case"end":return _context5.stop()}}),_callee5)})))).apply(this,arguments)}function _deletePerson3(){return(_deletePerson3=_asyncToGenerator(regeneratorRuntime.mark((function _callee6(person){return regeneratorRuntime.wrap((function _callee6$(_context6){for(;;)switch(_context6.prev=_context6.next){case 0:return setLoading(person),_context6.next=3,(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_22__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(200,1e3));case 3:setPersonsList(personsList.filter((function(p){return p.id!==person.id}))),setLoading(void 0),setFlashMessage("Person deleted successfully!");case 6:case"end":return _context6.stop()}}),_callee6)})))).apply(this,arguments)}return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var p=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__.u)(personsList,page,10);p.content.push(_objectSpread({},newPerson)),setDirtyPersons({}),setPageOfPersons(p)}),[personsList,newPerson,page]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var timeout=window.setTimeout((function(){return setFlashMessage(void 0)}),5e3);return function(){window.clearTimeout(timeout)}}),[flashMessage]),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_24__.Zb,{body:!0},flashMessage?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_FlashMessage_FlashMessage__WEBPACK_IMPORTED_MODULE_18__.Z,{onClose:function onClose(){return setFlashMessage(void 0)},color:"success"},flashMessage):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_EpicTable__WEBPACK_IMPORTED_MODULE_3__.b,{hasRight:!1},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Actions"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:200,height:44},"Sex")),pageOfPersons.content.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:300,height:52},loading&&loading.id===person.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_15__.Z,{text:{loading:"Processing..."}}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,person.id!==newPerson.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_17__.Z,{onConfirm:function onConfirm(){return function deletePerson(_x8){return _deletePerson3.apply(this,arguments)}(person)},icon:"delete",color:"danger",dialogText:"Are you sure you want to delete ".concat(person.firstName," ").concat(person.lastName,"?")},"Delete"):null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicForm_EpicForm__WEBPACK_IMPORTED_MODULE_11__.w,{id:"personForm"+person.id,width:1950,height:52,initialValues:person,onSubmit,submitOnChange:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_21__.FormSpy,{subscription:{pristine:!0},onChange:function onChange(formState){return function setPersonDirty(isPristine,person){isPristine?dirtyPersons[person.id]&&setDirtyPersons(_objectSpread(_objectSpread({},dirtyPersons),{},_defineProperty({},person.id,!1))):dirtyPersons[person.id]||setDirtyPersons(_objectSpread(_objectSpread({},dirtyPersons),{},_defineProperty({},person.id,!0)))}(formState.pristine,person)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"firstName-".concat(person.id),name:"firstName",placeholder:"Enter first name",jarb:{validator:"Person.firstName",label:"First name"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"lastName-".concat(person.id),name:"lastName",placeholder:"Enter last name",jarb:{validator:"Person.lastName",label:"Last name"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"age-".concat(person.id),name:"age",type:"number",placeholder:"Enter age",jarb:{validator:"Person.age",label:"Age"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Select_Select__WEBPACK_IMPORTED_MODULE_9__.B,{id:"eyeColor-".concat(person.id),name:"eyeColor",placeholder:"Enter eye color",options:["green","blue","brown"],labelForOption:function labelForOption(option){return option},jarb:{validator:"Person.eyeColor",label:"Eye color"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"age-".concat(person.id),name:"height",placeholder:"Enter height",type:"number",jarb:{validator:"Person.height",label:"Height"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"weight-".concat(person.id),name:"weight",type:"number",placeholder:"Enter weight",jarb:{validator:"Person.weight",label:"Weight"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:200,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"jobTitle-".concat(person.id),name:"jobTitle",placeholder:"Enter job title",jarb:{validator:"Person.jobTitle",label:"Job title"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_ModalPicker_single_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_10__.q,{id:"favoriteMovie-".concat(person.id),name:"favoriteMovie",placeholder:"Enter favorite movie",jarb:{validator:"Person.favoriteMovie",label:"Favorite movie"},multiple:!1,options:function options(_ref3){var query=_ref3.query,page=_ref3.page,size=_ref3.size;return Promise.resolve((0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__.u)(movies.filter((function(movie){return 0===query.length||movie.name.indexOf(query)>0})).slice((page-1)*size,size),page,size))},labelForOption:function labelForOption(option){return option.name},errorMode:"tooltip",alignButton:"right"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:150,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"favoriteFood-".concat(person.id),name:"favoriteFood",placeholder:"Enter favorite food",jarb:{validator:"Person.favoriteFood",label:"Favorite food"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_DateTimeInput_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"birthDate-".concat(person.id),name:"birthDate",placeholder:"Enter birth date",dateFormat:"YYYY-MM-DD",timeFormat:!1,jarb:{validator:"Person.birthDate",label:"Birthdate"},errorMode:"tooltip",mode:"modal",allowNull:!0})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:200,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_8__.y,{id:"sex-".concat(person.id),name:"sex",className:"ms-1",options:["male","female"],labelForOption:function labelForOption(option){return option},horizontal:!0,jarb:{validator:"Person.sex",label:"Sex"},errorMode:"tooltip"}))))}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_index__WEBPACK_IMPORTED_MODULE_19__.tl,{className:"my-3",page:pageOfPersons,onChange:setPage})))})).add("copy / paste to spreadsheet",(function(){var newPerson=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({id:Math.random(),firstName:"",lastName:"",age:0,eyeColor:"",height:0,weight:0,jobTitle:"",favoriteMovie:void 0,favoriteFood:"",birthDate:void 0,sex:""}),1)[0],_useState52=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),page=_useState52[0],setPage=_useState52[1],_useState54=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),newPage=_useState54[0],setNewPage=_useState54[1],_useState56=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(persons),2),personsList=_useState56[0],setPersonsList=_useState56[1],_useState58=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_42_nl_spring_connect_lib__WEBPACK_IMPORTED_MODULE_20__.emptyPage)()),2),pageOfPersons=_useState58[0],setPageOfPersons=_useState58[1],_useState60=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),loading=_useState60[0],setLoading=_useState60[1],_useState62=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),2),dirtyPersons=_useState62[0],setDirtyPersons=_useState62[1],_useState64=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),flashMessage=_useState64[0],setFlashMessage=_useState64[1],_useState66=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),processingPaste=_useState66[0],setProcessingPaste=_useState66[1];function onSubmit(_x9,_x10){return _onSubmit4.apply(this,arguments)}function _onSubmit4(){return(_onSubmit4=_asyncToGenerator(regeneratorRuntime.mark((function _callee7(data,form){var person;return regeneratorRuntime.wrap((function _callee7$(_context7){for(;;)switch(_context7.prev=_context7.next){case 0:return setLoading(data),_context7.next=3,(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_22__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(200,1e3));case 3:person=_objectSpread({},data),data.id===newPerson.id?(person.id=Math.random(),setPersonsList([].concat(_toConsumableArray(personsList),[person]))):setPersonsList(personsList.map((function(p){return p.id===person.id?person:p}))),setFlashMessage("Person saved successfully!"),window.setTimeout((function(){return form.reset(data.id===newPerson.id?newPerson:person)}),1),setLoading(void 0);case 8:case"end":return _context7.stop()}}),_callee7)})))).apply(this,arguments)}function _deletePerson4(){return(_deletePerson4=_asyncToGenerator(regeneratorRuntime.mark((function _callee8(person){return regeneratorRuntime.wrap((function _callee8$(_context8){for(;;)switch(_context8.prev=_context8.next){case 0:return setLoading(person),_context8.next=3,(0,_form_story_utils__WEBPACK_IMPORTED_MODULE_22__._v)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.random)(200,1e3));case 3:setPersonsList(personsList.filter((function(p){return p.id!==person.id}))),setLoading(void 0),setFlashMessage("Person deleted successfully!");case 6:case"end":return _context8.stop()}}),_callee8)})))).apply(this,arguments)}function copy(){return _copy.apply(this,arguments)}function _copy(){return(_copy=_asyncToGenerator(regeneratorRuntime.mark((function _callee9(){var csv;return regeneratorRuntime.wrap((function _callee9$(_context9){for(;;)switch(_context9.prev=_context9.next){case 0:return csv=[personKeys.join("\t")].concat(persons.map((function(person){return personKeys.map((function(key){if("favoriteMovie"===key){var _movie$name,movie=person[key];return null!==(_movie$name=null==movie?void 0:movie.name)&&void 0!==_movie$name?_movie$name:""}var _person$key;return null!==(_person$key=person[key])&&void 0!==_person$key?_person$key:""})).join("\t")}))).join("\n"),_context9.next=3,navigator.clipboard.writeText(csv);case 3:setFlashMessage("Copied!");case 4:case"end":return _context9.stop()}}),_callee9)})))).apply(this,arguments)}function paste(){return _paste.apply(this,arguments)}function _paste(){return(_paste=_asyncToGenerator(regeneratorRuntime.mark((function _callee10(){var text,keys,list,rows;return regeneratorRuntime.wrap((function _callee10$(_context10){for(;;)switch(_context10.prev=_context10.next){case 0:return setProcessingPaste(!0),_context10.next=3,navigator.clipboard.readText();case 3:text=_context10.sent,keys=[].concat(personKeys),list=[],(rows=text.split("\n")).shift(),rows.forEach((function(row){var person={};row.split("\t").forEach((function(value,index){var key=keys[index];switch(key){case"favoriteMovie":person[key]={name:value};break;case"birthDate":person[key]=Date.parse(value);break;default:person[key]=value}})),list.push(person)})),setPersonsList(list),setProcessingPaste(!1),setFlashMessage("Imported ".concat(list.length," rows"));case 12:case"end":return _context10.stop()}}),_callee10)})))).apply(this,arguments)}return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var p=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__.u)(personsList,page,10);p.content.push(_objectSpread({},newPerson)),setDirtyPersons({}),setPageOfPersons(p)}),[personsList,newPerson,page]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var timeout=window.setTimeout((function(){return setFlashMessage(void 0)}),5e3);return function(){window.clearTimeout(timeout)}}),[flashMessage]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){function preventOnInputElement(event,action){event.target instanceof HTMLTextAreaElement||event.target instanceof HTMLInputElement||action()}function handleCopy(event){preventOnInputElement(event,copy)}function handlePaste(event){preventOnInputElement(event,paste)}return document.addEventListener("paste",handlePaste,{passive:!0}),document.addEventListener("copy",handleCopy,{passive:!0}),function(){document.removeEventListener("paste",handlePaste),document.removeEventListener("copy",handleCopy)}}),[]),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_24__.Zb,{body:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"mb-2"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_14__.ZP,{icon:"file_copy",onClick:copy},"Copy"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_14__.ZP,{onClick:paste,className:"ms-2",icon:"assignment",inProgress:processingPaste},"Paste")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Try copy pasting to excel / numbers and back."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You can also use the copy and paste keyboard shortcuts when no input is focussed."),flashMessage?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_FlashMessage_FlashMessage__WEBPACK_IMPORTED_MODULE_18__.Z,{onClose:function onClose(){return setFlashMessage(void 0)},color:"success"},flashMessage):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_EpicTable__WEBPACK_IMPORTED_MODULE_3__.b,{hasRight:!1},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{header:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Actions"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"First name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Last name"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Age"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Eye color"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Height"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:100,height:44},"Weight"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:200,height:44},"Job title"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Favorite movie"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:150,height:44},"Favorite food"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:300,height:44},"Birth date"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_5__.B,{width:200,height:44},"Sex")),pageOfPersons.content.map((function(person){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_rows_EpicRow_EpicRow__WEBPACK_IMPORTED_MODULE_4__.C,{key:person.id},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCell_EpicCell__WEBPACK_IMPORTED_MODULE_12__.N,{width:300,height:52},loading&&loading.id===person.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_15__.Z,{text:{loading:"Processing..."}}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_FormButton_FormButton__WEBPACK_IMPORTED_MODULE_16__.O,{formId:"personForm"+person.id,type:"submit",icon:"save",className:"me-1",color:dirtyPersons[person.id]?"primary":"secondary"},"Save"),dirtyPersons[person.id]?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_FormButton_FormButton__WEBPACK_IMPORTED_MODULE_16__.O,{formId:"personForm"+person.id,type:"reset",icon:"restore",color:"secondary",className:"me-1"},"Reset"):null,person.id!==newPerson.id?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ConfirmButton_ConfirmButton__WEBPACK_IMPORTED_MODULE_17__.Z,{onConfirm:function onConfirm(){return function deletePerson(_x11){return _deletePerson4.apply(this,arguments)}(person)},icon:"delete",color:"danger",dialogText:"Are you sure you want to delete ".concat(person.firstName," ").concat(person.lastName,"?")},"Delete"):null)),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicForm_EpicForm__WEBPACK_IMPORTED_MODULE_11__.w,{id:"personForm"+person.id,width:1950,height:52,initialValues:person,onSubmit},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_21__.FormSpy,{subscription:{pristine:!0},onChange:function onChange(formState){return function setPersonDirty(isPristine,person){isPristine?dirtyPersons[person.id]&&setDirtyPersons(_objectSpread(_objectSpread({},dirtyPersons),{},_defineProperty({},person.id,!1))):dirtyPersons[person.id]||setDirtyPersons(_objectSpread(_objectSpread({},dirtyPersons),{},_defineProperty({},person.id,!0)))}(formState.pristine,person)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"firstName-".concat(person.id),name:"firstName",placeholder:"Enter first name",jarb:{validator:"Person.firstName",label:"First name"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"lastName-".concat(person.id),name:"lastName",placeholder:"Enter last name",jarb:{validator:"Person.lastName",label:"Last name"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"age-".concat(person.id),name:"age",type:"number",placeholder:"Enter age",jarb:{validator:"Person.age",label:"Age"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Select_Select__WEBPACK_IMPORTED_MODULE_9__.B,{id:"eyeColor-".concat(person.id),name:"eyeColor",placeholder:"Enter eye color",options:["green","blue","brown"],labelForOption:function labelForOption(option){return option},jarb:{validator:"Person.eyeColor",label:"Eye color"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"age-".concat(person.id),name:"height",placeholder:"Enter height",type:"number",jarb:{validator:"Person.height",label:"Height"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:100,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"weight-".concat(person.id),name:"weight",type:"number",placeholder:"Enter weight",jarb:{validator:"Person.weight",label:"Weight"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:200,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"jobTitle-".concat(person.id),name:"jobTitle",placeholder:"Enter job title",jarb:{validator:"Person.jobTitle",label:"Job title"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_ModalPicker_single_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_10__.q,{id:"favoriteMovie-".concat(person.id),name:"favoriteMovie",placeholder:"Enter favorite movie",jarb:{validator:"Person.favoriteMovie",label:"Favorite movie"},multiple:!1,options:function options(_ref4){var query=_ref4.query,page=_ref4.page,size=_ref4.size;return Promise.resolve((0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_23__.u)(movies.filter((function(movie){return 0===query.length||movie.name.indexOf(query)>0})).slice((page-1)*size,size),page,size))},labelForOption:function labelForOption(option){return option.name},errorMode:"tooltip",alignButton:"right"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:150,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_6__.x9,{id:"favoriteFood-".concat(person.id),name:"favoriteFood",placeholder:"Enter favorite food",jarb:{validator:"Person.favoriteFood",label:"Favorite food"},errorMode:"tooltip"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:300,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_DateTimeInput_DateTimeInput__WEBPACK_IMPORTED_MODULE_7__.zj,{id:"birthDate-".concat(person.id),name:"birthDate",placeholder:"Enter birth date",dateFormat:"YYYY-MM-DD",timeFormat:!1,jarb:{validator:"Person.birthDate",label:"Birthdate"},errorMode:"tooltip",mode:"modal",allowNull:!0})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicFormCell_EpicFormCell__WEBPACK_IMPORTED_MODULE_13__.D,{width:200,height:52},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_8__.y,{id:"sex-".concat(person.id),name:"sex",className:"ms-1",options:["male","female"],labelForOption:function labelForOption(option){return option},horizontal:!0,jarb:{validator:"Person.sex",label:"Sex"},errorMode:"tooltip"}))))}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_index__WEBPACK_IMPORTED_MODULE_19__.tl,{className:"my-3",page:pageOfPersons,onChange:function confirmPage(pageNumber){Object.values(dirtyPersons).some((function(d){return d}))?setNewPage(pageNumber):setPage(pageNumber)}}),newPage?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_index__WEBPACK_IMPORTED_MODULE_19__.nm,{isOpen:!0,onClose:function onClose(){return setNewPage(void 0)},onSave:function onSave(){setPage(newPage),setNewPage(void 0)},text:{save:"Confirm"}},"All your changes will be lost if you navigate to another page. Are you sure you want to go to page ",newPage," and loose all your progress?"):null))}));var personKeys=["id","firstName","lastName","age","eyeColor","height","weight","jobTitle","favoriteMovie","favoriteFood","birthDate","sex"],persons=[{id:Math.random(),firstName:"Fitzpatrick",lastName:"Lyons",age:20,eyeColor:"brown",height:10,weight:3,jobTitle:"Senior CodeMonkey",favoriteMovie:{name:"The Matrix"},favoriteFood:"Hamburgers",birthDate:new Date("2014-09-24"),sex:"male"},{id:Math.random(),firstName:"Berry",lastName:"McNab",age:41,eyeColor:"blue",height:13,weight:55,jobTitle:"Business Manager",favoriteMovie:{name:"Fear and loathing in Las Vegas"},favoriteFood:"Spaghetti",birthDate:new Date("2000-09-24"),sex:"female"},{id:Math.random(),firstName:"Neville",lastName:"Brooks",age:25,eyeColor:"green",height:12,weight:32,jobTitle:"Senior CodeMonkey",favoriteMovie:{name:"Lord of the Rings"},favoriteFood:"French Fries",birthDate:new Date("2014-09-24"),sex:"male"},{id:Math.random(),firstName:"Leonard",lastName:"Nemoy",age:50,eyeColor:"brown",height:10,weight:3,jobTitle:"Thespian",favoriteMovie:{name:"Star Trek"},favoriteFood:"Kosher",birthDate:new Date("1900-09-24"),sex:"male"},{id:Math.random(),firstName:"Levi",lastName:"Smith",age:30,eyeColor:"brown",height:10,weight:3,jobTitle:"Taxi driver",favoriteMovie:{name:"Taxi"},favoriteFood:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, at nam alias ad culpa quae deleniti. Autem eveniet mollitia veritatis reprehenderit ea, tempora vero voluptatem. Dolore repudiandae voluptate quam quidem.,",birthDate:new Date("2014-09-24"),sex:"male"},{id:Math.random(),firstName:"Celine",lastName:"Ferdinand",age:80,eyeColor:"green",height:3,weight:5,jobTitle:"Retired",favoriteMovie:{name:"Driving miss Daisy"},favoriteFood:"Prunes",birthDate:new Date("1940-09-24"),sex:"female"},{id:Math.random(),firstName:"Bonald",lastName:"Ferdinand",age:82,eyeColor:"blue",height:3,weight:5,jobTitle:"Retired",favoriteMovie:{name:"Driving miss Daisy"},favoriteFood:"Prunes",birthDate:new Date("1938-09-24"),sex:"male"},{id:Math.random(),firstName:"Zechs",lastName:"Merquise",age:42,eyeColor:"blue",height:3,weight:5,jobTitle:"Ace pilot",favoriteMovie:{name:"Gundam wing"},favoriteFood:"Applepie",birthDate:new Date("2010-09-24"),sex:"male"},{id:Math.random(),firstName:"David",lastName:"Hayter",age:55,eyeColor:"blue",height:3,weight:5,jobTitle:"Voice actor",favoriteMovie:{name:"Guyver"},favoriteFood:"Snakes",birthDate:new Date("1960-09-24"),sex:"male"},{id:Math.random(),firstName:"James",lastName:"Kirk",age:50,eyeColor:"brown",height:3,weight:5,jobTitle:"Captian",favoriteMovie:{name:"Star Trek"},favoriteFood:"Replicated",birthDate:new Date("2100-09-24"),sex:"male"},{id:Math.random(),firstName:"Bert",lastName:"Kelly",age:30,eyeColor:"blue",height:3,weight:5,jobTitle:"Blacksmith",favoriteMovie:{name:"Not without my daughter"},favoriteFood:"Pears",birthDate:new Date("1989-09-24"),sex:"male"},{id:Math.random(),firstName:"John",lastName:"Goodall",age:68,eyeColor:"green",height:3,weight:5,jobTitle:"Gardner",favoriteMovie:{name:"The Gardner"},favoriteFood:"Cauliflower",birthDate:new Date("2019-09-24"),sex:"male"},{id:Math.random(),firstName:"Rick",lastName:"Xander",age:14,eyeColor:"brown",height:3,weight:5,jobTitle:"Baker",favoriteMovie:{name:"Halloween"},favoriteFood:"Cake",birthDate:new Date("1980-09-24"),sex:"male"},{id:Math.random(),firstName:"Jessica",lastName:"Bernard",age:36,eyeColor:"green",height:3,weight:5,jobTitle:"Student",favoriteMovie:{name:"Highlander"},favoriteFood:"Icecream",birthDate:new Date("1980-09-24"),sex:"female"},{id:Math.random(),firstName:"Benjamin",lastName:"Sisko",age:55,eyeColor:"brown",height:3,weight:5,jobTitle:"Commander",favoriteMovie:{name:"Search for Spock"},favoriteFood:"Jamba",birthDate:new Date("2200-09-24"),sex:"male"},{id:Math.random(),firstName:"Kathyrn",lastName:"Janeway",age:55,eyeColor:"brown",height:3,weight:5,jobTitle:"Captain",favoriteMovie:{name:"Wrath of Khan"},favoriteFood:"Coffee",birthDate:new Date("2240-09-24"),sex:"female"},{id:Math.random(),firstName:"Jean-Luc",lastName:"Picard",age:66,eyeColor:"blue",height:3,weight:5,jobTitle:"Captain",favoriteMovie:{name:"Next generation"},favoriteFood:"Tea Earl Grey Hot",birthDate:new Date("2200-09-24"),sex:"male"},{id:Math.random(),firstName:"Peter",lastName:"Parker",age:30,eyeColor:"blue",height:55,weight:14,jobTitle:"Spider-man",favoriteMovie:{name:"Spider-man"},favoriteFood:"Webs",birthDate:new Date("1990-09-24"),sex:"male"},{id:Math.random(),firstName:"Clark",lastName:"Kent",age:40,eyeColor:"blue",height:80,weight:33,jobTitle:"Journalist",favoriteMovie:{name:"Superman returns"},favoriteFood:"Kryptonite",birthDate:new Date("1960-01-01"),sex:"male"},{id:Math.random(),firstName:"Bruce",lastName:"Wayne",age:55,eyeColor:"blue",height:70,weight:33,jobTitle:"CEO",favoriteMovie:{name:"Batman begins"},favoriteFood:"Bats",birthDate:new Date("1955-01-01"),sex:"male"},{id:Math.random(),firstName:"Diana",lastName:"Prince",age:28,eyeColor:"green",height:90,weight:19,jobTitle:"Curator",favoriteMovie:{name:"Wonderwoman"},favoriteFood:"Greek",birthDate:new Date("1990-01-01"),sex:"female"},{id:Math.random(),firstName:"Tony",lastName:"Stark",age:40,eyeColor:"brown",height:70,weight:33,jobTitle:"CEO",favoriteMovie:{name:"Ironman"},favoriteFood:"Shoarma",birthDate:new Date("1980-01-01"),sex:"male"},{id:Math.random(),firstName:"Steve",lastName:"Rogers",age:100,eyeColor:"blue",height:44,weight:55,jobTitle:"Captain",favoriteMovie:{name:"Winter soldier"},favoriteFood:"Applepie",birthDate:new Date("1920-01-01"),sex:"male"},{id:Math.random(),firstName:"Natasha",lastName:"Romanov",age:30,eyeColor:"green",height:77,weight:66,jobTitle:"Black widow",favoriteMovie:{name:"Avengers"},favoriteFood:"Stroganov",birthDate:new Date("1995-01-01"),sex:"female"},{id:Math.random(),firstName:"Bruce",lastName:"Banner",age:42,eyeColor:"brown",height:89,weight:99,jobTitle:"Smasher",favoriteMovie:{name:"The Incredible Hulk"},favoriteFood:"Gammarays",birthDate:new Date("1975-01-01"),sex:"male"}],movies=(0,lodash__WEBPACK_IMPORTED_MODULE_2__.uniq)(persons.filter((function(person){return person.favoriteMovie})).map((function(person){var _person$favoriteMovie2;return null===(_person$favoriteMovie2=person.favoriteMovie)||void 0===_person$favoriteMovie2?void 0:_person$favoriteMovie2.name}))).map((function(movie){return{name:movie}}))},"./src/config/config.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>getConfig});var config={showRequiredMarkInLabel:!0};function getConfig(){return config}},"./src/core/AsyncActionButton/AsyncActionButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{V:()=>AsyncActionButton});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Button_Button__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Button/Button.tsx"),_excluded=["action","children"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function AsyncActionButton(_ref){var action=_ref.action,children=_ref.children,buttonProps=_objectWithoutProperties(_ref,_excluded),_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),inProgress=_useState2[0],setInProgress=_useState2[1];function _onClick(){return(_onClick=_asyncToGenerator(regeneratorRuntime.mark((function _callee(){return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return setInProgress(!0),_context.prev=1,_context.next=4,action();case 4:setInProgress(!1),_context.next=10;break;case 7:_context.prev=7,_context.t0=_context.catch(1),setInProgress(!1);case 10:case"end":return _context.stop()}}),_callee,null,[[1,7]])})))).apply(this,arguments)}return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_1__.ZP,_extends({onClick:function onClick(){return _onClick.apply(this,arguments)},inProgress},buttonProps),children)}try{AsyncActionButton.displayName="AsyncActionButton",AsyncActionButton.__docgenInfo={description:"The AsyncActionButton is a button that triggers a request when it is\nclicked and is disabled until the request is finished. This button should\nbe used to trigger resource-heavy actions that should not be triggered\nmultiple times asynchronously.",displayName:"AsyncActionButton",props:{color:{defaultValue:null,description:"Optionally the color of the button.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},type:{defaultValue:{value:"button"},description:"Optionally the type of button it is, defaults to 'button'.",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"button"'},{value:'"reset"'},{value:'"submit"'}]}},children:{defaultValue:null,description:"Optionally the text of the button.",name:"children",required:!1,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"Optionally the Icon you want to use.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},disabled:{defaultValue:null,description:"Optionally whether the button is disabled\n\nDefaults to `false`",name:"disabled",required:!1,type:{name:"boolean | undefined"}},iconPosition:{defaultValue:null,description:'Optionally the position of the icon, either left or right.\nDefaults to "left".\n\nOnly applicable when the `icon` prop is set.',name:"iconPosition",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'}]}},outline:{defaultValue:null,description:"Optionally whether or not to show the button only as an outline.",name:"outline",required:!1,type:{name:"boolean | undefined"}},size:{defaultValue:null,description:"Optionally the size of the button, or icon when only the icon\nis rendered.\n\nDefaults to 'md'.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},fullWidth:{defaultValue:null,description:"Optionally whether or not the button should take the full width\navailable.\n\nDefaults to `false`",name:"fullWidth",required:!1,type:{name:"boolean | undefined"}},action:{defaultValue:null,description:"Callback that is triggered when the button is clicked.\nThis callback should return a request promise.",name:"action",required:!0,type:{name:"() => Promise<unknown>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/AsyncActionButton/AsyncActionButton.tsx#AsyncActionButton"]={docgenInfo:AsyncActionButton.__docgenInfo,name:"AsyncActionButton",path:"src/core/AsyncActionButton/AsyncActionButton.tsx#AsyncActionButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/AsyncContent/AsyncContent.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>AsyncContent});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/ContentState/ContentState.tsx"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utilities/translation/translation.ts"),_Button_Button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Button/Button.tsx");function AsyncContent(props){var state=props.state,_props$text=props.text,text=void 0===_props$text?{}:_props$text,_props$showRetryButto=props.showRetryButton,showRetryButton=void 0===_props$showRetryButto||_props$showRetryButto,isEmpty=props.isEmpty,emptyContent=props.emptyContent;return state.isLoading?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_1__.Z,{mode:"loading",title:(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({key:"AsyncContent.LOADING.TITLE",fallback:"Loading...",overrideText:text.loading})}):function isStateFulfilled(state){return stateIsAsyncState(state)?state.isFulfilled:!state.isError}(state)?!state.data||isEmpty&&isEmpty(state.data)?emptyContent?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,emptyContent(state.data)):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_1__.Z,{mode:"empty",title:(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({key:"AsyncContent.EMPTY.TITLE",fallback:"No results found",overrideText:text.empty})}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,props.children(state.data)):(console.error(state.error),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_1__.Z,{mode:"error",title:(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({key:"AsyncContent.ERROR.TITLE",fallback:"Oops something went wrong!",overrideText:text.error})},showRetryButton?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_2__.ZP,{icon:"refresh",onClick:function onClick(){return stateIsAsyncState(state)?state.reload():state.refetch()}},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({key:"AsyncContent.ERROR.RETRY",fallback:"Retry",overrideText:text.retry})):null))}function stateIsAsyncState(state){return state.hasOwnProperty("isFulfilled")}try{AsyncContent.displayName="AsyncContent",AsyncContent.__docgenInfo={description:"AsyncContent is a component which can be used to render the\nresult of a call to `useQuery` from `react-query` or `useAsync`\nfrom `react-async`.\n\nIt has the following behaviors:\n\n1. When the state is loading it shows a `ContentState` in the `loading` mode.\n\n2. When an error occurs it shows a `ContentState` in the `error` mode.\n   By default it will then show a `Retry` button allowing the user\n   to try again.\n\n3. When the state has loaded successfully, it will render the `children`\n   render function and it provides the `state.data` for you to render.\n\n4. When the state has loaded successfully, it will ask via the `isEmpty`\n   callback if you consider the `state.data` empty. It will then\n   render the `emptyContent` when defined or by default show\n   a `ContentState` in the `empty` mode.\n\nWith these behaviors you ensure that you always handle the error and\nloading state when using `useQuery` or `useAsync`.",displayName:"AsyncContent",props:{children:{defaultValue:null,description:"Render function which takes the `data` from the `useQuery`'s\nor `useAsync`'s `state` when the promise is fulfilled, and\nexpects you to render content.",name:"children",required:!0,type:{name:"(data: T) => ReactNode"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},showRetryButton:{defaultValue:{value:"true"},description:"Optionally whether or not to show a retry button when the\nerror state occurs. Defaults to `true`.",name:"showRetryButton",required:!1,type:{name:"boolean | undefined"}},isEmpty:{defaultValue:null,description:"An optional callback which gets called when the data has\nloaded. When `isEmpty` returns `true` the `emptyContent` is\nrendered.",name:"isEmpty",required:!1,type:{name:"((data?: T | undefined) => boolean) | undefined"}},emptyContent:{defaultValue:null,description:"Optionally when `isEmpty` returns `true` what content to render.\n\nDefaults to rendering a `ContentState` in the `empty` mode.",name:"emptyContent",required:!1,type:{name:"((data?: T | undefined) => ReactNode) | undefined"}},state:{defaultValue:null,description:"Result from calling `useAsync` from `react-async`.\nResult from calling `useQuery` from `react-query`.",name:"state",required:!0,type:{name:"AsyncState<T, AbstractState<T>> | UseQueryResult<T, unknown>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/AsyncContent/AsyncContent.tsx#AsyncContent"]={docgenInfo:AsyncContent.__docgenInfo,name:"AsyncContent",path:"src/core/AsyncContent/AsyncContent.tsx#AsyncContent"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/AsyncList/AsyncList.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>AsyncList});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_AsyncContent_AsyncContent__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/AsyncContent/AsyncContent.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function isEmpty(list){return 0===list.length}function AsyncList(props){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent_AsyncContent__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},props,{isEmpty}))}try{isEmpty.displayName="isEmpty",isEmpty.__docgenInfo={description:"",displayName:"isEmpty",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/AsyncList/AsyncList.tsx#isEmpty"]={docgenInfo:isEmpty.__docgenInfo,name:"isEmpty",path:"src/core/AsyncList/AsyncList.tsx#isEmpty"})}catch(__react_docgen_typescript_loader_error){}try{AsyncList.displayName="AsyncList",AsyncList.__docgenInfo={description:"The `AsyncList` is a variant of the `AsyncContent` which expects\nthe result of a call to `useQuery` from `react-query` or `useAsync`\nfrom `react-async` to be an array.\n\nIt has all the behaviors of the `AsyncContent` but provides a\nstandard `isEmpty` function which checks if the array has the\n`length` zero.",displayName:"AsyncList",props:{text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},children:{defaultValue:null,description:"Render function which takes the `data` from the `useQuery`'s\nor `useAsync`'s `state` when the promise is fulfilled, and\nexpects you to render content.",name:"children",required:!0,type:{name:"(data: T[]) => ReactNode"}},showRetryButton:{defaultValue:{value:"true"},description:"Optionally whether or not to show a retry button when the\nerror state occurs. Defaults to `true`.",name:"showRetryButton",required:!1,type:{name:"boolean | undefined"}},emptyContent:{defaultValue:null,description:"Optionally when `isEmpty` returns `true` what content to render.\n\nDefaults to rendering a `ContentState` in the `empty` mode.",name:"emptyContent",required:!1,type:{name:"((data?: T[] | undefined) => ReactNode) | undefined"}},state:{defaultValue:null,description:"Result from calling `useAsync` from `react-async`.\nResult from calling `useQuery` from `react-query`.",name:"state",required:!0,type:{name:"AsyncState<T[], AbstractState<T[]>> | UseQueryResult<T[], unknown>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/AsyncList/AsyncList.tsx#AsyncList"]={docgenInfo:AsyncList.__docgenInfo,name:"AsyncList",path:"src/core/AsyncList/AsyncList.tsx#AsyncList"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/AsyncPage/AsyncPage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>AsyncPage});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_AsyncContent_AsyncContent__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/AsyncContent/AsyncContent.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function isEmpty(page){return 0===page.totalElements}function AsyncPage(props){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AsyncContent_AsyncContent__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},props,{isEmpty}))}try{isEmpty.displayName="isEmpty",isEmpty.__docgenInfo={description:"",displayName:"isEmpty",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"T[]"}},last:{defaultValue:null,description:"",name:"last",required:!0,type:{name:"boolean"}},totalElements:{defaultValue:null,description:"",name:"totalElements",required:!0,type:{name:"number"}},totalPages:{defaultValue:null,description:"",name:"totalPages",required:!0,type:{name:"number"}},size:{defaultValue:null,description:"",name:"size",required:!0,type:{name:"number"}},number:{defaultValue:null,description:"",name:"number",required:!0,type:{name:"number"}},first:{defaultValue:null,description:"",name:"first",required:!0,type:{name:"boolean"}},numberOfElements:{defaultValue:null,description:"",name:"numberOfElements",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/AsyncPage/AsyncPage.tsx#isEmpty"]={docgenInfo:isEmpty.__docgenInfo,name:"isEmpty",path:"src/core/AsyncPage/AsyncPage.tsx#isEmpty"})}catch(__react_docgen_typescript_loader_error){}try{AsyncPage.displayName="AsyncPage",AsyncPage.__docgenInfo={description:"The `AsyncPage` is a variant of `AsyncContent` which expects the\nresult of a call to `useQuery` from `react-query` or `useAsync`\nfrom `react-async` to be a `Page` from `@42.nl/spring-connect`.\n\nIt has all the behaviors of the `AsyncContent` but provides a\nstandard `isEmpty` function which checks if the `totalElements`\nof the `Page` is zero.",displayName:"AsyncPage",props:{text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},children:{defaultValue:null,description:"Render function which takes the `data` from the `useQuery`'s\nor `useAsync`'s `state` when the promise is fulfilled, and\nexpects you to render content.",name:"children",required:!0,type:{name:"(data: Page<T>) => ReactNode"}},showRetryButton:{defaultValue:{value:"true"},description:"Optionally whether or not to show a retry button when the\nerror state occurs. Defaults to `true`.",name:"showRetryButton",required:!1,type:{name:"boolean | undefined"}},emptyContent:{defaultValue:null,description:"Optionally when `isEmpty` returns `true` what content to render.\n\nDefaults to rendering a `ContentState` in the `empty` mode.",name:"emptyContent",required:!1,type:{name:"((data?: Page<T> | undefined) => ReactNode) | undefined"}},state:{defaultValue:null,description:"Result from calling `useAsync` from `react-async`.\nResult from calling `useQuery` from `react-query`.",name:"state",required:!0,type:{name:"AsyncState<Page<T>, AbstractState<Page<T>>> | UseQueryResult<Page<T>, unknown>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/AsyncPage/AsyncPage.tsx#AsyncPage"]={docgenInfo:AsyncPage.__docgenInfo,name:"AsyncPage",path:"src/core/AsyncPage/AsyncPage.tsx#AsyncPage"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Avatar});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Tooltip/Tooltip.tsx");function Avatar(_ref){var size=_ref.size,className=_ref.className,alt=_ref.alt,src=_ref.src,children=_ref.children,sizeClass=size?"avatar-".concat(size):null,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("avatar",sizeClass,className);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:classes},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{placement:"top",content:alt,distance:tooltipDistanceFromSize(size)},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:"img-placeholder"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{alt,src})),children))}function tooltipDistanceFromSize(size){switch(size){case"lg":return 42;case"md":return 32;case"sm":return 22}return 7}try{Avatar.displayName="Avatar",Avatar.__docgenInfo={description:"Avatar is a component which shows a circular image with any element underneath.\nUse it for instance for showing the profile image of a logged-in user.",displayName:"Avatar",props:{src:{defaultValue:null,description:"Image URL to show as avatar.",name:"src",required:!0,type:{name:"string"}},children:{defaultValue:null,description:"Element underneath the image.",name:"children",required:!1,type:{name:"ReactNode"}},alt:{defaultValue:null,description:"Text that will be shown upon hovering over the image.",name:"alt",required:!0,type:{name:"string"}},size:{defaultValue:{value:"md"},description:"Optional size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xs"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Avatar/Avatar.tsx#Avatar"]={docgenInfo:Avatar.__docgenInfo,name:"Avatar",path:"src/core/Avatar/Avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Avatar/AvatarStack.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>AvatarStack});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function AvatarStack(_ref){var children=_ref.children,className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("avatar-stack",className)},children)}try{AvatarStack.displayName="AvatarStack",AvatarStack.__docgenInfo={description:"AvatarStack is a component which shows a row of overlapped avatars.\nUse it for instance when you want to show multiple thumbnails of users in an organized way.",displayName:"AvatarStack",props:{children:{defaultValue:null,description:"Element underneath the image.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Avatar/AvatarStack.tsx#AvatarStack"]={docgenInfo:AvatarStack.__docgenInfo,name:"AvatarStack",path:"src/core/Avatar/AvatarStack.tsx#AvatarStack"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/BooleanIcon/BooleanIcon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{U:()=>BooleanIcon});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Icon/Icon.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function BooleanIcon(_ref){var value=_ref.value,size=_ref.size,color=_ref.color,_ref$activeColor=_ref.activeColor,activeColor=void 0===_ref$activeColor?"primary":_ref$activeColor,hoverColor=_ref.hoverColor,onChange=_ref.onChange,props={icon:value?"check_box":"check_box_outline_blank",size,className:_ref.className};return onChange?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({color:value?activeColor:color,hoverColor:hoverColor||activeColor,onClick:function onClick(e){e.preventDefault(),onChange()}},props)):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({color},props))}try{BooleanIcon.displayName="BooleanIcon",BooleanIcon.__docgenInfo={description:"The BooleanIcon is a uniform non-interactive way to display whether\na value is either true or false.",displayName:"BooleanIcon",props:{value:{defaultValue:null,description:"Whether the value to be displayed is either true or false.",name:"value",required:!0,type:{name:"boolean"}},size:{defaultValue:null,description:"Optionally the size of the icon in pixels.\n\nDefaults to `24px`",name:"size",required:!1,type:{name:"number | undefined"}},color:{defaultValue:null,description:"Optionally the color of the icon.\nWhen onChange is defined, this property is used when\nvalue is false and the icon is not hovered.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},hoverColor:{defaultValue:null,description:"Optional color you want the icon to have when it is hovered.\nWhen hoverColor is not defined, activeColor will be used.",name:"hoverColor",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},activeColor:{defaultValue:{value:"primary"},description:"Optionally the color of the icon when value is true.\nIf hoverColor is not defined, activeColor will also be used\nwhen the icon is hovered. This is only used when onChange\nis defined.\n\nDefaults to primary.",name:"activeColor",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},onChange:{defaultValue:null,description:"Optional callback for when the form element changes.",name:"onChange",required:!1,type:{name:"(() => void) | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/BooleanIcon/BooleanIcon.tsx#BooleanIcon"]={docgenInfo:BooleanIcon.__docgenInfo,name:"BooleanIcon",path:"src/core/BooleanIcon/BooleanIcon.tsx#BooleanIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{ZP:()=>Button});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Spinner/Spinner.tsx"),_Icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Icon/index.ts"),_useShowSpinner__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Button/useShowSpinner.tsx"),classnames__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__),_excluded=["type","color","inProgress","className","onClick"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Button(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,inProgress=_ref.inProgress,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,onClick=_ref.onClick,props=_objectWithoutProperties(_ref,_excluded),showSpinner=(0,_useShowSpinner__WEBPACK_IMPORTED_MODULE_3__.Z)(!!inProgress);function handleOnClick(event){onClick&&(inProgress||onClick(event))}var children=props.children,outline=props.outline,_props$size=props.size,size=void 0===_props$size?"md":_props$size,fullWidth=props.fullWidth,disabled=props.disabled,icon=props.icon,_props$iconPosition=props.iconPosition,iconPosition=void 0===_props$iconPosition?"left":_props$iconPosition;if(children){var buttonProps={type,size,color,outline,block:fullWidth},widget=showSpinner?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_1__.Z,{size:getSpinnerSize(size),color:outline?"":"white",className:"left"===iconPosition?"me-2":"ms-2"}):icon?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.JO,{icon,className:classnames__WEBPACK_IMPORTED_MODULE_4___default()("button-icon","left"===iconPosition?"me-2":"ms-2")}):null;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:classnames__WEBPACK_IMPORTED_MODULE_4___default()("button",fullWidth?"d-block":"d-inline-block",className,color)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.zx,_extends({onClick:handleOnClick,disabled:inProgress||disabled},buttonProps),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center align-items-center"},"left"===iconPosition&&widget,children,"right"===iconPosition&&widget)))}return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:classnames__WEBPACK_IMPORTED_MODULE_4___default()("button",className,color,fullWidth?"d-flex":"d-inline-block",{"justify-content-start":fullWidth&&"left"===iconPosition,"justify-content-end":fullWidth&&"right"===iconPosition})},showSpinner?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_1__.Z,{size:getIconSize(size),color:""}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.JO,{onClick:handleOnClick,icon:null!=icon?icon:"block",color,disabled:inProgress||disabled,size:getIconSize(size)}))}function getIconSize(size){switch(size){case"lg":return 32;case"md":return 24;case"sm":return 16}}function getSpinnerSize(size){switch(size){case"lg":return 19;case"md":return 16;case"sm":return 12}}try{Button.displayName="Button",Button.__docgenInfo={description:"The Button component is a clickable element which can\neither be shown as an Icon or as a ReactStrap Button.\n\nThe Button component also has a notion of being `inProgress` when it is\nit shows a Spinner. But only when `inProgress` has been true for more\nthan 200 milliseconds. Useful for showing that a button is indeed\nclicked when performing some call to the back-end.",displayName:"Button",props:{type:{defaultValue:{value:"button"},description:"Optionally the type of button it is, defaults to 'button'.",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"button"'},{value:'"reset"'},{value:'"submit"'}]}},color:{defaultValue:{value:"primary"},description:"Optionally the color of the button.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},onClick:{defaultValue:null,description:"Optional callback for what needs to happen when the button is clicked.",name:"onClick",required:!1,type:{name:"((event: MouseEvent<HTMLElement, MouseEvent>) => any) | undefined"}},inProgress:{defaultValue:{value:"false"},description:"Whether or not the action you are performing is currently in\nprogress. If so a spinner is rendered inside of the button.\nThis behavior is optional and default to `false`.",name:"inProgress",required:!1,type:{name:"boolean | undefined"}},className:{defaultValue:{value:""},description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:null,description:"Optionally whether the button is disabled\n\nDefaults to `false`",name:"disabled",required:!1,type:{name:"boolean | undefined"}},icon:{defaultValue:null,description:"Optionally the Icon you want to use.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},iconPosition:{defaultValue:null,description:'Optionally the position of the icon, either left or right.\nDefaults to "left".\n\nOnly applicable when the `icon` prop is set.',name:"iconPosition",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'}]}},outline:{defaultValue:null,description:"Optionally whether or not to show the button only as an outline.",name:"outline",required:!1,type:{name:"boolean | undefined"}},size:{defaultValue:null,description:"Optionally the size of the button, or icon when only the icon\nis rendered.\n\nDefaults to 'md'.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},fullWidth:{defaultValue:null,description:"Optionally whether or not the button should take the full width\navailable.\n\nDefaults to `false`",name:"fullWidth",required:!1,type:{name:"boolean | undefined"}},children:{defaultValue:null,description:"Optionally the text of the button.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Button/Button.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/core/Button/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}try{getIconSize.displayName="getIconSize",getIconSize.__docgenInfo={description:"",displayName:"getIconSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Button/Button.tsx#getIconSize"]={docgenInfo:getIconSize.__docgenInfo,name:"getIconSize",path:"src/core/Button/Button.tsx#getIconSize"})}catch(__react_docgen_typescript_loader_error){}try{getSpinnerSize.displayName="getSpinnerSize",getSpinnerSize.__docgenInfo={description:"",displayName:"getSpinnerSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Button/Button.tsx#getSpinnerSize"]={docgenInfo:getSpinnerSize.__docgenInfo,name:"getSpinnerSize",path:"src/core/Button/Button.tsx#getSpinnerSize"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Button/useShowSpinner.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>useShowSpinner});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useShowSpinner(show){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(show),2),showSpinner=_useState2[0],setShowSpinner=_useState2[1];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var timer=void 0;return show?timer=window.setTimeout((function(){setShowSpinner(!0)}),200):setShowSpinner(!1),function(){window.clearTimeout(timer)}}),[show]),showSpinner}try{useShowSpinner.displayName="useShowSpinner",useShowSpinner.__docgenInfo={description:"Only show the Spinner when 200 milliseconds have past.\nThis prevents very short loading periods from showing the animation,\nseeing the Spinner very briefly looks very glitchy.",displayName:"useShowSpinner",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Button/useShowSpinner.tsx#useShowSpinner"]={docgenInfo:useShowSpinner.__docgenInfo,name:"useShowSpinner",path:"src/core/Button/useShowSpinner.tsx#useShowSpinner"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Card/Card.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Card});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Loading_Loading__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Loading/Loading.tsx"),_ErrorBoundary_ErrorBoundary__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/ErrorBoundary/ErrorBoundary.tsx");function Card(_ref){var header=_ref.header,footer=_ref.footer,children=_ref.children,className=_ref.className,cardHeaderClassName=_ref.cardHeaderClassName,cardBodyClassName=_ref.cardBodyClassName,cardFooterClassName=_ref.cardFooterClassName,modalHeaderClassName=_ref.modalHeaderClassName,modalBodyClassName=_ref.modalBodyClassName,modalFooterClassName=_ref.modalFooterClassName;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.Zb,{className},header?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.Ol,{className:cardHeaderClassName||modalHeaderClassName},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading_Loading__WEBPACK_IMPORTED_MODULE_1__.Z,null)},header)):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.eW,{className:cardBodyClassName||modalBodyClassName},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading_Loading__WEBPACK_IMPORTED_MODULE_1__.Z,null)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ErrorBoundary_ErrorBoundary__WEBPACK_IMPORTED_MODULE_2__.S,null,children))),footer?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.iR,{className:cardFooterClassName||modalFooterClassName},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading_Loading__WEBPACK_IMPORTED_MODULE_1__.Z,null)},footer)):null)}try{Card.displayName="Card",Card.__docgenInfo={description:"Card is a content container with an optional header and footer.\nYou should use this component over the reactstrap Card component,\nbecause this component has Suspense built in to display a loader\nand wait for its content to be fully loaded before displaying.",displayName:"Card",props:{header:{defaultValue:null,description:"Optionally the content of the card header.",name:"header",required:!1,type:{name:"ReactNode"}},footer:{defaultValue:null,description:"Optionally the content of the card footer.",name:"footer",required:!1,type:{name:"ReactNode"}},children:{defaultValue:null,description:"The content of the card body.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},cardHeaderClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <CardHeader>.\nUseful for styling the component.",name:"cardHeaderClassName",required:!1,type:{name:"string | undefined"}},cardBodyClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <CardBody>.\nUseful for styling the component.",name:"cardBodyClassName",required:!1,type:{name:"string | undefined"}},cardFooterClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <CardFooter>.\nUseful for styling the component.",name:"cardFooterClassName",required:!1,type:{name:"string | undefined"}},modalHeaderClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <CardHeader>.\nUseful for styling the component.\n@deprecated Please do not use the modalHeaderClassName property anymore.\nInstead use the cardHeaderClassName property.\nIn version 4.0.0 the modalHeaderClassName property will be removed.",name:"modalHeaderClassName",required:!1,type:{name:"string | undefined"}},modalBodyClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <CardBody>.\nUseful for styling the component.\n@deprecated Please do not use the modalBodyClassName property anymore.\nInstead use the cardBodyClassName property.\nIn version 4.0.0 the modalBodyClassName property will be removed.",name:"modalBodyClassName",required:!1,type:{name:"string | undefined"}},modalFooterClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <CardFooter>.\nUseful for styling the component.\n@deprecated Please do not use the modalFooterClassName property anymore.\nInstead use the cardFooterClassName property.\nIn version 4.0.0 the modalFooterClassName property will be removed.",name:"modalFooterClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Card/Card.tsx#Card"]={docgenInfo:Card.__docgenInfo,name:"Card",path:"src/core/Card/Card.tsx#Card"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/CardOpenClose/CardOpenClose.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>CardOpenClose});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_OpenClose_OpenClose__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/OpenClose/OpenClose.tsx"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_Loading_Loading__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Loading/Loading.tsx");function CardOpenClose(props){var header=props.header,isOpen=props.isOpen,toggle=props.toggle,className=props.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Zb,{className:classnames__WEBPACK_IMPORTED_MODULE_2___default()("my-2",className)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.Ol,{className:"d-flex justify-content-between align-content-center clickable",onClick:toggle},header,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_OpenClose_OpenClose__WEBPACK_IMPORTED_MODULE_1__.q,{open:isOpen})),isOpen?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading_Loading__WEBPACK_IMPORTED_MODULE_3__.Z,null)},function propsHasChildren(props){return void 0!==props.children}(props)?props.children():props.content()):null)}try{CardOpenClose.displayName="CardOpenClose",CardOpenClose.__docgenInfo={description:"CardOpenClose is a collapsable bootstrap card that you can use to only display\nimportant details and hide other details in a collapsable body to prevent extra\nlong pages that cause the user to scroll a lot.",displayName:"CardOpenClose",props:{header:{defaultValue:null,description:"The important details you always want to be displayed.",name:"header",required:!0,type:{name:"ReactNode"}},isOpen:{defaultValue:null,description:"Whether or not the collapsable body is opened.",name:"isOpen",required:!0,type:{name:"boolean"}},toggle:{defaultValue:null,description:"Callback that is triggered when the header is clicked.\nIt should invert the isOpen property to show or hide the collapsable body.",name:"toggle",required:!0,type:{name:"() => void"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},children:{defaultValue:null,description:"The content that might be hidden in the collapsable body.",name:"children",required:!0,type:{name:"() => ReactNode"}},content:{defaultValue:null,description:"The content that might be hidden in the collapsable body.\n@deprecated Please do not use the content property anymore.\nInstead use the children property.\nIn version 4.0.0 the content property will be removed.",name:"content",required:!0,type:{name:"() => ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/CardOpenClose/CardOpenClose.tsx#CardOpenClose"]={docgenInfo:CardOpenClose.__docgenInfo,name:"CardOpenClose",path:"src/core/CardOpenClose/CardOpenClose.tsx#CardOpenClose"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/ConfirmButton/ConfirmButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>ConfirmButton});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Button_Button__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Button/Button.tsx"),_ConfirmModal_ConfirmModal__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/ConfirmModal/ConfirmModal.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function ConfirmButton(_ref){var icon=_ref.icon,children=_ref.children,fullWidth=_ref.fullWidth,size=_ref.size,dialogText=_ref.dialogText,_ref$color=_ref.color,color=void 0===_ref$color?"danger":_ref$color,onConfirm=_ref.onConfirm,inProgress=_ref.inProgress,_ref$text=_ref.text,text=void 0===_ref$text?{}:_ref$text,className=_ref.className,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setOpen=_useState2[1],modalHeader=text.modalHeader,confirm=text.confirm,cancel=text.cancel;var buttonProps={onClick:function openModal(event){event.stopPropagation(),setOpen(!0)},color,inProgress:!!inProgress,icon,children,fullWidth,size};return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className,style:{display:buttonProps.icon&&!buttonProps.children?"inline":"block"}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_1__.ZP,buttonProps),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ConfirmModal_ConfirmModal__WEBPACK_IMPORTED_MODULE_2__.Z,{isOpen,onClose:function onClose(){return setOpen(!1)},onSave:function onSave(){return function saveModal(){setOpen(!1),onConfirm()}()},label:modalHeader,modalText:dialogText,cancelText:cancel,confirmText:confirm}))}try{ConfirmButton.displayName="ConfirmButton",ConfirmButton.__docgenInfo={description:"The ConfirmButton asks the user if he / she is sure he wants to\nperform the action.\n\nThe obvious use case is a delete button which asks the user if\nhe is sure he wants to delete something.",displayName:"ConfirmButton",props:{type:{defaultValue:{value:"button"},description:"Optionally the type of button it is, defaults to 'button'.",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"button"'},{value:'"reset"'},{value:'"submit"'}]}},color:{defaultValue:{value:"danger"},description:"Optionally the color of the button.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},onClick:{defaultValue:null,description:"Optional callback for what needs to happen when the button is clicked.",name:"onClick",required:!1,type:{name:"((event: MouseEvent<HTMLElement, MouseEvent>) => any) | undefined"}},inProgress:{defaultValue:{value:"false"},description:"Whether or not the action you are performing is currently in\nprogress. If so a spinner is rendered inside of the button.\nThis behavior is optional and default to `false`.",name:"inProgress",required:!1,type:{name:"boolean | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:null,description:"Optionally whether the button is disabled\n\nDefaults to `false`",name:"disabled",required:!1,type:{name:"boolean | undefined"}},icon:{defaultValue:null,description:"Optionally the Icon you want to use.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},iconPosition:{defaultValue:null,description:'Optionally the position of the icon, either left or right.\nDefaults to "left".\n\nOnly applicable when the `icon` prop is set.',name:"iconPosition",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'}]}},outline:{defaultValue:null,description:"Optionally whether or not to show the button only as an outline.",name:"outline",required:!1,type:{name:"boolean | undefined"}},size:{defaultValue:null,description:"Optionally the size of the button, or icon when only the icon\nis rendered.\n\nDefaults to 'md'.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},fullWidth:{defaultValue:null,description:"Optionally whether or not the button should take the full width\navailable.\n\nDefaults to `false`",name:"fullWidth",required:!1,type:{name:"boolean | undefined"}},children:{defaultValue:null,description:"Optionally the text of the button.",name:"children",required:!1,type:{name:"ReactNode"}},dialogText:{defaultValue:null,description:"The text you want to render inside of the dialog.",name:"dialogText",required:!0,type:{name:"ReactNode"}},onConfirm:{defaultValue:null,description:"Callback which is triggered after the user has 'confirmed' that\nthe action should occur.\n\nBasically replaces the logic you would normally put in an `onClick`\nevent in a normal button.",name:"onConfirm",required:!0,type:{name:"() => void"}},text:{defaultValue:{value:"{}"},description:"Optionally customized text to use within the component.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/ConfirmButton/ConfirmButton.tsx#ConfirmButton"]={docgenInfo:ConfirmButton.__docgenInfo,name:"ConfirmButton",path:"src/core/ConfirmButton/ConfirmButton.tsx#ConfirmButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/ConfirmModal/ConfirmModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>ConfirmModal});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/index.ts");function ConfirmModal(_ref){var isOpen=_ref.isOpen,onClose=_ref.onClose,onSave=_ref.onSave,label=_ref.label,cancelText=_ref.cancelText,confirmText=_ref.confirmText,modalText=_ref.modalText,className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_1__.nm,{isOpen,onClose,onSave,label:(0,___WEBPACK_IMPORTED_MODULE_1__.t)({overrideText:label,key:"ConfirmButton.MODAL_HEADER",fallback:"Confirmation"}),text:{cancel:(0,___WEBPACK_IMPORTED_MODULE_1__.t)({overrideText:cancelText,key:"ConfirmButton.CANCEL",fallback:"Cancel"}),save:(0,___WEBPACK_IMPORTED_MODULE_1__.t)({overrideText:confirmText,key:"ConfirmButton.CONFIRM",fallback:"Confirm"})},className},modalText)}try{ConfirmModal.displayName="ConfirmModal",ConfirmModal.__docgenInfo={description:"ConfirmModal offers the user a confirmation dialog before performing an operation.\nThe main use case is a delete action, which we want the user to confirm before proceeding.\n\nNote: In most cases, you'll want to use {@link ConfirmButton } instead.\nThat component offers an easy-to-use button that triggers this dialog.\nHowever, if it is not possible to trigger the action through a button,\nsuch as when using a ButtonDropdown, you can use this component directly instead.",displayName:"ConfirmModal",props:{label:{defaultValue:{value:"Confirmation"},description:'The text to show in the heading of the modal. Defaults to "Confirmation"',name:"label",required:!1,type:{name:"string | undefined"}},cancelText:{defaultValue:{value:"Cancel"},description:'The text to show as the cancel button\'s text, defaults to "Cancel"',name:"cancelText",required:!1,type:{name:"string | undefined"}},confirmText:{defaultValue:{value:"OK"},description:'The text to show as the ok button\'s text, defaults to "OK"',name:"confirmText",required:!1,type:{name:"string | undefined"}},isOpen:{defaultValue:null,description:"Whether or not the modal is open.\n@deprecated Please do not use the isOpen boolean to control whether\nor not the modal is opened. Instead always set isOpen to `true`\nand only render the ConfirmModal when it should be rendered.\nIn version 4.0.0 the isOpen property will be removed.",name:"isOpen",required:!0,type:{name:"boolean"}},onClose:{defaultValue:null,description:"Function that gets called when the modal is dismissed or closed via the close button",name:"onClose",required:!0,type:{name:"() => void"}},onSave:{defaultValue:null,description:"Function that gets called when the user clicks the save button",name:"onSave",required:!0,type:{name:"() => void"}},modalText:{defaultValue:null,description:"Text which is rendered inside the modal",name:"modalText",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/ConfirmModal/ConfirmModal.tsx#ConfirmModal"]={docgenInfo:ConfirmModal.__docgenInfo,name:"ConfirmModal",path:"src/core/ConfirmModal/ConfirmModal.tsx#ConfirmModal"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/ContentState/ContentState.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>ContentState});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Icon/Icon.tsx"),_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Spinner/Spinner.tsx");function ContentState(_ref){var mode=_ref.mode,title=_ref.title,subTitle=_ref.subTitle,children=_ref.children,className=_ref.className,icon="empty"===mode?"laptop":"error"===mode?"sentiment_very_dissatisfied":"search";return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("text-center",className)},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("content-state",mode)},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"state-icons"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__.Z,{icon:"add"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__.Z,{icon:"radio_button_unchecked"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__.Z,{icon:"photo"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__.Z,{icon:"folder_open"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__.Z,{icon:"radio_button_unchecked"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__.Z,{icon:"add"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"state-content"},"loading"===mode?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_3__.Z,{className:"mb-2",color:"#f0ad4e",size:75}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__.Z,{icon}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h4",null,title),subTitle&&react__WEBPACK_IMPORTED_MODULE_0__.createElement("h6",{className:"text-muted mb-3"},subTitle),children)}try{ContentState.displayName="ContentState",ContentState.__docgenInfo={description:"ContentState is a component which handles various non happy flow\nstates. The states it handles are: 'empty', 'no-results' and 'error'.\n\nIt will display whimsical component which tells the user that things\ndid not go as planned / expected. Use this component whenever you\nwould otherwise display 'nothing'.",displayName:"ContentState",props:{mode:{defaultValue:null,description:"The mode of the ContentState:\n\nUse `empty` for when you want to inform the user that there\nis no content yet.\n\nUse `no-results` for when applying a filter resulted in no results\nmatching the filters.\n\nUse `error` for when something went wrong.\n\nUse `loading` for when something is still loading.",name:"mode",required:!0,type:{name:"enum",value:[{value:'"error"'},{value:'"empty"'},{value:'"no-results"'},{value:'"loading"'}]}},children:{defaultValue:null,description:"Optional custom content you want to render below the titles.\nYou could use this to render a button for example.",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},title:{defaultValue:null,description:"The title of the ContentState component.",name:"title",required:!0,type:{name:"string"}},subTitle:{defaultValue:null,description:"The subTitle of the ContentState component.",name:"subTitle",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/ContentState/ContentState.tsx#ContentState"]={docgenInfo:ContentState.__docgenInfo,name:"ContentState",path:"src/core/ContentState/ContentState.tsx#ContentState"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Debug/Debug.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c:()=>Debug});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_CardOpenClose_CardOpenClose__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/CardOpenClose/CardOpenClose.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Debug(_ref){var value=_ref.value,_ref$defaultOpen=_ref.defaultOpen,defaultOpen=void 0===_ref$defaultOpen||_ref$defaultOpen,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(defaultOpen),2),isOpen=_useState2[0],setIsOpen=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CardOpenClose_CardOpenClose__WEBPACK_IMPORTED_MODULE_1__.X,{header:"DEBUG",isOpen,toggle:function toggle(){return setIsOpen(!isOpen)}},(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",null,JSON.stringify(value,null,2))}))}try{Debug.displayName="Debug",Debug.__docgenInfo={description:"A component which helps you debug things by rendering them as\nJSON on the screen.\n\nUseful for when debugging forms:",displayName:"Debug",props:{value:{defaultValue:null,description:"Any value you want to debug. Could be an object as well as any other type.",name:"value",required:!0,type:{name:"any"}},defaultOpen:{defaultValue:{value:"true"},description:"Optionally whether the debug should start open or closed.\n\nDefaults to `true`.",name:"defaultOpen",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Debug/Debug.tsx#Debug"]={docgenInfo:Debug.__docgenInfo,name:"Debug",path:"src/core/Debug/Debug.tsx#Debug"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/ErrorBoundary/ErrorBoundary.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{S:()=>ErrorBoundary});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/ContentState/ContentState.tsx"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utilities/translation/translation.ts");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"===_typeof(call)||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var ErrorBoundary=function(_React$Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(ErrorBoundary,_React$Component);var _super=_createSuper(ErrorBoundary);function ErrorBoundary(props){var _this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,ErrorBoundary),(_this=_super.call(this,props)).state={hasError:!1},_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(ErrorBoundary,[{key:"componentDidCatch",value:function componentDidCatch(error,errorInfo){console.error(error,errorInfo.componentStack)}},{key:"render",value:function render(){var _this$props$text;return this.state.hasError?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_1__.Z,{mode:"error",title:(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__.t)({key:"ErrorBoundary.ERROR.TITLE",fallback:"Oops something went wrong!",overrideText:null===(_this$props$text=this.props.text)||void 0===_this$props$text?void 0:_this$props$text.error})}):this.props.children}}],[{key:"getDerivedStateFromError",value:function getDerivedStateFromError(){return{hasError:!0}}}]),ErrorBoundary}(react__WEBPACK_IMPORTED_MODULE_0__.Component);try{ErrorBoundary.displayName="ErrorBoundary",ErrorBoundary.__docgenInfo={description:"",displayName:"ErrorBoundary",props:{text:{defaultValue:null,description:"",name:"text",required:!1,type:{name:"{ error: string; } | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/ErrorBoundary/ErrorBoundary.tsx#ErrorBoundary"]={docgenInfo:ErrorBoundary.__docgenInfo,name:"ErrorBoundary",path:"src/core/ErrorBoundary/ErrorBoundary.tsx#ErrorBoundary"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/FavoriteIcon/FavoriteIcon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>FavoriteIcon});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Icon/Icon.tsx");function FavoriteIcon(_ref){var value=_ref.value,onChange=_ref.onChange,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,size=_ref.size,_ref$color=_ref.color,color=void 0===_ref$color?"secondary":_ref$color,_ref$activeColor=_ref.activeColor,activeColor=void 0===_ref$activeColor?"primary":_ref$activeColor,hoverColor=_ref.hoverColor;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__.Z,{color:value?activeColor:color,hoverColor:hoverColor||activeColor,className,icon:value?"star":"star_border",onClick:function onClick(e){e.preventDefault(),onChange(!value)},size})}try{FavoriteIcon.displayName="FavoriteIcon",FavoriteIcon.__docgenInfo={description:"FavoriteIcon displays a star icon to show the user\nwhether an item is favorite or not. The component\nincludes toggle functionality.",displayName:"FavoriteIcon",props:{value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!0,type:{name:"boolean"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: boolean) => void"}},className:{defaultValue:{value:""},description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},size:{defaultValue:null,description:"Optionally the size of the icon in pixels.\n\nDefaults to `24px`",name:"size",required:!1,type:{name:"number | undefined"}},color:{defaultValue:{value:"secondary"},description:"Optionally the color of the icon when value is false\nand the icon is not hovered.\n\nDefaults to secondary.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},hoverColor:{defaultValue:null,description:"Optional color you want the icon to have when it is hovered.\nWhen hoverColor is not defined, activeColor will be used.",name:"hoverColor",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},activeColor:{defaultValue:{value:"primary"},description:"Optionally the color of the icon when value is true.\nAlso used when hoverColor is not defined and the icon\nis hovered.\n\nDefaults to primary.",name:"activeColor",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/FavoriteIcon/FavoriteIcon.tsx#FavoriteIcon"]={docgenInfo:FavoriteIcon.__docgenInfo,name:"FavoriteIcon",path:"src/core/FavoriteIcon/FavoriteIcon.tsx#FavoriteIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/FlashMessage/FlashMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>FlashMessage});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function FlashMessage(_ref){var className=_ref.className,onClose=_ref.onClose,color=_ref.color,children=_ref.children;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("flash-message",className)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.bZ,{color,open:!0,toggle:onClose},children))}try{FlashMessage.displayName="FlashMessage",FlashMessage.__docgenInfo={description:"A FlashMessage is a message you want to show to the user briefly.\n\nUse it when you want to globally show a notification / message.",displayName:"FlashMessage",props:{className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},onClose:{defaultValue:null,description:"Optional callback for what needs to happen when the flash-message is closed.",name:"onClose",required:!1,type:{name:"(() => void) | undefined"}},color:{defaultValue:null,description:"Optionally the color of the button.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},children:{defaultValue:null,description:"The text of the flash message.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/FlashMessage/FlashMessage.tsx#FlashMessage"]={docgenInfo:FlashMessage.__docgenInfo,name:"FlashMessage",path:"src/core/FlashMessage/FlashMessage.tsx#FlashMessage"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Icon/Icon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Icon});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/index.ts");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Icon(_ref){var className=_ref.className,_onClick=_ref.onClick,icon=_ref.icon,id=_ref.id,color=_ref.color,hoverColor=_ref.hoverColor,disabled=_ref.disabled,size=_ref.size,_useHover2=_slicedToArray((0,___WEBPACK_IMPORTED_MODULE_2__.XI)(),2),hover=_useHover2[0],hoverEvents=_useHover2[1],colorCssClasses={};hoverColor&&hover&&!disabled&&void 0!==_onClick?colorCssClasses["text-".concat(hoverColor)]=!0:color&&(colorCssClasses["text-".concat(color)]=!0);var classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("icon",className,"material-icons",colorCssClasses,{clickable:!disabled&&_onClick,"icon--disabled":disabled}),style=size?{fontSize:size}:void 0;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("i",_extends({id,style,onClick:function onClick(event){!disabled&&_onClick&&_onClick(event)},className:classes},hoverEvents),icon)}try{Icon.displayName="Icon",Icon.__docgenInfo={description:"The Icon is a small wrapper around a material design icon.\n\nUseful for making sure your icon is typesafe via TypeScript.",displayName:"Icon",props:{icon:{defaultValue:null,description:"The material icon you want to render.",name:"icon",required:!0,type:{name:"enum",value:[{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},color:{defaultValue:null,description:"Optional color you want the Icon to have.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},hoverColor:{defaultValue:null,description:"Optional color you want the Icon to have when it is hovered.\nWhen `disabled` is true, hoverColor does not work.\nThis will only be used when onClick is defined.",name:"hoverColor",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},id:{defaultValue:null,description:"Optional id when using controlled tooltips.",name:"id",required:!1,type:{name:"string | undefined"}},onClick:{defaultValue:null,description:"Optional onClick event for when the Icon is clicked.",name:"onClick",required:!1,type:{name:"((event: MouseEvent<HTMLElement, MouseEvent>) => void) | undefined"}},disabled:{defaultValue:null,description:"Optionally whether the button is disabled\n\nDefaults to `false`",name:"disabled",required:!1,type:{name:"boolean | undefined"}},size:{defaultValue:null,description:"Optionally the size of the icon in pixels.\n\nDefaults to `24px`",name:"size",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Icon/Icon.tsx#Icon"]={docgenInfo:Icon.__docgenInfo,name:"Icon",path:"src/core/Icon/Icon.tsx#Icon"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Icon/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{JO:()=>Icon.Z,ci:()=>icons});var Icon=__webpack_require__("./src/core/Icon/Icon.tsx"),icons=["10k","10mp","11mp","123","12mp","13mp","14mp","15mp","16mp","17mp","18mp","19mp","1k","1k_plus","1x_mobiledata","20mp","21mp","22mp","23mp","24mp","2k","2k_plus","2mp","30fps","30fps_select","360","3d_rotation","3g_mobiledata","3k","3k_plus","3mp","3p","4g_mobiledata","4g_plus_mobiledata","4k","4k_plus","4mp","5g","5k","5k_plus","5mp","60fps","60fps_select","6_ft_apart","6k","6k_plus","6mp","7k","7k_plus","7mp","8k","8k_plus","8mp","9k","9k_plus","9mp","abc","ac_unit","access_alarm","access_alarms","access_time","access_time_filled","accessibility","accessibility_new","accessible","accessible_forward","account_balance","account_balance_wallet","account_box","account_circle","account_tree","ad_units","adb","add","add_a_photo","add_alarm","add_alert","add_box","add_business","add_card","add_chart","add_circle","add_circle_outline","add_comment","add_ic_call","add_link","add_location","add_location_alt","add_moderator","add_photo_alternate","add_reaction","add_road","add_shopping_cart","add_task","add_to_drive","add_to_home_screen","add_to_photos","add_to_queue","addchart","adf_scanner","adjust","admin_panel_settings","ads_click","agriculture","air","airline_seat_flat","airline_seat_flat_angled","airline_seat_individual_suite","airline_seat_legroom_extra","airline_seat_legroom_normal","airline_seat_legroom_reduced","airline_seat_recline_extra","airline_seat_recline_normal","airline_stops","airlines","airplane_ticket","airplanemode_active","airplanemode_inactive","airplay","airport_shuttle","alarm","alarm_add","alarm_off","alarm_on","album","align_horizontal_center","align_horizontal_left","align_horizontal_right","align_vertical_bottom","align_vertical_center","align_vertical_top","all_inbox","all_inclusive","all_out","alt_route","alternate_email","analytics","anchor","android","animation","announcement","aod","apartment","api","app_blocking","app_registration","app_settings_alt","app_shortcut","approval","apps","apps_outage","architecture","archive","area_chart","arrow_back","arrow_back_ios","arrow_back_ios_new","arrow_circle_down","arrow_circle_left","arrow_circle_right","arrow_circle_up","arrow_downward","arrow_drop_down","arrow_drop_down_circle","arrow_drop_up","arrow_forward","arrow_forward_ios","arrow_left","arrow_right","arrow_right_alt","arrow_upward","art_track","article","aspect_ratio","assessment","assignment","assignment_ind","assignment_late","assignment_return","assignment_returned","assignment_turned_in","assistant","assistant_direction","assistant_photo","assured_workload","atm","attach_email","attach_file","attach_money","attachment","attractions","attribution","audio_file","audiotrack","auto_awesome","auto_awesome_mosaic","auto_awesome_motion","auto_delete","auto_fix_high","auto_fix_normal","auto_fix_off","auto_graph","auto_stories","autofps_select","autorenew","av_timer","baby_changing_station","back_hand","backpack","backspace","backup","backup_table","badge","bakery_dining","balance","balcony","ballot","bar_chart","batch_prediction","bathroom","bathtub","battery_alert","battery_charging_full","battery_full","battery_saver","battery_std","battery_unknown","beach_access","bed","bedroom_baby","bedroom_child","bedroom_parent","bedtime","bedtime_off","beenhere","bento","bike_scooter","biotech","blender","block","bloodtype","bluetooth","bluetooth_audio","bluetooth_connected","bluetooth_disabled","bluetooth_drive","bluetooth_searching","blur_circular","blur_linear","blur_off","blur_on","bolt","book","book_online","bookmark","bookmark_add","bookmark_added","bookmark_border","bookmark_remove","bookmarks","border_all","border_bottom","border_clear","border_color","border_horizontal","border_inner","border_left","border_outer","border_right","border_style","border_top","border_vertical","boy","branding_watermark","breakfast_dining","brightness_1","brightness_2","brightness_3","brightness_4","brightness_5","brightness_6","brightness_7","brightness_auto","brightness_high","brightness_low","brightness_medium","broken_image","browse_gallery","browser_not_supported","browser_updated","brunch_dining","brush","bubble_chart","bug_report","build","build_circle","bungalow","burst_mode","bus_alert","business","business_center","cabin","cable","cached","cake","calculate","calendar_month","calendar_today","calendar_view_day","calendar_view_month","calendar_view_week","call","call_end","call_made","call_merge","call_missed","call_missed_outgoing","call_received","call_split","call_to_action","camera","camera_alt","camera_enhance","camera_front","camera_indoor","camera_outdoor","camera_rear","camera_roll","cameraswitch","campaign","cancel","cancel_presentation","cancel_schedule_send","candlestick_chart","car_rental","car_repair","card_giftcard","card_membership","card_travel","carpenter","cases","casino","cast","cast_connected","cast_for_education","castle","catching_pokemon","category","celebration","cell_tower","cell_wifi","center_focus_strong","center_focus_weak","chair","chair_alt","chalet","change_circle","change_history","charging_station","chat","chat_bubble","chat_bubble_outline","check","check_box","check_box_outline_blank","check_circle","check_circle_outline","checklist","checklist_rtl","checkroom","chevron_left","chevron_right","child_care","child_friendly","chrome_reader_mode","church","circle","circle_notifications","class","clean_hands","cleaning_services","clear","clear_all","close","close_fullscreen","closed_caption","closed_caption_disabled","closed_caption_off","cloud","cloud_circle","cloud_done","cloud_download","cloud_off","cloud_queue","cloud_sync","cloud_upload","co2","co_present","code","code_off","coffee","coffee_maker","collections","collections_bookmark","color_lens","colorize","comment","comment_bank","comments_disabled","commit","commute","compare","compare_arrows","compass_calibration","compost","compress","computer","confirmation_number","connect_without_contact","connected_tv","connecting_airports","construction","contact_mail","contact_page","contact_phone","contact_support","contactless","contacts","content_copy","content_cut","content_paste","content_paste_go","content_paste_off","content_paste_search","contrast","control_camera","control_point","control_point_duplicate","cookie","copy_all","copyright","coronavirus","corporate_fare","cottage","countertops","create","create_new_folder","credit_card","credit_card_off","credit_score","crib","crop","crop_16_9","crop_3_2","crop_5_4","crop_7_5","crop_din","crop_free","crop_landscape","crop_original","crop_portrait","crop_rotate","crop_square","cruelty_free","css","currency_bitcoin","currency_exchange","currency_franc","currency_lira","currency_pound","currency_ruble","currency_rupee","currency_yen","currency_yuan","dangerous","dark_mode","dashboard","dashboard_customize","data_array","data_exploration","data_object","data_saver_off","data_saver_on","data_thresholding","data_usage","date_range","deblur","deck","dehaze","delete","delete_forever","delete_outline","delete_sweep","delivery_dining","density_large","density_medium","density_small","departure_board","description","deselect","design_services","desktop_access_disabled","desktop_mac","desktop_windows","details","developer_board","developer_board_off","developer_mode","device_hub","device_thermostat","device_unknown","devices","devices_other","dialer_sip","dialpad","diamond","difference","dining","dinner_dining","directions","directions_bike","directions_boat","directions_boat_filled","directions_bus","directions_bus_filled","directions_car","directions_car_filled","directions_off","directions_railway","directions_railway_filled","directions_run","directions_subway","directions_subway_filled","directions_transit","directions_transit_filled","directions_walk","dirty_lens","disabled_by_default","disabled_visible","disc_full","discount","display_settings","dns","do_disturb","do_disturb_alt","do_disturb_off","do_disturb_on","do_not_disturb","do_not_disturb_alt","do_not_disturb_off","do_not_disturb_on","do_not_disturb_on_total_silence","do_not_step","do_not_touch","dock","document_scanner","domain","domain_add","domain_disabled","domain_verification","done","done_all","done_outline","donut_large","donut_small","door_back","door_front","door_sliding","doorbell","double_arrow","downhill_skiing","download","download_done","download_for_offline","downloading","drafts","drag_handle","drag_indicator","draw","drive_eta","drive_file_move","drive_file_move_rtl","drive_file_rename_outline","drive_folder_upload","dry","dry_cleaning","duo","dvr","dynamic_feed","dynamic_form","e_mobiledata","earbuds","earbuds_battery","east","edgesensor_high","edgesensor_low","edit","edit_attributes","edit_calendar","edit_location","edit_location_alt","edit_note","edit_notifications","edit_off","edit_road","egg","egg_alt","eject","elderly","elderly_woman","electric_bike","electric_car","electric_moped","electric_rickshaw","electric_scooter","electrical_services","elevator","email","emergency","emoji_emotions","emoji_events","emoji_food_beverage","emoji_nature","emoji_objects","emoji_people","emoji_symbols","emoji_transportation","engineering","enhanced_encryption","equalizer","error","error_outline","escalator","escalator_warning","euro","euro_symbol","ev_station","event","event_available","event_busy","event_note","event_repeat","event_seat","exit_to_app","expand","expand_circle_down","expand_less","expand_more","explicit","explore","explore_off","exposure","exposure_neg_1","exposure_neg_2","exposure_plus_1","exposure_plus_2","exposure_zero","extension","extension_off","face","face_retouching_natural","face_retouching_off","fact_check","factory","family_restroom","fast_forward","fast_rewind","fastfood","favorite","favorite_border","fax","featured_play_list","featured_video","feed","feedback","female","fence","festival","fiber_dvr","fiber_manual_record","fiber_new","fiber_pin","fiber_smart_record","file_copy","file_download","file_download_done","file_download_off","file_open","file_present","file_upload","filter","filter_1","filter_2","filter_3","filter_4","filter_5","filter_6","filter_7","filter_8","filter_9","filter_9_plus","filter_alt","filter_alt_off","filter_b_and_w","filter_center_focus","filter_drama","filter_frames","filter_hdr","filter_list","filter_list_off","filter_none","filter_tilt_shift","filter_vintage","find_in_page","find_replace","fingerprint","fire_extinguisher","fireplace","first_page","fit_screen","fitbit","fitness_center","flag","flag_circle","flaky","flare","flash_auto","flash_off","flash_on","flashlight_off","flashlight_on","flatware","flight","flight_class","flight_land","flight_takeoff","flip","flip_camera_android","flip_camera_ios","flip_to_back","flip_to_front","flourescent","flutter_dash","fmd_bad","fmd_good","folder","folder_copy","folder_delete","folder_off","folder_open","folder_shared","folder_special","folder_zip","follow_the_signs","font_download","font_download_off","food_bank","forest","fork_left","fork_right","format_align_center","format_align_justify","format_align_left","format_align_right","format_bold","format_clear","format_color_fill","format_color_reset","format_color_text","format_indent_decrease","format_indent_increase","format_italic","format_line_spacing","format_list_bulleted","format_list_numbered","format_list_numbered_rtl","format_overline","format_paint","format_quote","format_shapes","format_size","format_strikethrough","format_textdirection_l_to_r","format_textdirection_r_to_l","format_underlined","fort","forum","forward","forward_10","forward_30","forward_5","forward_to_inbox","foundation","free_breakfast","free_cancellation","front_hand","fullscreen","fullscreen_exit","functions","g_mobiledata","g_translate","gamepad","games","garage","gavel","generating_tokens","gesture","get_app","gif","gif_box","girl","gite","golf_course","gpp_bad","gpp_good","gpp_maybe","gps_fixed","gps_not_fixed","gps_off","grade","gradient","grading","grain","graphic_eq","grass","grid_3x3","grid_4x4","grid_goldenratio","grid_off","grid_on","grid_view","group","group_add","group_off","group_remove","group_work","groups","h_mobiledata","h_plus_mobiledata","hail","handshake","handyman","hardware","hd","hdr_auto","hdr_auto_select","hdr_enhanced_select","hdr_off","hdr_off_select","hdr_on","hdr_on_select","hdr_plus","hdr_strong","hdr_weak","headphones","headphones_battery","headset","headset_mic","headset_off","healing","health_and_safety","hearing","hearing_disabled","heart_broken","height","help","help_center","help_outline","hevc","hexagon","hide_image","hide_source","high_quality","highlight","highlight_alt","highlight_off","hiking","history","history_edu","history_toggle_off","hive","hls","hls_off","holiday_village","home","home_max","home_mini","home_repair_service","home_work","horizontal_distribute","horizontal_rule","horizontal_split","hot_tub","hotel","hotel_class","hourglass_bottom","hourglass_disabled","hourglass_empty","hourglass_full","hourglass_top","house","house_siding","houseboat","how_to_reg","how_to_vote","html","http","https","hub","hvac","ice_skating","icecream","image","image_aspect_ratio","image_not_supported","image_search","imagesearch_roller","import_contacts","import_export","important_devices","inbox","incomplete_circle","indeterminate_check_box","info","input","insert_chart","insert_chart_outlined","insert_comment","insert_drive_file","insert_emoticon","insert_invitation","insert_link","insert_page_break","insert_photo","insights","install_desktop","install_mobile","integration_instructions","interests","interpreter_mode","inventory","inventory_2","invert_colors","invert_colors_off","ios_share","iron","iso","javascript","join_full","join_inner","join_left","join_right","kayaking","kebab_dining","key","key_off","keyboard","keyboard_alt","keyboard_arrow_down","keyboard_arrow_left","keyboard_arrow_right","keyboard_arrow_up","keyboard_backspace","keyboard_capslock","keyboard_command_key","keyboard_control_key","keyboard_double_arrow_down","keyboard_double_arrow_left","keyboard_double_arrow_right","keyboard_double_arrow_up","keyboard_hide","keyboard_option_key","keyboard_return","keyboard_tab","keyboard_voice","king_bed","kitchen","kitesurfing","label","label_important","label_off","lan","landscape","language","laptop","laptop_chromebook","laptop_mac","laptop_windows","last_page","launch","layers","layers_clear","leaderboard","leak_add","leak_remove","legend_toggle","lens","lens_blur","library_add","library_add_check","library_books","library_music","light","light_mode","lightbulb","line_axis","line_style","line_weight","linear_scale","link","link_off","linked_camera","liquor","list","list_alt","live_help","live_tv","living","local_activity","local_airport","local_atm","local_bar","local_cafe","local_car_wash","local_convenience_store","local_dining","local_drink","local_fire_department","local_florist","local_gas_station","local_grocery_store","local_hospital","local_hotel","local_laundry_service","local_library","local_mall","local_movies","local_offer","local_parking","local_pharmacy","local_phone","local_pizza","local_play","local_police","local_post_office","local_printshop","local_see","local_shipping","local_taxi","location_city","location_disabled","location_off","location_on","location_searching","lock","lock_clock","lock_open","lock_reset","login","logo_dev","logout","looks","looks_3","looks_4","looks_5","looks_6","looks_one","looks_two","loop","loupe","low_priority","loyalty","lte_mobiledata","lte_plus_mobiledata","luggage","lunch_dining","mail","mail_outline","male","man","manage_accounts","manage_search","map","maps_home_work","maps_ugc","margin","mark_as_unread","mark_chat_read","mark_chat_unread","mark_email_read","mark_email_unread","mark_unread_chat_alt","markunread","markunread_mailbox","masks","maximize","media_bluetooth_off","media_bluetooth_on","mediation","medical_services","medication","medication_liquid","meeting_room","memory","menu","menu_book","menu_open","merge","merge_type","message","mic","mic_external_off","mic_external_on","mic_none","mic_off","microwave","military_tech","minimize","miscellaneous_services","missed_video_call","mms","mobile_friendly","mobile_off","mobile_screen_share","mobiledata_off","mode","mode_comment","mode_edit","mode_edit_outline","mode_night","mode_of_travel","mode_standby","model_training","monetization_on","money","money_off","money_off_csred","monitor","monitor_heart","monitor_weight","monochrome_photos","mood","mood_bad","moped","more","more_horiz","more_time","more_vert","mosque","motion_photos_auto","motion_photos_off","motion_photos_on","motion_photos_pause","motion_photos_paused","mouse","move_down","move_to_inbox","move_up","movie","movie_creation","movie_filter","moving","mp","multiline_chart","multiple_stop","museum","music_note","music_off","music_video","my_location","nat","nature","nature_people","navigate_before","navigate_next","navigation","near_me","near_me_disabled","nearby_error","nearby_off","network_cell","network_check","network_locked","network_ping","network_wifi","new_label","new_releases","newspaper","next_plan","next_week","nfc","night_shelter","nightlife","nightlight","nightlight_round","nights_stay","no_accounts","no_backpack","no_cell","no_drinks","no_encryption","no_encryption_gmailerrorred","no_flash","no_food","no_luggage","no_meals","no_meeting_room","no_photography","no_sim","no_stroller","no_transfer","nordic_walking","north","north_east","north_west","not_accessible","not_interested","not_listed_location","not_started","note","note_add","note_alt","notes","notification_add","notification_important","notifications","notifications_active","notifications_none","notifications_off","notifications_paused","numbers","offline_bolt","offline_pin","offline_share","ondemand_video","online_prediction","opacity","open_in_browser","open_in_full","open_in_new","open_in_new_off","open_with","other_houses","outbound","outbox","outdoor_grill","outlet","outlined_flag","output","padding","pages","pageview","paid","palette","pan_tool","pan_tool_alt","panorama","panorama_fish_eye","panorama_horizontal","panorama_horizontal_select","panorama_photosphere","panorama_photosphere_select","panorama_vertical","panorama_vertical_select","panorama_wide_angle","panorama_wide_angle_select","paragliding","park","party_mode","password","pattern","pause","pause_circle","pause_circle_filled","pause_circle_outline","pause_presentation","payment","payments","pedal_bike","pending","pending_actions","pentagon","people","people_alt","people_outline","percent","perm_camera_mic","perm_contact_calendar","perm_data_setting","perm_device_information","perm_identity","perm_media","perm_phone_msg","perm_scan_wifi","person","person_add","person_add_alt","person_add_alt_1","person_add_disabled","person_off","person_outline","person_pin","person_pin_circle","person_remove","person_remove_alt_1","person_search","personal_injury","personal_video","pest_control","pest_control_rodent","pets","phishing","phone","phone_android","phone_bluetooth_speaker","phone_callback","phone_disabled","phone_enabled","phone_forwarded","phone_in_talk","phone_iphone","phone_locked","phone_missed","phone_paused","phonelink","phonelink_erase","phonelink_lock","phonelink_off","phonelink_ring","phonelink_setup","photo","photo_album","photo_camera","photo_camera_back","photo_camera_front","photo_filter","photo_library","photo_size_select_actual","photo_size_select_large","photo_size_select_small","php","piano","piano_off","picture_as_pdf","picture_in_picture","picture_in_picture_alt","pie_chart","pie_chart_outline","pin","pin_drop","pin_end","pin_invoke","pinch","pivot_table_chart","pix","place","plagiarism","play_arrow","play_circle","play_circle_filled","play_circle_outline","play_disabled","play_for_work","play_lesson","playlist_add","playlist_add_check","playlist_add_check_circle","playlist_add_circle","playlist_play","playlist_remove","plumbing","plus_one","podcasts","point_of_sale","policy","poll","polyline","polymer","pool","portable_wifi_off","portrait","post_add","power","power_input","power_off","power_settings_new","precision_manufacturing","pregnant_woman","present_to_all","preview","price_change","price_check","print","print_disabled","priority_high","privacy_tip","private_connectivity","production_quantity_limits","psychology","public","public_off","publish","published_with_changes","punch_clock","push_pin","qr_code","qr_code_2","qr_code_scanner","query_builder","query_stats","question_answer","question_mark","queue","queue_music","queue_play_next","quickreply","quiz","r_mobiledata","radar","radio","radio_button_checked","radio_button_unchecked","railway_alert","ramen_dining","ramp_left","ramp_right","rate_review","raw_off","raw_on","read_more","real_estate_agent","receipt","receipt_long","recent_actors","recommend","record_voice_over","rectangle","recycling","redeem","redo","reduce_capacity","refresh","remember_me","remove","remove_circle","remove_circle_outline","remove_done","remove_from_queue","remove_moderator","remove_red_eye","remove_shopping_cart","reorder","repeat","repeat_on","repeat_one","repeat_one_on","replay","replay_10","replay_30","replay_5","replay_circle_filled","reply","reply_all","report","report_gmailerrorred","report_off","report_problem","request_page","request_quote","reset_tv","restart_alt","restaurant","restaurant_menu","restore","restore_from_trash","restore_page","reviews","rice_bowl","ring_volume","rocket","rocket_launch","roller_skating","roofing","room","room_preferences","room_service","rotate_90_degrees_ccw","rotate_90_degrees_cw","rotate_left","rotate_right","roundabout_left","roundabout_right","rounded_corner","route","router","rowing","rss_feed","rsvp","rtt","rule","rule_folder","run_circle","running_with_errors","rv_hookup","safety_divider","sailing","sanitizer","satellite","satellite_alt","save","save_alt","save_as","saved_search","savings","scale","scanner","scatter_plot","schedule","schedule_send","schema","school","science","score","scoreboard","screen_lock_landscape","screen_lock_portrait","screen_lock_rotation","screen_rotation","screen_search_desktop","screen_share","screenshot","scuba_diving","sd","sd_card","sd_card_alert","sd_storage","search","search_off","security","security_update","security_update_good","security_update_warning","segment","select_all","self_improvement","sell","send","send_and_archive","send_time_extension","send_to_mobile","sensor_door","sensor_window","sensors","sensors_off","sentiment_dissatisfied","sentiment_neutral","sentiment_satisfied","sentiment_satisfied_alt","sentiment_very_dissatisfied","sentiment_very_satisfied","set_meal","settings","settings_accessibility","settings_applications","settings_backup_restore","settings_bluetooth","settings_brightness","settings_cell","settings_ethernet","settings_input_antenna","settings_input_component","settings_input_composite","settings_input_hdmi","settings_input_svideo","settings_overscan","settings_phone","settings_power","settings_remote","settings_suggest","settings_system_daydream","settings_voice","share","share_location","shield","shield_moon","shop","shop_2","shop_two","shopping_bag","shopping_basket","shopping_cart","shopping_cart_checkout","short_text","shortcut","show_chart","shower","shuffle","shuffle_on","shutter_speed","sick","signal_cellular_0_bar","signal_cellular_4_bar","signal_cellular_alt","signal_cellular_connected_no_internet_0_bar","signal_cellular_connected_no_internet_4_bar","signal_cellular_no_sim","signal_cellular_nodata","signal_cellular_null","signal_cellular_off","signal_wifi_0_bar","signal_wifi_4_bar","signal_wifi_4_bar_lock","signal_wifi_bad","signal_wifi_connected_no_internet_4","signal_wifi_off","signal_wifi_statusbar_4_bar","signal_wifi_statusbar_connected_no_internet_4","signal_wifi_statusbar_null","signpost","sim_card","sim_card_alert","sim_card_download","single_bed","sip","skateboarding","skip_next","skip_previous","sledding","slideshow","slow_motion_video","smart_button","smart_display","smart_screen","smart_toy","smartphone","smoke_free","smoking_rooms","sms","sms_failed","snippet_folder","snooze","snowboarding","snowmobile","snowshoeing","soap","social_distance","sort","sort_by_alpha","soup_kitchen","source","south","south_america","south_east","south_west","spa","space_bar","space_dashboard","speaker","speaker_group","speaker_notes","speaker_notes_off","speaker_phone","speed","spellcheck","splitscreen","spoke","sports","sports_bar","sports_baseball","sports_basketball","sports_cricket","sports_esports","sports_football","sports_golf","sports_gymnastics","sports_handball","sports_hockey","sports_kabaddi","sports_martial_arts","sports_mma","sports_motorsports","sports_rugby","sports_score","sports_soccer","sports_tennis","sports_volleyball","square","square_foot","ssid_chart","stacked_bar_chart","stacked_line_chart","stadium","stairs","star","star_border","star_border_purple500","star_half","star_outline","star_purple500","star_rate","stars","start","stay_current_landscape","stay_current_portrait","stay_primary_landscape","stay_primary_portrait","sticky_note_2","stop","stop_circle","stop_screen_share","storage","store","store_mall_directory","storefront","storm","straight","straighten","stream","streetview","strikethrough_s","stroller","style","subdirectory_arrow_left","subdirectory_arrow_right","subject","subscript","subscriptions","subtitles","subtitles_off","subway","summarize","superscript","supervised_user_circle","supervisor_account","support","support_agent","surfing","surround_sound","swap_calls","swap_horiz","swap_horizontal_circle","swap_vert","swap_vertical_circle","swipe","swipe_down","swipe_down_alt","swipe_left","swipe_left_alt","swipe_right","swipe_right_alt","swipe_up","swipe_up_alt","swipe_vertical","switch_access_shortcut","switch_access_shortcut_add","switch_account","switch_camera","switch_left","switch_right","switch_video","synagogue","sync","sync_alt","sync_disabled","sync_lock","sync_problem","system_security_update","system_security_update_good","system_security_update_warning","system_update","system_update_alt","tab","tab_unselected","table_bar","table_chart","table_restaurant","table_rows","table_view","tablet","tablet_android","tablet_mac","tag","tag_faces","takeout_dining","tap_and_play","tapas","task","task_alt","taxi_alert","temple_buddhist","temple_hindu","terminal","terrain","text_decrease","text_fields","text_format","text_increase","text_rotate_up","text_rotate_vertical","text_rotation_angledown","text_rotation_angleup","text_rotation_down","text_rotation_none","text_snippet","textsms","texture","theater_comedy","theaters","thermostat","thermostat_auto","thumb_down","thumb_down_alt","thumb_down_off_alt","thumb_up","thumb_up_alt","thumb_up_off_alt","thumbs_up_down","time_to_leave","timelapse","timeline","timer","timer_10","timer_10_select","timer_3","timer_3_select","timer_off","tips_and_updates","tire_repair","title","toc","today","toggle_off","toggle_on","token","toll","tonality","topic","touch_app","tour","toys","track_changes","traffic","train","tram","transfer_within_a_station","transform","transgender","transit_enterexit","translate","travel_explore","trending_down","trending_flat","trending_up","trip_origin","try","tty","tune","tungsten","turn_left","turn_right","turn_sharp_left","turn_sharp_right","turn_slight_left","turn_slight_right","turned_in","turned_in_not","tv","tv_off","two_wheeler","u_turn_left","u_turn_right","umbrella","unarchive","undo","unfold_less","unfold_more","unpublished","unsubscribe","upcoming","update","update_disabled","upgrade","upload","upload_file","usb","usb_off","vaccines","vape_free","vaping_rooms","verified","verified_user","vertical_align_bottom","vertical_align_center","vertical_align_top","vertical_distribute","vertical_split","vibration","video_call","video_camera_back","video_camera_front","video_file","video_label","video_library","video_settings","video_stable","videocam","videocam_off","videogame_asset","videogame_asset_off","view_agenda","view_array","view_carousel","view_column","view_comfy","view_comfy_alt","view_compact","view_compact_alt","view_cozy","view_day","view_headline","view_in_ar","view_kanban","view_list","view_module","view_quilt","view_sidebar","view_stream","view_timeline","view_week","vignette","villa","visibility","visibility_off","voice_chat","voice_over_off","voicemail","volume_down","volume_mute","volume_off","volume_up","volunteer_activism","vpn_key","vpn_key_off","vpn_lock","vrpano","wallpaper","warehouse","warning","warning_amber","wash","watch","watch_later","watch_off","water","water_damage","water_drop","waterfall_chart","waves","waving_hand","wb_auto","wb_cloudy","wb_incandescent","wb_iridescent","wb_shade","wb_sunny","wb_twilight","wc","web","web_asset","web_asset_off","webhook","weekend","west","whatsapp","whatshot","wheelchair_pickup","where_to_vote","widgets","wifi","wifi_calling","wifi_calling_3","wifi_channel","wifi_find","wifi_lock","wifi_off","wifi_password","wifi_protected_setup","wifi_tethering","wifi_tethering_error","wifi_tethering_off","window","wine_bar","woman","work","work_off","work_outline","workspace_premium","workspaces","wrap_text","wrong_location","wysiwyg","yard","youtube_searched_for","zoom_in","zoom_in_map","zoom_out","zoom_out_map"]},"./src/core/InfoBadge/InfoBadge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>InfoBadge});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function InfoBadge(_ref){var color=_ref.color,value=_ref.value,children=_ref.children,className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("info-badge-container",className)},children,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.Ct,{color,pill:!0},value))}try{InfoBadge.displayName="InfoBadge",InfoBadge.__docgenInfo={description:"InfoBadge is a badge which shows up on the top right of an element.\n\nUse it when you want to show a notification / message count above\nan element.",displayName:"InfoBadge",props:{children:{defaultValue:null,description:"The element you want to add the InfoBadge to.",name:"children",required:!0,type:{name:"ReactNode"}},color:{defaultValue:null,description:"The color of the badge. Supports Bootstrap colors (e.g. primary, danger).",name:"color",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},value:{defaultValue:null,description:"The string or number to show in the badge.",name:"value",required:!0,type:{name:"string | number"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/InfoBadge/InfoBadge.tsx#InfoBadge"]={docgenInfo:InfoBadge.__docgenInfo,name:"InfoBadge",path:"src/core/InfoBadge/InfoBadge.tsx#InfoBadge"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/InfoTooltip/InfoTooltip.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{b:()=>InfoTooltip});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_core_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Icon/index.ts"),_core_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Tooltip/Tooltip.tsx");function InfoTooltip(props){var tooltip=props.tooltip,_props$size=props.size,size=void 0===_props$size?16:_props$size,className=props.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_2__.Z,{content:tooltip,className},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_1__.JO,{icon:"info",size}))}try{InfoTooltip.displayName="InfoTooltip",InfoTooltip.__docgenInfo={description:"InfoTooltip is an info icon that displays a tooltip on mouseover.",displayName:"InfoTooltip",props:{tooltip:{defaultValue:null,description:"The content of the tooltip.",name:"tooltip",required:!0,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Optionally the size of the icon.\nDefaults to 16.",name:"size",required:!1,type:{name:"number | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/InfoTooltip/InfoTooltip.tsx#InfoTooltip"]={docgenInfo:InfoTooltip.__docgenInfo,name:"InfoTooltip",path:"src/core/InfoTooltip/InfoTooltip.tsx#InfoTooltip"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Loading/Loading.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Loading});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Spinner/Spinner.tsx"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utilities/translation/translation.ts");function Loading(_ref){var children=_ref.children,className=_ref.className,_ref$text=_ref.text,text=void 0===_ref$text?{}:_ref$text,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("d-flex",className);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classes},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z,{className:"align-self-center",color:"black",size:16}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:"ms-1"},children||(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({key:"Loading.LOADING",fallback:"Loading...",overrideText:text.loading})))}try{Loading.displayName="Loading",Loading.__docgenInfo={description:"",displayName:"Loading",props:{text:{defaultValue:{value:"{}"},description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},children:{defaultValue:null,description:"Optional text to show next to the loading indicator.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Loading/Loading.tsx#Loading"]={docgenInfo:Loading.__docgenInfo,name:"Loading",path:"src/core/Loading/Loading.tsx#Loading"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/LoadingPage/LoadingPage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>LoadingPage});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Spinner/Spinner.tsx"),_hooks_useShowAfter_useShowAfter__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/hooks/useShowAfter/useShowAfter.tsx");function LoadingPage(_ref){var className=_ref.className,style=_ref.style,height=_ref.height,showSpinner=(0,_hooks_useShowAfter_useShowAfter__WEBPACK_IMPORTED_MODULE_3__.u)(200);return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()("loading-page",className),style},react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()("d-flex flex-column justify-content-center align-items-center",{"vh-100":void 0===height}),style:{marginTop:void 0===height?-75:void 0,height}},showSpinner&&react__WEBPACK_IMPORTED_MODULE_1__.createElement(_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_2__.Z,{size:150,color:"#f0ad4e"})))}try{LoadingPage.displayName="LoadingPage",LoadingPage.__docgenInfo={description:"The LoadingPage component embeds the Spinner component in a page-friendly matter.\n\nUse this for showing a loading indicator when navigating to pages that fetch data.",displayName:"LoadingPage",props:{className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},style:{defaultValue:null,description:"Optional extra CSSProperties you want to add to the component.\nUseful for styling the component.",name:"style",required:!1,type:{name:"CSSProperties | undefined"}},height:{defaultValue:null,description:"Optionally a height, by default this will be the full height\nof the view port.",name:"height",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/LoadingPage/LoadingPage.tsx#LoadingPage"]={docgenInfo:LoadingPage.__docgenInfo,name:"LoadingPage",path:"src/core/LoadingPage/LoadingPage.tsx#LoadingPage"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Modal/Modal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{u:()=>Modal});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Loading_Loading__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Loading/Loading.tsx");function Modal(props){var onClose=props.onClose,header=props.header,footer=props.footer,size=props.size,_props$stickyFooter=props.stickyFooter,stickyFooter=void 0===_props$stickyFooter||_props$stickyFooter,className=props.className,modalHeaderClassName=props.modalHeaderClassName,modalBodyClassName=props.modalBodyClassName,modalFooterClassName=props.modalFooterClassName,children=props.children;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.u_,{wrapClassName:stickyFooter?"sticky-modal":void 0,isOpen:!0,toggle:function toggle(){return onClose()},size,className},header?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.xB,{toggle:function toggle(){return onClose()},className:modalHeaderClassName},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading_Loading__WEBPACK_IMPORTED_MODULE_1__.Z,null)},header)):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.fe,{className:modalBodyClassName},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading_Loading__WEBPACK_IMPORTED_MODULE_1__.Z,null)},children)),footer?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.mz,{className:modalFooterClassName},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Loading_Loading__WEBPACK_IMPORTED_MODULE_1__.Z,null)},footer)):null)}try{Modal.displayName="Modal",Modal.__docgenInfo={description:"Modal is a dialog that overlays the website. The dialog is often used to\nask the user a question or inform the user about something important.\nYou should use this component over the reactstrap Modal component,\nbecause this component has Suspense built in to display a loader\nand wait for its content to be fully loaded before displaying.",displayName:"Modal",props:{onClose:{defaultValue:null,description:"Callback for when the modal should close.",name:"onClose",required:!0,type:{name:"() => void"}},header:{defaultValue:null,description:"Optionally the content of the modal header.",name:"header",required:!1,type:{name:"ReactNode"}},footer:{defaultValue:null,description:"Optionally the content of the modal footer.",name:"footer",required:!1,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Optionally the size (width) of the modal.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xs"'}]}},stickyFooter:{defaultValue:null,description:"Whether the footer should stick to the bottom of the modal.\nThis allows the user to always click the close and save buttons.\n\nDefaults to `true`.",name:"stickyFooter",required:!1,type:{name:"boolean | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},modalHeaderClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <ModalHeader>.\nUseful for styling the component.",name:"modalHeaderClassName",required:!1,type:{name:"string | undefined"}},modalBodyClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <ModalBody>.\nUseful for styling the component.",name:"modalBodyClassName",required:!1,type:{name:"string | undefined"}},modalFooterClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <ModalFooter>.\nUseful for styling the component.",name:"modalFooterClassName",required:!1,type:{name:"string | undefined"}},children:{defaultValue:null,description:"The content of the modal body.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Modal/Modal.tsx#Modal"]={docgenInfo:Modal.__docgenInfo,name:"Modal",path:"src/core/Modal/Modal.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/MoreOrLess/MoreOrLess.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>MoreOrLess});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),lodash__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/lodash/lodash.js"),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utilities/translation/translation.ts");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function MoreOrLess(_ref){var limit=_ref.limit,content=_ref.content,className=_ref.className,_ref$text=_ref.text,text=void 0===_ref$text?{}:_ref$text,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1],more=text.more,less=text.less,amount=content.length-limit;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_2___default()(className,"more-or-less",{"more-or-less-opened":isOpen,"more-or-less-closed":!isOpen})},isOpen?content:(0,lodash__WEBPACK_IMPORTED_MODULE_1__.take)(content,limit),content.length>limit&&react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{role:"button",className:"more-or-less-link",onClick:function toggleOpen(){setIsOpen(!isOpen)}},isOpen?(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({key:"MoreOrLess.LESS",fallback:"Show less",overrideText:less}):(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({key:"MoreOrLess.MORE",fallback:"Show ".concat(amount," more"),data:{amount},overrideText:more?more(amount):void 0})))}try{MoreOrLess.displayName="MoreOrLess",MoreOrLess.__docgenInfo={description:"MoreOrLess is a component which truncates a collection of elements and shows a button to toggle this behavior.",displayName:"MoreOrLess",props:{limit:{defaultValue:null,description:"Amount of elements shown when closed (shown less).",name:"limit",required:!0,type:{name:"number"}},content:{defaultValue:null,description:"Elements to show.",name:"content",required:!0,type:{name:"ReactNode[]"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:{value:"{}"},description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/MoreOrLess/MoreOrLess.tsx#MoreOrLess"]={docgenInfo:MoreOrLess.__docgenInfo,name:"MoreOrLess",path:"src/core/MoreOrLess/MoreOrLess.tsx#MoreOrLess"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/NavigationItem/NavigationItem.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>NavigationItem});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_router_dom__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react-router-dom/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_Icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Icon/index.ts");function NavigationItem(_ref){var to=_ref.to,icon=_ref.icon,text=_ref.text,_ref$show=_ref.show,show=void 0===_ref$show||_ref$show,className=_ref.className,_ref$exact=_ref.exact,exact=void 0===_ref$exact||_ref$exact;return("function"==typeof show?show:function(){return show})()?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.LY,{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("navigation-item",className)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.OL,{to,exact,tag:react_router_dom__WEBPACK_IMPORTED_MODULE_4__.OL,activeClassName:"active"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.JO,{icon,className:"me-3 align-bottom"}),text)):null}try{NavigationItem.displayName="NavigationItem",NavigationItem.__docgenInfo={description:"The NavigationItem is a wrapper around the `react-router`'s\n`NavLink`. See https://reacttraining.com/react-router/web/api/NavLink.\nIt adds texts and icons around the `NavLink`.\n\nThe NavigationItem enables you to guard specific links by a predicate,\nfor example by user role.\n\nUse it when you want to keep certain navigation items hidden\nfor specific user roles.\n\nBy default the `NavigationItem` will render an `exact` link. See:\nhttps://reacttraining.com/react-router/web/api/Route/exact-bool.\nBut you can set it to `false` via the props.",displayName:"NavigationItem",props:{to:{defaultValue:null,description:"String that corresponds to a route.",name:"to",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"Determines which icon to render above the text.",name:"icon",required:!0,type:{name:"enum",value:[{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},text:{defaultValue:null,description:"Link text as rendered underneath icon.",name:"text",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},show:{defaultValue:{value:"true"},description:"Predicate to determine if the link will be shown. Accepts either a boolean or a function that returns a boolean.",name:"show",required:!1,type:{name:"boolean | (() => boolean) | undefined"}},exact:{defaultValue:{value:"true"},description:"Optionally whether the route is an exact route.\n\nDefaults to true.",name:"exact",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/NavigationItem/NavigationItem.tsx#NavigationItem"]={docgenInfo:NavigationItem.__docgenInfo,name:"NavigationItem",path:"src/core/NavigationItem/NavigationItem.tsx#NavigationItem"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/OpenClose/OpenClose.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{q:()=>OpenClose});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_Icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Icon/index.ts");function OpenClose(_ref){var open=_ref.open,className=_ref.className,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("open-close",open?"is-open":"is-closed",className);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.JO,{icon:"expand_more",className:classes})}try{OpenClose.displayName="OpenClose",OpenClose.__docgenInfo={description:"Open and close icon with a nice animation to display whether a collapsable\nelement is open or closed. This is often used in the header of a card with\na collapsable body.",displayName:"OpenClose",props:{open:{defaultValue:null,description:"Whether or not the collapsable element is currently open.",name:"open",required:!0,type:{name:"boolean"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/OpenClose/OpenClose.tsx#OpenClose"]={docgenInfo:OpenClose.__docgenInfo,name:"OpenClose",path:"src/core/OpenClose/OpenClose.tsx#OpenClose"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/OpenCloseModal/OpenCloseModal.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{n:()=>OpenCloseModal});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Button_Button__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Button/Button.tsx"),_SubmitButton_SubmitButton__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/SubmitButton/SubmitButton.tsx"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utilities/translation/translation.ts"),_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Modal/Modal.tsx");function OpenCloseModal(props){var isOpen=props.isOpen,inProgress=props.inProgress,onClose=props.onClose,onSave=props.onSave,children=props.children,label=props.label,text=props.text,size=props.size,className=props.className,_props$saveIcon=props.saveIcon,saveIcon=void 0===_props$saveIcon?"save":_props$saveIcon,_props$cancelIcon=props.cancelIcon,cancelIcon=void 0===_props$cancelIcon?"cancel":_props$cancelIcon,_props$stickyFooter=props.stickyFooter,stickyFooter=void 0===_props$stickyFooter||_props$stickyFooter,modalHeaderClassName=props.modalHeaderClassName,modalBodyClassName=props.modalBodyClassName,modalFooterClassName=props.modalFooterClassName;return isOpen?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__.u,{stickyFooter,onClose,size,className,modalHeaderClassName,modalBodyClassName,modalFooterClassName,header:label,footer:onSave?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_1__.ZP,{className:"ms-1",color:"secondary",icon:cancelIcon,onClick:function onClick(){return onClose()}},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_4__.t)({overrideText:null==text?void 0:text.cancel,key:"OpenCloseModal.CANCEL",fallback:"Cancel"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_SubmitButton_SubmitButton__WEBPACK_IMPORTED_MODULE_2__.Z,{className:"ms-1",inProgress:!!inProgress,icon:saveIcon,onClick:function onClick(){return onSave()}},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_4__.t)({overrideText:null==text?void 0:text.save,key:"OpenCloseModal.SAVE",fallback:"Save"}))):void 0},children):null}try{OpenCloseModal.displayName="OpenCloseModal",OpenCloseModal.__docgenInfo={description:"Often a modal is content with a header and a cancel and save button\nin the footer. To make it easier for you developers, we included the\nOpenCloseModal which already includes the cancel and save button to\nsave you some code duplication for all those similar modals. If you\nwant a more advanced display, you should use the `<Modal>` component.",displayName:"OpenCloseModal",props:{isOpen:{defaultValue:null,description:"Whether or not the modal is open.\n@deprecated Please do not use the isOpen boolean to control whether\nor not the modal is opened. Instead always set isOpen to `true`\nand only render the OpenCloseModal when it should be rendered.\nIn version 4.0.0 the isOpen property will be removed.",name:"isOpen",required:!0,type:{name:"boolean"}},inProgress:{defaultValue:null,description:"Whether or not the save action you are performing is currently in\nprogress. If so a spinner is rendered inside of the button.\nThis behavior is optional and default to `false`.",name:"inProgress",required:!1,type:{name:"boolean | undefined"}},onClose:{defaultValue:null,description:"Callback for when the modal should close.",name:"onClose",required:!0,type:{name:"() => void"}},saveIcon:{defaultValue:null,description:"Optionally the icon of the save button.\n\nDefaults to `save`",name:"saveIcon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},cancelIcon:{defaultValue:null,description:"Optionally icon of the cancel button.\n\nDefaults to `cancel`",name:"cancelIcon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},onSave:{defaultValue:null,description:"Callback for when the save button is clicked.",name:"onSave",required:!1,type:{name:"(() => void) | undefined"}},children:{defaultValue:null,description:"The content of the modal body.",name:"children",required:!0,type:{name:"ReactNode"}},label:{defaultValue:null,description:"The label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},size:{defaultValue:null,description:"Optionally the size (width) of the modal.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xs"'}]}},stickyFooter:{defaultValue:null,description:"Whether the footer should stick to the bottom of the modal.\nThis allows the user to always click the close and save buttons.\n\nDefaults to `true`.",name:"stickyFooter",required:!1,type:{name:"boolean | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},modalHeaderClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <ModalHeader>.\nUseful for styling the component.",name:"modalHeaderClassName",required:!1,type:{name:"string | undefined"}},modalBodyClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <ModalBody>.\nUseful for styling the component.",name:"modalBodyClassName",required:!1,type:{name:"string | undefined"}},modalFooterClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the <ModalFooter>.\nUseful for styling the component.",name:"modalFooterClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/OpenCloseModal/OpenCloseModal.tsx#OpenCloseModal"]={docgenInfo:OpenCloseModal.__docgenInfo,name:"OpenCloseModal",path:"src/core/OpenCloseModal/OpenCloseModal.tsx#OpenCloseModal"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/OrSeparator/OrSeparator.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{t:()=>OrSeparator});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utilities/translation/translation.ts"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function OrSeparator(_ref){var className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("my-2 px-5 d-flex align-items-center",className)},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"border-top flex-grow-1 position-relative"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("em",{className:"mx-2"},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__.t)({key:"OrSeparator.OR",fallback:"OR"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"border-top flex-grow-1 position-relative"}))}try{OrSeparator.displayName="OrSeparator",OrSeparator.__docgenInfo={description:"Renders:\n\n--- Or ---",displayName:"OrSeparator",props:{className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/OrSeparator/OrSeparator.tsx#OrSeparator"]={docgenInfo:OrSeparator.__docgenInfo,name:"OrSeparator",path:"src/core/OrSeparator/OrSeparator.tsx#OrSeparator"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Pager/Pager.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Pager});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utilities/translation/translation.ts"),_Button_Button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Button/Button.tsx");function Pager(_ref){var page=_ref.page,onChange=_ref.onChange,className=_ref.className,_ref$text=_ref.text,text=void 0===_ref$text?{}:_ref$text,first=page.first,last=page.last,next=text.next,previous=text.previous;return first&&last?null:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("pager",className)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_2__.ZP,{className:"me-1",outline:!0,icon:"arrow_back",disabled:first,onClick:function onClick(){return onChange(page.number-1)}},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({overrideText:previous,key:"Pager.PREVIOUS",fallback:"Previous"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_2__.ZP,{outline:!0,className:"pager-next",icon:"arrow_forward",iconPosition:"right",disabled:last,onClick:function onClick(){return onChange(page.number+1)}},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_3__.t)({overrideText:next,key:"Pager.NEXT",fallback:"Next"})))}try{Pager.displayName="Pager",Pager.__docgenInfo={description:"The Pager component shows a small variant of bootstraps pagination,\nit only shows a previous and next button.\n\nIt supports working with a `Page` from `@42.nl/spring-connect`.",displayName:"Pager",props:{page:{defaultValue:null,description:"Represents Spring's page abstraction.",name:"page",required:!0,type:{name:"Page<T>"}},onChange:{defaultValue:null,description:"Called when navigation to a certain page number.",name:"onChange",required:!0,type:{name:"(pageNumber: number) => void"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:{value:"{}"},description:"Optionally customized text to use within the component.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Pager/Pager.tsx#Pager"]={docgenInfo:Pager.__docgenInfo,name:"Pager",path:"src/core/Pager/Pager.tsx#Pager"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Pagination/Pagination.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Pagination});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Icon/index.ts"),lodash__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/lodash/lodash.js");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Pagination(_ref){var page=_ref.page,onChange=_ref.onChange,className=_ref.className,_ref$showPreviousAndN=_ref.showPreviousAndNextButtons,showPreviousAndNextButtons=void 0===_ref$showPreviousAndN||_ref$showPreviousAndN,first=page.first,last=page.last,totalPages=page.totalPages;if(first&&last)return null;var current=page.number,content=function pagesFor(currentPage,totalPages){var ellipsis="...";if(totalPages<8)return(0,lodash__WEBPACK_IMPORTED_MODULE_2__.range)(1,totalPages+1);if(currentPage<5){var tillEllipsis=(0,lodash__WEBPACK_IMPORTED_MODULE_2__.range)(1,Math.max(4,currentPage+2)),fromEllipsis=(0,lodash__WEBPACK_IMPORTED_MODULE_2__.range)(totalPages-(5-tillEllipsis.length),totalPages+1);return[].concat(_toConsumableArray(tillEllipsis),[ellipsis],_toConsumableArray(fromEllipsis))}if(currentPage>totalPages-4){var _fromEllipsis=(0,lodash__WEBPACK_IMPORTED_MODULE_2__.range)(Math.min(totalPages-2,currentPage-1),totalPages+1),_tillEllipsis=(0,lodash__WEBPACK_IMPORTED_MODULE_2__.range)(1,7-_fromEllipsis.length);return[].concat(_toConsumableArray(_tillEllipsis),[ellipsis],_toConsumableArray(_fromEllipsis))}return[1,ellipsis].concat(_toConsumableArray((0,lodash__WEBPACK_IMPORTED_MODULE_2__.range)(currentPage-1,currentPage+2)),[ellipsis,totalPages])}(current,totalPages);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.tl,{className},showPreviousAndNextButtons?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.nt,{disabled:first},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.kN,{onClick:function onClick(){return onChange(current-1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_1__.JO,{icon:"arrow_back",size:14}))):null,content.map((function(item,index){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.nt,{active:item===current,key:index},"..."!==item?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.kN,{onClick:function onClick(){return onChange(item)}},item):react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.kN,{className:"disabled",disabled:!0},"..."))})),showPreviousAndNextButtons?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.nt,{disabled:last},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.kN,{onClick:function onClick(){return onChange(current+1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_1__.JO,{icon:"arrow_forward",size:14}))):null)}try{Pagination.displayName="Pagination",Pagination.__docgenInfo={description:"The Pagination component is an enhanced Bootstrap pagination component. It supports working with `Page`s and shows a fixed\nlayout for the number of pages, indicating that multiple pages exist for the min and max ranges (e.g. 1 ... 4 5 6 ... 10).",displayName:"Pagination",props:{page:{defaultValue:null,description:"Represents Spring's page abstraction.",name:"page",required:!0,type:{name:"Page<T>"}},onChange:{defaultValue:null,description:"Called when navigation to a certain page number.",name:"onChange",required:!0,type:{name:"(pageNumber: number) => void"}},showPreviousAndNextButtons:{defaultValue:{value:"true"},description:"Whether or not to show the previous and next buttons.\n\nDefaults to `true`",name:"showPreviousAndNextButtons",required:!1,type:{name:"boolean | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text to use within the component.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Pagination/Pagination.tsx#Pagination"]={docgenInfo:Pagination.__docgenInfo,name:"Pagination",path:"src/core/Pagination/Pagination.tsx#Pagination"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Popover/Popover.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Popover});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_tippyjs_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@tippyjs/react/dist/tippy-react.esm.js");function Popover(_ref){var children=_ref.children,_ref$placement=_ref.placement,placement=void 0===_ref$placement?"top":_ref$placement,target=_ref.target,_ref$offset=_ref.offset,offset=void 0===_ref$offset?0:_ref$offset,_ref$distance=_ref.distance,distance=void 0===_ref$distance?7:_ref$distance,_ref$tag=_ref.tag,tag=void 0===_ref$tag?"span":_ref$tag,className=_ref.className,isOpen=_ref.isOpen,onClickOutside=_ref.onClickOutside,style=_ref.style,Tag=tag;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tippyjs_react__WEBPACK_IMPORTED_MODULE_1__.ZP,{visible:isOpen,onClickOutside,className:"border-0 tippy-popover",content:react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,children),placement,offset:[offset,distance],interactive:!0,zIndex:1049},react__WEBPACK_IMPORTED_MODULE_0__.createElement(Tag,{className,style,tabIndex:0},target))}try{Popover.displayName="Popover",Popover.__docgenInfo={description:"Bootstrap-like Popover component based on the Tippy.js library.",displayName:"Popover",props:{isOpen:{defaultValue:null,description:"Optionally whether or not the popover is currently open,\nwhen undefined, which is the default, the popover will show\nwhen hovered over the target(children). When providing a boolean\nyou can takeover when the popover is shown from outside the\nPopover component.",name:"isOpen",required:!1,type:{name:"boolean | undefined"}},onClickOutside:{defaultValue:null,description:"Optionally callback that gets triggered when clicked outside the popover.\nIs useful for when wanting to take complete control over the popover.",name:"onClickOutside",required:!1,type:{name:"(() => void) | undefined"}},children:{defaultValue:null,description:"Content shown inside of the popover.",name:"children",required:!0,type:{name:"ReactNode"}},target:{defaultValue:null,description:"Target component that, when hovered, will trigger the popover to show up.\nThe target(children) of the popover are wrapped into a div.\nThis is a bypass to not have to forward the ref to the DOM node.",name:"target",required:!0,type:{name:"ReactNode"}},placement:{defaultValue:{value:"top"},description:"Optional alignment relative to the target where the popover will be shown.",name:"placement",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"auto-start"'},{value:'"auto"'},{value:'"auto-end"'},{value:'"top-start"'},{value:'"top"'},{value:'"top-end"'},{value:'"right-start"'},{value:'"right"'},{value:'"right-end"'},{value:'"bottom-end"'},{value:'"bottom"'},{value:'"bottom-start"'},{value:'"left-end"'},{value:'"left"'},{value:'"left-start"'}]}},offset:{defaultValue:{value:"0"},description:"Optional offset that the popover will show up relative from the target.",name:"offset",required:!1,type:{name:"number | undefined"}},distance:{defaultValue:{value:"7"},description:"Optional distance that the popover will show up relative from the target.",name:"distance",required:!1,type:{name:"number | undefined"}},tag:{defaultValue:{value:"span"},description:"Optional that allows you to override the default element that the children get put inside of.\nDefault value is a span.",name:"tag",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"span"'},{value:'"div"'}]}},className:{defaultValue:null,description:"Optional className that is added to the Wrapper component\nAllowing you to add classes like margins and padding that would otherwise get lost\nby the wrapping of the children inside of the CustomTag.",name:"className",required:!1,type:{name:"string | undefined"}},style:{defaultValue:null,description:"Optional CSS properties that are added to the Wrapper component\nAllowing you to add CSS properties that would otherwise get lost\nby the wrapping of the children inside of the CustomTag.",name:"style",required:!1,type:{name:"CSSProperties | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Popover/Popover.tsx#Popover"]={docgenInfo:Popover.__docgenInfo,name:"Popover",path:"src/core/Popover/Popover.tsx#Popover"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/ProgressStepper/ProgressStepper.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>ProgressStepper});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),alwaysFalse=function alwaysFalse(){return!1};function ProgressStepper(props){var steps=props.steps,onClick=props.onClick,colorForStep=props.colorForStep,titleForStep=props.titleForStep,_props$isStepClickabl=props.isStepClickable,isStepClickable=void 0===_props$isStepClickabl?alwaysFalse:_props$isStepClickabl,className=props.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("progress-stepper",className)},steps.map((function(step,index){var title=titleForStep(step,index),color=colorForStep(step,index),clickable=isStepClickable(step,index),classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("step",color,{clickable});return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{key:title,className:classes},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"step-item",onClick:function(_onClick){function onClick(){return _onClick.apply(this,arguments)}return onClick.toString=function(){return _onClick.toString()},onClick}((function(){clickable&&onClick&&onClick(step,index)}))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"step-circle"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,index+1)),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"step-title"},title)),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"step-bar-left"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"step-bar-right"}))})))}try{ProgressStepper.displayName="ProgressStepper",ProgressStepper.__docgenInfo={description:"",displayName:"ProgressStepper",props:{steps:{defaultValue:null,description:"The steps that the progress stepper needs to render. Can be\nanything from an array of strings to an array of complex\nobjects.",name:"steps",required:!0,type:{name:"T[]"}},onClick:{defaultValue:null,description:"Optional callback which is called when the step is clicked.\n\nCan only be called if the `isStepClickable` for this step\nreturns `true`.\n@param step The step which is clicked\n@param index The index of the step that was clicked",name:"onClick",required:!1,type:{name:"((step: T, index: number) => void) | undefined"}},colorForStep:{defaultValue:null,description:"Callback to determine the bootstrap color of the step.\n\nThe color also determines if an icon is shown in the circle\nor a number.\n@param step The step you must provide the color for\n@param index The index of the step you must provide the color for\\\n@returns",name:"colorForStep",required:!0,type:{name:"(step: T, index: number) => Color"}},titleForStep:{defaultValue:null,description:"Callback to determine the title for the step to display below the circle.\n@param step The step you must provide the title for\n@param index The index of the step you must provide the color for\n@returns The title of the step",name:"titleForStep",required:!0,type:{name:"(step: T, index: number) => string"}},isStepClickable:{defaultValue:null,description:"Optional callback to determine whether or not the step is clickable.\n\nWhen the step is clickable the cursor will be a pointer, and\ncalls to `onClick` are let through.\n@param step The step you must answer whether it is clickable or not\n@param index The index of the step for which you must answer whether it is clickable or not\n@returns Whether or not the step is clickable",name:"isStepClickable",required:!1,type:{name:"((step: T, index: number) => boolean) | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/ProgressStepper/ProgressStepper.tsx#ProgressStepper"]={docgenInfo:ProgressStepper.__docgenInfo,name:"ProgressStepper",path:"src/core/ProgressStepper/ProgressStepper.tsx#ProgressStepper"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/SearchInput/SearchInput.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>SearchInput});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),lodash__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/lodash/lodash.js"),reactstrap__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Icon/index.ts"),_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/hooks/useId/useId.ts"),_form_addons_AddonIcon_AddonIcon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/addons/AddonIcon/AddonIcon.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function SearchInput(props){var _inputRef$current,id=props.id,label=props.label,_props$debounce=props.debounce,debounce=void 0===_props$debounce?500:_props$debounce,debounceSettings=props.debounceSettings,placeholder=props.placeholder,defaultValue=props.defaultValue,onChange=props.onChange,_props$showIcon=props.showIcon,showIcon=void 0===_props$showIcon||_props$showIcon,_props$className=props.className,className=void 0===_props$className?"":_props$className,children=props.children,size=props.size,_props$canClear=props.canClear,canClear=void 0===_props$canClear||_props$canClear,inputRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),handleChange=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)((0,lodash__WEBPACK_IMPORTED_MODULE_1__.debounce)(onChange,debounce,debounceSettings));function setValue(value){inputRef.current&&(inputRef.current.value=value,onChange(value),handleChange.current.cancel())}(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){handleChange.current=(0,lodash__WEBPACK_IMPORTED_MODULE_1__.debounce)(onChange,debounce,debounceSettings)}),[onChange,debounce,debounceSettings]);var innerId=(0,_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_3__.M)({id}),inputProps={id:innerId,innerRef:inputRef,defaultValue,onChange:function onChange(event){return handleChange.current(event.target.value)},onKeyUp:function handleKeyUp(event){"Enter"===event.key&&onChange(event.currentTarget.value)},placeholder,type:"search"};function getInput(){return showIcon?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.BZ,{className,size},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_addons_AddonIcon_AddonIcon__WEBPACK_IMPORTED_MODULE_4__.G,{icon:"search"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.II,inputProps)):react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.II,_extends({className},inputProps))}var searchInputWrapper=react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"search-input"},null!==(_inputRef$current=inputRef.current)&&void 0!==_inputRef$current&&_inputRef$current.value&&canClear?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.JO,{icon:"close",className:"cancel-search",onClick:function onClick(){return setValue("")}}):null,children?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,children(getInput(),{setValue})):getInput());return label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.cw,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.__,{for:innerId},label),searchInputWrapper):searchInputWrapper}try{SearchInput.displayName="SearchInput",SearchInput.__docgenInfo={description:"SearchInput is a component which shows an input field which has\nthe onChange debounced by a number of milliseconds. Useful for\nwhen you want to run search queries on your back-end, and you\ndon't want to spam the back-end for every keystroke.\n\nFor the debounce logic it uses lodash.",displayName:"SearchInput",props:{id:{defaultValue:null,description:"Optionally the id of the SearchInput. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the SearchInput.",name:"label",required:!1,type:{name:"ReactNode"}},debounce:{defaultValue:null,description:"Optionally the number of milliseconds to debounce the onChange.\n\nDefaults to 500 milliseconds.",name:"debounce",required:!1,type:{name:"number | undefined"}},debounceSettings:{defaultValue:null,description:"Optionally the debounce settings. As defined by lodash\nhttps://lodash.com/docs/4.17.15#debounce.",name:"debounceSettings",required:!1,type:{name:"DebounceSettings | undefined"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},defaultValue:{defaultValue:null,description:"The default value that the form element currently has.",name:"defaultValue",required:!0,type:{name:"string"}},onChange:{defaultValue:null,description:"Called when the value changes after the debounce period.",name:"onChange",required:!0,type:{name:"(value: string) => void"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},children:{defaultValue:null,description:"Optionally you can use the `children` prop to manipulate the\nvalue rendered inside of the `SearchInput`.\n\nYou will be called with the `searchInput`, which you must render, and\nan API object, which you can use to manually alter the value.\n\nThe `setValue` in the API will then cancel any active debounce.\n\nThis has to be done via this unconventional api because the\n`SearchInput` has to use an uncontrolled <input> so it can\ndebounce the value. If you would change the `props.value` from\noutside this component nothing would normally happen.",name:"children",required:!1,type:{name:"((searchInput: ReactNode, api: SearchInputApi) => ReactNode) | undefined"}},showIcon:{defaultValue:null,description:"Whether or not to show a magnifying glass icon.\n\nDefaults to true.",name:"showIcon",required:!1,type:{name:"boolean | undefined"}},size:{defaultValue:null,description:"Optional size you want to give the icon.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xs"'}]}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/SearchInput/SearchInput.tsx#SearchInput"]={docgenInfo:SearchInput.__docgenInfo,name:"SearchInput",path:"src/core/SearchInput/SearchInput.tsx#SearchInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Spinner/Spinner.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Spinner});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function Spinner(_ref){var className=_ref.className,color=_ref.color,size=_ref.size;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("spinner",className),width:size,height:size,viewBox:"25 25 50 50"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("circle",{className:"path",fill:"none",stroke:color,cx:"50",cy:"50",r:"20",strokeWidth:"4",strokeMiterlimit:"10"}))}try{Spinner.displayName="Spinner",Spinner.__docgenInfo={description:"Spinner is a component which is used as a loading indicator.\n\nUse it for example when data is fetching during navigation to a page.",displayName:"Spinner",props:{className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Color of the circle within the spinner.",name:"color",required:!0,type:{name:"string"}},size:{defaultValue:null,description:"Width and height of the spinner.",name:"size",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Spinner/Spinner.tsx#Spinner"]={docgenInfo:Spinner.__docgenInfo,name:"Spinner",path:"src/core/Spinner/Spinner.tsx#Spinner"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/SubmitButton/SubmitButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>SubmitButton});var react=__webpack_require__("./node_modules/react/index.js"),Button=__webpack_require__("./src/core/Button/Button.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function SubmitButton(_ref){var children=_ref.children,inProgress=_ref.inProgress,size=_ref.size,_ref$className=_ref.className,className=void 0===_ref$className?void 0:_ref$className,onClick=_ref.onClick,_ref$scrollToClosestE=_ref.scrollToClosestError,scrollToClosestError=void 0===_ref$scrollToClosestE||_ref$scrollToClosestE,_ref$icon=_ref.icon,icon=void 0===_ref$icon?"save":_ref$icon,_useScrollToClosestEr=function useScrollToClosestError(_ref){var enabled=_ref.enabled,_useState2=_slicedToArray((0,react.useState)(0),2),scroll=_useState2[0],setScroll=_useState2[1];return(0,react.useEffect)((function(){if(0!==scroll&&enabled){var timeoutId=setTimeout((function(){var _firstError$parentEle,_firstError$parentEle2,firstError=document.querySelector(".invalid-feedback");null==firstError||null===(_firstError$parentEle=firstError.parentElement)||void 0===_firstError$parentEle||null===(_firstError$parentEle2=_firstError$parentEle.parentElement)||void 0===_firstError$parentEle2||_firstError$parentEle2.scrollIntoView({behavior:"smooth"})}),200);return function(){return clearTimeout(timeoutId)}}}),[scroll,enabled]),{doScrollToClosestError:function doScrollToClosestError(){setScroll((function(value){return value+1}))}}}({enabled:scrollToClosestError}),doScrollToClosestError=_useScrollToClosestEr.doScrollToClosestError;return react.createElement(Button.ZP,{type:"submit",size,color:"primary",inProgress,className,onClick:function submitAndScrollToClosestError(event){doScrollToClosestError(),onClick&&onClick(event)},icon},children)}try{SubmitButton.displayName="SubmitButton",SubmitButton.__docgenInfo={description:"A SubmitButton is a Button with default 'save' icon and  a button\nof type \"submit\". It will scroll to the closest error when\n`scrollToClosestError` is `true` which it is by default.",displayName:"SubmitButton",props:{className:{defaultValue:{value:"undefined"},description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},size:{defaultValue:null,description:"Optionally the size of the button\n\nDefaults to 'md'.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},onClick:{defaultValue:null,description:"Optional callback for what needs to happen when the button is clicked.",name:"onClick",required:!1,type:{name:"((event: MouseEvent<HTMLElement, MouseEvent>) => any) | undefined"}},children:{defaultValue:null,description:"The text of the button.",name:"children",required:!1,type:{name:"ReactNode"}},inProgress:{defaultValue:null,description:"Whether or not the action you are performing is currently in\nprogress. If so a spinner is rendered inside of the button.",name:"inProgress",required:!0,type:{name:"boolean"}},scrollToClosestError:{defaultValue:{value:"true"},description:"Optionally whether or not to scroll to the closest error message.\n\nDefaults to `true`",name:"scrollToClosestError",required:!1,type:{name:"boolean | undefined"}},icon:{defaultValue:{value:"save"},description:"Optionally the Icon you want to use.\n\nDefaults to 'save'.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/SubmitButton/SubmitButton.tsx#SubmitButton"]={docgenInfo:SubmitButton.__docgenInfo,name:"SubmitButton",path:"src/core/SubmitButton/SubmitButton.tsx#SubmitButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/SuccessIcon/SuccessIcon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{t:()=>SuccessIcon});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Icon/Icon.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function SuccessIcon(_ref){var value=_ref.value,size=_ref.size,_ref$color=_ref.color,color=void 0===_ref$color?"dark":_ref$color,_ref$activeColor=_ref.activeColor,activeColor=void 0===_ref$activeColor?"primary":_ref$activeColor,hoverColor=_ref.hoverColor,onChange=_ref.onChange,props={icon:value?"done":"clear",size,className:_ref.className};return onChange?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({color:value?activeColor:color,hoverColor:hoverColor||activeColor,onClick:function onClick(e){e.preventDefault(),onChange()}},props)):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({color},props))}try{SuccessIcon.displayName="SuccessIcon",SuccessIcon.__docgenInfo={description:"SuccessIcon is used to display whether a process succeeded or not\nbased on a boolean value.",displayName:"SuccessIcon",props:{value:{defaultValue:null,description:"Whether or not the process succeeded.",name:"value",required:!0,type:{name:"boolean"}},size:{defaultValue:null,description:"Optionally the size of the icon in pixels.\n\nDefaults to `24px`",name:"size",required:!1,type:{name:"number | undefined"}},color:{defaultValue:{value:"dark"},description:"Optionally the color of the icon.\nWhen onChange is defined, this property is used when\nvalue is false and the icon is not hovered.\n\nDefaults to dark.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},hoverColor:{defaultValue:null,description:"Optional color you want the icon to have when it is hovered.\nWhen hoverColor is not defined, activeColor will be used.",name:"hoverColor",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},activeColor:{defaultValue:{value:"primary"},description:"Optionally the color of the icon when value is true.\nAlso used when hoverColor is not defined and the icon\nis hovered. This is only used when onChange is defined.\n\nDefaults to primary.",name:"activeColor",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},onChange:{defaultValue:null,description:"Optional callback for when the form element changes.",name:"onChange",required:!1,type:{name:"(() => void) | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/SuccessIcon/SuccessIcon.tsx#SuccessIcon"]={docgenInfo:SuccessIcon.__docgenInfo,name:"SuccessIcon",path:"src/core/SuccessIcon/SuccessIcon.tsx#SuccessIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Tabs/Tab/Tab.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>Tab});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Icon/index.ts"),_form_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/utils.ts"),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);function Tab(_ref){var icon=_ref.icon,label=_ref.label,onClick=_ref.onClick,active=_ref.active,_ref$show=_ref.show,show=void 0===_ref$show?_form_utils__WEBPACK_IMPORTED_MODULE_3__.GK:_ref$show,disabled=_ref.disabled,iconColor=_ref.iconColor,className=_ref.className;return show()?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.LY,{className:classnames__WEBPACK_IMPORTED_MODULE_2___default()({disabled},className)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.OL,{active,onClick,disabled},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex p-2 justify-content-center"},icon?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_1__.JO,{icon,color:iconColor,className:"me-1"}):null,label))):null}try{Tab.displayName="Tab",Tab.__docgenInfo={description:"The Tab component displays a tab navigation item and holds the content\nthat will only be displayed when the tab is active.\nThis component should only be used inside the Tabs component.",displayName:"Tab",props:{label:{defaultValue:null,description:"The label to display in the tab navigation.",name:"label",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"Callback that should activate the tab.\n\nWe highly recommend adding the tab as a URL parameter,\nespecially if the inactive tabs are not hidden by CSS.",name:"onClick",required:!0,type:{name:"() => void"}},children:{defaultValue:null,description:"Callback to render the tab content.",name:"children",required:!0,type:{name:"() => ReactNode"}},active:{defaultValue:null,description:"Whether or not the tab content should be displayed.",name:"active",required:!0,type:{name:"boolean"}},disabled:{defaultValue:null,description:"Optional boolean to determine if the tab navigation item should be disabled.\n\nDefaults to false.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},show:{defaultValue:null,description:"Optional callback to determine if the tab should be displayed.\nThis is useful if you have to do permission checks to determine\nif the user is allowed to see the tab content.\n\nBy default, tabs will always be displayed.",name:"show",required:!1,type:{name:"(() => boolean) | undefined"}},icon:{defaultValue:null,description:"Optional icon to be displayed in front of the label in the tab navigation.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},iconColor:{defaultValue:null,description:"Optional color the icon should have.\nThis is useful when using tabs in a form and an inactive tab\ncontains validation errors.",name:"iconColor",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Tabs/Tab/Tab.tsx#Tab"]={docgenInfo:Tab.__docgenInfo,name:"Tab",path:"src/core/Tabs/Tab/Tab.tsx#Tab"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Tabs/Tabs.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{m:()=>Tabs});var react=__webpack_require__("./node_modules/react/index.js"),reactstrap_modern=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),Tab=__webpack_require__("./src/core/Tabs/Tab/Tab.tsx"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),LoadingPage=__webpack_require__("./src/core/LoadingPage/LoadingPage.tsx"),utils=__webpack_require__("./src/form/utils.ts");function TabContent(_ref){var _ref$show=_ref.show,show=void 0===_ref$show?utils.GK:_ref$show,active=_ref.active,children=_ref.children,hideInactiveTabsBy=_ref.hideInactiveTabsBy;return show()&&("excluding-from-dom"!==hideInactiveTabsBy||active)?react.createElement("div",{className:classnames_default()("tab-pane",{active})},children()):null}try{TabContent.displayName="TabContent",TabContent.__docgenInfo={description:"",displayName:"TabContent",props:{show:{defaultValue:null,description:"",name:"show",required:!1,type:{name:"(() => boolean) | undefined"}},active:{defaultValue:null,description:"",name:"active",required:!0,type:{name:"boolean"}},hideInactiveTabsBy:{defaultValue:null,description:"",name:"hideInactiveTabsBy",required:!0,type:{name:"enum",value:[{value:'"CSS"'},{value:'"excluding-from-dom"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Tabs/TabContent/TabContent.tsx#TabContent"]={docgenInfo:TabContent.__docgenInfo,name:"TabContent",path:"src/core/Tabs/TabContent/TabContent.tsx#TabContent"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["children"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Tabs(_ref){var _ref$hideInactiveTabs=_ref.hideInactiveTabsBy,hideInactiveTabsBy=void 0===_ref$hideInactiveTabs?"excluding-from-dom":_ref$hideInactiveTabs,children=_ref.children,className=_ref.className;return react.Children.forEach(children,(function(child){if(child.type!==Tab.O)throw new Error("Tabs: expecting children of Tabs to be of type Tab but got something else",child.type)})),react.createElement("div",{className:classnames_default()("tabs",className)},react.createElement(reactstrap_modern.JL,{tabs:!0,fill:!0,style:{overflowY:"hidden"},className:"flex-nowrap"},children),react.createElement("div",{className:"mt-3 tab-content"},react.createElement(react.Suspense,{fallback:react.createElement(LoadingPage.Z,{height:200,className:"bg-white"})},react.Children.map(children,(function(_ref2){var _ref2$props=_ref2.props,children=_ref2$props.children,rest=_objectWithoutProperties(_ref2$props,_excluded);return react.createElement(TabContent,_extends({hideInactiveTabsBy},rest),children)})))))}try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"The Tabs component is a wrapper for multiple containers that will\nbe displayed only one at a time. A container can be activated by\nclicking the related navigation item on top.\nThis component has Suspense built in to display a loader\nand wait for its content to be fully loaded before displaying.",displayName:"Tabs",props:{hideInactiveTabsBy:{defaultValue:{value:"excluding-from-dom"},description:"Optionally set the way tabs are hidden from the user.\n\nThere are two options:\n- excluding the inactive tabs from the DOM\n- hiding the inactive tabs using CSS\n\nThe benefits of excluding inactive tabs from the DOM is that less elements appear on\nthe page. This gives better performance when the tabs contain more elements, because\nReact has fewer things to do, and the browser will be faster because there are less\nelements in the DOM and probably less requests.\n\nThe benefits from hiding inactive tabs using CSS is that the content can appear faster\nwhen clicking to the next tab, because only the CSS is changed. So when the content of\nthe tabs are relatively small, it will have better performance.\n\nAnother important use case for hiding inactive tabs using CSS is when the tabs are\nused in a final-form. When all form elements are in the DOM, they will all participate\nin the form validation. This way, form elements across all tabs are checked.\n\nBy default, the tabs are excluded from the DOM when they are inactive.",name:"hideInactiveTabsBy",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"CSS"'},{value:'"excluding-from-dom"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Tabs/Tabs.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:"src/core/Tabs/Tabs.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Tag/Tag.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Tag});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function Tag(_ref){var text=_ref.text,color=_ref.color,onRemove=_ref.onRemove,className=_ref.className,canClose=void 0!==onRemove,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("tag",className,function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}({},"tag-".concat(color),color));return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:classes},text,canClose?react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{onClick:onRemove,className:"close-button",role:"button"},"×"):null)}try{Tag.displayName="Tag",Tag.__docgenInfo={description:"Tag is a component which shows a piece of text inside of a colored\nbackground. Under the hood the Tag component is a bootstrap badge\nwith the option to show a close button.\n\nAn example of a good use case for using a `Tag` is for blog post\nwhich belong in a category, each category could be a `Tag`. Another\nexample is someone' hobby's on a profile page, each hobby could\nbe a `Tag`.",displayName:"Tag",props:{text:{defaultValue:null,description:"Text to display within the tag.",name:"text",required:!0,type:{name:"string"}},color:{defaultValue:null,description:"The color of the badge. Supports Bootstrap colors (e.g. primary, danger).",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},onRemove:{defaultValue:null,description:"Determines if a tag should be removable.",name:"onRemove",required:!1,type:{name:"(() => void) | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Tag/Tag.tsx#Tag"]={docgenInfo:Tag.__docgenInfo,name:"Tag",path:"src/core/Tag/Tag.tsx#Tag"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/TextButton/TextButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>TextButton});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function TextButton(_ref){var onClick=_ref.onClick,children=_ref.children,className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("u",{role:"button",className:"align-self-center clickable fw-lighter ".concat(null!=className?className:""),onClick},children)}try{TextButton.displayName="TextButton",TextButton.__docgenInfo={description:"The TextButton component is a special type of button which shows\nlike a styled text.",displayName:"TextButton",props:{onClick:{defaultValue:null,description:"Callback for what needs to happen when the button is clicked.",name:"onClick",required:!0,type:{name:"(event: MouseEvent<HTMLElement, MouseEvent>) => any"}},children:{defaultValue:null,description:"The text of the TextButton",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/TextButton/TextButton.tsx#TextButton"]={docgenInfo:TextButton.__docgenInfo,name:"TextButton",path:"src/core/TextButton/TextButton.tsx#TextButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Toggle/Toggle.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Toggle});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function Toggle(_ref){var className=_ref.className,color=_ref.color,id=_ref.id,_ref$value=_ref.value,value=void 0!==_ref$value&&_ref$value,_onChange=_ref.onChange,onBlur=_ref.onBlur,label=_ref.label,toggleClasses=classnames__WEBPACK_IMPORTED_MODULE_1___default()("toggle-container","toggle-".concat(color),className);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:toggleClasses},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:"toggle-label me-2",onClick:function onClick(){return _onChange(!value)}},label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("input",{id,type:"checkbox",onChange:function onChange(event){return _onChange(event.target.checked)},checked:value,onBlur}))}try{Toggle.displayName="Toggle",Toggle.__docgenInfo={description:"Toggle is a component which looks like a switch. Use the Toggle\ninstead of a checkbox, when you want the changes to take effect\nimmediately.",displayName:"Toggle",props:{id:{defaultValue:null,description:"Optionally the id of the input element",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"The color of the element.",name:"color",required:!0,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},value:{defaultValue:{value:"false"},description:"Optionally the value of the Toggle, when `true` it is active.\nwhen `false` it is inactive. Defaults to `false`.",name:"value",required:!1,type:{name:"boolean | undefined"}},onChange:{defaultValue:null,description:"Callback for when the Toggle element is toggled.",name:"onChange",required:!0,type:{name:"(value: boolean) => void"}},onBlur:{defaultValue:null,description:"Optional callback for when the Toggle is blurred.",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},label:{defaultValue:null,description:"Optional label to display next to the toggle.",name:"label",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Toggle/Toggle.tsx#Toggle"]={docgenInfo:Toggle.__docgenInfo,name:"Toggle",path:"src/core/Toggle/Toggle.tsx#Toggle"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/Tooltip/Tooltip.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Tooltip});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_tippyjs_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@tippyjs/react/dist/tippy-react.esm.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function Tooltip(_ref){var children=_ref.children,_ref$placement=_ref.placement,placement=void 0===_ref$placement?"top":_ref$placement,content=_ref.content,_ref$offset=_ref.offset,offset=void 0===_ref$offset?0:_ref$offset,_ref$distance=_ref.distance,distance=void 0===_ref$distance?7:_ref$distance,interactive=_ref.interactive,_ref$maxWidth=_ref.maxWidth,maxWidth=void 0===_ref$maxWidth?350:_ref$maxWidth,_ref$tag=_ref.tag,tag=void 0===_ref$tag?"span":_ref$tag,className=_ref.className,style=_ref.style,Tag=tag;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tippyjs_react__WEBPACK_IMPORTED_MODULE_1__.ZP,{className:"border-0",content:react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null," ",content," "),placement,offset:[offset,distance],interactive,maxWidth},react__WEBPACK_IMPORTED_MODULE_0__.createElement(Tag,{className,style:_objectSpread({outline:0},style),tabIndex:0},children))}try{Tooltip.displayName="Tooltip",Tooltip.__docgenInfo={description:"Bootstrap-like Tooltip component based on the Tippy.js library.",displayName:"Tooltip",props:{children:{defaultValue:null,description:"Target component that, when hovered, will trigger the tooltip to show up.\nThe target(children) of the tooltip are wrapped into a div.\nThis is a bypass to not have to forward the ref to the DOM node.",name:"children",required:!0,type:{name:"ReactNode"}},content:{defaultValue:null,description:"Content shown inside of the tooltip.",name:"content",required:!0,type:{name:"ReactNode"}},placement:{defaultValue:{value:"top"},description:"Optional alignment relative to the target where the tooltip will be shown.",name:"placement",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"auto-start"'},{value:'"auto"'},{value:'"auto-end"'},{value:'"top-start"'},{value:'"top"'},{value:'"top-end"'},{value:'"right-start"'},{value:'"right"'},{value:'"right-end"'},{value:'"bottom-end"'},{value:'"bottom"'},{value:'"bottom-start"'},{value:'"left-end"'},{value:'"left"'},{value:'"left-start"'}]}},offset:{defaultValue:{value:"0"},description:"Optional offset that the popover will show up relative from the target.",name:"offset",required:!1,type:{name:"number | undefined"}},distance:{defaultValue:{value:"7"},description:"Optional distance that the tooltip will show up relative from the target.",name:"distance",required:!1,type:{name:"number | undefined"}},interactive:{defaultValue:null,description:"Optional value that allows you to interact with the Tooltip. This is useful for when\nyou have a clickable component inside of your Tooltip.\nWhen set to true, the Tooltip will no longer disappear when clicked",name:"interactive",required:!1,type:{name:"boolean | undefined"}},maxWidth:{defaultValue:{value:"350"},description:"Optional that allows you to override the default max width of the tooltip\nPossible values: number (px), string (with units \"rem\") or string 'none'.",name:"maxWidth",required:!1,type:{name:"string | number | undefined"}},tag:{defaultValue:{value:"span"},description:"Optional that allows you to override the default element that the children get put inside of.\nDefault value is a span.",name:"tag",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"span"'},{value:'"div"'}]}},className:{defaultValue:null,description:"Optional className that is added to the Wrapper component\nAllowing you to add classes like margins and padding that would otherwise get lost\nby the wrapping of the children inside of the CustomTag.",name:"className",required:!1,type:{name:"string | undefined"}},style:{defaultValue:null,description:"Optional CSS properties that are added to the Wrapper component\nAllowing you to add CSS properties that would otherwise get lost\nby the wrapping of the children inside of the CustomTag.",name:"style",required:!1,type:{name:"CSSProperties | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Tooltip/Tooltip.tsx#Tooltip"]={docgenInfo:Tooltip.__docgenInfo,name:"Tooltip",path:"src/core/Tooltip/Tooltip.tsx#Tooltip"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/lists/AttributeList/AttributeList.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{d:()=>AttributeList});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js");function AttributeList(_ref){var children=_ref.children,className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_1__.NX,{flush:!0,className},children)}try{AttributeList.displayName="AttributeList",AttributeList.__docgenInfo={description:"AttributeList when used with AttributeView is a way to display\nobject properties in a clear and beautiful list.",displayName:"AttributeList",props:{children:{defaultValue:null,description:"The content of the list.\nThis should be a combination of AttributeView components.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/lists/AttributeList/AttributeList.tsx#AttributeList"]={docgenInfo:AttributeList.__docgenInfo,name:"AttributeList",path:"src/core/lists/AttributeList/AttributeList.tsx#AttributeList"})}catch(__react_docgen_typescript_loader_error){}},"./src/core/lists/AttributeView/AttributeView.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{P:()=>AttributeView});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js");function AttributeView(_ref){var label=_ref.label,children=_ref.children,className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_1__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.WI,{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()("pl-0",className)},react__WEBPACK_IMPORTED_MODULE_1__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.bq,{className:"small text-primary"},label),children)}try{AttributeView.displayName="AttributeView",AttributeView.__docgenInfo={description:"AttributeView is used inside AttributeList to display object properties\nin a clear and beautiful list.",displayName:"AttributeView",props:{label:{defaultValue:null,description:"The heading to display above the value.",name:"label",required:!0,type:{name:"ReactNode"}},children:{defaultValue:null,description:"The value described by the label.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/lists/AttributeView/AttributeView.tsx#AttributeView"]={docgenInfo:AttributeView.__docgenInfo,name:"AttributeView",path:"src/core/lists/AttributeView/AttributeView.tsx#AttributeView"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/AutoSave/AutoSave.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{u:()=>AutoSave});var react=__webpack_require__("./node_modules/react/index.js"),react_final_form_es=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),lodash=__webpack_require__("./node_modules/lodash/lodash.js");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function AutoSave(props){var onSave=props.onSave,initialValues=props.initialValues,_useActive2=_slicedToArray(function useActive(){return(0,react.useState)()}(),2),active=_useActive2[0],setActive=_useActive2[1],promise=function usePromise(){return(0,react.useRef)()}();function _onChange(){return(_onChange=_asyncToGenerator(regeneratorRuntime.mark((function _callee(formState){var activeAsString;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(active!==formState.active){_context.next=2;break}return _context.abrupt("return");case 2:if(activeAsString=formState.active,setActive(activeAsString),active){_context.next=6;break}return _context.abrupt("return");case 6:if(!promise.current){_context.next=9;break}return _context.next=9,promise.current;case 9:(0,lodash.isEqual)(formState.values,initialValues)||(promise.current=onSave(formState.values));case 10:case"end":return _context.stop()}}),_callee)})))).apply(this,arguments)}return react.createElement(react_final_form_es.FormSpy,{subscription:{values:!0,active:!0},onChange:function onChange(_x){return _onChange.apply(this,arguments)}})}try{AutoSave.displayName="AutoSave",AutoSave.__docgenInfo={description:"",displayName:"AutoSave",props:{onSave:{defaultValue:null,description:"Callback fired on blur when value of the form element changed.\n@param values",name:"onSave",required:!0,type:{name:"(values: FormValues) => Promise<T> | undefined"}},initialValues:{defaultValue:null,description:"The initial values to compare to.",name:"initialValues",required:!1,type:{name:"FormValues | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/AutoSave/AutoSave.tsx#AutoSave"]={docgenInfo:AutoSave.__docgenInfo,name:"AutoSave",path:"src/form/AutoSave/AutoSave.tsx#AutoSave"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/Checkbox/Checkbox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Checkbox,r:()=>JarbCheckbox});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/utils.ts");function Checkbox(props){var id=props.id,onChange=props.onChange,onBlur=props.onBlur,error=props.error,color=props.color,label=props.label,_props$className=props.className,className=void 0===_props$className?"":_props$className,placeholder=props.placeholder,value=props.value,valid=props.valid,allowIndeterminate=props.allowIndeterminate,checked=!!value,invalid=!1===valid||void 0;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.cw,{check:!0,className,color},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.__,{for:id,check:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.II,{id,type:"checkbox",checked,onChange:function onClick(){onChange(!checked),(0,_utils__WEBPACK_IMPORTED_MODULE_2__.yJ)(onBlur)},valid,invalid,innerRef:function innerRef(e){e&&allowIndeterminate&&(e.indeterminate=void 0===value||""===value)}})," ",label),placeholder?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"text-muted mb-0"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("em",null,placeholder)):null,error)}var JarbCheckbox=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__.Z)(Checkbox);try{Checkbox.displayName="Checkbox",Checkbox.__docgenInfo={description:"Checkbox is a form element for when the value is a boolean.",displayName:"Checkbox",props:{id:{defaultValue:null,description:"The id of the form element.",name:"id",required:!0,type:{name:"string"}},value:{defaultValue:null,description:"The value that the form element currently has.\n\nWhen the value is `true` the checkbox is checked.\nWhen the value `false` the checkbox is unchecked.\n\nWhen the value is `undefined` it depends on `allowIndeterminate`,\nwhen `allowIndeterminate` is `true` the checkbox is indeterminate.\nwhen  `allowIndeterminate` is `false` the checkbox is unchecked.",name:"value",required:!1,type:{name:"boolean | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: boolean) => void"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The label of the form element.",name:"label",required:!0,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},allowIndeterminate:{defaultValue:null,description:"Optionally whether to support the indeterminate state.",name:"allowIndeterminate",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Checkbox/Checkbox.tsx#Checkbox"]={docgenInfo:Checkbox.__docgenInfo,name:"Checkbox",path:"src/form/Checkbox/Checkbox.tsx#Checkbox"})}catch(__react_docgen_typescript_loader_error){}try{JarbCheckbox.displayName="JarbCheckbox",JarbCheckbox.__docgenInfo={description:"Variant of the Checkbox which can be used in a Jarb context.",displayName:"JarbCheckbox",props:{id:{defaultValue:null,description:"The id of the form element.",name:"id",required:!0,type:{name:"string"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},allowIndeterminate:{defaultValue:null,description:"Optionally whether to support the indeterminate state.",name:"allowIndeterminate",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Checkbox/Checkbox.tsx#JarbCheckbox"]={docgenInfo:JarbCheckbox.__docgenInfo,name:"JarbCheckbox",path:"src/form/Checkbox/Checkbox.tsx#JarbCheckbox"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>CheckboxMultipleSelect,z:()=>JarbCheckboxMultipleSelect});var lodash__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/lodash/lodash.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/index.ts"),_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/hooks/useId/useId.ts"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/utilities/translation/translation.ts"),_option__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/option.ts"),_useOptions__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/useOptions.ts"),_utils__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/utils.ts");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function CheckboxMultipleSelect(props){var id=props.id,label=props.label,error=props.error,color=props.color,_props$text=props.text,text=void 0===_props$text?{}:_props$text,_props$className=props.className,className=void 0===_props$className?"":_props$className,placeholder=props.placeholder,value=props.value,isOptionEqual=props.isOptionEqual,labelForOption=props.labelForOption,reloadOptions=props.reloadOptions,keyForOption=props.keyForOption,_props$horizontal=props.horizontal,horizontal=void 0!==_props$horizontal&&_props$horizontal,_props$isOptionEnable=props.isOptionEnabled,isOptionEnabled=void 0===_props$isOptionEnable?_utils__WEBPACK_IMPORTED_MODULE_6__.GK:_props$isOptionEnable,_props$optionsShouldA=props.optionsShouldAlwaysContainValue,optionsShouldAlwaysContainValue=void 0===_props$optionsShouldA||_props$optionsShouldA,onChange=props.onChange,onBlur=props.onBlur,innerId=(0,_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_3__.M)({id}),_useOptions=(0,_useOptions__WEBPACK_IMPORTED_MODULE_4__.D)({options:props.options,value,isOptionEqual,labelForOption,reloadOptions,pageNumber:1,query:"",size:Array.isArray(props.options)?props.options.length:100,optionsShouldAlwaysContainValue}),page=_useOptions.page,loading=_useOptions.loading;function optionClicked(option,isSelected){var selected=(0,lodash__WEBPACK_IMPORTED_MODULE_0__.isArray)(value)?_toConsumableArray(value):[];isSelected?selected=selected.filter((function(value){return!(0,_option__WEBPACK_IMPORTED_MODULE_7__.O)({option,keyForOption,labelForOption,isOptionEqual,value})})):selected.push(option),onChange(selected),(0,_utils__WEBPACK_IMPORTED_MODULE_6__.yJ)(onBlur)}return react__WEBPACK_IMPORTED_MODULE_1__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.cw,{className,color},label?react__WEBPACK_IMPORTED_MODULE_1__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.__,{for:innerId},label):null,placeholder?react__WEBPACK_IMPORTED_MODULE_1__.createElement("p",{className:"text-muted"},react__WEBPACK_IMPORTED_MODULE_1__.createElement("em",null,placeholder)):null,loading?react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_2__.gb,null,(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_9__.t)({key:"Select.LOADING",fallback:"Loading...",overrideText:text.loadingMessage})):function renderCheckboxes(){if(horizontal)return renderOptions({options:page.content,horizontal:!0});var chunks=(0,lodash__WEBPACK_IMPORTED_MODULE_0__.chunk)(page.content,10);return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:"d-flex flex-wrap"},chunks.map((function(options,index){return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:"pe-3",key:index,style:{flexBasis:"300px"}},renderOptions({options,horizontal:!1}))})))}(),error);function renderOptions(_ref){var options=_ref.options,horizontal=_ref.horizontal;return options.map((function(option,index){var label=labelForOption(option),key=(0,_option__WEBPACK_IMPORTED_MODULE_7__.G)({option,keyForOption,labelForOption}),isSelected=(0,_option__WEBPACK_IMPORTED_MODULE_7__.O)({option,keyForOption,labelForOption,isOptionEqual,value});return react__WEBPACK_IMPORTED_MODULE_1__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.cw,{check:!0,key,inline:horizontal},react__WEBPACK_IMPORTED_MODULE_1__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.__,{check:!0},react__WEBPACK_IMPORTED_MODULE_1__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.II,{type:"checkbox",checked:isSelected,value:index,disabled:!isOptionEnabled(option),onChange:function onChange(){return optionClicked(option,isSelected)}})," ",label))}))}}var JarbCheckboxMultipleSelect=(0,__webpack_require__("./src/form/withJarb/withJarb.tsx").Z)(CheckboxMultipleSelect);try{CheckboxMultipleSelect.displayName="CheckboxMultipleSelect",CheckboxMultipleSelect.__docgenInfo={description:"CheckboxMultipleSelect is a form element for which the values can\nbe selected from a limited range. Is shown a grid of options as\ncheckboxes from which the user can select multiple values.\n\nIf you pass a callback to the options property, be aware\nthat only 100 options will be displayed without pagination.\nIf you want to display more than 100 options,\nyou should use the ModalPickerMultiple instead.",displayName:"CheckboxMultipleSelect",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"T[] | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: T[]) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<T>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<T> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<T> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<T> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},horizontal:{defaultValue:null,description:"Whether or not to show the CheckboxMultipleSelect horizontally.\n\nDefaults to `false`",name:"horizontal",required:!1,type:{name:"boolean | undefined"}},optionsShouldAlwaysContainValue:{defaultValue:null,description:"Whether or not the form element should always contain the value\nwhich is selected.\n\nIt should be `true` when using it in the following situation:\nThe form element receives a value which is no longer part\nof the options. In that case it is handy to have the value\nautomatically added to the options, so the user still sees\nthe select value.\n\nIt should be `false` when using it in the following situations:\n\n1. The selected `value` is displayed separately from the\n   selection of values. In this case it does not make sense\n   to add the `value` to the options because it is already\n   displayed.\n\n2. The form element represents a sub selection of a larger\n   value. For example you have an array of permissions of what\n   the user can do in the system, visually you display grouped\n   by parts of the domain. This means giving the same `value`\n   to various form element components to represent parts of the\n   same array of permissions. If `optionsShouldAlwaysContainValue`\n   were `true` it would add all permissions to each permission\n   group.\n\nThis value is `true` by default.",name:"optionsShouldAlwaysContainValue",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx#CheckboxMultipleSelect"]={docgenInfo:CheckboxMultipleSelect.__docgenInfo,name:"CheckboxMultipleSelect",path:"src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx#CheckboxMultipleSelect"})}catch(__react_docgen_typescript_loader_error){}try{JarbCheckboxMultipleSelect.displayName="JarbCheckboxMultipleSelect",JarbCheckboxMultipleSelect.__docgenInfo={description:"Variant of the CheckboxMultipleSelect which can be used in a Jarb context.",displayName:"JarbCheckboxMultipleSelect",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<any>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<any>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<any> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<any> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<any> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},horizontal:{defaultValue:null,description:"Whether or not to show the CheckboxMultipleSelect horizontally.\n\nDefaults to `false`",name:"horizontal",required:!1,type:{name:"boolean | undefined"}},optionsShouldAlwaysContainValue:{defaultValue:null,description:"Whether or not the form element should always contain the value\nwhich is selected.\n\nIt should be `true` when using it in the following situation:\nThe form element receives a value which is no longer part\nof the options. In that case it is handy to have the value\nautomatically added to the options, so the user still sees\nthe select value.\n\nIt should be `false` when using it in the following situations:\n\n1. The selected `value` is displayed separately from the\n   selection of values. In this case it does not make sense\n   to add the `value` to the options because it is already\n   displayed.\n\n2. The form element represents a sub selection of a larger\n   value. For example you have an array of permissions of what\n   the user can do in the system, visually you display grouped\n   by parts of the domain. This means giving the same `value`\n   to various form element components to represent parts of the\n   same array of permissions. If `optionsShouldAlwaysContainValue`\n   were `true` it would add all permissions to each permission\n   group.\n\nThis value is `true` by default.",name:"optionsShouldAlwaysContainValue",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx#JarbCheckboxMultipleSelect"]={docgenInfo:JarbCheckboxMultipleSelect.__docgenInfo,name:"JarbCheckboxMultipleSelect",path:"src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx#JarbCheckboxMultipleSelect"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/ColorPicker/ColorPicker.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{U:()=>JarbColorPicker,Z:()=>ColorPicker});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),react_color__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-color/es/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts"),_utils__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/utils.ts"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/utilities/translation/translation.ts"),_core_Popover_Popover__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/core/Popover/Popover.tsx"),_core_TextButton_TextButton__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/core/TextButton/TextButton.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function ColorPicker(props){var id=props.id,label=props.label,value=props.value,color=props.color,placeholder=props.placeholder,icon=props.icon,className=props.className,error=props.error,onChange=props.onChange,onBlur=props.onBlur,_props$canClear=props.canClear,canClear=void 0===_props$canClear||_props$canClear,_props$text=props.text,text=void 0===_props$text?{}:_props$text,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(value||"#ffffff"),2),colorValue=_useState2[0],setColorValue=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState4[0],setIsOpen=_useState4[1];function onColorSelected(color){onChange(color),(0,_utils__WEBPACK_IMPORTED_MODULE_7__.yJ)(onBlur),setIsOpen(!1)}var classes=classnames__WEBPACK_IMPORTED_MODULE_2___default()("color-picker",className);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.cw,{className:classes,color},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.__,{for:id},label),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex"},value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"border p-1 me-3"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{id:"color-picker-value",className:"h-100",style:{backgroundColor:value,width:42}})),canClear?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_TextButton_TextButton__WEBPACK_IMPORTED_MODULE_6__.Z,{onClick:function onClick(){return onColorSelected(void 0)},className:"me-3"},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_9__.t)({key:"ColorPicker.CLEAR",fallback:"Clear",overrideText:text.clear})):null):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Popover_Popover__WEBPACK_IMPORTED_MODULE_5__.Z,{placement:"bottom",isOpen,target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.zx,{type:"button",color:"primary",onClick:function onClick(){setIsOpen(!isOpen)}},icon?react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon,className:"me-2 align-bottom"}):null,placeholder)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.Zb,{body:!0,className:"p-0"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_color__WEBPACK_IMPORTED_MODULE_1__.xS,{color:colorValue,onChange:function onChange(color){return setColorValue(color.hex)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between my-1 p-1"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.zx,{color:"secondary",onClick:function onClick(){setColorValue(value||"#ffffff"),setIsOpen(!1)}},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_9__.t)({key:"ColorPicker.CANCEL",fallback:"Cancel",overrideText:text.cancel})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.zx,{color:"primary",onClick:function onClick(){return onColorSelected(colorValue)}},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_9__.t)({key:"ColorPicker.SELECT",fallback:"Select",overrideText:text.select})))))),error)}var JarbColorPicker=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_3__.Z)(ColorPicker);try{ColorPicker.displayName="ColorPicker",ColorPicker.__docgenInfo={description:"ColorPicker is a form element which allows the user to select a\ncolor from a color picker. The color's format is in hex.",displayName:"ColorPicker",props:{id:{defaultValue:null,description:"The id of the form element.",name:"id",required:!0,type:{name:"string"}},value:{defaultValue:null,description:"The color that the form element currently has in hex.",name:"value",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value?: string | undefined) => void"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The label of the form element.",name:"label",required:!0,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button that opens the color picker.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ColorPicker/ColorPicker.tsx#ColorPicker"]={docgenInfo:ColorPicker.__docgenInfo,name:"ColorPicker",path:"src/form/ColorPicker/ColorPicker.tsx#ColorPicker"})}catch(__react_docgen_typescript_loader_error){}try{JarbColorPicker.displayName="JarbColorPicker",JarbColorPicker.__docgenInfo={description:"Variant of the ColorPicker which can be used in a Jarb context.",displayName:"JarbColorPicker",props:{id:{defaultValue:null,description:"The id of the form element.",name:"id",required:!0,type:{name:"string"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button that opens the color picker.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ColorPicker/ColorPicker.tsx#JarbColorPicker"]={docgenInfo:JarbColorPicker.__docgenInfo,name:"JarbColorPicker",path:"src/form/ColorPicker/ColorPicker.tsx#JarbColorPicker"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/DateTimeInput/DateTimeInput.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{zj:()=>JarbDateTimeInput,ZP:()=>DateTimeInput});var react=__webpack_require__("./node_modules/react/index.js"),reactstrap_modern=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),react_datetime_cjs=__webpack_require__("./node_modules/react-datetime/dist/react-datetime.cjs.js"),react_datetime_cjs_default=__webpack_require__.n(react_datetime_cjs),lodash=__webpack_require__("./node_modules/lodash/lodash.js"),moment=__webpack_require__("./node_modules/moment/moment.js"),moment_default=__webpack_require__.n(moment),reactTextMask=__webpack_require__("./node_modules/react-text-mask/dist/reactTextMask.js"),reactTextMask_default=__webpack_require__.n(reactTextMask),src=__webpack_require__("./src/index.ts");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function combineFormat(dateFormat,timeFormat){if(!1!==dateFormat&&!1!==timeFormat)return"".concat(dateFormat," ").concat(timeFormat);if(!1!==dateFormat)return dateFormat;if(!1!==timeFormat)return timeFormat;throw new Error("DateTimeInput: dateFormat and timeFormat cannot both be false")}function formatToMask(dateFormat,timeFormat){var dateMask=function dateFormatToMask(dateFormat){if(!1===dateFormat)return[];var separator=function extractSeparator(dateFormat){if(dateFormat.includes("-"))return"-";if(dateFormat.includes("/"))return"/";if(dateFormat.includes("."))return".";throw new Error("DateTimeInput: cannot extract separator from dateFormat")}(dateFormat);return dateFormat.split("").map((function(_char2){return _char2===separator?separator:/\d/}))}(dateFormat),timeMask=function timeFormatToMask(timeFormat){if(!1===timeFormat)return[];return timeFormat.split("").map((function(_char){return":"===_char?":":/\d/}))}(timeFormat),dateMaskIsDefined=dateMask.length>0;return dateMaskIsDefined&&timeMask.length>0?[].concat(_toConsumableArray(dateMask),[" "],_toConsumableArray(timeMask)):dateMaskIsDefined?dateMask:timeMask}var withJarb=__webpack_require__("./src/form/withJarb/withJarb.tsx"),utils=__webpack_require__("./src/form/utils.ts"),translation=__webpack_require__("./src/utilities/translation/translation.ts");var OpenCloseModal=__webpack_require__("./src/core/OpenCloseModal/OpenCloseModal.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function DateTimeModal_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return DateTimeModal_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return DateTimeModal_arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function DateTimeModal_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function DateTimeModal(props){var isOpen=props.isOpen,onClose=props.onClose,_onSave=props.onSave,label=props.label,dateFormat=props.dateFormat,timeFormat=props.timeFormat,locale=props.locale,_props$utc=props.utc,utc=void 0===_props$utc||_props$utc,_props$text=props.text,text=void 0===_props$text?{save:(0,translation.t)({key:"DateTimeModal.SELECT",fallback:"Select"})}:_props$text,isDateAllowed=(0,lodash.get)(props,"isDateAllowed",(0,lodash.constant)(!0)),_useValue2=_slicedToArray(function useValue(defaultValue){return(0,react.useState)(defaultValue)}(props.defaultValue?moment_default()(props.defaultValue):""),2),value=_useValue2[0],setValue=_useValue2[1];return isOpen?react.createElement(OpenCloseModal.n,{isOpen:!0,onClose,onSave:function onSave(){return _onSave(value)},label,text,size:"sm",className:"date-time-modal",stickyFooter:!1},react.createElement(react_datetime_cjs_default(),{input:!1,open:!0,closeOnSelect:!1,onChange:function onChange(x){return setValue(x)},value,dateFormat,timeFormat,locale,utc,isValidDate:function isValidDate(date,current){return isDateAllowed(date,current)}})):null}try{DateTimeModal.displayName="DateTimeModal",DateTimeModal.__docgenInfo={description:"",displayName:"DateTimeModal",props:{isOpen:{defaultValue:null,description:"Whether or not the modal is open.\n@deprecated Please do not use the isOpen boolean to control whether\nor not the modal is opened. Instead always set isOpen to `true`\nand only render the OpenCloseModal when it should be rendered.\nIn version 4.0.0 the isOpen property will be removed.",name:"isOpen",required:!0,type:{name:"boolean"}},onClose:{defaultValue:null,description:"Callback for when the modal should close.",name:"onClose",required:!0,type:{name:"() => void"}},label:{defaultValue:null,description:"The label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},onSave:{defaultValue:null,description:"Callback for when the form element changes.",name:"onSave",required:!0,type:{name:"(value: string | Moment) => void"}},defaultValue:{defaultValue:null,description:"The value that the form element currently has.",name:"defaultValue",required:!1,type:{name:"Date | undefined"}},dateFormat:{defaultValue:null,description:"The format for the date, follows Moment.js format.\n\nAt least a DateFormat or TimeFormat should be defined, otherwise\nan error occurs.\n@see https://momentjs.com/docs/#/displaying/format/",name:"dateFormat",required:!0,type:{name:"DateFormat"}},timeFormat:{defaultValue:null,description:"The format for the time, follows Moment.js format.\n\nAt least a TimeFormat or DateFormat should be defined, otherwise\nan error occurs.\n@see https://momentjs.com/docs/#/displaying/format/",name:"timeFormat",required:!0,type:{name:"TimeFormat"}},locale:{defaultValue:null,description:"Optionally the locale moment js should use.",name:"locale",required:!1,type:{name:"string | undefined"}},isDateAllowed:{defaultValue:null,description:"Optional Callback which returns whether a date is selectable.\nIs ran for every date which is displayed. By default every\ndate can be selected.",name:"isDateAllowed",required:!1,type:{name:"DateTimeInputIsDateAllowed | undefined"}},utc:{defaultValue:null,description:"When true, input time values will be interpreted as UTC (Zulu time)\nby Moment.js. Otherwise they will default to the user's local\ntimezone.\n\nDefaults to true.",name:"utc",required:!1,type:{name:"boolean | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/DateTimeInput/DateTimeModal/DateTimeModal.tsx#DateTimeModal"]={docgenInfo:DateTimeModal.__docgenInfo,name:"DateTimeModal",path:"src/form/DateTimeInput/DateTimeModal/DateTimeModal.tsx#DateTimeModal"})}catch(__react_docgen_typescript_loader_error){}var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames);var AddonButton=__webpack_require__("./src/form/addons/AddonButton/AddonButton.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function DateTimeInput_slicedToArray(arr,i){return function DateTimeInput_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function DateTimeInput_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function DateTimeInput_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return DateTimeInput_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return DateTimeInput_arrayLikeToArray(o,minLen)}(arr,i)||function DateTimeInput_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function DateTimeInput_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function DateTimeInput(props){var _useSetLastStringValu2=DateTimeInput_slicedToArray(function useSetLastStringValue(){return(0,react.useState)("")}(),2),lastStringValue=_useSetLastStringValu2[0],setLastStringValue=_useSetLastStringValu2[1],_useHasFormatError2=DateTimeInput_slicedToArray(function useHasFormatError(){return(0,react.useState)(!1)}(),2),hasFormatError=_useHasFormatError2[0],setHasFormatError=_useHasFormatError2[1],_useIsModalOpen2=DateTimeInput_slicedToArray(function useIsModalOpen(){return(0,react.useState)(!1)}(),2),isModalOpen=_useIsModalOpen2[0],setIsModalOpen=_useIsModalOpen2[1],id=props.id,label=props.label,placeholder=props.placeholder,valid=props.valid,onFocus=props.onFocus,dateFormat=props.dateFormat,timeFormat=props.timeFormat,color=props.color,value=props.value,error=props.error,locale=props.locale,_props$utc=props.utc,utc=void 0===_props$utc||_props$utc,_props$mode=props.mode,mode=void 0===_props$mode?"default":_props$mode,text=props.text,_props$className=props.className,className=void 0===_props$className?"":_props$className,isDateAllowed=(0,lodash.get)(props,"isDateAllowed",(0,lodash.constant)(!0));if(!dateFormat&&!timeFormat)throw new Error("DateTimeInput: dateFormat and timeFormat cannot both be false. This is a programmer error.");function onChange(value){var onChange=props.onChange,onBlur=props.onBlur;if("string"==typeof value){if(function isDate(value,dateFormat,timeFormat){return!value.includes("_")&&moment_default()(value.trim(),combineFormat(dateFormat,timeFormat)).isValid()}(value,dateFormat,timeFormat))setLastStringValue(value),onChange(moment_default()(value.trim(),combineFormat(dateFormat,timeFormat)).toDate()),setHasFormatError(!1);else setLastStringValue(value),onChange(void 0),setHasFormatError(!(0,lodash.isEmpty)(value))}else{var valueAsString=moment_default()(value.toDate()).format(combineFormat(dateFormat,timeFormat));setLastStringValue(valueAsString),onChange(value.toDate()),(0,utils.yJ)(onBlur),setHasFormatError(!1)}setIsModalOpen(!1)}var formGroupClassName=classnames_default()("date-time-input",className,{"with-modal":"modal"===mode});return react.createElement(reactstrap_modern.cw,{className:formGroupClassName,color},label?react.createElement(reactstrap_modern.__,{for:id},label," ",react.createElement("span",{className:"date-time-input-format ".concat(value&&hasFormatError?"text-danger":"text-muted")},"(",combineFormat(dateFormat,timeFormat),")")):null,react.createElement(react_datetime_cjs_default(),{inputProps:{mask:formatToMask(dateFormat,timeFormat),placeholder,invalid:!1===valid||hasFormatError,id,autoComplete:"off"},open:"modal"!==mode&&void 0,renderInput:function renderInput(props){return"modal"===mode?maskedInputGroup(props,(function(){return setIsModalOpen(!0)})):maskedInput(props)},onChange,onOpen:onFocus,value:value||lastStringValue,dateFormat,timeFormat,closeOnSelect:!0,locale,utc,isValidDate:function isValidDate(date,current){return isDateAllowed(date,current)}}),error,"modal"===mode&&isModalOpen?react.createElement(DateTimeModal,{isOpen:!0,onClose:function onClose(){return setIsModalOpen(!1)},onSave:onChange,dateFormat,timeFormat,defaultValue:value,isDateAllowed,label:placeholder,locale,utc,text}):null)}var JarbDateTimeInput=(0,withJarb.Z)(DateTimeInput);function maskedInput(props){return react.createElement(reactTextMask_default(),_extends({},props,{render:reactStrapInput}))}function maskedInputGroup(props,onClick){return react.createElement(reactstrap_modern.BZ,null,react.createElement(reactTextMask_default(),_extends({},props,{render:reactStrapInput})),react.createElement(AddonButton.p,{onClick},react.createElement(src.JO,{icon:"calendar_today",className:"d-block"})))}function reactStrapInput(ref,props){return react.createElement(reactstrap_modern.II,_extends({innerRef:ref},props))}try{DateTimeInput.displayName="DateTimeInput",DateTimeInput.__docgenInfo={description:"DateTimeInput is a form element which allows the user to select:\ndate and times, times, and dates.",displayName:"DateTimeInput",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"Date | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: Date | undefined) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},dateFormat:{defaultValue:null,description:"The format for the date, follows Moment.js format.\n\nAt least a DateFormat or TimeFormat should be defined, otherwise\nan error occurs.\n@see https://momentjs.com/docs/#/displaying/format/",name:"dateFormat",required:!0,type:{name:"DateFormat"}},timeFormat:{defaultValue:null,description:"The format for the time, follows Moment.js format.\n\nAt least a TimeFormat or DateFormat should be defined, otherwise\nan error occurs.\n@see https://momentjs.com/docs/#/displaying/format/",name:"timeFormat",required:!0,type:{name:"TimeFormat"}},isDateAllowed:{defaultValue:null,description:"Optional Callback which returns whether a date is selectable.\nIs ran for every date which is displayed. By default every\ndate can be selected.",name:"isDateAllowed",required:!1,type:{name:"DateTimeInputIsDateAllowed | undefined"}},locale:{defaultValue:null,description:"Optionally the locale moment js should use.",name:"locale",required:!1,type:{name:"string | undefined"}},utc:{defaultValue:null,description:"When true, input time values will be interpreted as UTC (Zulu time)\nby Moment.js. Otherwise they will default to the user's local\ntimezone.\n\nDefaults to true.",name:"utc",required:!1,type:{name:"boolean | undefined"}},mode:{defaultValue:null,description:"Whether or not the date picker should be displayed in a modal.\nDefaults to opening in a tooltip-like layout.",name:"mode",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"modal"'},{value:'"default"'}]}},text:{defaultValue:null,description:"Optionally customized text within the DateTimeModal component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/DateTimeInput/DateTimeInput.tsx#DateTimeInput"]={docgenInfo:DateTimeInput.__docgenInfo,name:"DateTimeInput",path:"src/form/DateTimeInput/DateTimeInput.tsx#DateTimeInput"})}catch(__react_docgen_typescript_loader_error){}try{maskedInput.displayName="maskedInput",maskedInput.__docgenInfo={description:"",displayName:"maskedInput",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/DateTimeInput/DateTimeInput.tsx#maskedInput"]={docgenInfo:maskedInput.__docgenInfo,name:"maskedInput",path:"src/form/DateTimeInput/DateTimeInput.tsx#maskedInput"})}catch(__react_docgen_typescript_loader_error){}try{maskedInputGroup.displayName="maskedInputGroup",maskedInputGroup.__docgenInfo={description:"",displayName:"maskedInputGroup",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/DateTimeInput/DateTimeInput.tsx#maskedInputGroup"]={docgenInfo:maskedInputGroup.__docgenInfo,name:"maskedInputGroup",path:"src/form/DateTimeInput/DateTimeInput.tsx#maskedInputGroup"})}catch(__react_docgen_typescript_loader_error){}try{JarbDateTimeInput.displayName="JarbDateTimeInput",JarbDateTimeInput.__docgenInfo={description:"Variant of the DateTimeInput which can be used in a Jarb context.",displayName:"JarbDateTimeInput",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the DateTimeModal component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},mode:{defaultValue:null,description:"Whether or not the date picker should be displayed in a modal.\nDefaults to opening in a tooltip-like layout.",name:"mode",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"modal"'},{value:'"default"'}]}},dateFormat:{defaultValue:null,description:"The format for the date, follows Moment.js format.\n\nAt least a DateFormat or TimeFormat should be defined, otherwise\nan error occurs.\n@see https://momentjs.com/docs/#/displaying/format/",name:"dateFormat",required:!0,type:{name:"DateFormat"}},timeFormat:{defaultValue:null,description:"The format for the time, follows Moment.js format.\n\nAt least a TimeFormat or DateFormat should be defined, otherwise\nan error occurs.\n@see https://momentjs.com/docs/#/displaying/format/",name:"timeFormat",required:!0,type:{name:"TimeFormat"}},isDateAllowed:{defaultValue:null,description:"Optional Callback which returns whether a date is selectable.\nIs ran for every date which is displayed. By default every\ndate can be selected.",name:"isDateAllowed",required:!1,type:{name:"DateTimeInputIsDateAllowed | undefined"}},locale:{defaultValue:null,description:"Optionally the locale moment js should use.",name:"locale",required:!1,type:{name:"string | undefined"}},utc:{defaultValue:null,description:"When true, input time values will be interpreted as UTC (Zulu time)\nby Moment.js. Otherwise they will default to the user's local\ntimezone.\n\nDefaults to true.",name:"utc",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/DateTimeInput/DateTimeInput.tsx#JarbDateTimeInput"]={docgenInfo:JarbDateTimeInput.__docgenInfo,name:"JarbDateTimeInput",path:"src/form/DateTimeInput/DateTimeInput.tsx#JarbDateTimeInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/DateTimeInput/checkers.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Sl:()=>isDateAfter,hF:()=>isDateBefore,zx:()=>isDateBetween});var moment__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/moment/moment.js"),moment__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_0__),_utils__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/form/utils.ts");function isDateBefore(end){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{inclusive:!1},inclusive=config.inclusive;return end?function(date){return!date||(inclusive?moment__WEBPACK_IMPORTED_MODULE_0___default()(date).isSameOrBefore(end):moment__WEBPACK_IMPORTED_MODULE_0___default()(date).isBefore(end))}:_utils__WEBPACK_IMPORTED_MODULE_1__.GK}function isDateAfter(start){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{inclusive:!1},inclusive=config.inclusive;return start?function(date){return!date||(inclusive?moment__WEBPACK_IMPORTED_MODULE_0___default()(date).isSameOrAfter(start):moment__WEBPACK_IMPORTED_MODULE_0___default()(date).isAfter(start))}:_utils__WEBPACK_IMPORTED_MODULE_1__.GK}function isDateBetween(start,end){var config=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{startInclusive:!1,endInclusive:!1};if(!start&&!end)return _utils__WEBPACK_IMPORTED_MODULE_1__.GK;var startInclusive=config.startInclusive,endInclusive=config.endInclusive;return end?start?function(date){if(!date)return!0;var startChar=startInclusive?"[":"(",endChar=endInclusive?"]":")";return moment__WEBPACK_IMPORTED_MODULE_0___default()(date).isBetween(start,end,void 0,"".concat(startChar).concat(endChar))}:isDateBefore(end,{inclusive:endInclusive}):isDateAfter(start,{inclusive:startInclusive})}},"./src/form/DateTimeInput/validators.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{EB:()=>isDateAfterValidator,Vi:()=>isDateBeforeValidator,dz:()=>isDateBetweenValidator});var lodash__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/lodash/lodash.js"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utilities/translation/translation.ts"),_checkers__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/form/DateTimeInput/checkers.ts");function isDateBeforeValidator(config){var end=config.end,label=config.label,overrideErrorText=config.overrideErrorText;return function(value,allValues){var before=(0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(allValues,end.path);return(0,_checkers__WEBPACK_IMPORTED_MODULE_1__.hF)(before,{inclusive:end.inclusive})(value)?void 0:dateBeforeError({label,end,overrideErrorText})}}function isDateAfterValidator(config){var start=config.start,label=config.label,overrideErrorText=config.overrideErrorText;return function(value,allValues){var after=(0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(allValues,start.path);return(0,_checkers__WEBPACK_IMPORTED_MODULE_1__.Sl)(after,{inclusive:start.inclusive})(value)?void 0:dateAfterError({label,start,overrideErrorText})}}function isDateBetweenValidator(config){var start=config.start,end=config.end,label=config.label,overrideErrorText=config.overrideErrorText;return function(value,allValues){var after=(0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(allValues,start.path),before=(0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(allValues,end.path);return(0,_checkers__WEBPACK_IMPORTED_MODULE_1__.zx)(after,before,{startInclusive:start.inclusive,endInclusive:end.inclusive})(value)?void 0:before?after?(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__.t)({key:"DateTimeInput.DATE_BETWEEN_ERROR",fallback:'The "'.concat(label,'" must be between the "').concat(start.label,'" and "').concat(end.label,'"'),data:{start:start.label,label,end:end.label},overrideText:overrideErrorText}):dateBeforeError({label,end,overrideErrorText}):dateAfterError({label,start,overrideErrorText})}}function dateAfterError(_ref){var label=_ref.label,start=_ref.start,overrideErrorText=_ref.overrideErrorText;return(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__.t)({key:"DateTimeInput.DATE_AFTER_ERROR",fallback:'The "'.concat(label,'" must be after the "').concat(start.label,'"'),data:{start:start.label,end:label},overrideText:overrideErrorText})}function dateBeforeError(_ref2){var label=_ref2.label,end=_ref2.end,overrideErrorText=_ref2.overrideErrorText;return(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__.t)({key:"DateTimeInput.DATE_BEFORE_ERROR",fallback:'The "'.concat(label,'" must be before the "').concat(end.label,'"'),data:{start:label,end:end.label},overrideText:overrideErrorText})}},"./src/form/FileInput/FileInput.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ye:()=>requireFile,ZP:()=>FileInput,bD:()=>JarbFileInput,yM:()=>limitFileSize});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),lodash__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/lodash/lodash.js"),reactstrap__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_utils__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/utils.ts"),_addons_AddonButton_AddonButton__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/addons/AddonButton/AddonButton.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"===_typeof(call)||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(self)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var FileInput=function(_Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(FileInput,_Component);var _super=_createSuper(FileInput);function FileInput(){var _assertThisInitialize,_assertThisInitialize2,_assertThisInitialize3,_this;_classCallCheck(this,FileInput);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _defineProperty(_assertThisInitialized(_this=_super.call.apply(_super,[this].concat(args))),"innerId",null!==(_assertThisInitialize=null===(_assertThisInitialize2=_assertThisInitialized(_this))||void 0===_assertThisInitialize2||null===(_assertThisInitialize3=_assertThisInitialize2.props)||void 0===_assertThisInitialize3?void 0:_assertThisInitialize3.id)&&void 0!==_assertThisInitialize?_assertThisInitialize:(0,lodash__WEBPACK_IMPORTED_MODULE_1__.uniqueId)()),_defineProperty(_assertThisInitialized(_this),"inputRef",react__WEBPACK_IMPORTED_MODULE_0__.createRef()),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(FileInput,[{key:"onChange",value:function onChange(event){var files=event.target.files;if(files){var file=files.item(0);this.props.onChange(file),(0,_utils__WEBPACK_IMPORTED_MODULE_5__.yJ)(this.props.onBlur)}}},{key:"onClick",value:function onClick(event){this.props.value&&(event.preventDefault(),this.props.onChange(null),(0,_utils__WEBPACK_IMPORTED_MODULE_5__.yJ)(this.props.onBlur),this.inputRef.current&&(this.inputRef.current.value=""))}},{key:"render",value:function render(){var _this2=this,_this$props=this.props,label=_this$props.label,accept=_this$props.accept,placeholder=_this$props.placeholder,error=_this$props.error,color=_this$props.color,value=_this$props.value,valid=_this$props.valid,_this$props$className=_this$props.className,className=void 0===_this$props$className?"":_this$props$className,inputProps={placeholder,value:(0,lodash__WEBPACK_IMPORTED_MODULE_1__.get)(value,"name",""),invalid:!1===valid||void 0};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__.cw,{className:"file-upload ".concat(className),color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__.__,{for:this.innerId},label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("input",{id:this.innerId,accept,ref:this.inputRef,type:"file",onClick:function onClick(event){return _this2.onClick(event)},onChange:function onChange(event){return _this2.onChange(event)}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__.BZ,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__.II,_extends({},inputProps,{onChange:function onChange(){}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_addons_AddonButton_AddonButton__WEBPACK_IMPORTED_MODULE_3__.p,{position:"right",color:value||!1===valid?"danger":"primary",onClick:lodash__WEBPACK_IMPORTED_MODULE_1__.noop},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.JO,{icon:value?"delete":"cloud_upload",className:"d-block"}))),error)}}]),FileInput}(react__WEBPACK_IMPORTED_MODULE_0__.Component),JarbFileInput=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__.Z)(FileInput);function requireFile(label){return function(value){if(!value)return{key:"FileInput.REQUIRED",data:{label},fallback:"".concat(label," is required")}}}function limitFileSize(size,label){return function(value){if(value instanceof File&&void 0!==value.size){var maxSizeInBytes=1048576*size;if(!(value.size<maxSizeInBytes)){var fileSize=(value.size/1048576).toFixed(1),maxSizeDisplay=size.toFixed(1);return{key:"FileInput.SIZE_TOO_LARGE",data:{label,size:maxSizeDisplay,fileSize},fallback:"".concat(label," file is to large. Max size is ").concat(maxSizeDisplay," MB file size is ").concat(fileSize," MB")}}}}}try{requireFile.displayName="requireFile",requireFile.__docgenInfo={description:"Takes a `label` and returns a validator which can check if the\nthere is a `File`.",displayName:"requireFile",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FileInput/FileInput.tsx#requireFile"]={docgenInfo:requireFile.__docgenInfo,name:"requireFile",path:"src/form/FileInput/FileInput.tsx#requireFile"})}catch(__react_docgen_typescript_loader_error){}try{limitFileSize.displayName="limitFileSize",limitFileSize.__docgenInfo={description:"Takes a `size` and `label` and returns a validator which can check if the\nfile is past the size limit.",displayName:"limitFileSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FileInput/FileInput.tsx#limitFileSize"]={docgenInfo:limitFileSize.__docgenInfo,name:"limitFileSize",path:"src/form/FileInput/FileInput.tsx#limitFileSize"})}catch(__react_docgen_typescript_loader_error){}try{FileInput.displayName="FileInput",FileInput.__docgenInfo={description:"",displayName:"FileInput",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"File | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: File | null) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},accept:{defaultValue:null,description:"Which types of files the form element accepts.\n@see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#Unique_file_type_specifiers",name:"accept",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FileInput/FileInput.tsx#FileInput"]={docgenInfo:FileInput.__docgenInfo,name:"FileInput",path:"src/form/FileInput/FileInput.tsx#FileInput"})}catch(__react_docgen_typescript_loader_error){}try{JarbFileInput.displayName="JarbFileInput",JarbFileInput.__docgenInfo={description:"Variant of the FileInput which can be used in a Jarb context.",displayName:"JarbFileInput",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},accept:{defaultValue:null,description:"Which types of files the form element accepts.\n@see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#Unique_file_type_specifiers",name:"accept",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FileInput/FileInput.tsx#JarbFileInput"]={docgenInfo:JarbFileInput.__docgenInfo,name:"JarbFileInput",path:"src/form/FileInput/FileInput.tsx#JarbFileInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/FormButton/FormButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>FormButton});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_core_Button_Button__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Button/Button.tsx"),_excluded=["formId","type"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function FormButton(_ref){var formId=_ref.formId,type=_ref.type,rest=_objectWithoutProperties(_ref,_excluded);var buttonProps=function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({type,onClick:function onClick(){var _document$getElementB;null===(_document$getElementB=document.getElementById(formId))||void 0===_document$getElementB||_document$getElementB.dispatchEvent(new Event(type,{cancelable:!0,bubbles:!0}))}},rest);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_1__.ZP,buttonProps)}try{FormButton.displayName="FormButton",FormButton.__docgenInfo={description:"The FormButton component is used to submit forms from a distance.\nDistance meaning that the FormButton is not rendered inside of\na <form>. Sometimes this happens when doing more advanced layouts.\n\nThe FormButton will when clicked search for the <form> with the\n`formId` prop and will submit that form.\n\nIt is used when using the EpicForm component.",displayName:"FormButton",props:{formId:{defaultValue:null,description:"The id of the form that should be submitted or reset on click.",name:"formId",required:!0,type:{name:"string"}},type:{defaultValue:{value:"button"},description:"The type of button it is, defaults to 'button'.",name:"type",required:!0,type:{name:"enum",value:[{value:'"reset"'},{value:'"submit"'}]}},color:{defaultValue:null,description:"Optionally the color of the button.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},children:{defaultValue:null,description:"Optionally the text of the button.",name:"children",required:!1,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"Optionally the Icon you want to use.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},inProgress:{defaultValue:{value:"false"},description:"Whether or not the action you are performing is currently in\nprogress. If so a spinner is rendered inside of the button.\nThis behavior is optional and default to `false`.",name:"inProgress",required:!1,type:{name:"boolean | undefined"}},disabled:{defaultValue:null,description:"Optionally whether the button is disabled\n\nDefaults to `false`",name:"disabled",required:!1,type:{name:"boolean | undefined"}},iconPosition:{defaultValue:null,description:'Optionally the position of the icon, either left or right.\nDefaults to "left".\n\nOnly applicable when the `icon` prop is set.',name:"iconPosition",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'}]}},outline:{defaultValue:null,description:"Optionally whether or not to show the button only as an outline.",name:"outline",required:!1,type:{name:"boolean | undefined"}},size:{defaultValue:null,description:"Optionally the size of the button, or icon when only the icon\nis rendered.\n\nDefaults to 'md'.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},fullWidth:{defaultValue:null,description:"Optionally whether or not the button should take the full width\navailable.\n\nDefaults to `false`",name:"fullWidth",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FormButton/FormButton.tsx#FormButton"]={docgenInfo:FormButton.__docgenInfo,name:"FormButton",path:"src/form/FormButton/FormButton.tsx#FormButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/FormError/FormError.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>FormError});var react=__webpack_require__("./node_modules/react/index.js"),reactstrap_modern=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),lib=__webpack_require__("./node_modules/@42.nl/react-error-store/lib/index.js"),utils=__webpack_require__("./src/form/FormError/utils.tsx"),lodash=__webpack_require__("./node_modules/lodash/lodash.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function FormError(props){var value=props.value,meta=props.meta,validator=props.validator,onChange=props.onChange,className=props.className,backEndErrors=(0,lib.jx)(validator),frontEndErrors=function useSettledErrors(meta,value){var error=meta.error,active=meta.active,touched=meta.touched,errorCache=_slicedToArray((0,react.useState)({}),1)[0],errors=(0,react.useMemo)((function(){return void 0===error?[]:(0,lodash.isArray)(error)?error:[error]}),[error]),_useState4=_slicedToArray((0,react.useState)(errors),2),settledErrors=_useState4[0],setSettledErrors=_useState4[1],hasErrors=errors.length>0;return(0,react.useEffect)((function(){var timeout;function showErrors(){errorCache[value]=errors,setSettledErrors(errors)}function hideErrors(){settledErrors.length>0&&void 0===errorCache[value]?setSettledErrors([]):timeout=window.setTimeout(clearCacheAndHideErrors,2e3)}function clearCacheAndHideErrors(){errorCache[value]=void 0,setSettledErrors([])}return active?timeout=hasErrors?window.setTimeout(showErrors,5e3):window.setTimeout(hideErrors,100):hasErrors?touched?timeout=window.setTimeout(showErrors,100):hideErrors():timeout=window.setTimeout(hideErrors,2e3),function(){window.clearTimeout(timeout)}}),[hasErrors,active,touched,errors,settledErrors.length,errorCache,value]),settledErrors}(meta,value),hasErrors=backEndErrors.length>0||frontEndErrors.length>0;return function useOnChange(hasErrors,onChange){(0,react.useEffect)((function(){onChange&&onChange(hasErrors)}),[hasErrors,onChange])}(hasErrors,onChange),hasErrors?react.createElement("div",{className},frontEndErrors.map((function(e,index){return react.createElement(reactstrap_modern.AG,{key:"".concat(index)},(0,utils.N)(e))})),backEndErrors.map((function(e){return react.createElement(reactstrap_modern.AG,{key:e},(0,utils.N)(e))}))):null}try{FormError.displayName="FormError",FormError.__docgenInfo={description:"The FormError component renders errors coming from the front-end\nand the back-end. It ties the front-end and back-end errors together\nbased on the the validator.\n\nA validator is a string which looks like this: `User.name` the format\nis `Entity.property`.",displayName:"FormError",props:{value:{defaultValue:null,description:"The value for this form error.",name:"value",required:!0,type:{name:"any"}},meta:{defaultValue:null,description:"The meta object to render the errors for.",name:"meta",required:!0,type:{name:"Meta"}},validator:{defaultValue:null,description:"The validator for which the FormError should render the errors.",name:"validator",required:!0,type:{name:"string"}},onChange:{defaultValue:null,description:"Optionally: callback which is called when there are errors or\nthey are removed.",name:"onChange",required:!1,type:{name:"FormErrorOnChange | undefined"}},className:{defaultValue:null,description:"Optionally: classes to put on the div around the errors.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FormError/FormError.tsx#FormError"]={docgenInfo:FormError.__docgenInfo,name:"FormError",path:"src/form/FormError/FormError.tsx#FormError"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/FormError/utils.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>errorMessage});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_utilities_translation_translator__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/utilities/translation/translator.ts");function errorMessage(error){var translator=(0,_utilities_translation_translator__WEBPACK_IMPORTED_MODULE_1__.T)();if("string"==typeof error||react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(error))return error;if(void 0===error.type)return translator(error);var validationError=error;switch(validationError.type){case"ERROR_REQUIRED":return translator({key:"JarbFinalForm.VALIDATION.REQUIRED",data:validationError,fallback:"".concat(validationError.label," is required")});case"ERROR_MINIMUM_LENGTH":return translator({key:"JarbFinalForm.VALIDATION.MINIMUM_LENGTH",data:validationError,fallback:"".concat(validationError.label," must be bigger than ").concat(validationError.reasons.minimumLength," characters")});case"ERROR_MAXIMUM_LENGTH":return translator({key:"JarbFinalForm.VALIDATION.MAXIMUM_LENGTH",data:validationError,fallback:"".concat(validationError.label," must be smaller than ").concat(validationError.reasons.maximumLength," characters")});case"ERROR_MIN_VALUE":return translator({key:"JarbFinalForm.VALIDATION.MIN_VALUE",data:validationError,fallback:"".concat(validationError.label," must be more than ").concat(validationError.reasons.minValue)});case"ERROR_MAX_VALUE":return translator({key:"JarbFinalForm.VALIDATION.MAX_VALUE",data:validationError,fallback:"".concat(validationError.label," must be less than ").concat(validationError.reasons.maxValue)});case"ERROR_NUMBER":return translator({key:"JarbFinalForm.VALIDATION.NUMBER",data:validationError,fallback:"".concat(validationError.label," is not a number")});case"ERROR_NUMBER_FRACTION":return translator({key:"JarbFinalForm.VALIDATION.NUMBER_FRACTION",data:validationError,fallback:"".concat(validationError.label," is not a number. Number may have ").concat(validationError.reasons.fractionLength," digits behind the comma")});default:return translator({key:"FormError.UNKNOWN_ERROR",fallback:"Something is wrong"})}}try{errorMessage.displayName="errorMessage",errorMessage.__docgenInfo={description:"",displayName:"errorMessage",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"unknown"}},reasons:{defaultValue:null,description:"",name:"reasons",required:!0,type:{name:'{ required: "required"; } | { minimumLength: number; } | { maximumLength: number; } | { minValue: number; } | { maxValue: number; } | { regex: RegExp; } | { regex: RegExp; fractionLength: number; }'}},data:{defaultValue:null,description:"Optionally may contain extra data to make the translation more\nspecific. For example may contain the label for the form element\nwhich is invalid. Or the number the user entered.\n\nYou can then use it in your translation: `The ${label} is invalid`",name:"data",required:!1,type:{name:"Record<string, unknown> | undefined"}},fallback:{defaultValue:null,description:"The fallback string for the translation. Is English but provides\na default for when you cannot come up with a translation.",name:"fallback",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/FormError/utils.tsx#errorMessage"]={docgenInfo:errorMessage.__docgenInfo,name:"errorMessage",path:"src/form/FormError/utils.tsx#errorMessage"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/IconPicker/IconPicker.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>IconPicker,h:()=>JarbIconPicker});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_core_Icon__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Icon/index.ts"),_core_Pager_Pager__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/Pager/Pager.tsx"),_utils__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/form/utils.ts"),_core_SearchInput_SearchInput__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/core/SearchInput/SearchInput.tsx"),_utilities_page_page__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/utilities/page/page.ts"),_core_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/core/ContentState/ContentState.tsx"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/utilities/translation/translation.ts"),_core_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/core/Tooltip/Tooltip.tsx"),_core_Popover_Popover__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/core/Popover/Popover.tsx"),_core_TextButton_TextButton__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/core/TextButton/TextButton.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function IconPicker(props){var label=props.label,icon=props.icon,value=props.value,color=props.color,placeholder=props.placeholder,className=props.className,error=props.error,onChange=props.onChange,onBlur=props.onBlur,_props$text=props.text,text=void 0===_props$text?{}:_props$text,_props$canClear=props.canClear,canClear=void 0===_props$canClear||_props$canClear,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),pageNumber=_useState4[0],setPageNumber=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState6[0],setQuery=_useState6[1],filteredIcons=_core_Icon__WEBPACK_IMPORTED_MODULE_3__.ci.filter((function(icon){return icon.toLowerCase().startsWith(query.toLowerCase())})),iconsPage=(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_10__.u)(filteredIcons,pageNumber,36);function onIconSelected(icon){onChange(icon),(0,_utils__WEBPACK_IMPORTED_MODULE_11__.yJ)(onBlur),setIsOpen(!1)}var isEmpty=0===filteredIcons.length,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("icon-picker",className);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_SearchInput_SearchInput__WEBPACK_IMPORTED_MODULE_5__.Z,{defaultValue:query,onChange:function onSearch(query){setQuery(query),setPageNumber(1)},debounce:0},(function(searchInput,searchInputApi){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.cw,{className:classes,color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.__,null,label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex"},value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-between"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_3__.JO,{id:"icon-picker-value",className:"pt-2 me-3",icon:value}),canClear?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_TextButton_TextButton__WEBPACK_IMPORTED_MODULE_9__.Z,{onClick:function onClick(){return onIconSelected(void 0)},className:"me-3"},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_13__.t)({key:"IconPicker.CLEAR",fallback:"Clear",overrideText:text.clear})):null):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Popover_Popover__WEBPACK_IMPORTED_MODULE_8__.Z,{placement:"bottom",isOpen,target:react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.zx,{type:"button",color:"primary",onClick:function onClick(){isOpen&&searchInputApi.setValue(""),setIsOpen(!isOpen)}},icon?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_3__.JO,{icon,className:"me-2 align-bottom"}):null,placeholder)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.Zb,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.Ol,null,searchInput),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_12__.eW,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{width:250,height:250}},isEmpty?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_ContentState_ContentState__WEBPACK_IMPORTED_MODULE_6__.Z,{mode:"no-results",title:(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_13__.t)({key:"IconPicker.NO_RESULTS.TITLE",fallback:"No icons found",overrideText:text.noResultsTitle}),subTitle:(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_13__.t)({key:"IconPicker.NO_RESULTS.SUBTITLE",fallback:"No icons were found, please try again with a different query.",overrideText:text.noResultsSubtitle})}):iconsPage.content.map((function(icon){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{key:icon,className:"d-inline-block"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_7__.Z,{placement:"top",distance:18,content:icon},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_3__.JO,{className:"m-2",icon,onClick:function onClick(){return onIconSelected(icon)}})))}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"my-2 text-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Pager_Pager__WEBPACK_IMPORTED_MODULE_4__.Z,{page:iconsPage,onChange:setPageNumber})))))),error)}))}var JarbIconPicker=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__.Z)(IconPicker);try{IconPicker.displayName="IconPicker",IconPicker.__docgenInfo={description:"IconPicker is a form element which allows the user to select one\nof the material design icons. It is a popover which shows all\nthe icons and lets the user select one.",displayName:"IconPicker",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:'(value: "label" | "error" | "info" | "warning" | "link" | "light" | "email" | "radio" | "image" | "search" | "password" | "input" | "10k" | "10mp" | "11mp" | "123" | "12mp" | "13mp" | ... 1989 more ... | undefined) => void'}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button to open the icon picker.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/IconPicker/IconPicker.tsx#IconPicker"]={docgenInfo:IconPicker.__docgenInfo,name:"IconPicker",path:"src/form/IconPicker/IconPicker.tsx#IconPicker"})}catch(__react_docgen_typescript_loader_error){}try{JarbIconPicker.displayName="JarbIconPicker",JarbIconPicker.__docgenInfo={description:"Variant of the IconPicker which can be used in a Jarb context.",displayName:"JarbIconPicker",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button to open the icon picker.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/IconPicker/IconPicker.tsx#JarbIconPicker"]={docgenInfo:JarbIconPicker.__docgenInfo,name:"JarbIconPicker",path:"src/form/IconPicker/IconPicker.tsx#JarbIconPicker"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/ImageUpload/ImageUpload.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{jS:()=>JarbImageUpload,ZP:()=>ImageUpload,LT:()=>limitImageSize,f3:()=>requireImage});var picaInstance,react=__webpack_require__("./node_modules/react/index.js"),reactstrap_modern=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),dist=__webpack_require__("./node_modules/react-avatar-editor/dist/index.js"),dist_default=__webpack_require__.n(dist),Icon=__webpack_require__("./src/core/Icon/Icon.tsx"),Button=__webpack_require__("./src/core/Button/Button.tsx"),withJarb=__webpack_require__("./src/form/withJarb/withJarb.tsx"),utils=__webpack_require__("./src/form/utils.ts"),translation=__webpack_require__("./src/utilities/translation/translation.ts"),pica=__webpack_require__("./node_modules/pica/dist/pica.js"),pica_default=__webpack_require__.n(pica);function dataUrlToFile(dataUrl,fileName){for(var byteString=atob(dataUrl.split(",")[1]),mimeString=dataUrl.split(",")[0].split(":")[1].split(";")[0],bytes=new Uint8Array(byteString.length),i=0;i<byteString.length;i++)bytes[i]=byteString.charCodeAt(i);return new File([bytes],fileName,{type:mimeString})}function cropToAvatarEditorConfig(crop){if("rect"===crop.type)return{borderRadius:0,width:crop.width,height:crop.height};var size=crop.size;return{borderRadius:9e6,width:size,height:size}}function replaceFileExtension(fileName){return fileName.replace(/\.[\w]+$/,".png")}var lodash=__webpack_require__("./node_modules/lodash/lodash.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["crop"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"===_typeof(call)||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(self)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var reader=new FileReader,ImageUpload=function(_Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(ImageUpload,_Component);var _onCrop,_super=_createSuper(ImageUpload);function ImageUpload(){var _assertThisInitialize,_assertThisInitialize2,_assertThisInitialize3,_this;_classCallCheck(this,ImageUpload);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _defineProperty(_assertThisInitialized(_this=_super.call.apply(_super,[this].concat(args))),"innerId",null!==(_assertThisInitialize=null===(_assertThisInitialize2=_assertThisInitialized(_this))||void 0===_assertThisInitialize2||null===(_assertThisInitialize3=_assertThisInitialize2.props)||void 0===_assertThisInitialize3?void 0:_assertThisInitialize3.id)&&void 0!==_assertThisInitialize?_assertThisInitialize:(0,lodash.uniqueId)()),_defineProperty(_assertThisInitialized(_this),"state",{mode:"no-file",imageSrc:"",fileName:"",rotate:0,scale:1}),_defineProperty(_assertThisInitialized(_this),"inputRef",react.createRef()),_defineProperty(_assertThisInitialized(_this),"editorRef",react.createRef()),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(ImageUpload,[{key:"componentDidMount",value:function componentDidMount(){var _this2=this,imageSrc=this.props.value;"string"==typeof imageSrc&&""!==imageSrc?this.setState({mode:"file-selected",imageSrc}):imageSrc&&this.readFile(imageSrc,(function(result){return _this2.setState({mode:"file-selected",imageSrc:result,fileName:imageSrc.name})}))}},{key:"readFile",value:function readFile(file,callback){reader.onloadend=function(){"string"==typeof reader.result&&callback(reader.result)},reader.readAsDataURL(file)}},{key:"imgSelected",value:function imgSelected(_ref){var _this3=this,files=_ref.target.files;if(files){var file=files[0];this.readFile(file,(function(result){return _this3.setState({imageSrc:result,mode:"edit",fileName:file.name,rotate:0,scale:1})}))}}},{key:"onCrop",value:(_onCrop=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(regeneratorRuntime.mark((function _callee(){var _this$props,crop,_this$props$keepOrigi,keepOriginalFileExtension,canvas,config,offScreenCanvas,picaCanvas,dataUrl,fileName,file;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(!this.editorRef.current){_context.next=16;break}return _this$props=this.props,crop=_this$props.crop,_this$props$keepOrigi=_this$props.keepOriginalFileExtension,keepOriginalFileExtension=void 0!==_this$props$keepOrigi&&_this$props$keepOrigi,canvas=this.editorRef.current.getImage(),config=cropToAvatarEditorConfig(crop),(offScreenCanvas=document.createElement("canvas")).width=config.width,offScreenCanvas.height=config.height,_context.next=9,(picaInstance||(picaInstance=pica_default()())).resize(canvas,offScreenCanvas,{alpha:!0});case 9:picaCanvas=_context.sent,dataUrl=picaCanvas.toDataURL("image/png",1),fileName=keepOriginalFileExtension?this.state.fileName:replaceFileExtension(this.state.fileName),file=dataUrlToFile(dataUrl,fileName),this.props.onChange(file),(0,utils.yJ)(this.props.onBlur),this.setState({mode:"file-selected",imageSrc:dataUrl,fileName});case 16:case"end":return _context.stop()}}),_callee,this)}))),function onCrop(){return _onCrop.apply(this,arguments)})},{key:"rotateLeft",value:function rotateLeft(){this.setState({rotate:this.state.rotate-90})}},{key:"rotateRight",value:function rotateRight(){this.setState({rotate:this.state.rotate+90})}},{key:"changeScale",value:function changeScale(event){event.preventDefault();var scale=function calculateScale(scale,delta){var zoomFactor=Math.max(Math.abs(delta)/1e3,.1),nextScale=delta>0?scale-zoomFactor:scale+zoomFactor;return Math.min(10,Math.max(1,nextScale))}(this.state.scale,event.deltaY);this.setState({scale})}},{key:"resetFileInput",value:function resetFileInput(){this.setState({imageSrc:"",mode:"no-file",rotate:0,scale:1}),this.props.onChange(null),(0,utils.yJ)(this.props.onBlur),this.inputRef.current&&(this.inputRef.current.value="")}},{key:"triggerFileInput",value:function triggerFileInput(){var _this4=this;this.resetFileInput(),setTimeout((function(){_this4.inputRef.current&&_this4.inputRef.current.click()}),200)}},{key:"render",value:function render(){var _this$props2=this.props,className=_this$props2.className,error=_this$props2.error,color=_this$props2.color,label=_this$props2.label;return react.createElement("div",{className},react.createElement(reactstrap_modern.cw,{color,className:"img-upload"},label?react.createElement(reactstrap_modern.__,{for:this.innerId},label):null,this.renderMode(),this.renderButtons(),error))}},{key:"renderMode",value:function renderMode(){switch(this.state.mode){case"file-selected":return this.renderFileSelected();case"edit":return this.renderEdit();default:return this.renderNoFile()}}},{key:"renderNoFile",value:function renderNoFile(){var _this5=this;return react.createElement(react.Fragment,null,react.createElement("input",{id:this.innerId,onChange:function onChange(event){return _this5.imgSelected(event)},type:"file",accept:"image/*",ref:this.inputRef}),react.createElement("div",{className:"img-upload-wrapper bg-faded text-muted"},react.createElement(Icon.Z,{icon:"add_a_photo"})))}},{key:"renderEdit",value:function renderEdit(){var _this6=this,crop=this.props.crop,_this$state=this.state,imageSrc=_this$state.imageSrc,rotate=_this$state.rotate,scale=_this$state.scale,config=cropToAvatarEditorConfig(crop);return react.createElement("div",{className:"d-flex justify-content-center"},react.createElement("div",{onWheel:function onWheel(event){return _this6.changeScale(event)}},react.createElement(dist_default(),{ref:this.editorRef,image:imageSrc,width:config.width,height:config.height,borderRadius:config.borderRadius,rotate,scale})))}},{key:"renderFileSelected",value:function renderFileSelected(){var imageSrc=this.state.imageSrc,_this$props3=this.props,crop=_this$props3.crop,props=_objectWithoutProperties(_this$props3,_excluded),alt="";return props.label&&"string"==typeof props.label&&(alt=props.label),react.createElement("div",{className:"d-flex justify-content-center"},react.createElement("img",{style:{borderRadius:"rect"===crop.type?0:"50%"},className:"img-fluid elevated-3",alt,src:imageSrc}))}},{key:"renderButtons",value:function renderButtons(){switch(this.state.mode){case"file-selected":return this.renderFileSelectedButtons();case"edit":return this.renderEditButtons();default:return null}}},{key:"renderFileSelectedButtons",value:function renderFileSelectedButtons(){var _this7=this,_this$props$text=this.props.text,text=void 0===_this$props$text?{}:_this$props$text;return react.createElement(reactstrap_modern.cw,{className:"text-center mt-1"},react.createElement(Button.ZP,{onClick:function onClick(){return _this7.triggerFileInput()},color:"primary",icon:"camera_roll"},(0,translation.t)({key:"ImageUpload.CHANGE",fallback:"Change",overrideText:text.change})),react.createElement(Button.ZP,{className:"ms-1",onClick:function onClick(){return _this7.resetFileInput()},color:"danger",icon:"delete"},(0,translation.t)({key:"ImageUpload.REMOVE",fallback:"Remove",overrideText:text.remove})))}},{key:"renderEditButtons",value:function renderEditButtons(){var _this8=this,_this$props$text2=this.props.text,text=void 0===_this$props$text2?{}:_this$props$text2;return react.createElement(reactstrap_modern.cw,{className:"d-flex justify-content-center mt-1"},react.createElement(Button.ZP,{className:"mt-2",onClick:function onClick(){return _this8.rotateLeft()},color:"secondary",icon:"rotate_left"}),react.createElement(Button.ZP,{className:"ms-1 mt-2",onClick:function onClick(){return _this8.rotateRight()},color:"secondary",icon:"rotate_right"}),react.createElement(Button.ZP,{className:"ms-3",onClick:function onClick(){return _this8.resetFileInput()},color:"secondary",icon:"cancel"},(0,translation.t)({key:"ImageUpload.CANCEL",fallback:"Cancel",overrideText:text.cancel})),react.createElement(Button.ZP,{className:"ms-1",onClick:function onClick(){return _this8.onCrop()},color:"primary",icon:"done"},(0,translation.t)({key:"ImageUpload.DONE",fallback:"Done",overrideText:text.done})))}}]),ImageUpload}(react.Component),JarbImageUpload=(0,withJarb.Z)(ImageUpload);function requireImage(label){return function(value){if(!value)return{key:"ImageUpload.REQUIRED",data:{label},fallback:"".concat(label," is required")}}}function limitImageSize(size,label){return function(value){if(value instanceof File&&void 0!==value.size){var maxSizeInBytes=1048576*size;if(!(value.size<maxSizeInBytes)){var fileSize=(value.size/1048576).toFixed(1),maxSizeDisplay=size.toFixed(1);return{key:"ImageUpload.SIZE_TOO_LARGE",data:{label,size:maxSizeDisplay,fileSize},fallback:"".concat(label," image is to large. Max size is ").concat(maxSizeDisplay," MB image size is ").concat(fileSize," MB")}}}}}try{requireImage.displayName="requireImage",requireImage.__docgenInfo={description:"Takes a `label` and returns a validator which can check if the\nthere is an image.",displayName:"requireImage",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ImageUpload/ImageUpload.tsx#requireImage"]={docgenInfo:requireImage.__docgenInfo,name:"requireImage",path:"src/form/ImageUpload/ImageUpload.tsx#requireImage"})}catch(__react_docgen_typescript_loader_error){}try{limitImageSize.displayName="limitImageSize",limitImageSize.__docgenInfo={description:"Takes a `size` and `label` and returns a validator which can check if the\nimage is past the size limit.",displayName:"limitImageSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ImageUpload/ImageUpload.tsx#limitImageSize"]={docgenInfo:limitImageSize.__docgenInfo,name:"limitImageSize",path:"src/form/ImageUpload/ImageUpload.tsx#limitImageSize"})}catch(__react_docgen_typescript_loader_error){}try{ImageUpload.displayName="ImageUpload",ImageUpload.__docgenInfo={description:"",displayName:"ImageUpload",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"Value | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: ChangeValue) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},crop:{defaultValue:null,description:"Whether to crop as a circle or as a rectangle.",name:"crop",required:!0,type:{name:"ImageUploadCrop"}},text:{defaultValue:null,description:"Optionally customized text you want to use in this component.",name:"text",required:!1,type:{name:"Text | undefined"}},keepOriginalFileExtension:{defaultValue:null,description:"Optionally whether to keep the original file extension or to\nreplace it with .png (because the output is always a PNG file).\nDefaults to false.",name:"keepOriginalFileExtension",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ImageUpload/ImageUpload.tsx#ImageUpload"]={docgenInfo:ImageUpload.__docgenInfo,name:"ImageUpload",path:"src/form/ImageUpload/ImageUpload.tsx#ImageUpload"})}catch(__react_docgen_typescript_loader_error){}try{JarbImageUpload.displayName="JarbImageUpload",JarbImageUpload.__docgenInfo={description:"",displayName:"JarbImageUpload",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text you want to use in this component.",name:"text",required:!1,type:{name:"Text | undefined"}},crop:{defaultValue:null,description:"Whether to crop as a circle or as a rectangle.",name:"crop",required:!0,type:{name:"ImageUploadCrop"}},keepOriginalFileExtension:{defaultValue:null,description:"Optionally whether to keep the original file extension or to\nreplace it with .png (because the output is always a PNG file).\nDefaults to false.",name:"keepOriginalFileExtension",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ImageUpload/ImageUpload.tsx#JarbImageUpload"]={docgenInfo:JarbImageUpload.__docgenInfo,name:"JarbImageUpload",path:"src/form/ImageUpload/ImageUpload.tsx#JarbImageUpload"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/Input/Input.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{ZP:()=>Input,x9:()=>JarbInput});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_text_mask__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-text-mask/dist/reactTextMask.js"),react_text_mask__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(react_text_mask__WEBPACK_IMPORTED_MODULE_1__),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/hooks/useId/useId.ts"),_excluded=["innerRef"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Input(props){var _addon$props$position,id=props.id,label=props.label,placeholder=props.placeholder,value=props.value,_onChange=props.onChange,onBlur=props.onBlur,onFocus=props.onFocus,innerRef=props.innerRef,_props$type=props.type,type=void 0===_props$type?"text":_props$type,error=props.error,color=props.color,valid=props.valid,mask=props.mask,addon=props.addon,_props$className=props.className,className=void 0===_props$className?"":_props$className,innerId=(0,_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_3__.M)({id}),inputProps={id:innerId,type,valid,invalid:!1===valid||void 0,value,innerRef,placeholder:placeholder||"",onFocus,onChange:function onChange(event){return _onChange(event.target.value)},onBlur},withoutRef=_objectWithoutProperties(inputProps,_excluded),input=void 0===mask?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.II,_extends({key:"input"},inputProps)):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_text_mask__WEBPACK_IMPORTED_MODULE_1___default(),_extends({key:"mask",mask},withoutRef,{render:reactStrapInput})),content=input;void 0!==addon&&(content="left"===(null!==(_addon$props$position=addon.props.position)&&void 0!==_addon$props$position?_addon$props$position:"left")?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.BZ,null,addon,input):react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.BZ,null,input,addon));return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.cw,{className,color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.__,{for:innerId},label):null,content,error)}function reactStrapInput(ref,props){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.II,_extends({innerRef:ref},props))}var JarbInput=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__.Z)(Input);try{Input.displayName="Input",Input.__docgenInfo={description:"Input is a basic form element which allows the user to enter text.\n\nSupports addons and masks.",displayName:"Input",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: string) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},type:{defaultValue:null,description:"Optional type of the input, default to `text`.",name:"type",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"number"'},{value:'"color"'},{value:'"text"'},{value:'"email"'},{value:'"select"'},{value:'"file"'},{value:'"radio"'},{value:'"checkbox"'},{value:'"switch"'},{value:'"textarea"'},{value:'"button"'},{value:'"reset"'},{value:'"submit"'},{value:'"date"'},{value:'"datetime-local"'},{value:'"hidden"'},{value:'"image"'},{value:'"month"'},{value:'"range"'},{value:'"search"'},{value:'"tel"'},{value:'"url"'},{value:'"week"'},{value:'"password"'},{value:'"datetime"'},{value:'"time"'}]}},mask:{defaultValue:null,description:"Optional mask of the input.\n@see https://text-mask.github.io/text-mask/",name:"mask",required:!1,type:{name:"InputMask | undefined"}},addon:{defaultValue:null,description:"Optional addon to display to the left or right of the input\nelement. Provide either an Addon, AddonIcon or AddonButton to be\nrendered here.\n\nThe `position` property of the addon determines were the addon\nis rendered.",name:"addon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | undefined"}},innerRef:{defaultValue:null,description:"A ref to the actual input, can be used to focus the element.",name:"innerRef",required:!1,type:{name:"Ref<HTMLInputElement> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Input/Input.tsx#Input"]={docgenInfo:Input.__docgenInfo,name:"Input",path:"src/form/Input/Input.tsx#Input"})}catch(__react_docgen_typescript_loader_error){}try{JarbInput.displayName="JarbInput",JarbInput.__docgenInfo={description:"Variant of the Input which can be used in a Jarb context.",displayName:"JarbInput",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},mask:{defaultValue:null,description:"Optional mask of the input.\n@see https://text-mask.github.io/text-mask/",name:"mask",required:!1,type:{name:"InputMask | undefined"}},addon:{defaultValue:null,description:"Optional addon to display to the left or right of the input\nelement. Provide either an Addon, AddonIcon or AddonButton to be\nrendered here.\n\nThe `position` property of the addon determines were the addon\nis rendered.",name:"addon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | undefined"}},innerRef:{defaultValue:null,description:"A ref to the actual input, can be used to focus the element.",name:"innerRef",required:!1,type:{name:"Ref<HTMLInputElement> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Input/Input.tsx#JarbInput"]={docgenInfo:JarbInput.__docgenInfo,name:"JarbInput",path:"src/form/Input/Input.tsx#JarbInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/ModalPicker/ModalPicker.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>ModalPicker});var react=__webpack_require__("./node_modules/react/index.js"),reactstrap_modern=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),Pagination=__webpack_require__("./src/core/Pagination/Pagination.tsx"),translation=__webpack_require__("./src/utilities/translation/translation.ts"),SearchInput=__webpack_require__("./src/core/SearchInput/SearchInput.tsx"),useBodyFixOnModalClose=__webpack_require__("./src/hooks/useBodyFixOnModalClose/useBodyFixOnModalClose.ts"),ContentState=__webpack_require__("./src/core/ContentState/ContentState.tsx");function EmptyModal(props){var userHasSearched=props.userHasSearched,title=props.title,subTitle=props.subTitle;return userHasSearched?react.createElement(ContentState.Z,{mode:"no-results",title:(0,translation.t)({key:"EmptyModal.NO_RESULTS.TITLE",fallback:"Empty",overrideText:title}),subTitle:(0,translation.t)({key:"EmptyModal.NO_RESULTS.SUBTITLE",fallback:"No results were found please try again with a different query.",overrideText:subTitle})}):react.createElement(ContentState.Z,{mode:"empty",title:(0,translation.t)({key:"EmptyModal.EMPTY.TITLE",fallback:"Empty",overrideText:title}),subTitle:(0,translation.t)({key:"EmptyModal.EMPTY.SUBTITLE",fallback:"There is nothing here yet, the collection is empty.",overrideText:subTitle})})}try{EmptyModal.displayName="EmptyModal",EmptyModal.__docgenInfo={description:"The EmptyModal is a component which is rendered when a\nModal is empty. Can either display a message saying that\nit is empty when there is nothing to be selected. Or a\nmessage saying that there is no result for the current\nsearch query when the user has searched.",displayName:"EmptyModal",props:{userHasSearched:{defaultValue:null,description:"Whether or not the user performed a search.",name:"userHasSearched",required:!0,type:{name:"boolean"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string | undefined"}},subTitle:{defaultValue:null,description:"",name:"subTitle",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ModalPicker/EmptyModal.tsx#EmptyModal"]={docgenInfo:EmptyModal.__docgenInfo,name:"EmptyModal",path:"src/form/ModalPicker/EmptyModal.tsx#EmptyModal"})}catch(__react_docgen_typescript_loader_error){}var form_option=__webpack_require__("./src/form/option.ts");function ModalPicker(props){var placeholder=props.placeholder,isOpen=props.isOpen,page=props.page,children=props.children,query=props.query,canSearch=props.canSearch,canSearchSync=props.canSearchSync,queryChanged=props.queryChanged,pageChanged=props.pageChanged,closeModal=props.closeModal,modalSaved=props.modalSaved,addButton=props.addButton,loading=props.loading,userHasSearched=props.userHasSearched,renderOptionsConfig=props.renderOptionsConfig,selected=props.selected,_props$text=props.text,text=void 0===_props$text?{}:_props$text;(0,useBodyFixOnModalClose.s)(isOpen);var shouldRenderPagination=!(page.first&&page.last);return react.createElement(reactstrap_modern.u_,{isOpen,toggle:function toggle(){return closeModal()}},react.createElement(reactstrap_modern.xB,{toggle:function toggle(){return closeModal()}},placeholder),react.createElement(reactstrap_modern.fe,null,canSearch?react.createElement(reactstrap_modern.X2,null,react.createElement(reactstrap_modern.JX,null,react.createElement(SearchInput.Z,{defaultValue:query,placeholder:(0,translation.t)({overrideText:text.placeholder,key:"ModalPicker.SEARCH",fallback:"Search..."}),debounce:canSearchSync?0:500,onChange:queryChanged}))):null,react.createElement(reactstrap_modern.X2,{className:"mt-3"},react.createElement(reactstrap_modern.JX,null,function renderChildren(){if(loading)return react.createElement(ContentState.Z,{mode:"loading",title:""});if(0===page.totalElements)return react.createElement(EmptyModal,{userHasSearched});if(renderOptionsConfig)return renderOptionsConfig.renderOptions(function mapOptions(renderOptionsConfig){var onChange=renderOptionsConfig.onChange,labelForOption=renderOptionsConfig.labelForOption,isOptionEqual=renderOptionsConfig.isOptionEqual,keyForOption=renderOptionsConfig.keyForOption,isOptionEnabled=renderOptionsConfig.isOptionEnabled;return page.content.map((function(option){var isSelected=(0,form_option.O)({option,labelForOption,isOptionEqual,keyForOption,value:selected}),enabled=isOptionEnabled(option);return{option,isSelected,enabled,toggle:function toggle(){return enabled?onChange(option,isSelected):void 0}}}))}(renderOptionsConfig));return react.createElement(react.Fragment,null,children)}()))),shouldRenderPagination?react.createElement(reactstrap_modern.mz,{className:"d-flex justify-content-center"},react.createElement(Pagination.Z,{page,onChange:function onChange(page){return pageChanged(page)}})):null,react.createElement(reactstrap_modern.mz,{className:"d-flex flex-row justify-content-between"},addButton?react.createElement(reactstrap_modern.zx,{color:"primary",onClick:function onClick(){return addButton.onClick()}},addButton.label):react.createElement("div",null),react.createElement("div",null,react.createElement(reactstrap_modern.zx,{className:"ms-1",color:"secondary",onClick:function onClick(){return closeModal()}},(0,translation.t)({overrideText:text.cancel,key:"ModalPicker.CANCEL",fallback:"Cancel"})),react.createElement(reactstrap_modern.zx,{className:"ms-1",color:"primary",onClick:function onClick(){return modalSaved()},disabled:!selected},(0,translation.t)({overrideText:text.select,key:"ModalPicker.SELECT",fallback:"Select"})))))}try{ModalPicker.displayName="ModalPicker",ModalPicker.__docgenInfo={description:"The ModalPicker component is an abstraction used by the ModalPickerMultiple\nand ModalPickerSingle to render a modal. It contains the code which\ncould be shared by the two components.",displayName:"ModalPicker",props:{placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},isOpen:{defaultValue:null,description:"Whether or not the modal is open.",name:"isOpen",required:!0,type:{name:"boolean"}},page:{defaultValue:null,description:"The current page of options. Used to determine if the\npagination should be rendered.",name:"page",required:!0,type:{name:"Page<T>"}},children:{defaultValue:null,description:"Here the component using the ModalPicker must render in the options.",name:"children",required:!0,type:{name:"ReactNode"}},query:{defaultValue:null,description:"The value to show in the search input.",name:"query",required:!0,type:{name:"string"}},canSearch:{defaultValue:null,description:"Whether or not to show the search input.",name:"canSearch",required:!0,type:{name:"boolean"}},canSearchSync:{defaultValue:null,description:"Whether or not the search can happen synchronously. Used\nwhen the `options` for the ModalPickerSingle / ModalPickerMultiple\nis an array, in that case the query will be filtered locally\nso no debounce is needed.",name:"canSearchSync",required:!0,type:{name:"boolean"}},queryChanged:{defaultValue:null,description:"Callback for when the query changes.",name:"queryChanged",required:!0,type:{name:"(query: string) => void"}},pageChanged:{defaultValue:null,description:"Callback for when the page changes.",name:"pageChanged",required:!0,type:{name:"(page: number) => void"}},closeModal:{defaultValue:null,description:"Callback for when the modal should close.",name:"closeModal",required:!0,type:{name:"() => void"}},modalSaved:{defaultValue:null,description:"Callback for when the modal is saved",name:"modalSaved",required:!0,type:{name:"() => void"}},addButton:{defaultValue:null,description:"Optionally an add button to display in the Modal. Can\nbe used to dynamically add an option which was not there\nbefore.",name:"addButton",required:!1,type:{name:"{ label: string; onClick: () => void; } | undefined"}},loading:{defaultValue:null,description:"Whether or not the ModelPicker is loading",name:"loading",required:!0,type:{name:"boolean"}},userHasSearched:{defaultValue:null,description:"Whether or not the user has searched.",name:"userHasSearched",required:!0,type:{name:"boolean"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},renderOptionsConfig:{defaultValue:null,description:"",name:"renderOptionsConfig",required:!1,type:{name:"RenderOptionsConfig<T> | undefined"}},selected:{defaultValue:null,description:"The selected option",name:"selected",required:!0,type:{name:"T | T[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ModalPicker/ModalPicker.tsx#ModalPicker"]={docgenInfo:ModalPicker.__docgenInfo,name:"ModalPicker",path:"src/form/ModalPicker/ModalPicker.tsx#ModalPicker"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/ModalPicker/ModalPickerOpener/ModalPickerOpener.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{M:()=>ModalPickerOpener});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utilities/translation/translation.ts"),_core_TextButton_TextButton__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/TextButton/TextButton.tsx"),_core_Icon__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Icon/index.ts");function ModalPickerOpener(props){var openModal=props.openModal,label=props.label,icon=props.icon,alignButton=props.alignButton,onClear=props.onClear,_props$text=props.text,text=void 0===_props$text?{}:_props$text,renderValue=props.renderValue,value=props.value,hasValue=!!value,wrapperClassName=classnames__WEBPACK_IMPORTED_MODULE_1___default()("d-flex","align-items-center",{"flex-row-reverse":"left"===alignButton,"justify-content-between":"right"===alignButton&&hasValue,"justify-content-end":"left"===alignButton||"right"===alignButton&&!hasValue}),buttonClassName=classnames__WEBPACK_IMPORTED_MODULE_1___default()("flex-grow-0","flex-shrink-0",{"me-3":hasValue&&"left"===alignButton,"ms-3":hasValue&&"left"!==alignButton}),displayValue=renderValue(value);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:wrapperClassName},displayValue,hasValue&&onClear?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_TextButton_TextButton__WEBPACK_IMPORTED_MODULE_2__.Z,{onClick:onClear,className:"ms-3"},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_4__.t)({overrideText:text.clear,key:"ModalPickerOpener.CLEAR",fallback:"Clear"})):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.zx,{color:"primary",onClick:openModal,className:buttonClassName},icon?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_3__.JO,{icon,className:"me-2 align-bottom"}):null,label))}try{ModalPickerOpener.displayName="ModalPickerOpener",ModalPickerOpener.__docgenInfo={description:"",displayName:"ModalPickerOpener",props:{openModal:{defaultValue:null,description:"Function to open the modal, called when the button is clicked.",name:"openModal",required:!0,type:{name:"() => void"}},label:{defaultValue:null,description:"The label to display on the button.",name:"label",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},onClear:{defaultValue:null,description:"Optionally: what needs to happen when the clear button is pressed",name:"onClear",required:!1,type:{name:"(() => void) | undefined"}},alignButton:{defaultValue:null,description:"Optionally the position the button should be aligned to\nwithin it's container.",name:"alignButton",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'},{value:'"default"'}]}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"T | T[] | undefined"}},renderValue:{defaultValue:null,description:"",name:"renderValue",required:!0,type:{name:"ModalPickerSingleRenderValue<T> | ModalPickerMultipleRenderValues<T>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ModalPicker/ModalPickerOpener/ModalPickerOpener.tsx#ModalPickerOpener"]={docgenInfo:ModalPickerOpener.__docgenInfo,name:"ModalPickerOpener",path:"src/form/ModalPicker/ModalPickerOpener/ModalPickerOpener.tsx#ModalPickerOpener"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/ModalPicker/ModalPickerValueTruncator/ModalPickerValueTruncator.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{h:()=>ModalPickerValueTruncator});var react=__webpack_require__("./node_modules/react/index.js"),Tooltip=__webpack_require__("./src/core/Tooltip/Tooltip.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useComponentOverflow(ref,values){var _useState2=_slicedToArray((0,react.useState)(isOverflowing(ref.current)),2),componentOverflow=_useState2[0],setComponentOverflow=_useState2[1],handleResize=(0,react.useCallback)(function handleResizeCallback(ref,setComponentOverflow){return function(){ref.current&&setComponentOverflow(isOverflowing(ref.current))}}(ref,setComponentOverflow),[ref]),resizeObserver=function useResizeObserver(handleResize){return"undefined"!=typeof ResizeObserver?new ResizeObserver((function(entries){return entries.forEach(handleResize)})):void 0}(handleResize);return(0,react.useLayoutEffect)(function layoutEffect(ref,handleResize,resizeObserver){return function(){if(ref.current){handleResize();var el=ref.current;return resizeObserver?(resizeObserver.observe(el),function(){resizeObserver.unobserve(el)}):(el.addEventListener("resize",handleResize,{passive:!0}),function(){el.removeEventListener("resize",handleResize)})}}}(ref,handleResize,resizeObserver),[ref,handleResize,values,resizeObserver]),componentOverflow}function isOverflowing(el){return!!el&&el.clientWidth<el.scrollWidth}function ModalPickerValueTruncator(_ref){var value=_ref.value,labelForOption=_ref.labelForOption,ref=(0,react.useRef)(null),isOverflowing=useComponentOverflow(ref,value);if(!value)return null;var text=Array.isArray(value)?react.createElement(react.Fragment,null,value.map(labelForOption).join(", ")):labelForOption(value);return react.createElement("span",{className:"text-truncate position-relative",ref},isOverflowing?react.createElement(Tooltip.Z,{content:text,className:"w-100 h-100 position-absolute",tag:"div"}," "):null,text)}try{ModalPickerValueTruncator.displayName="ModalPickerValueTruncator",ModalPickerValueTruncator.__docgenInfo={description:"",displayName:"ModalPickerValueTruncator",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"T | T[]"}},labelForOption:{defaultValue:null,description:"",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ModalPicker/ModalPickerValueTruncator/ModalPickerValueTruncator.tsx#ModalPickerValueTruncator"]={docgenInfo:ModalPickerValueTruncator.__docgenInfo,name:"ModalPickerValueTruncator",path:"src/form/ModalPicker/ModalPickerValueTruncator/ModalPickerValueTruncator.tsx#ModalPickerValueTruncator"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/ModalPicker/multiple/ModalPickerMultiple.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>ModalPickerMultiple,t:()=>JarbModalPickerMultiple});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_utils__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/form/utils.ts"),_core_Tag_Tag__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Tag/Tag.tsx"),_ModalPicker__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/ModalPicker/ModalPicker.tsx"),_option__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/form/option.ts"),_ModalPickerOpener_ModalPickerOpener__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/ModalPicker/ModalPickerOpener/ModalPickerOpener.tsx"),_ModalPickerValueTruncator_ModalPickerValueTruncator__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/ModalPicker/ModalPickerValueTruncator/ModalPickerValueTruncator.tsx"),_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/hooks/useId/useId.ts"),_useOptions__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/useOptions.ts"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/utilities/translation/translation.ts");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function ModalPickerMultiple(props){var id=props.id,label=props.label,color=props.color,placeholder=props.placeholder,icon=props.icon,_props$className=props.className,className=void 0===_props$className?"":_props$className,value=props.value,onChange=props.onChange,addButton=props.addButton,_props$canSearch=props.canSearch,canSearch=void 0===_props$canSearch||_props$canSearch,_props$pageSize=props.pageSize,pageSize=void 0===_props$pageSize?10:_props$pageSize,options=props.options,keyForOption=props.keyForOption,isOptionEqual=props.isOptionEqual,_props$isOptionEnable=props.isOptionEnabled,isOptionEnabled=void 0===_props$isOptionEnable?_utils__WEBPACK_IMPORTED_MODULE_8__.GK:_props$isOptionEnable,labelForOption=props.labelForOption,reloadOptions=props.reloadOptions,renderValue=props.renderValue,alignButton=props.alignButton,renderOptions=props.renderOptions,error=props.error,onBlur=props.onBlur,_props$canClear=props.canClear,canClear=void 0===_props$canClear||_props$canClear,text=props.text,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),pageNumber=_useState4[0],setPageNumber=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState6[0],setQuery=_useState6[1],_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),userHasSearched=_useState8[0],setUserHasSearched=_useState8[1],_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),selected=_useState10[0],setSelected=_useState10[1],_useOptions=(0,_useOptions__WEBPACK_IMPORTED_MODULE_7__.D)({options,value,isOptionEqual,labelForOption,reloadOptions,pageNumber,query,size:pageSize,optionsShouldAlwaysContainValue:!1}),page=_useOptions.page,loading=_useOptions.loading,innerId=(0,_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_6__.M)({id});function modalSaved(){setIsOpen(!1),onChange(_toConsumableArray(selected)),(0,_utils__WEBPACK_IMPORTED_MODULE_8__.yJ)(onBlur)}function closeModal(){setIsOpen(!1)}function optionClicked(option,isSelected){var newSelected=_toConsumableArray(selected);isSelected?newSelected=selected.filter((function(value){return!(0,_option__WEBPACK_IMPORTED_MODULE_9__.O)({option,keyForOption,labelForOption,isOptionEqual,value})})):newSelected.push(option),setSelected(newSelected)}function _addButtonClicked(){return(_addButtonClicked=_asyncToGenerator(regeneratorRuntime.mark((function _callee(callback){var item;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return setIsOpen(!1),_context.prev=1,_context.next=4,callback();case 4:optionClicked(item=_context.sent,!1),page.content.unshift(item),setIsOpen(!0),_context.next=13;break;case 10:_context.prev=10,_context.t0=_context.catch(1),setIsOpen(!0);case 13:case"end":return _context.stop()}}),_callee,null,[[1,10]])})))).apply(this,arguments)}var modalPickerOpenerProps={openModal:function openModal(){var newSelected=Array.isArray(value)?_toConsumableArray(value):[];setSelected(newSelected),setIsOpen(!0),setQuery(""),setPageNumber(1),setUserHasSearched(!1)},label:placeholder,icon,alignButton,renderValue:renderValue||function(value){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerValueTruncator_ModalPickerValueTruncator__WEBPACK_IMPORTED_MODULE_5__.h,{value,labelForOption})},onClear:canClear?function(){return onChange(void 0)}:void 0,value:value&&value.length>0?value:void 0};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_10__.cw,{className,color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_10__.__,{for:innerId},label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerOpener_ModalPickerOpener__WEBPACK_IMPORTED_MODULE_4__.M,modalPickerOpenerProps),error,function renderModal(){var addButtonOptions=addButton?{label:addButton.label,onClick:function onClick(){!function addButtonClicked(_x){return _addButtonClicked.apply(this,arguments)}(addButton.onClick)}}:void 0;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPicker__WEBPACK_IMPORTED_MODULE_3__.Z,{query,placeholder,isOpen,page,canSearch,canSearchSync:Array.isArray(options),queryChanged,pageChanged:setPageNumber,closeModal,modalSaved,addButton:addButtonOptions,loading,userHasSearched,selected,renderOptionsConfig:renderOptions?{labelForOption,isOptionEqual,keyForOption,isOptionEnabled,renderOptions,onChange:optionClicked}:void 0,text},function renderModalCurrentSelection(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_10__.X2,{className:"mb-3 p-2",style:{backgroundColor:"#edecf1"}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_10__.JX,null,selected&&selected.length>0?selected.map((function(value){var label=labelForOption(value);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Tag_Tag__WEBPACK_IMPORTED_MODULE_2__.Z,{key:label,onRemove:function onRemove(){return optionClicked(value,!0)},text:label})})):react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:"text-muted"},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_11__.t)({key:"ModalPickerMultiple.NO_OPTION_SELECTED",fallback:"No option selected"}))))}(),function renderModalContent(){return page.content.map((function(option){var label=labelForOption(option),key=(0,_option__WEBPACK_IMPORTED_MODULE_9__.G)({option,keyForOption,labelForOption}),isSelected=(0,_option__WEBPACK_IMPORTED_MODULE_9__.O)({option,labelForOption,isOptionEqual,keyForOption,value:selected});return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_10__.cw,{key,check:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_10__.__,{check:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_10__.II,{type:"checkbox",checked:isSelected,disabled:!isOptionEnabled(option),onChange:function onChange(){return optionClicked(option,isSelected)}}),label))}))}())}());function queryChanged(query){setQuery(query),setUserHasSearched(!0),setPageNumber(1)}}var JarbModalPickerMultiple=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__.Z)(ModalPickerMultiple);try{ModalPickerMultiple.displayName="ModalPickerMultiple",ModalPickerMultiple.__docgenInfo={description:"The ModalPickerMultiple is a form element which allows the user\nto select multiple options from a modal.\n\nThe use case is that when there are too many options to render\nin a simple Select you can use the ModalPickerMultiple.\n\nUse the ModalPickerMultiple when the user does not precisely know\nwhich options he / she is going to select. Otherwise use the\nTypeaheadMultiple which is useful when the user is an expert and\ncan type in the selections quicker than he can select it from\nthe modal.",displayName:"ModalPickerMultiple",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"T[] | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: T[] | undefined) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<T>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<T> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<T> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<T> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button to open the modal picker.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canSearch:{defaultValue:null,description:"Optionally whether or not the user can search.\nDefaults to `true`.",name:"canSearch",required:!1,type:{name:"boolean | undefined"}},pageSize:{defaultValue:null,description:"Optionally specify the number of options to show / fetch per\npage in the modal.\n\nWhen `options` is an array, it will determine how many options\nwill be displayed per page.\n\nWhen `options` is a fetcher, it will determine how many options\nare requested through the fetcher as the `page` parameter.\nThis means that when you set the pageSize to `100` that\n`100` items are fetched from the back-end. Beware of\nperformance issues when setting the value too high.\n\nBeware that setting the page size too high will cause the UX\nto deteriorate on smaller screens!\n\nDefaults to `10`.",name:"pageSize",required:!1,type:{name:"number | undefined"}},addButton:{defaultValue:null,description:"Optionally an add button to display in the Modal. Can\nbe used to dynamically add an option which was not there\nbefore.",name:"addButton",required:!1,type:{name:"ModalPickerAddButtonOptions<T> | undefined"}},alignButton:{defaultValue:null,description:"Optionally the position the button should be aligned to\nwithin it's container.",name:"alignButton",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'},{value:'"default"'}]}},renderValue:{defaultValue:null,description:"Optionally callback to display the selected items.",name:"renderValue",required:!1,type:{name:"ModalPickerMultipleRenderValues<T> | undefined"}},renderOptions:{defaultValue:null,description:"Callback to customize display of options.",name:"renderOptions",required:!1,type:{name:"ModalPickerRenderOptions<T> | undefined"}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ModalPicker/multiple/ModalPickerMultiple.tsx#ModalPickerMultiple"]={docgenInfo:ModalPickerMultiple.__docgenInfo,name:"ModalPickerMultiple",path:"src/form/ModalPicker/multiple/ModalPickerMultiple.tsx#ModalPickerMultiple"})}catch(__react_docgen_typescript_loader_error){}try{JarbModalPickerMultiple.displayName="JarbModalPickerMultiple",JarbModalPickerMultiple.__docgenInfo={description:"Variant of the ModalPickerMultiple which can be used in a Jarb context.",displayName:"JarbModalPickerMultiple",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button to open the modal picker.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<any>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<any>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<any> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<any> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<any> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},canSearch:{defaultValue:null,description:"Optionally whether or not the user can search.\nDefaults to `true`.",name:"canSearch",required:!1,type:{name:"boolean | undefined"}},pageSize:{defaultValue:null,description:"Optionally specify the number of options to show / fetch per\npage in the modal.\n\nWhen `options` is an array, it will determine how many options\nwill be displayed per page.\n\nWhen `options` is a fetcher, it will determine how many options\nare requested through the fetcher as the `page` parameter.\nThis means that when you set the pageSize to `100` that\n`100` items are fetched from the back-end. Beware of\nperformance issues when setting the value too high.\n\nBeware that setting the page size too high will cause the UX\nto deteriorate on smaller screens!\n\nDefaults to `10`.",name:"pageSize",required:!1,type:{name:"number | undefined"}},addButton:{defaultValue:null,description:"Optionally an add button to display in the Modal. Can\nbe used to dynamically add an option which was not there\nbefore.",name:"addButton",required:!1,type:{name:"ModalPickerAddButtonOptions<any> | undefined"}},alignButton:{defaultValue:null,description:"Optionally the position the button should be aligned to\nwithin it's container.",name:"alignButton",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'},{value:'"default"'}]}},renderValue:{defaultValue:null,description:"Optionally callback to display the selected items.",name:"renderValue",required:!1,type:{name:"ModalPickerMultipleRenderValues<any> | undefined"}},renderOptions:{defaultValue:null,description:"Callback to customize display of options.",name:"renderOptions",required:!1,type:{name:"ModalPickerRenderOptions<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ModalPicker/multiple/ModalPickerMultiple.tsx#JarbModalPickerMultiple"]={docgenInfo:JarbModalPickerMultiple.__docgenInfo,name:"JarbModalPickerMultiple",path:"src/form/ModalPicker/multiple/ModalPickerMultiple.tsx#JarbModalPickerMultiple"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/ModalPicker/single/ModalPickerSingle.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>ModalPickerSingle,q:()=>JarbModalPickerSingle});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/hooks/useId/useId.ts"),_option__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/form/option.ts"),_useOptions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/useOptions.ts"),_utils__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/utils.ts"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_ModalPicker__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/ModalPicker/ModalPicker.tsx"),_ModalPickerOpener_ModalPickerOpener__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/ModalPicker/ModalPickerOpener/ModalPickerOpener.tsx"),_ModalPickerValueTruncator_ModalPickerValueTruncator__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/ModalPicker/ModalPickerValueTruncator/ModalPickerValueTruncator.tsx");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function ModalPickerSingle(props){var id=props.id,label=props.label,color=props.color,placeholder=props.placeholder,icon=props.icon,_props$className=props.className,className=void 0===_props$className?"":_props$className,value=props.value,onChange=props.onChange,addButton=props.addButton,_props$canSearch=props.canSearch,canSearch=void 0===_props$canSearch||_props$canSearch,_props$pageSize=props.pageSize,pageSize=void 0===_props$pageSize?10:_props$pageSize,options=props.options,keyForOption=props.keyForOption,isOptionEqual=props.isOptionEqual,_props$isOptionEnable=props.isOptionEnabled,isOptionEnabled=void 0===_props$isOptionEnable?_utils__WEBPACK_IMPORTED_MODULE_7__.GK:_props$isOptionEnable,labelForOption=props.labelForOption,reloadOptions=props.reloadOptions,renderValue=props.renderValue,alignButton=props.alignButton,renderOptions=props.renderOptions,error=props.error,_props$canClear=props.canClear,canClear=void 0===_props$canClear||_props$canClear,text=props.text,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isOpen=_useState2[0],setIsOpen=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),2),pageNumber=_useState4[0],setPageNumber=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState6[0],setQuery=_useState6[1],_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),userHasSearched=_useState8[0],setUserHasSearched=_useState8[1],_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),2),selected=_useState10[0],setSelected=_useState10[1],_useOptions=(0,_useOptions__WEBPACK_IMPORTED_MODULE_2__.D)({options,value,isOptionEqual,labelForOption,reloadOptions,pageNumber,query,size:pageSize,optionsShouldAlwaysContainValue:!1}),page=_useOptions.page,loading=_useOptions.loading,innerId=(0,_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_1__.M)({id});function modalSaved(){setIsOpen(!1),onChange(selected)}function closeModal(){setIsOpen(!1)}function _addButtonClicked(){return(_addButtonClicked=_asyncToGenerator(regeneratorRuntime.mark((function _callee(callback){var option;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return setIsOpen(!1),_context.prev=1,_context.next=4,callback();case 4:option=_context.sent,setSelected(option),page.content.unshift(option),setIsOpen(!0),_context.next=13;break;case 10:_context.prev=10,_context.t0=_context.catch(1),setIsOpen(!0);case 13:case"end":return _context.stop()}}),_callee,null,[[1,10]])})))).apply(this,arguments)}var modalPickerOpenerProps={openModal:function openModal(){setIsOpen(!0),setSelected(value),setQuery(""),setPageNumber(1),setUserHasSearched(!1)},label:placeholder,icon,alignButton,renderValue:renderValue||function(value){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerValueTruncator_ModalPickerValueTruncator__WEBPACK_IMPORTED_MODULE_6__.h,{value,labelForOption})},onClear:canClear?function(){return onChange(void 0)}:void 0,value};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.cw,{className,color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.__,{for:innerId},label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPickerOpener_ModalPickerOpener__WEBPACK_IMPORTED_MODULE_5__.M,modalPickerOpenerProps),error,function renderModal(){var addButtonOptions=addButton?{label:addButton.label,onClick:function onClick(){!function addButtonClicked(_x){return _addButtonClicked.apply(this,arguments)}(addButton.onClick)}}:void 0;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPicker__WEBPACK_IMPORTED_MODULE_4__.Z,{query,placeholder,isOpen,page,canSearch,canSearchSync:Array.isArray(options),queryChanged,pageChanged:setPageNumber,closeModal,modalSaved,addButton:addButtonOptions,loading,userHasSearched,selected,renderOptionsConfig:renderOptions?{labelForOption,isOptionEqual,keyForOption,isOptionEnabled,renderOptions,onChange:setSelected}:void 0,text},function renderModalContent(){return page.content.map((function(option){var label=labelForOption(option),key=(0,_option__WEBPACK_IMPORTED_MODULE_9__.G)({option,keyForOption,labelForOption}),isChecked=(0,_option__WEBPACK_IMPORTED_MODULE_9__.O)({option,keyForOption,labelForOption,isOptionEqual,value:selected});return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.cw,{key,check:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.__,{check:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_8__.II,{type:"radio",checked:isChecked,disabled:!isOptionEnabled(option),onChange:function onChange(){return setSelected(option)}}),label))}))}())}());function queryChanged(query){setQuery(query),setUserHasSearched(!0),setPageNumber(1)}}var JarbModalPickerSingle=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_3__.Z)(ModalPickerSingle);try{ModalPickerSingle.displayName="ModalPickerSingle",ModalPickerSingle.__docgenInfo={description:"The ModalPickerSingle is a form element which allows the user\nto select an option from a modal.\n\nThe use case is that when there are too many options to render\nin a simple Select you can use the ModalPickerSingle.\n\nUse the ModalPickerSingle when the user does not precisely know\nwhich option he / she is going to select. Otherwise use the\nTypeaheadSingle which is useful when the user is an expert and\ncan type in the selection quicker than he can select it from the\nmodal.",displayName:"ModalPickerSingle",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"T | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: T | undefined) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<T>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<T> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<T> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<T> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button to open the modal picker.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canSearch:{defaultValue:null,description:"Optionally whether or not the user can search.\nDefaults to `true`.",name:"canSearch",required:!1,type:{name:"boolean | undefined"}},pageSize:{defaultValue:null,description:"Optionally specify the number of options to show / fetch per\npage in the modal.\n\nWhen `options` is an array, it will determine how many options\nwill be displayed per page.\n\nWhen `options` is a fetcher, it will determine how many options\nare requested through the fetcher as the `page` parameter.\nThis means that when you set the pageSize to `100` that\n`100` items are fetched from the back-end. Beware of\nperformance issues when setting the value too high.\n\nBeware that setting the page size too high will cause the UX\nto deteriorate on smaller screens!\n\nDefaults to `10`.",name:"pageSize",required:!1,type:{name:"number | undefined"}},addButton:{defaultValue:null,description:"Optionally an add button to display in the Modal. Can\nbe used to dynamically add an option which was not there\nbefore.",name:"addButton",required:!1,type:{name:"ModalPickerAddButtonOptions<T> | undefined"}},alignButton:{defaultValue:null,description:"Optionally the position the button should be aligned to\nwithin it's container.",name:"alignButton",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'},{value:'"default"'}]}},renderValue:{defaultValue:null,description:"Optionally callback to display the selected item.",name:"renderValue",required:!1,type:{name:"ModalPickerSingleRenderValue<T> | undefined"}},renderOptions:{defaultValue:null,description:"Callback to customize display of options.",name:"renderOptions",required:!1,type:{name:"ModalPickerRenderOptions<T> | undefined"}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ModalPicker/single/ModalPickerSingle.tsx#ModalPickerSingle"]={docgenInfo:ModalPickerSingle.__docgenInfo,name:"ModalPickerSingle",path:"src/form/ModalPicker/single/ModalPickerSingle.tsx#ModalPickerSingle"})}catch(__react_docgen_typescript_loader_error){}try{JarbModalPickerSingle.displayName="JarbModalPickerSingle",JarbModalPickerSingle.__docgenInfo={description:"Variant of the ModalPickerSingle which can be used in a Jarb context.",displayName:"JarbModalPickerSingle",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button to open the modal picker.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<any>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<any>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<any> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<any> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<any> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},canSearch:{defaultValue:null,description:"Optionally whether or not the user can search.\nDefaults to `true`.",name:"canSearch",required:!1,type:{name:"boolean | undefined"}},pageSize:{defaultValue:null,description:"Optionally specify the number of options to show / fetch per\npage in the modal.\n\nWhen `options` is an array, it will determine how many options\nwill be displayed per page.\n\nWhen `options` is a fetcher, it will determine how many options\nare requested through the fetcher as the `page` parameter.\nThis means that when you set the pageSize to `100` that\n`100` items are fetched from the back-end. Beware of\nperformance issues when setting the value too high.\n\nBeware that setting the page size too high will cause the UX\nto deteriorate on smaller screens!\n\nDefaults to `10`.",name:"pageSize",required:!1,type:{name:"number | undefined"}},addButton:{defaultValue:null,description:"Optionally an add button to display in the Modal. Can\nbe used to dynamically add an option which was not there\nbefore.",name:"addButton",required:!1,type:{name:"ModalPickerAddButtonOptions<any> | undefined"}},alignButton:{defaultValue:null,description:"Optionally the position the button should be aligned to\nwithin it's container.",name:"alignButton",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'},{value:'"default"'}]}},renderValue:{defaultValue:null,description:"Optionally callback to display the selected item.",name:"renderValue",required:!1,type:{name:"ModalPickerSingleRenderValue<any> | undefined"}},renderOptions:{defaultValue:null,description:"Callback to customize display of options.",name:"renderOptions",required:!1,type:{name:"ModalPickerRenderOptions<any> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ModalPicker/single/ModalPickerSingle.tsx#JarbModalPickerSingle"]={docgenInfo:JarbModalPickerSingle.__docgenInfo,name:"JarbModalPickerSingle",path:"src/form/ModalPicker/single/ModalPickerSingle.tsx#JarbModalPickerSingle"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/NewPasswordInput/NewPasswordInput.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{VI:()=>JarbNewPasswordInput,ZP:()=>NewPasswordInput,GI:()=>isStrongPassword});var react=__webpack_require__("./node_modules/react/index.js"),lodash=__webpack_require__("./node_modules/lodash/lodash.js"),Input=__webpack_require__("./src/form/Input/Input.tsx"),withJarb=__webpack_require__("./src/form/withJarb/withJarb.tsx"),reactstrap_modern=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),translation=__webpack_require__("./src/utilities/translation/translation.ts"),Icon=__webpack_require__("./src/core/Icon/Icon.tsx");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function hasLowercase(value){return!!value&&/(?=.*[a-z])/.test(value)}function hasUppercase(value){return!!value&&/(?=.*[A-Z])/.test(value)}function hasNumber(value){return!!value&&/(?=.*[0-9])/.test(value)}function hasSpecialChar(value){return!!value&&/(?=.*[@#$%^&+=.,?!])/.test(value)}function hasMinimumLength(length,value){return!!value&&new RegExp(".{".concat(length,",}")).test(value)}function hasNoSpaces(value){return/^\S*$/.test(null!=value?value:"")}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function useRules_slicedToArray(arr,i){return function useRules_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function useRules_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function useRules_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return useRules_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return useRules_arrayLikeToArray(o,minLen)}(arr,i)||function useRules_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function useRules_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function checkRule(obj,rule,value,minimumLength){switch(rule){case"lowercase":return _objectSpread(_objectSpread({},obj),{},_defineProperty({},rule,hasLowercase(value)));case"uppercase":return _objectSpread(_objectSpread({},obj),{},_defineProperty({},rule,hasUppercase(value)));case"number":return _objectSpread(_objectSpread({},obj),{},_defineProperty({},rule,hasNumber(value)));case"specialChar":return _objectSpread(_objectSpread({},obj),{},_defineProperty({},rule,hasSpecialChar(value)));case"minimumLength":return _objectSpread(_objectSpread({},obj),{},_defineProperty({},rule,hasMinimumLength(minimumLength,value)));case"noSpace":return _objectSpread(_objectSpread({},obj),{},_defineProperty({},rule,hasNoSpaces(value)))}}function PasswordStrength(props){var password=props.password,rules=props.rules,_props$minimumLength=props.minimumLength,minimumLength=void 0===_props$minimumLength?10:_props$minimumLength,_props$showMeter=props.showMeter,showMeter=void 0===_props$showMeter||_props$showMeter,compliant=function useRules(rules,password,minimumLength){var _useState2=useRules_slicedToArray((0,react.useState)(rules.reduce((function(obj,rule){return checkRule(obj,rule,password,minimumLength)}),{})),2),compliant=_useState2[0],setCompliant=_useState2[1];return(0,react.useEffect)((function(){setCompliant(rules.reduce((function(obj,rule){return checkRule(obj,rule,password,minimumLength)}),{}))}),[password,rules,setCompliant,minimumLength]),compliant}(rules,password,minimumLength),meterWidth=function useMeterWidth(compliant){var _useState2=_slicedToArray((0,react.useState)(0),2),meterWidth=_useState2[0],setMeterWidth=_useState2[1];return(0,react.useEffect)((function(){var values=Object.values(compliant),noCompliantRules=values.filter((function(value){return value})).length,noRules=values.length;setMeterWidth(noCompliantRules/noRules*100)}),[compliant,setMeterWidth]),meterWidth}(compliant);return react.createElement(react.Fragment,null,showMeter?react.createElement(reactstrap_modern.Ex,{color:meterWidth>=100?"success":meterWidth>=75?"warning":"danger",value:meterWidth,className:"mb-2"}):null,react.createElement("div",{className:"mb-2"},rules.map((function(rule){var isCompliant=compliant[rule];return react.createElement("div",{key:rule,className:"d-flex"},react.createElement(Icon.Z,{icon:isCompliant?"check_circle":"cancel",color:isCompliant?"success":"danger",size:16,className:"align-bottom mt-1 mb-1 me-3"}),react.createElement("div",null,(0,translation.t)(function labelForRule(rule,minimumLength){switch(rule){case"lowercase":return{key:"PasswordStrength.LOWERCASE",fallback:"Must contain at least one lowercase letter"};case"uppercase":return{key:"PasswordStrength.UPPERCASE",fallback:"Must contain at least one uppercase letter"};case"number":return{key:"PasswordStrength.NUMBER",fallback:"Must contain at least one number"};case"specialChar":return{key:"PasswordStrength.SPECIAL_CHAR",data:{specialCharacters:"@#$%^&+=.,?!"},fallback:"Must contain at least one special character (@#$%^&+=.,?!)"};case"minimumLength":return{key:"PasswordStrength.MINIMUM_LENGTH",data:{minimumLength},fallback:"Must contain at least ".concat(minimumLength," characters")};case"noSpace":return{key:"PasswordStrength.NO_SPACE",fallback:"Must not contain any space"}}}(rule,minimumLength))))}))))}try{PasswordStrength.displayName="PasswordStrength",PasswordStrength.__docgenInfo={description:"",displayName:"PasswordStrength",props:{password:{defaultValue:null,description:"The password to match the rule to.",name:"password",required:!0,type:{name:"string"}},rules:{defaultValue:null,description:"The list of rules to be matched.",name:"rules",required:!0,type:{name:"NewPasswordInputRule[]"}},minimumLength:{defaultValue:null,description:"Optionally the minimum length of the password.",name:"minimumLength",required:!1,type:{name:"number | undefined"}},showMeter:{defaultValue:{value:"true"},description:"Whether or not to display a meter or only a list of rules.\nDefaults to true.",name:"showMeter",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/NewPasswordInput/PasswordStrength/PasswordStrength.tsx#PasswordStrength"]={docgenInfo:PasswordStrength.__docgenInfo,name:"PasswordStrength",path:"src/form/NewPasswordInput/PasswordStrength/PasswordStrength.tsx#PasswordStrength"})}catch(__react_docgen_typescript_loader_error){}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function NewPasswordInput(props){var _inputProps$value,rules=function getRulesFromProps(props){var _props$lowercase=props.lowercase,lowercase=void 0===_props$lowercase||_props$lowercase,_props$uppercase=props.uppercase,uppercase=void 0===_props$uppercase||_props$uppercase,_props$number=props.number,number=void 0===_props$number||_props$number,_props$specialCharact=props.specialCharacter,specialCharacter=void 0===_props$specialCharact||_props$specialCharact,_props$minimumLength=props.minimumLength,minimumLength=void 0===_props$minimumLength?10:_props$minimumLength,_props$noSpace=props.noSpace,noSpace=void 0===_props$noSpace||_props$noSpace,rules=[];lowercase&&rules.push("lowercase");uppercase&&rules.push("uppercase");number&&rules.push("number");specialCharacter&&rules.push("specialChar");minimumLength>0&&rules.push("minimumLength");noSpace&&rules.push("noSpace");return rules}(props),inputProps=(0,lodash.omit)(props,["lowercase","uppercase","number","specialCharacter","minimumLength","noSpace","showMeter"]);inputProps.type="password";var passwordStrengthProps=(0,lodash.pick)(props,["minimumLength","showMeter"]);return react.createElement("div",{className:"new-password-input"},react.createElement(Input.ZP,inputProps),react.createElement(PasswordStrength,_extends({password:null!==(_inputProps$value=inputProps.value)&&void 0!==_inputProps$value?_inputProps$value:"",rules},passwordStrengthProps)))}var JarbNewPasswordInput=(0,withJarb.Z)(NewPasswordInput);function isStrongPassword(rules,minimumLength){return function(value){if(!rules.map((function(rule){switch(rule){case"lowercase":return hasLowercase(value);case"uppercase":return hasUppercase(value);case"number":return hasNumber(value);case"specialChar":return hasSpecialChar(value);case"minimumLength":return hasMinimumLength(minimumLength,value);case"noSpace":return hasNoSpaces(value)}})).every((function(value){return value})))return{key:"NewPasswordInput.NOT_STRONG_ENOUGH",fallback:"Password does not follow rules"}}}try{NewPasswordInput.displayName="NewPasswordInput",NewPasswordInput.__docgenInfo={description:"",displayName:"NewPasswordInput",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: string) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},mask:{defaultValue:null,description:"Optional mask of the input.\n@see https://text-mask.github.io/text-mask/",name:"mask",required:!1,type:{name:"InputMask | undefined"}},addon:{defaultValue:null,description:"Optional addon to display to the left or right of the input\nelement. Provide either an Addon, AddonIcon or AddonButton to be\nrendered here.\n\nThe `position` property of the addon determines were the addon\nis rendered.",name:"addon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | undefined"}},innerRef:{defaultValue:null,description:"A ref to the actual input, can be used to focus the element.",name:"innerRef",required:!1,type:{name:"Ref<HTMLInputElement> | undefined"}},lowercase:{defaultValue:{value:"true"},description:"Whether or not the password should contain at least one lowercase letter.\nDefaults to true.",name:"lowercase",required:!1,type:{name:"boolean | undefined"}},uppercase:{defaultValue:{value:"true"},description:"Whether or not the password should contain at least one uppercase letter.\nDefaults to true.",name:"uppercase",required:!1,type:{name:"boolean | undefined"}},number:{defaultValue:{value:"true"},description:"Whether or not the password should contain at least one number.\nDefaults to true.",name:"number",required:!1,type:{name:"boolean | undefined"}},specialCharacter:{defaultValue:{value:"true"},description:"Whether or not the password should contain at least one special character.\nDefaults to true.",name:"specialCharacter",required:!1,type:{name:"boolean | undefined"}},minimumLength:{defaultValue:{value:"10"},description:"Optionally the minimum length of the password.\nDefaults to 10.",name:"minimumLength",required:!1,type:{name:"number | undefined"}},noSpace:{defaultValue:{value:"true"},description:"Whether or not the password should not contain any space.\nDefaults to true.",name:"noSpace",required:!1,type:{name:"boolean | undefined"}},showMeter:{defaultValue:{value:"true"},description:"Whether or not to display a meter or only a list of rules.\nDefaults to true.",name:"showMeter",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/NewPasswordInput/NewPasswordInput.tsx#NewPasswordInput"]={docgenInfo:NewPasswordInput.__docgenInfo,name:"NewPasswordInput",path:"src/form/NewPasswordInput/NewPasswordInput.tsx#NewPasswordInput"})}catch(__react_docgen_typescript_loader_error){}try{isStrongPassword.displayName="isStrongPassword",isStrongPassword.__docgenInfo={description:"Takes `rules` and a minimum length and returns a validator which can check if the\nthe password complies to the rules.",displayName:"isStrongPassword",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/NewPasswordInput/NewPasswordInput.tsx#isStrongPassword"]={docgenInfo:isStrongPassword.__docgenInfo,name:"isStrongPassword",path:"src/form/NewPasswordInput/NewPasswordInput.tsx#isStrongPassword"})}catch(__react_docgen_typescript_loader_error){}try{JarbNewPasswordInput.displayName="JarbNewPasswordInput",JarbNewPasswordInput.__docgenInfo={description:"Variant of the FileInput which can be used in a Jarb context.",displayName:"JarbNewPasswordInput",props:{number:{defaultValue:{value:"true"},description:"Whether or not the password should contain at least one number.\nDefaults to true.",name:"number",required:!1,type:{name:"boolean | undefined"}},id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},mask:{defaultValue:null,description:"Optional mask of the input.\n@see https://text-mask.github.io/text-mask/",name:"mask",required:!1,type:{name:"InputMask | undefined"}},addon:{defaultValue:null,description:"Optional addon to display to the left or right of the input\nelement. Provide either an Addon, AddonIcon or AddonButton to be\nrendered here.\n\nThe `position` property of the addon determines were the addon\nis rendered.",name:"addon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | undefined"}},innerRef:{defaultValue:null,description:"A ref to the actual input, can be used to focus the element.",name:"innerRef",required:!1,type:{name:"Ref<HTMLInputElement> | undefined"}},lowercase:{defaultValue:{value:"true"},description:"Whether or not the password should contain at least one lowercase letter.\nDefaults to true.",name:"lowercase",required:!1,type:{name:"boolean | undefined"}},uppercase:{defaultValue:{value:"true"},description:"Whether or not the password should contain at least one uppercase letter.\nDefaults to true.",name:"uppercase",required:!1,type:{name:"boolean | undefined"}},specialCharacter:{defaultValue:{value:"true"},description:"Whether or not the password should contain at least one special character.\nDefaults to true.",name:"specialCharacter",required:!1,type:{name:"boolean | undefined"}},minimumLength:{defaultValue:{value:"10"},description:"Optionally the minimum length of the password.\nDefaults to 10.",name:"minimumLength",required:!1,type:{name:"number | undefined"}},noSpace:{defaultValue:{value:"true"},description:"Whether or not the password should not contain any space.\nDefaults to true.",name:"noSpace",required:!1,type:{name:"boolean | undefined"}},showMeter:{defaultValue:{value:"true"},description:"Whether or not to display a meter or only a list of rules.\nDefaults to true.",name:"showMeter",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/NewPasswordInput/NewPasswordInput.tsx#JarbNewPasswordInput"]={docgenInfo:JarbNewPasswordInput.__docgenInfo,name:"JarbNewPasswordInput",path:"src/form/NewPasswordInput/NewPasswordInput.tsx#JarbNewPasswordInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/PlainTextFormControl/PlainTextFormControl.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{v:()=>PlainTextFormControl});var reactstrap__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function PlainTextFormControl(_ref){var label=_ref.label,children=_ref.children,className=_ref.className,valueClassName=_ref.valueClassName,labelClassName=_ref.labelClassName,valueClasses=classnames__WEBPACK_IMPORTED_MODULE_1___default()("form-control-plaintext",valueClassName);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.cw,{className},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.__,{className:labelClassName},label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:valueClasses},children))}try{PlainTextFormControl.displayName="PlainTextFormControl",PlainTextFormControl.__docgenInfo={description:"Not all users know that an interaction design element can have\na disabled state. Disabled elements have poor contrast and thus\nare not as readable as they should. Also, screen readers don't\ngive users as much information about the state of the element\nand keyboard navigation gets a little weird, causing confusion to\nthose using a screen reader. Users might also think the form\nelement might be enabled by changing another form element or in\na different use case. So to prevent users confusion or thinking\nthe form is invalid, you should display the value without letting\nit look like a form element. To prevent alignment issues, the\nPlainTextFormControl uses spacing as if it were a form element,\nwithout the looks of a form element.",displayName:"PlainTextFormControl",props:{label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},children:{defaultValue:null,description:"The value that the form element currently has.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},valueClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the value.\nUseful for styling the value.",name:"valueClassName",required:!1,type:{name:"string | undefined"}},labelClassName:{defaultValue:null,description:"Optional extra CSS class you want to add to the label.\nUseful for styling the label.",name:"labelClassName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/PlainTextFormControl/PlainTextFormControl.tsx#PlainTextFormControl"]={docgenInfo:PlainTextFormControl.__docgenInfo,name:"PlainTextFormControl",path:"src/form/PlainTextFormControl/PlainTextFormControl.tsx#PlainTextFormControl"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/RadioGroup/RadioGroup.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>RadioGroup,y:()=>JarbRadioGroup});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utilities/translation/translation.ts"),_option__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/form/option.ts"),_utils__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/utils.ts"),_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Loading/Loading.tsx"),_useOptions__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/useOptions.ts"),_core_TextButton_TextButton__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/TextButton/TextButton.tsx");function RadioGroup(props){var label=props.label,value=props.value,error=props.error,color=props.color,_props$text=props.text,text=void 0===_props$text?{}:_props$text,_props$className=props.className,className=void 0===_props$className?"":_props$className,placeholder=props.placeholder,onChange=props.onChange,onBlur=props.onBlur,options=props.options,keyForOption=props.keyForOption,labelForOption=props.labelForOption,isOptionEqual=props.isOptionEqual,_props$horizontal=props.horizontal,horizontal=void 0!==_props$horizontal&&_props$horizontal,_props$canClear=props.canClear,canClear=void 0!==_props$canClear&&_props$canClear,_props$isOptionEnable=props.isOptionEnabled,isOptionEnabled=void 0===_props$isOptionEnable?_utils__WEBPACK_IMPORTED_MODULE_5__.GK:_props$isOptionEnable,reloadOptions=props.reloadOptions,_useOptions=(0,_useOptions__WEBPACK_IMPORTED_MODULE_3__.D)({options,value,isOptionEqual,labelForOption,reloadOptions,pageNumber:1,query:"",size:Array.isArray(options)?options.length:100,optionsShouldAlwaysContainValue:!0}),page=_useOptions.page,loading=_useOptions.loading;function onRadioClicked(option){onChange(option),(0,_utils__WEBPACK_IMPORTED_MODULE_5__.yJ)(onBlur)}return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__.cw,{tag:"fieldset",className:"radio-group "+className,color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement("legend",null,label):null,placeholder?react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",{className:"text-muted"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("em",null,placeholder)):null,loading?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_2__.Z,null,(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_7__.t)({key:"RadioGroup.LOADING",fallback:"Loading...",overrideText:text.loadingMessage})):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,canClear&&value?react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"mb-1"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_TextButton_TextButton__WEBPACK_IMPORTED_MODULE_4__.Z,{onClick:function onClick(){return onChange(void 0)}},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_7__.t)({key:"RadioGroup.CLEAR",fallback:"Clear",overrideText:text.clear}))):null,page.content.map((function(option){var label=labelForOption(option),key=(0,_option__WEBPACK_IMPORTED_MODULE_8__.G)({option,keyForOption,labelForOption}),isSelected=(0,_option__WEBPACK_IMPORTED_MODULE_8__.O)({option,keyForOption,labelForOption,isOptionEqual,value});return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__.cw,{key,check:!0,inline:horizontal},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__.__,{check:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__.II,{type:"radio",value:label,checked:isSelected,disabled:!isOptionEnabled(option),onChange:function onChange(){return onRadioClicked(option)}})," ",label))}))),error)}var JarbRadioGroup=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__.Z)(RadioGroup);try{RadioGroup.displayName="RadioGroup",RadioGroup.__docgenInfo={description:"RadioGroup is a form element for which the value can be selected\nfrom a limited range.\n\nIf you pass a callback to the options property, be aware\nthat only 100 options will be displayed without pagination.\nIf you want to display more than 100 options,\nyou should use the ModalPickerSingle instead.",displayName:"RadioGroup",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"T | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: T | undefined) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<T>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<T> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<T> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<T> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},horizontal:{defaultValue:null,description:"Whether or not to show the RadioGroup horizontally.\n\nDefaults to `false`",name:"horizontal",required:!1,type:{name:"boolean | undefined"}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `false`',name:"canClear",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/RadioGroup/RadioGroup.tsx#RadioGroup"]={docgenInfo:RadioGroup.__docgenInfo,name:"RadioGroup",path:"src/form/RadioGroup/RadioGroup.tsx#RadioGroup"})}catch(__react_docgen_typescript_loader_error){}try{JarbRadioGroup.displayName="JarbRadioGroup",JarbRadioGroup.__docgenInfo={description:"Variant of the RadioGroup which can be used in a Jarb context.",displayName:"JarbRadioGroup",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\n\nDefaults to `false`',name:"canClear",required:!1,type:{name:"boolean | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<any>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<any>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<any> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<any> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<any> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},horizontal:{defaultValue:null,description:"Whether or not to show the RadioGroup horizontally.\n\nDefaults to `false`",name:"horizontal",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/RadioGroup/RadioGroup.tsx#JarbRadioGroup"]={docgenInfo:JarbRadioGroup.__docgenInfo,name:"JarbRadioGroup",path:"src/form/RadioGroup/RadioGroup.tsx#JarbRadioGroup"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/Select/Select.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{B:()=>JarbSelect,Z:()=>Select});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/utilities/translation/translation.ts"),_option__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/option.ts"),_useOptions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/useOptions.ts"),_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Loading/Loading.tsx"),_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/hooks/useId/useId.ts"),_utils__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/utils.ts");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function Select(props){var id=props.id,label=props.label,value=props.value,error=props.error,color=props.color,_props$text=props.text,text=void 0===_props$text?{}:_props$text,_props$className=props.className,className=void 0===_props$className?"":_props$className,valid=props.valid,placeholder=props.placeholder,_onChange=props.onChange,onBlur=props.onBlur,options=props.options,_props$isOptionEnable=props.isOptionEnabled,isOptionEnabled=void 0===_props$isOptionEnable?_utils__WEBPACK_IMPORTED_MODULE_5__.GK:_props$isOptionEnable,keyForOption=props.keyForOption,labelForOption=props.labelForOption,isOptionEqual=props.isOptionEqual,reloadOptions=props.reloadOptions,_useOptions=(0,_useOptions__WEBPACK_IMPORTED_MODULE_2__.D)({options,value,keyForOption,isOptionEqual,labelForOption,reloadOptions,pageNumber:1,query:"",size:Array.isArray(options)?options.length:100,optionsShouldAlwaysContainValue:!0}),page=_useOptions.page,loading=_useOptions.loading;var innerId=(0,_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_4__.M)({id}),inputProps={id:innerId,valid,invalid:!1===valid||void 0,type:"select",placeholder,onChange:function onChange(event){var index=parseInt(event.target.value,10);_onChange(page.content[index])},onBlur,className:void 0===value?"showing-placeholder":""},indexOfValue=void 0!==value?page.content.findIndex((function(option){return(0,_option__WEBPACK_IMPORTED_MODULE_6__.O)({option,keyForOption,labelForOption,isOptionEqual,value})})):void 0;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.cw,{className,color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.__,{for:innerId},label):null,loading?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Loading_Loading__WEBPACK_IMPORTED_MODULE_3__.Z,{className:"mt-2"},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_8__.t)({key:"Select.LOADING",fallback:"Loading...",overrideText:text.loadingMessage})):react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_7__.II,_extends({value:indexOfValue},inputProps),placeholder?react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",{ref:function ref(option){return function selectDefaultOption(option){option&&void 0===value&&(option.selected=!0)}(option)}},placeholder):null,page.content.map((function(option,index){var optionLabel=labelForOption(option),key=(0,_option__WEBPACK_IMPORTED_MODULE_6__.G)({option,keyForOption,labelForOption});return react__WEBPACK_IMPORTED_MODULE_0__.createElement("option",{key,value:index,disabled:!isOptionEnabled(option)},optionLabel)}))),error)}var JarbSelect=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__.Z)(Select);try{Select.displayName="Select",Select.__docgenInfo={description:"Select is a form element for which the value can be selected\nfrom a limited range.\n\nIf you pass a callback to the options property, be aware\nthat only 100 options will be displayed without pagination.\nIf you want to display more than 100 options,\nyou should use the ModalPickerSingle instead.",displayName:"Select",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"T | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: T) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<T>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<T> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<T> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<T> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Select/Select.tsx#Select"]={docgenInfo:Select.__docgenInfo,name:"Select",path:"src/form/Select/Select.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}try{JarbSelect.displayName="JarbSelect",JarbSelect.__docgenInfo={description:"Variant of the Select which can be used in a Jarb context.",displayName:"JarbSelect",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<any>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<any>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<any> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<any> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<any> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Select/Select.tsx#JarbSelect"]={docgenInfo:JarbSelect.__docgenInfo,name:"JarbSelect",path:"src/form/Select/Select.tsx#JarbSelect"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/TextEditor/TextEditor.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{d:()=>JarbTextEditor,Z:()=>TextEditor});var react=__webpack_require__("./node_modules/react/index.js"),reactstrap_modern=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),lib=__webpack_require__("./node_modules/react-quill/lib/index.js"),lib_default=__webpack_require__.n(lib),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),withJarb=__webpack_require__("./src/form/withJarb/withJarb.tsx"),utils=__webpack_require__("./src/form/utils.ts"),lodash=__webpack_require__("./node_modules/lodash/lodash.js");function formatsFromToolbarModule(modules){if(!modules)return["header","list","bold","italic","underline","link"];var toolbar=modules.toolbar;if(!toolbar)return["header","list","bold","italic","underline","link"];if(toolbar.container&&(toolbar=toolbar.container),!(0,lodash.isArray)(toolbar))throw new Error("TextEditor: expecting modules.toolbar to be an array");return(0,lodash.uniq)(formatsForToolbar(toolbar))}function formatsForToolbar(toolbarItem){return"string"==typeof toolbarItem?toolbarItem:(0,lodash.isArray)(toolbarItem)?(0,lodash.flatMap)(toolbarItem,formatsForToolbar):formatsForToolbar(Object.keys(toolbarItem))}var useId=__webpack_require__("./src/hooks/useId/useId.ts");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function TextEditor(props){var id=props.id,label=props.label,placeholder=props.placeholder,_onChange=props.onChange,_onBlur=props.onBlur,onFocus=props.onFocus,valid=props.valid,error=props.error,color=props.color,value=props.value,_props$className=props.className,className=void 0===_props$className?"":_props$className,modules=props.modules,formats=props.formats,inputProps={id,placeholder,onChange:function onChange(content){return _onChange(content)},onBlur:function onBlur(){return(0,utils.yJ)(_onBlur)},onFocus,value,modules,formats:formats||formatsFromToolbarModule(modules)},innerId=(0,useId.M)({id}),classes=classnames_default()({"is-invalid":!1===valid});return react.createElement(reactstrap_modern.cw,{className,color},label?react.createElement(reactstrap_modern.__,{for:innerId},label):null,react.createElement(lib_default(),_extends({className:classes},inputProps)),error)}var JarbTextEditor=(0,withJarb.Z)(TextEditor);try{TextEditor.displayName="TextEditor",TextEditor.__docgenInfo={description:"Textarea is a form element which allows the user to enter large\nformatted text.\n\nDisclaimer: when using the TextEditor you must sanitize the output\nwhen rendering the output in the browser. If you do not do this you\nrisk an XSS attack.\n\nThe 42 way of dealing with this problem is by using jsoup and to use the\nsanitizer, https://jsoup.org/cookbook/cleaning-html/whitelist-sanitizer,\nwith a whitelist. The whitelist should only contain elements which the\nTextEditor generates. The sanitizer should be applied before sending\nthe content to the browser.",displayName:"TextEditor",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: string) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},modules:{defaultValue:null,description:"Optional configuration option to i.e. customize the toolbar.\n@see https://quilljs.com/docs/modules/",name:"modules",required:!1,type:{name:"StringMap | undefined"}},formats:{defaultValue:null,description:'Optional configuration to determine which `Quill` formats are\nallowed. A format in `Quill` is: bold text, headers, links,\ncolors, etc etc. If something is not in the `formats` it is not\nallowed in the `TextEditor`.\n\nIn Quill it is possible to not show an item in the toolbar but\nallow it in the `formats`. For example you can remove the "bold"\nitem from the toolbar but allow it in the `formats`. This way the\nuser can still copy paste bold text into the `TextEditor`, or use\nthe ctrl-b keyboard shortcut to make bold text.\n\nBy default the `formats` will be the same as the allowed `toolbar`\nitems in the `modules` prop. This way you do not need to keep\n`formats` and `modules.toolbar` in sync.\n@see https://quilljs.com/docs/formats/',name:"formats",required:!1,type:{name:"string[] | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/TextEditor/TextEditor.tsx#TextEditor"]={docgenInfo:TextEditor.__docgenInfo,name:"TextEditor",path:"src/form/TextEditor/TextEditor.tsx#TextEditor"})}catch(__react_docgen_typescript_loader_error){}try{JarbTextEditor.displayName="JarbTextEditor",JarbTextEditor.__docgenInfo={description:"Variant of the TextEditor which can be used in a Jarb context.",displayName:"JarbTextEditor",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},modules:{defaultValue:null,description:"Optional configuration option to i.e. customize the toolbar.\n@see https://quilljs.com/docs/modules/",name:"modules",required:!1,type:{name:"StringMap | undefined"}},formats:{defaultValue:null,description:'Optional configuration to determine which `Quill` formats are\nallowed. A format in `Quill` is: bold text, headers, links,\ncolors, etc etc. If something is not in the `formats` it is not\nallowed in the `TextEditor`.\n\nIn Quill it is possible to not show an item in the toolbar but\nallow it in the `formats`. For example you can remove the "bold"\nitem from the toolbar but allow it in the `formats`. This way the\nuser can still copy paste bold text into the `TextEditor`, or use\nthe ctrl-b keyboard shortcut to make bold text.\n\nBy default the `formats` will be the same as the allowed `toolbar`\nitems in the `modules` prop. This way you do not need to keep\n`formats` and `modules.toolbar` in sync.\n@see https://quilljs.com/docs/formats/',name:"formats",required:!1,type:{name:"string[] | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/TextEditor/TextEditor.tsx#JarbTextEditor"]={docgenInfo:JarbTextEditor.__docgenInfo,name:"JarbTextEditor",path:"src/form/TextEditor/TextEditor.tsx#JarbTextEditor"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/Textarea/Textarea.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>JarbTextarea,Z:()=>Textarea});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),react_textarea_autosize__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react-textarea-autosize/dist/react-textarea-autosize.browser.esm.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/hooks/useId/useId.ts");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function Textarea(props){var id=props.id,label=props.label,placeholder=props.placeholder,onBlur=props.onBlur,onFocus=props.onFocus,_onChange=props.onChange,value=props.value,color=props.color,error=props.error,valid=props.valid,_props$className=props.className,className=void 0===_props$className?"":_props$className,innerId=(0,_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_3__.M)({id}),inputProps={id:innerId,value,placeholder,onChange:function onChange(event){return _onChange(event.target.value)},onFocus,onBlur},classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("form-control",{"is-invalid":!1===valid});return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.cw,{className,color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__.__,{for:innerId},label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_textarea_autosize__WEBPACK_IMPORTED_MODULE_5__.Z,_extends({className:classes},inputProps)),error)}var JarbTextarea=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__.Z)(Textarea);try{Textarea.displayName="Textarea",Textarea.__docgenInfo={description:"Textarea is a basic form element which allows the user to enter large\ntexts, autogrows when the user enters a lot of text.",displayName:"Textarea",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: string) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Textarea/Textarea.tsx#Textarea"]={docgenInfo:Textarea.__docgenInfo,name:"Textarea",path:"src/form/Textarea/Textarea.tsx#Textarea"})}catch(__react_docgen_typescript_loader_error){}try{JarbTextarea.displayName="JarbTextarea",JarbTextarea.__docgenInfo={description:"Variant of the Textarea which can be used in a Jarb context.",displayName:"JarbTextarea",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Textarea/Textarea.tsx#JarbTextarea"]={docgenInfo:JarbTextarea.__docgenInfo,name:"JarbTextarea",path:"src/form/Textarea/Textarea.tsx#JarbTextarea"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/Typeahead/multiple/TypeaheadMultiple.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Y:()=>JarbTypeaheadMultiple,Z:()=>TypeaheadMultiple});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-bootstrap-typeahead/es/index.js"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_utils__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/form/utils.ts"),_utils__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/form/Typeahead/utils.ts"),_option__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/form/option.ts"),classnames__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__),_core_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/Tag/Tag.tsx"),_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/hooks/useId/useId.ts"),_useOptions__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/useOptions.ts"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/utilities/translation/translation.ts");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function TypeaheadMultiple(props){var id=props.id,label=props.label,placeholder=props.placeholder,value=props.value,color=props.color,error=props.error,labelForOption=props.labelForOption,onFocus=props.onFocus,valid=props.valid,_props$className=props.className,className=void 0===_props$className?"":_props$className,onChange=props.onChange,onBlur=props.onBlur,options=props.options,keyForOption=props.keyForOption,isOptionEqual=props.isOptionEqual,reloadOptions=props.reloadOptions,_props$isOptionEnable=props.isOptionEnabled,isOptionEnabled=void 0===_props$isOptionEnable?_utils__WEBPACK_IMPORTED_MODULE_7__.GK:_props$isOptionEnable,_props$pageSize=props.pageSize,pageSize=void 0===_props$pageSize?10:_props$pageSize,_props$text=props.text,text=void 0===_props$text?{}:_props$text,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),2),query=_useState2[0],setQuery=_useState2[1],_useOptions=(0,_useOptions__WEBPACK_IMPORTED_MODULE_6__.D)({options,value,keyForOption,isOptionEqual,labelForOption,reloadOptions,query,pageNumber:1,size:Array.isArray(options)?options.length:pageSize,optionsShouldAlwaysContainValue:!1}),page=_useOptions.page,loading=_useOptions.loading,typeaheadOptions=page.content.filter((function(option){return isOptionEnabled(option)})).filter((function(option){return!(0,_option__WEBPACK_IMPORTED_MODULE_8__.O)({option,keyForOption,labelForOption,isOptionEqual,value})})).map((function(option){return(0,_utils__WEBPACK_IMPORTED_MODULE_9__.e)(option,labelForOption)}));var selected=[];value&&value.length&&(selected=value.map((function(v){return(0,_utils__WEBPACK_IMPORTED_MODULE_9__.e)(v,labelForOption)})));var classes=classnames__WEBPACK_IMPORTED_MODULE_3___default()(className,{"is-invalid":!1===valid}),innerId=(0,_hooks_useId_useId__WEBPACK_IMPORTED_MODULE_5__.M)({id}),typeaheadProps={id,filterBy:_utils__WEBPACK_IMPORTED_MODULE_7__.GK,paginationText:(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_10__.t)({key:"TypeaheadMultiple.PAGINATION_TEXT",fallback:"Display additional results...",overrideText:text.paginationText}),multiple:!0,placeholder,selected,options:typeaheadOptions,onChange:function doOnChange(values){0===values.length?onChange(void 0):onChange(values.map((function(option){return option.value}))),(0,_utils__WEBPACK_IMPORTED_MODULE_7__.yJ)(onBlur)},onFocus,inputProps:{value,className:classnames__WEBPACK_IMPORTED_MODULE_3___default()("form-control",{"is-invalid":!1===valid})},renderToken:function renderToken(option,props,index){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Tag_Tag__WEBPACK_IMPORTED_MODULE_4__.Z,{key:index,text:option.label,onRemove:function onRemove(){return props.onRemove(option)},className:"align-self-center"})}};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_11__.cw,{className:classes,color},label?react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_11__.__,{for:innerId},label):null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:0===selected.length?"showing-placeholder":""},Array.isArray(options)?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_1__.pY,_extends({},typeaheadProps,{onInputChange:setQuery})):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_1__.Wf,_extends({},typeaheadProps,{isLoading:loading,delay:200,onSearch:setQuery}))),error)}var JarbTypeaheadMultiple=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_2__.Z)(TypeaheadMultiple);try{TypeaheadMultiple.displayName="TypeaheadMultiple",TypeaheadMultiple.__docgenInfo={description:"The TypeaheadMultiple is a form element which allows the user\nto select multiple options by searching for them and selecting\nthem.\n\nThe use case is that when there are too many options to render\nin a simple Select you can use the TypeaheadMultiple.\n\nUse the TypeaheadMultiple when the user knows which options he / she\nwants to select beforehand. Scenario: you are building a system\nfor a trading company, the users need to enter some trading code\nfrom a big list. The users know each code by heart since they\nwork with the system daily. This is a nice use case for the TypeaheadMultiple\nbecause the user can type in faster than the can select from a\nModalPickerMultiple.",displayName:"TypeaheadMultiple",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"T[] | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: T[] | undefined) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<T>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<T> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<T> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<T> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},pageSize:{defaultValue:null,description:"Optionally specify the number of suggestions to show / fetch\nin the dropdown.\n\nWhen `options` is an array, all options will always be shown\nand this prop has no effect.\n\nWhen `options` is a fetcher, it will determine how many options\nare requested through the fetcher as the `page` parameter.\nThis means that when you set the pageSize to `100` that\n`100` items are fetched from the back-end. Beware of\nperformance issues when setting the value too high.\n\nBeware that setting the page size too high will cause the UX\nto deteriorate on smaller screens!\n\nDefaults to `10`.",name:"pageSize",required:!1,type:{name:"number | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Typeahead/multiple/TypeaheadMultiple.tsx#TypeaheadMultiple"]={docgenInfo:TypeaheadMultiple.__docgenInfo,name:"TypeaheadMultiple",path:"src/form/Typeahead/multiple/TypeaheadMultiple.tsx#TypeaheadMultiple"})}catch(__react_docgen_typescript_loader_error){}try{JarbTypeaheadMultiple.displayName="JarbTypeaheadMultiple",JarbTypeaheadMultiple.__docgenInfo={description:"Variant of the TypeaheadMultiple which can be used in a Jarb context.",displayName:"JarbTypeaheadMultiple",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<any>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<any>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<any> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<any> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<any> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},pageSize:{defaultValue:null,description:"Optionally specify the number of suggestions to show / fetch\nin the dropdown.\n\nWhen `options` is an array, all options will always be shown\nand this prop has no effect.\n\nWhen `options` is a fetcher, it will determine how many options\nare requested through the fetcher as the `page` parameter.\nThis means that when you set the pageSize to `100` that\n`100` items are fetched from the back-end. Beware of\nperformance issues when setting the value too high.\n\nBeware that setting the page size too high will cause the UX\nto deteriorate on smaller screens!\n\nDefaults to `10`.",name:"pageSize",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Typeahead/multiple/TypeaheadMultiple.tsx#JarbTypeaheadMultiple"]={docgenInfo:JarbTypeaheadMultiple.__docgenInfo,name:"JarbTypeaheadMultiple",path:"src/form/Typeahead/multiple/TypeaheadMultiple.tsx#JarbTypeaheadMultiple"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/Typeahead/single/TypeaheadSingle.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{d:()=>JarbTypeaheadSingle,Z:()=>TypeaheadSingle});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),react=__webpack_require__("./node_modules/react/index.js"),es=__webpack_require__("./node_modules/react-bootstrap-typeahead/es/index.js"),reactstrap_modern=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),useId=__webpack_require__("./src/hooks/useId/useId.ts"),useOptions=__webpack_require__("./src/form/useOptions.ts"),utils=__webpack_require__("./src/form/utils.ts"),withJarb=__webpack_require__("./src/form/withJarb/withJarb.tsx"),Typeahead_utils=__webpack_require__("./src/form/Typeahead/utils.ts");var translation=__webpack_require__("./src/utilities/translation/translation.ts");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function TypeaheadSingle(props){var id=props.id,label=props.label,placeholder=props.placeholder,error=props.error,value=props.value,color=props.color,labelForOption=props.labelForOption,onFocus=props.onFocus,valid=props.valid,_props$className=props.className,className=void 0===_props$className?"":_props$className,onChange=props.onChange,onBlur=props.onBlur,options=props.options,keyForOption=props.keyForOption,isOptionEqual=props.isOptionEqual,reloadOptions=props.reloadOptions,_props$isOptionEnable=props.isOptionEnabled,isOptionEnabled=void 0===_props$isOptionEnable?utils.GK:_props$isOptionEnable,_props$pageSize=props.pageSize,pageSize=void 0===_props$pageSize?10:_props$pageSize,_props$text=props.text,text=void 0===_props$text?{}:_props$text,_useState2=_slicedToArray((0,react.useState)(""),2),query=_useState2[0],setQuery=_useState2[1],_useOptions=(0,useOptions.D)({options,value,keyForOption,isOptionEqual,labelForOption,reloadOptions,query,pageNumber:1,size:Array.isArray(options)?options.length:pageSize,optionsShouldAlwaysContainValue:!1}),page=_useOptions.page,loading=_useOptions.loading,typeaheadOptions=page.content.filter((function(option){return isOptionEnabled(option)})).map((function(option){return(0,Typeahead_utils.e)(option,labelForOption)}));!function useAutoSelectOptionWhenQueryMatchesExactly(_ref){var typeaheadOptions=_ref.typeaheadOptions,onChange=_ref.onChange,query=_ref.query;(0,react.useEffect)((function(){var lowerCasedQuery=query.toLowerCase(),selectedValue=typeaheadOptions.find((function(_ref2){return _ref2.label.toLowerCase()===lowerCasedQuery}));selectedValue&&onChange(selectedValue.value)}),[typeaheadOptions,onChange,query])}({typeaheadOptions,onChange,query});var selected=[];if(value){var option=(0,Typeahead_utils.e)(value,labelForOption);selected.push(option)}var classes=classnames_default()(className,{"is-invalid":!1===valid}),innerId=(0,useId.M)({id}),typeaheadProps={id,filterBy:utils.GK,multiple:!1,placeholder,selected,options:typeaheadOptions,onChange:function doOnChange(values){if(0===values.length)onChange(void 0);else{var selectedOption=values[0];onChange(selectedOption.value)}(0,utils.yJ)(onBlur)},onFocus,paginationText:(0,translation.t)({key:"TypeaheadSingle.PAGINATION_TEXT",fallback:"Display additional results...",overrideText:text.paginationText}),inputProps:{className:classnames_default()("form-control",{"is-invalid":!1===valid})}};return react.createElement(reactstrap_modern.cw,{className:classes,color},label?react.createElement(reactstrap_modern.__,{for:innerId},label):null,react.createElement("div",{className:0===selected.length?"showing-placeholder":""},Array.isArray(options)?react.createElement(es.pY,_extends({},typeaheadProps,{onInputChange:setQuery})):react.createElement(es.Wf,_extends({},typeaheadProps,{isLoading:loading,delay:200,onSearch:setQuery}))),error)}var JarbTypeaheadSingle=(0,withJarb.Z)(TypeaheadSingle);try{TypeaheadSingle.displayName="TypeaheadSingle",TypeaheadSingle.__docgenInfo={description:"The TypeaheadSingle is a form element which allows the user\nto select an option by searching for them and selecting\nthem.\n\nThe use case is that when there are too many options to render\nin a simple Select you can use the TypeaheadSingle.\n\nUse the TypeaheadSingle when the user knows which option he / she\nwants to select beforehand. Scenario: you are building a system\nfor a trading company, the users need to enter some trading code\nfrom a big list. The users know each code by heart since they\nwork with the system daily. This is a nice use case for the TypeaheadSingle\nbecause the user can type in faster than the can select from a\nModalPickerSingle.",displayName:"TypeaheadSingle",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"T | undefined"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"(value: T | undefined) => void"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<T>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<T> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<T> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<T> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},pageSize:{defaultValue:null,description:"Optionally specify the number of suggestions to show / fetch\nin the dropdown.\n\nWhen `options` is an array, all options will always be shown\nand this prop has no effect.\n\nWhen `options` is a fetcher, it will determine how many options\nare requested through the fetcher as the `page` parameter.\nThis means that when you set the pageSize to `100` that\n`100` items are fetched from the back-end. Beware of\nperformance issues when setting the value too high.\n\nBeware that setting the page size too high will cause the UX\nto deteriorate on smaller screens!\n\nDefaults to `10`.",name:"pageSize",required:!1,type:{name:"number | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Typeahead/single/TypeaheadSingle.tsx#TypeaheadSingle"]={docgenInfo:TypeaheadSingle.__docgenInfo,name:"TypeaheadSingle",path:"src/form/Typeahead/single/TypeaheadSingle.tsx#TypeaheadSingle"})}catch(__react_docgen_typescript_loader_error){}try{JarbTypeaheadSingle.displayName="JarbTypeaheadSingle",JarbTypeaheadSingle.__docgenInfo={description:"Variant of the TypeaheadSingle which can be used in a Jarb context.",displayName:"JarbTypeaheadSingle",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"Optionally the placeholder of the form element.",name:"placeholder",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<any>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<any>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<any> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<any> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<any> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},pageSize:{defaultValue:null,description:"Optionally specify the number of suggestions to show / fetch\nin the dropdown.\n\nWhen `options` is an array, all options will always be shown\nand this prop has no effect.\n\nWhen `options` is a fetcher, it will determine how many options\nare requested through the fetcher as the `page` parameter.\nThis means that when you set the pageSize to `100` that\n`100` items are fetched from the back-end. Beware of\nperformance issues when setting the value too high.\n\nBeware that setting the page size too high will cause the UX\nto deteriorate on smaller screens!\n\nDefaults to `10`.",name:"pageSize",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/Typeahead/single/TypeaheadSingle.tsx#JarbTypeaheadSingle"]={docgenInfo:JarbTypeaheadSingle.__docgenInfo,name:"JarbTypeaheadSingle",path:"src/form/Typeahead/single/TypeaheadSingle.tsx#JarbTypeaheadSingle"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/Typeahead/utils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function optionToTypeaheadOption(option,labelForOption){return{label:labelForOption(option),value:option}}__webpack_require__.d(__webpack_exports__,{e:()=>optionToTypeaheadOption})},"./src/form/ValuePicker/ValuePicker.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Y:()=>JarbValuePicker,Z:()=>ValuePicker});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/form/withJarb/withJarb.tsx"),_ModalPicker_multiple_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/ModalPicker/multiple/ModalPickerMultiple.tsx"),_CheckboxMultipleSelect_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx"),_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/RadioGroup/RadioGroup.tsx"),_Select_Select__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/Select/Select.tsx"),_ModalPicker_single_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/form/ModalPicker/single/ModalPickerSingle.tsx"),_core_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/core/Spinner/Spinner.tsx"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/utilities/translation/translation.ts"),lodash__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/lodash/lodash.js"),_excluded=["multiple","text"],_excluded2=["multiple","text"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function ValuePicker(props){var _props$text=props.text,text=void 0===_props$text?{}:_props$text,options=props.options,_props$canClear=props.canClear,canClear=void 0===_props$canClear||_props$canClear,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),2),booting=_useState2[0],setBooting=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),2),totalElements=_useState4[0],setTotalElements=_useState4[1];if((0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){function _boot(){return(_boot=_asyncToGenerator(regeneratorRuntime.mark((function _callee(){var page;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(!(0,lodash__WEBPACK_IMPORTED_MODULE_8__.isArray)(options)){_context.next=4;break}setTotalElements(options.length),_context.next=8;break;case 4:return _context.next=6,options({query:"",page:1,size:1});case 6:page=_context.sent,setTotalElements(page.totalElements);case 8:setBooting(!1);case 9:case"end":return _context.stop()}}),_callee)})))).apply(this,arguments)}!function boot(){return _boot.apply(this,arguments)}()}),[options]),booting)return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_7__.Z,{color:"black",size:16})," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_9__.t)({key:"ValuePicker.LOADING",fallback:"Loading...",overrideText:text.loadingMessage})));if(props.multiple){props.multiple,props.text;var rest=_objectWithoutProperties(props,_excluded);return totalElements<11?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_CheckboxMultipleSelect_CheckboxMultipleSelect__WEBPACK_IMPORTED_MODULE_3__.Z,rest):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPicker_multiple_ModalPickerMultiple__WEBPACK_IMPORTED_MODULE_2__.Z,_extends({canClear},rest))}props.multiple,props.text;var _rest=_objectWithoutProperties(props,_excluded2);return totalElements<4?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_4__.Z,_extends({canClear},_rest)):totalElements<11?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Select_Select__WEBPACK_IMPORTED_MODULE_5__.Z,_rest):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ModalPicker_single_ModalPickerSingle__WEBPACK_IMPORTED_MODULE_6__.Z,_extends({canClear},_rest))}var JarbValuePicker=(0,_withJarb_withJarb__WEBPACK_IMPORTED_MODULE_1__.Z)(ValuePicker);try{ValuePicker.displayName="ValuePicker",ValuePicker.__docgenInfo={description:"\nThe `ValuePicker` component is an abstraction which automatically\nselects the best component to use when the user has to select a value\nfrom a pre-defined list.\n\nThis is the decision matrix:\n\n```\n| multiple | items <=3              | items <= 10             | items > 10\n| true     | CheckboxMultipleSelect | CheckboxMultipleSelect  | ModalPickerMultiple\n| false    | RadioGroup             | Select                  | ModalPickerSingle\n```\n\n`ValuePicker` starts in a booting state in which a spinner is shown.\nDuring the booting state it will call `FetchOptionsCallback` and ask\nfor a `Page` of size `1` so it can get the `totalElements`.",displayName:"ValuePicker",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"Optionally the label of the form element.",name:"label",required:!1,type:{name:"ReactNode"}},onFocus:{defaultValue:null,description:"Optional callback for when the form element is focused.",name:"onFocus",required:!1,type:{name:"(() => void) | undefined"}},onBlur:{defaultValue:null,description:"Optional callback for when the form element is blurred.",name:"onBlur",required:!1,type:{name:"(() => void) | undefined"}},valid:{defaultValue:null,description:"Whether or not the form element is currently valid.",name:"valid",required:!1,type:{name:"boolean | undefined"}},error:{defaultValue:null,description:"Optionally the error message to render.",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},color:{defaultValue:null,description:"Optionally the color of the FormGroup.",name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button that opens the modal picker.\nThis icon only works when there are more than 10 options.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\nThis property only has effect when there are more than 10 options\nor single value with 1-3 options.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<T>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<T>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<T> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<T> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<T> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},canSearch:{defaultValue:null,description:"Optionally whether or not the user can search.\nDefaults to `true`.",name:"canSearch",required:!1,type:{name:"boolean | undefined"}},multiple:{defaultValue:null,description:"Whether or not multiple values can be selected.",name:"multiple",required:!0,type:{name:"boolean"}},onChange:{defaultValue:null,description:"Callback for when the form element changes.",name:"onChange",required:!0,type:{name:"((value: T | undefined) => void) | ((value: T[] | undefined) => void)"}},value:{defaultValue:null,description:"The value that the form element currently has.",name:"value",required:!1,type:{name:"T | T[] | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ValuePicker/ValuePicker.tsx#ValuePicker"]={docgenInfo:ValuePicker.__docgenInfo,name:"ValuePicker",path:"src/form/ValuePicker/ValuePicker.tsx#ValuePicker"})}catch(__react_docgen_typescript_loader_error){}try{JarbValuePicker.displayName="JarbValuePicker",JarbValuePicker.__docgenInfo={description:"Variant of the ValuePicker which can be used in a Jarb context.",displayName:"JarbValuePicker",props:{id:{defaultValue:null,description:"Optionally the id of the form element. Will be automatically\nfilled in when not provided manually.",name:"id",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"The placeholder of the form element.",name:"placeholder",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}},text:{defaultValue:null,description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}},icon:{defaultValue:null,description:"Optionally the icon to display on the button that opens the modal picker.\nThis icon only works when there are more than 10 options.",name:"icon",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},canClear:{defaultValue:null,description:'Whether or not to show a "clear" button.\nThis property only has effect when there are more than 10 options\nor single value with 1-3 options.\n\nDefaults to `true`',name:"canClear",required:!1,type:{name:"boolean | undefined"}},options:{defaultValue:null,description:"Is either a callback to fetch the options to display to the user.\nWhen options is a callback it will not execute when the callback\nchanges, only when the `reloadOptions` changes will the callback\nbe executed again. This means that it is safe to pass in a\nlambda / anonymous / unstable function here.\n\nOr an array of fixed options.",name:"options",required:!0,type:{name:"Options<any>"}},labelForOption:{defaultValue:null,description:"Callback to convert an value of type T to an option to show\nto the user.",name:"labelForOption",required:!0,type:{name:"LabelForOption<any>"}},isOptionEqual:{defaultValue:null,description:"Optional callback which is used to determine if two options\nof type T are equal.\n\nWhen `isOptionEqual` is not defined the outcome of `labelForOption`\nis used to test equality.",name:"isOptionEqual",required:!1,type:{name:"IsOptionEqual<any> | undefined"}},keyForOption:{defaultValue:null,description:"Optional callback to get a unique key for an option.\nThis is used to provide each option in the form element a unique key.\nDefaults to the 'id' property if it exists, otherwise uses labelForOption.",name:"keyForOption",required:!1,type:{name:"KeyForOption<any> | undefined"}},isOptionEnabled:{defaultValue:null,description:"Optional callback which is called for every option to determine\nif the option can be selected. By default all options can be\nselected.",name:"isOptionEnabled",required:!1,type:{name:"IsOptionEnabled<any> | undefined"}},reloadOptions:{defaultValue:null,description:"Optionally a value to detect changes and trigger the\n`options` to reload the options, by fetching them again.\n\nWhenever the value of `reloadOptions` changes the options are\nreloaded. This gives the developer an external way to trigger\nthe reloading of the options.",name:"reloadOptions",required:!1,type:{name:"string | number | boolean | null | undefined"}},canSearch:{defaultValue:null,description:"Optionally whether or not the user can search.\nDefaults to `true`.",name:"canSearch",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/ValuePicker/ValuePicker.tsx#JarbValuePicker"]={docgenInfo:JarbValuePicker.__docgenInfo,name:"JarbValuePicker",path:"src/form/ValuePicker/ValuePicker.tsx#JarbValuePicker"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/addons/Addon/Addon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{e:()=>Addon});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function Addon(_ref){var children=_ref.children;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,children)}try{Addon.displayName="Addon",Addon.__docgenInfo={description:'Defines an addon to use with an Input element. An addon is a little\nbox rendered to the left or right of an input element.\n\nUsed to give extra context to an input field. A classic example\nis using an addon with the value of "km" to show that the input\'s\nunit is a kilometer.',displayName:"Addon",props:{children:{defaultValue:null,description:"The content of the addon.",name:"children",required:!0,type:{name:"ReactNode"}},position:{defaultValue:null,description:"The position of the Addon, is it to the right or left\nof the input.\n\nDefaults to 'left'",name:"position",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/addons/Addon/Addon.tsx#Addon"]={docgenInfo:Addon.__docgenInfo,name:"Addon",path:"src/form/addons/Addon/Addon.tsx#Addon"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/addons/AddonButton/AddonButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{p:()=>AddonButton});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_Addon_Addon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/form/addons/Addon/Addon.tsx");function AddonButton(_ref){var children=_ref.children,color=_ref.color,_ref$position=_ref.position,position=void 0===_ref$position?"right":_ref$position,onClick=_ref.onClick,className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Addon_Addon__WEBPACK_IMPORTED_MODULE_1__.e,{position},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__.zx,{tabIndex:-1,type:"button",color:color||"primary",onClick,className},children))}try{AddonButton.displayName="AddonButton",AddonButton.__docgenInfo={description:"Defines an addon to use with an Input element which is a button.\nIt is used to add an action to an Input element.",displayName:"AddonButton",props:{children:{defaultValue:null,description:"The content of the addon.",name:"children",required:!0,type:{name:"ReactNode"}},color:{defaultValue:null,description:'Optionally the color of the Addon.\n\nDefaults to "primary"',name:"color",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"info"'},{value:'"warning"'},{value:'"danger"'},{value:'"link"'},{value:'"muted"'},{value:'"dark"'},{value:'"light"'}]}},position:{defaultValue:{value:"right"},description:"The position of the Addon, is it to the right or left\nof the input.\n\nDefaults to 'right'",name:"position",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'}]}},onClick:{defaultValue:null,description:"Callback for when the addon is clicked.",name:"onClick",required:!0,type:{name:"() => void"}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/addons/AddonButton/AddonButton.tsx#AddonButton"]={docgenInfo:AddonButton.__docgenInfo,name:"AddonButton",path:"src/form/addons/AddonButton/AddonButton.tsx#AddonButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/addons/AddonIcon/AddonIcon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>AddonIcon});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/index.ts"),_Addon_Addon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/form/addons/Addon/Addon.tsx"),reactstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js");function AddonIcon(_ref){var icon=_ref.icon,className=_ref.className,position=_ref.position;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Addon_Addon__WEBPACK_IMPORTED_MODULE_2__.e,{position},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__.O3,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_1__.JO,{icon,className})))}try{AddonIcon.displayName="AddonIcon",AddonIcon.__docgenInfo={description:"Defines an addon to use with an Input element which is a readonly\nIcon.",displayName:"AddonIcon",props:{position:{defaultValue:null,description:"The position of the Addon, is it to the right or left\nof the input.\n\nDefaults to 'left'",name:"position",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"right"'},{value:'"left"'}]}},icon:{defaultValue:null,description:"",name:"icon",required:!0,type:{name:"enum",value:[{value:'"label"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'},{value:'"link"'},{value:'"light"'},{value:'"email"'},{value:'"radio"'},{value:'"image"'},{value:'"search"'},{value:'"password"'},{value:'"input"'},{value:'"10k"'},{value:'"10mp"'},{value:'"11mp"'},{value:'"123"'},{value:'"12mp"'},{value:'"13mp"'},{value:'"14mp"'},{value:'"15mp"'},{value:'"16mp"'},{value:'"17mp"'},{value:'"18mp"'},{value:'"19mp"'},{value:'"1k"'},{value:'"1k_plus"'},{value:'"1x_mobiledata"'},{value:'"20mp"'},{value:'"21mp"'},{value:'"22mp"'},{value:'"23mp"'},{value:'"24mp"'},{value:'"2k"'},{value:'"2k_plus"'},{value:'"2mp"'},{value:'"30fps"'},{value:'"30fps_select"'},{value:'"360"'},{value:'"3d_rotation"'},{value:'"3g_mobiledata"'},{value:'"3k"'},{value:'"3k_plus"'},{value:'"3mp"'},{value:'"3p"'},{value:'"4g_mobiledata"'},{value:'"4g_plus_mobiledata"'},{value:'"4k"'},{value:'"4k_plus"'},{value:'"4mp"'},{value:'"5g"'},{value:'"5k"'},{value:'"5k_plus"'},{value:'"5mp"'},{value:'"60fps"'},{value:'"60fps_select"'},{value:'"6_ft_apart"'},{value:'"6k"'},{value:'"6k_plus"'},{value:'"6mp"'},{value:'"7k"'},{value:'"7k_plus"'},{value:'"7mp"'},{value:'"8k"'},{value:'"8k_plus"'},{value:'"8mp"'},{value:'"9k"'},{value:'"9k_plus"'},{value:'"9mp"'},{value:'"abc"'},{value:'"ac_unit"'},{value:'"access_alarm"'},{value:'"access_alarms"'},{value:'"access_time"'},{value:'"access_time_filled"'},{value:'"accessibility"'},{value:'"accessibility_new"'},{value:'"accessible"'},{value:'"accessible_forward"'},{value:'"account_balance"'},{value:'"account_balance_wallet"'},{value:'"account_box"'},{value:'"account_circle"'},{value:'"account_tree"'},{value:'"ad_units"'},{value:'"adb"'},{value:'"add"'},{value:'"add_a_photo"'},{value:'"add_alarm"'},{value:'"add_alert"'},{value:'"add_box"'},{value:'"add_business"'},{value:'"add_card"'},{value:'"add_chart"'},{value:'"add_circle"'},{value:'"add_circle_outline"'},{value:'"add_comment"'},{value:'"add_ic_call"'},{value:'"add_link"'},{value:'"add_location"'},{value:'"add_location_alt"'},{value:'"add_moderator"'},{value:'"add_photo_alternate"'},{value:'"add_reaction"'},{value:'"add_road"'},{value:'"add_shopping_cart"'},{value:'"add_task"'},{value:'"add_to_drive"'},{value:'"add_to_home_screen"'},{value:'"add_to_photos"'},{value:'"add_to_queue"'},{value:'"addchart"'},{value:'"adf_scanner"'},{value:'"adjust"'},{value:'"admin_panel_settings"'},{value:'"ads_click"'},{value:'"agriculture"'},{value:'"air"'},{value:'"airline_seat_flat"'},{value:'"airline_seat_flat_angled"'},{value:'"airline_seat_individual_suite"'},{value:'"airline_seat_legroom_extra"'},{value:'"airline_seat_legroom_normal"'},{value:'"airline_seat_legroom_reduced"'},{value:'"airline_seat_recline_extra"'},{value:'"airline_seat_recline_normal"'},{value:'"airline_stops"'},{value:'"airlines"'},{value:'"airplane_ticket"'},{value:'"airplanemode_active"'},{value:'"airplanemode_inactive"'},{value:'"airplay"'},{value:'"airport_shuttle"'},{value:'"alarm"'},{value:'"alarm_add"'},{value:'"alarm_off"'},{value:'"alarm_on"'},{value:'"album"'},{value:'"align_horizontal_center"'},{value:'"align_horizontal_left"'},{value:'"align_horizontal_right"'},{value:'"align_vertical_bottom"'},{value:'"align_vertical_center"'},{value:'"align_vertical_top"'},{value:'"all_inbox"'},{value:'"all_inclusive"'},{value:'"all_out"'},{value:'"alt_route"'},{value:'"alternate_email"'},{value:'"analytics"'},{value:'"anchor"'},{value:'"android"'},{value:'"animation"'},{value:'"announcement"'},{value:'"aod"'},{value:'"apartment"'},{value:'"api"'},{value:'"app_blocking"'},{value:'"app_registration"'},{value:'"app_settings_alt"'},{value:'"app_shortcut"'},{value:'"approval"'},{value:'"apps"'},{value:'"apps_outage"'},{value:'"architecture"'},{value:'"archive"'},{value:'"area_chart"'},{value:'"arrow_back"'},{value:'"arrow_back_ios"'},{value:'"arrow_back_ios_new"'},{value:'"arrow_circle_down"'},{value:'"arrow_circle_left"'},{value:'"arrow_circle_right"'},{value:'"arrow_circle_up"'},{value:'"arrow_downward"'},{value:'"arrow_drop_down"'},{value:'"arrow_drop_down_circle"'},{value:'"arrow_drop_up"'},{value:'"arrow_forward"'},{value:'"arrow_forward_ios"'},{value:'"arrow_left"'},{value:'"arrow_right"'},{value:'"arrow_right_alt"'},{value:'"arrow_upward"'},{value:'"art_track"'},{value:'"article"'},{value:'"aspect_ratio"'},{value:'"assessment"'},{value:'"assignment"'},{value:'"assignment_ind"'},{value:'"assignment_late"'},{value:'"assignment_return"'},{value:'"assignment_returned"'},{value:'"assignment_turned_in"'},{value:'"assistant"'},{value:'"assistant_direction"'},{value:'"assistant_photo"'},{value:'"assured_workload"'},{value:'"atm"'},{value:'"attach_email"'},{value:'"attach_file"'},{value:'"attach_money"'},{value:'"attachment"'},{value:'"attractions"'},{value:'"attribution"'},{value:'"audio_file"'},{value:'"audiotrack"'},{value:'"auto_awesome"'},{value:'"auto_awesome_mosaic"'},{value:'"auto_awesome_motion"'},{value:'"auto_delete"'},{value:'"auto_fix_high"'},{value:'"auto_fix_normal"'},{value:'"auto_fix_off"'},{value:'"auto_graph"'},{value:'"auto_stories"'},{value:'"autofps_select"'},{value:'"autorenew"'},{value:'"av_timer"'},{value:'"baby_changing_station"'},{value:'"back_hand"'},{value:'"backpack"'},{value:'"backspace"'},{value:'"backup"'},{value:'"backup_table"'},{value:'"badge"'},{value:'"bakery_dining"'},{value:'"balance"'},{value:'"balcony"'},{value:'"ballot"'},{value:'"bar_chart"'},{value:'"batch_prediction"'},{value:'"bathroom"'},{value:'"bathtub"'},{value:'"battery_alert"'},{value:'"battery_charging_full"'},{value:'"battery_full"'},{value:'"battery_saver"'},{value:'"battery_std"'},{value:'"battery_unknown"'},{value:'"beach_access"'},{value:'"bed"'},{value:'"bedroom_baby"'},{value:'"bedroom_child"'},{value:'"bedroom_parent"'},{value:'"bedtime"'},{value:'"bedtime_off"'},{value:'"beenhere"'},{value:'"bento"'},{value:'"bike_scooter"'},{value:'"biotech"'},{value:'"blender"'},{value:'"block"'},{value:'"bloodtype"'},{value:'"bluetooth"'},{value:'"bluetooth_audio"'},{value:'"bluetooth_connected"'},{value:'"bluetooth_disabled"'},{value:'"bluetooth_drive"'},{value:'"bluetooth_searching"'},{value:'"blur_circular"'},{value:'"blur_linear"'},{value:'"blur_off"'},{value:'"blur_on"'},{value:'"bolt"'},{value:'"book"'},{value:'"book_online"'},{value:'"bookmark"'},{value:'"bookmark_add"'},{value:'"bookmark_added"'},{value:'"bookmark_border"'},{value:'"bookmark_remove"'},{value:'"bookmarks"'},{value:'"border_all"'},{value:'"border_bottom"'},{value:'"border_clear"'},{value:'"border_color"'},{value:'"border_horizontal"'},{value:'"border_inner"'},{value:'"border_left"'},{value:'"border_outer"'},{value:'"border_right"'},{value:'"border_style"'},{value:'"border_top"'},{value:'"border_vertical"'},{value:'"boy"'},{value:'"branding_watermark"'},{value:'"breakfast_dining"'},{value:'"brightness_1"'},{value:'"brightness_2"'},{value:'"brightness_3"'},{value:'"brightness_4"'},{value:'"brightness_5"'},{value:'"brightness_6"'},{value:'"brightness_7"'},{value:'"brightness_auto"'},{value:'"brightness_high"'},{value:'"brightness_low"'},{value:'"brightness_medium"'},{value:'"broken_image"'},{value:'"browse_gallery"'},{value:'"browser_not_supported"'},{value:'"browser_updated"'},{value:'"brunch_dining"'},{value:'"brush"'},{value:'"bubble_chart"'},{value:'"bug_report"'},{value:'"build"'},{value:'"build_circle"'},{value:'"bungalow"'},{value:'"burst_mode"'},{value:'"bus_alert"'},{value:'"business"'},{value:'"business_center"'},{value:'"cabin"'},{value:'"cable"'},{value:'"cached"'},{value:'"cake"'},{value:'"calculate"'},{value:'"calendar_month"'},{value:'"calendar_today"'},{value:'"calendar_view_day"'},{value:'"calendar_view_month"'},{value:'"calendar_view_week"'},{value:'"call"'},{value:'"call_end"'},{value:'"call_made"'},{value:'"call_merge"'},{value:'"call_missed"'},{value:'"call_missed_outgoing"'},{value:'"call_received"'},{value:'"call_split"'},{value:'"call_to_action"'},{value:'"camera"'},{value:'"camera_alt"'},{value:'"camera_enhance"'},{value:'"camera_front"'},{value:'"camera_indoor"'},{value:'"camera_outdoor"'},{value:'"camera_rear"'},{value:'"camera_roll"'},{value:'"cameraswitch"'},{value:'"campaign"'},{value:'"cancel"'},{value:'"cancel_presentation"'},{value:'"cancel_schedule_send"'},{value:'"candlestick_chart"'},{value:'"car_rental"'},{value:'"car_repair"'},{value:'"card_giftcard"'},{value:'"card_membership"'},{value:'"card_travel"'},{value:'"carpenter"'},{value:'"cases"'},{value:'"casino"'},{value:'"cast"'},{value:'"cast_connected"'},{value:'"cast_for_education"'},{value:'"castle"'},{value:'"catching_pokemon"'},{value:'"category"'},{value:'"celebration"'},{value:'"cell_tower"'},{value:'"cell_wifi"'},{value:'"center_focus_strong"'},{value:'"center_focus_weak"'},{value:'"chair"'},{value:'"chair_alt"'},{value:'"chalet"'},{value:'"change_circle"'},{value:'"change_history"'},{value:'"charging_station"'},{value:'"chat"'},{value:'"chat_bubble"'},{value:'"chat_bubble_outline"'},{value:'"check"'},{value:'"check_box"'},{value:'"check_box_outline_blank"'},{value:'"check_circle"'},{value:'"check_circle_outline"'},{value:'"checklist"'},{value:'"checklist_rtl"'},{value:'"checkroom"'},{value:'"chevron_left"'},{value:'"chevron_right"'},{value:'"child_care"'},{value:'"child_friendly"'},{value:'"chrome_reader_mode"'},{value:'"church"'},{value:'"circle"'},{value:'"circle_notifications"'},{value:'"class"'},{value:'"clean_hands"'},{value:'"cleaning_services"'},{value:'"clear"'},{value:'"clear_all"'},{value:'"close"'},{value:'"close_fullscreen"'},{value:'"closed_caption"'},{value:'"closed_caption_disabled"'},{value:'"closed_caption_off"'},{value:'"cloud"'},{value:'"cloud_circle"'},{value:'"cloud_done"'},{value:'"cloud_download"'},{value:'"cloud_off"'},{value:'"cloud_queue"'},{value:'"cloud_sync"'},{value:'"cloud_upload"'},{value:'"co2"'},{value:'"co_present"'},{value:'"code"'},{value:'"code_off"'},{value:'"coffee"'},{value:'"coffee_maker"'},{value:'"collections"'},{value:'"collections_bookmark"'},{value:'"color_lens"'},{value:'"colorize"'},{value:'"comment"'},{value:'"comment_bank"'},{value:'"comments_disabled"'},{value:'"commit"'},{value:'"commute"'},{value:'"compare"'},{value:'"compare_arrows"'},{value:'"compass_calibration"'},{value:'"compost"'},{value:'"compress"'},{value:'"computer"'},{value:'"confirmation_number"'},{value:'"connect_without_contact"'},{value:'"connected_tv"'},{value:'"connecting_airports"'},{value:'"construction"'},{value:'"contact_mail"'},{value:'"contact_page"'},{value:'"contact_phone"'},{value:'"contact_support"'},{value:'"contactless"'},{value:'"contacts"'},{value:'"content_copy"'},{value:'"content_cut"'},{value:'"content_paste"'},{value:'"content_paste_go"'},{value:'"content_paste_off"'},{value:'"content_paste_search"'},{value:'"contrast"'},{value:'"control_camera"'},{value:'"control_point"'},{value:'"control_point_duplicate"'},{value:'"cookie"'},{value:'"copy_all"'},{value:'"copyright"'},{value:'"coronavirus"'},{value:'"corporate_fare"'},{value:'"cottage"'},{value:'"countertops"'},{value:'"create"'},{value:'"create_new_folder"'},{value:'"credit_card"'},{value:'"credit_card_off"'},{value:'"credit_score"'},{value:'"crib"'},{value:'"crop"'},{value:'"crop_16_9"'},{value:'"crop_3_2"'},{value:'"crop_5_4"'},{value:'"crop_7_5"'},{value:'"crop_din"'},{value:'"crop_free"'},{value:'"crop_landscape"'},{value:'"crop_original"'},{value:'"crop_portrait"'},{value:'"crop_rotate"'},{value:'"crop_square"'},{value:'"cruelty_free"'},{value:'"css"'},{value:'"currency_bitcoin"'},{value:'"currency_exchange"'},{value:'"currency_franc"'},{value:'"currency_lira"'},{value:'"currency_pound"'},{value:'"currency_ruble"'},{value:'"currency_rupee"'},{value:'"currency_yen"'},{value:'"currency_yuan"'},{value:'"dangerous"'},{value:'"dark_mode"'},{value:'"dashboard"'},{value:'"dashboard_customize"'},{value:'"data_array"'},{value:'"data_exploration"'},{value:'"data_object"'},{value:'"data_saver_off"'},{value:'"data_saver_on"'},{value:'"data_thresholding"'},{value:'"data_usage"'},{value:'"date_range"'},{value:'"deblur"'},{value:'"deck"'},{value:'"dehaze"'},{value:'"delete"'},{value:'"delete_forever"'},{value:'"delete_outline"'},{value:'"delete_sweep"'},{value:'"delivery_dining"'},{value:'"density_large"'},{value:'"density_medium"'},{value:'"density_small"'},{value:'"departure_board"'},{value:'"description"'},{value:'"deselect"'},{value:'"design_services"'},{value:'"desktop_access_disabled"'},{value:'"desktop_mac"'},{value:'"desktop_windows"'},{value:'"details"'},{value:'"developer_board"'},{value:'"developer_board_off"'},{value:'"developer_mode"'},{value:'"device_hub"'},{value:'"device_thermostat"'},{value:'"device_unknown"'},{value:'"devices"'},{value:'"devices_other"'},{value:'"dialer_sip"'},{value:'"dialpad"'},{value:'"diamond"'},{value:'"difference"'},{value:'"dining"'},{value:'"dinner_dining"'},{value:'"directions"'},{value:'"directions_bike"'},{value:'"directions_boat"'},{value:'"directions_boat_filled"'},{value:'"directions_bus"'},{value:'"directions_bus_filled"'},{value:'"directions_car"'},{value:'"directions_car_filled"'},{value:'"directions_off"'},{value:'"directions_railway"'},{value:'"directions_railway_filled"'},{value:'"directions_run"'},{value:'"directions_subway"'},{value:'"directions_subway_filled"'},{value:'"directions_transit"'},{value:'"directions_transit_filled"'},{value:'"directions_walk"'},{value:'"dirty_lens"'},{value:'"disabled_by_default"'},{value:'"disabled_visible"'},{value:'"disc_full"'},{value:'"discount"'},{value:'"display_settings"'},{value:'"dns"'},{value:'"do_disturb"'},{value:'"do_disturb_alt"'},{value:'"do_disturb_off"'},{value:'"do_disturb_on"'},{value:'"do_not_disturb"'},{value:'"do_not_disturb_alt"'},{value:'"do_not_disturb_off"'},{value:'"do_not_disturb_on"'},{value:'"do_not_disturb_on_total_silence"'},{value:'"do_not_step"'},{value:'"do_not_touch"'},{value:'"dock"'},{value:'"document_scanner"'},{value:'"domain"'},{value:'"domain_add"'},{value:'"domain_disabled"'},{value:'"domain_verification"'},{value:'"done"'},{value:'"done_all"'},{value:'"done_outline"'},{value:'"donut_large"'},{value:'"donut_small"'},{value:'"door_back"'},{value:'"door_front"'},{value:'"door_sliding"'},{value:'"doorbell"'},{value:'"double_arrow"'},{value:'"downhill_skiing"'},{value:'"download"'},{value:'"download_done"'},{value:'"download_for_offline"'},{value:'"downloading"'},{value:'"drafts"'},{value:'"drag_handle"'},{value:'"drag_indicator"'},{value:'"draw"'},{value:'"drive_eta"'},{value:'"drive_file_move"'},{value:'"drive_file_move_rtl"'},{value:'"drive_file_rename_outline"'},{value:'"drive_folder_upload"'},{value:'"dry"'},{value:'"dry_cleaning"'},{value:'"duo"'},{value:'"dvr"'},{value:'"dynamic_feed"'},{value:'"dynamic_form"'},{value:'"e_mobiledata"'},{value:'"earbuds"'},{value:'"earbuds_battery"'},{value:'"east"'},{value:'"edgesensor_high"'},{value:'"edgesensor_low"'},{value:'"edit"'},{value:'"edit_attributes"'},{value:'"edit_calendar"'},{value:'"edit_location"'},{value:'"edit_location_alt"'},{value:'"edit_note"'},{value:'"edit_notifications"'},{value:'"edit_off"'},{value:'"edit_road"'},{value:'"egg"'},{value:'"egg_alt"'},{value:'"eject"'},{value:'"elderly"'},{value:'"elderly_woman"'},{value:'"electric_bike"'},{value:'"electric_car"'},{value:'"electric_moped"'},{value:'"electric_rickshaw"'},{value:'"electric_scooter"'},{value:'"electrical_services"'},{value:'"elevator"'},{value:'"emergency"'},{value:'"emoji_emotions"'},{value:'"emoji_events"'},{value:'"emoji_food_beverage"'},{value:'"emoji_nature"'},{value:'"emoji_objects"'},{value:'"emoji_people"'},{value:'"emoji_symbols"'},{value:'"emoji_transportation"'},{value:'"engineering"'},{value:'"enhanced_encryption"'},{value:'"equalizer"'},{value:'"error_outline"'},{value:'"escalator"'},{value:'"escalator_warning"'},{value:'"euro"'},{value:'"euro_symbol"'},{value:'"ev_station"'},{value:'"event"'},{value:'"event_available"'},{value:'"event_busy"'},{value:'"event_note"'},{value:'"event_repeat"'},{value:'"event_seat"'},{value:'"exit_to_app"'},{value:'"expand"'},{value:'"expand_circle_down"'},{value:'"expand_less"'},{value:'"expand_more"'},{value:'"explicit"'},{value:'"explore"'},{value:'"explore_off"'},{value:'"exposure"'},{value:'"exposure_neg_1"'},{value:'"exposure_neg_2"'},{value:'"exposure_plus_1"'},{value:'"exposure_plus_2"'},{value:'"exposure_zero"'},{value:'"extension"'},{value:'"extension_off"'},{value:'"face"'},{value:'"face_retouching_natural"'},{value:'"face_retouching_off"'},{value:'"fact_check"'},{value:'"factory"'},{value:'"family_restroom"'},{value:'"fast_forward"'},{value:'"fast_rewind"'},{value:'"fastfood"'},{value:'"favorite"'},{value:'"favorite_border"'},{value:'"fax"'},{value:'"featured_play_list"'},{value:'"featured_video"'},{value:'"feed"'},{value:'"feedback"'},{value:'"female"'},{value:'"fence"'},{value:'"festival"'},{value:'"fiber_dvr"'},{value:'"fiber_manual_record"'},{value:'"fiber_new"'},{value:'"fiber_pin"'},{value:'"fiber_smart_record"'},{value:'"file_copy"'},{value:'"file_download"'},{value:'"file_download_done"'},{value:'"file_download_off"'},{value:'"file_open"'},{value:'"file_present"'},{value:'"file_upload"'},{value:'"filter"'},{value:'"filter_1"'},{value:'"filter_2"'},{value:'"filter_3"'},{value:'"filter_4"'},{value:'"filter_5"'},{value:'"filter_6"'},{value:'"filter_7"'},{value:'"filter_8"'},{value:'"filter_9"'},{value:'"filter_9_plus"'},{value:'"filter_alt"'},{value:'"filter_alt_off"'},{value:'"filter_b_and_w"'},{value:'"filter_center_focus"'},{value:'"filter_drama"'},{value:'"filter_frames"'},{value:'"filter_hdr"'},{value:'"filter_list"'},{value:'"filter_list_off"'},{value:'"filter_none"'},{value:'"filter_tilt_shift"'},{value:'"filter_vintage"'},{value:'"find_in_page"'},{value:'"find_replace"'},{value:'"fingerprint"'},{value:'"fire_extinguisher"'},{value:'"fireplace"'},{value:'"first_page"'},{value:'"fit_screen"'},{value:'"fitbit"'},{value:'"fitness_center"'},{value:'"flag"'},{value:'"flag_circle"'},{value:'"flaky"'},{value:'"flare"'},{value:'"flash_auto"'},{value:'"flash_off"'},{value:'"flash_on"'},{value:'"flashlight_off"'},{value:'"flashlight_on"'},{value:'"flatware"'},{value:'"flight"'},{value:'"flight_class"'},{value:'"flight_land"'},{value:'"flight_takeoff"'},{value:'"flip"'},{value:'"flip_camera_android"'},{value:'"flip_camera_ios"'},{value:'"flip_to_back"'},{value:'"flip_to_front"'},{value:'"flourescent"'},{value:'"flutter_dash"'},{value:'"fmd_bad"'},{value:'"fmd_good"'},{value:'"folder"'},{value:'"folder_copy"'},{value:'"folder_delete"'},{value:'"folder_off"'},{value:'"folder_open"'},{value:'"folder_shared"'},{value:'"folder_special"'},{value:'"folder_zip"'},{value:'"follow_the_signs"'},{value:'"font_download"'},{value:'"font_download_off"'},{value:'"food_bank"'},{value:'"forest"'},{value:'"fork_left"'},{value:'"fork_right"'},{value:'"format_align_center"'},{value:'"format_align_justify"'},{value:'"format_align_left"'},{value:'"format_align_right"'},{value:'"format_bold"'},{value:'"format_clear"'},{value:'"format_color_fill"'},{value:'"format_color_reset"'},{value:'"format_color_text"'},{value:'"format_indent_decrease"'},{value:'"format_indent_increase"'},{value:'"format_italic"'},{value:'"format_line_spacing"'},{value:'"format_list_bulleted"'},{value:'"format_list_numbered"'},{value:'"format_list_numbered_rtl"'},{value:'"format_overline"'},{value:'"format_paint"'},{value:'"format_quote"'},{value:'"format_shapes"'},{value:'"format_size"'},{value:'"format_strikethrough"'},{value:'"format_textdirection_l_to_r"'},{value:'"format_textdirection_r_to_l"'},{value:'"format_underlined"'},{value:'"fort"'},{value:'"forum"'},{value:'"forward"'},{value:'"forward_10"'},{value:'"forward_30"'},{value:'"forward_5"'},{value:'"forward_to_inbox"'},{value:'"foundation"'},{value:'"free_breakfast"'},{value:'"free_cancellation"'},{value:'"front_hand"'},{value:'"fullscreen"'},{value:'"fullscreen_exit"'},{value:'"functions"'},{value:'"g_mobiledata"'},{value:'"g_translate"'},{value:'"gamepad"'},{value:'"games"'},{value:'"garage"'},{value:'"gavel"'},{value:'"generating_tokens"'},{value:'"gesture"'},{value:'"get_app"'},{value:'"gif"'},{value:'"gif_box"'},{value:'"girl"'},{value:'"gite"'},{value:'"golf_course"'},{value:'"gpp_bad"'},{value:'"gpp_good"'},{value:'"gpp_maybe"'},{value:'"gps_fixed"'},{value:'"gps_not_fixed"'},{value:'"gps_off"'},{value:'"grade"'},{value:'"gradient"'},{value:'"grading"'},{value:'"grain"'},{value:'"graphic_eq"'},{value:'"grass"'},{value:'"grid_3x3"'},{value:'"grid_4x4"'},{value:'"grid_goldenratio"'},{value:'"grid_off"'},{value:'"grid_on"'},{value:'"grid_view"'},{value:'"group"'},{value:'"group_add"'},{value:'"group_off"'},{value:'"group_remove"'},{value:'"group_work"'},{value:'"groups"'},{value:'"h_mobiledata"'},{value:'"h_plus_mobiledata"'},{value:'"hail"'},{value:'"handshake"'},{value:'"handyman"'},{value:'"hardware"'},{value:'"hd"'},{value:'"hdr_auto"'},{value:'"hdr_auto_select"'},{value:'"hdr_enhanced_select"'},{value:'"hdr_off"'},{value:'"hdr_off_select"'},{value:'"hdr_on"'},{value:'"hdr_on_select"'},{value:'"hdr_plus"'},{value:'"hdr_strong"'},{value:'"hdr_weak"'},{value:'"headphones"'},{value:'"headphones_battery"'},{value:'"headset"'},{value:'"headset_mic"'},{value:'"headset_off"'},{value:'"healing"'},{value:'"health_and_safety"'},{value:'"hearing"'},{value:'"hearing_disabled"'},{value:'"heart_broken"'},{value:'"height"'},{value:'"help"'},{value:'"help_center"'},{value:'"help_outline"'},{value:'"hevc"'},{value:'"hexagon"'},{value:'"hide_image"'},{value:'"hide_source"'},{value:'"high_quality"'},{value:'"highlight"'},{value:'"highlight_alt"'},{value:'"highlight_off"'},{value:'"hiking"'},{value:'"history"'},{value:'"history_edu"'},{value:'"history_toggle_off"'},{value:'"hive"'},{value:'"hls"'},{value:'"hls_off"'},{value:'"holiday_village"'},{value:'"home"'},{value:'"home_max"'},{value:'"home_mini"'},{value:'"home_repair_service"'},{value:'"home_work"'},{value:'"horizontal_distribute"'},{value:'"horizontal_rule"'},{value:'"horizontal_split"'},{value:'"hot_tub"'},{value:'"hotel"'},{value:'"hotel_class"'},{value:'"hourglass_bottom"'},{value:'"hourglass_disabled"'},{value:'"hourglass_empty"'},{value:'"hourglass_full"'},{value:'"hourglass_top"'},{value:'"house"'},{value:'"house_siding"'},{value:'"houseboat"'},{value:'"how_to_reg"'},{value:'"how_to_vote"'},{value:'"html"'},{value:'"http"'},{value:'"https"'},{value:'"hub"'},{value:'"hvac"'},{value:'"ice_skating"'},{value:'"icecream"'},{value:'"image_aspect_ratio"'},{value:'"image_not_supported"'},{value:'"image_search"'},{value:'"imagesearch_roller"'},{value:'"import_contacts"'},{value:'"import_export"'},{value:'"important_devices"'},{value:'"inbox"'},{value:'"incomplete_circle"'},{value:'"indeterminate_check_box"'},{value:'"insert_chart"'},{value:'"insert_chart_outlined"'},{value:'"insert_comment"'},{value:'"insert_drive_file"'},{value:'"insert_emoticon"'},{value:'"insert_invitation"'},{value:'"insert_link"'},{value:'"insert_page_break"'},{value:'"insert_photo"'},{value:'"insights"'},{value:'"install_desktop"'},{value:'"install_mobile"'},{value:'"integration_instructions"'},{value:'"interests"'},{value:'"interpreter_mode"'},{value:'"inventory"'},{value:'"inventory_2"'},{value:'"invert_colors"'},{value:'"invert_colors_off"'},{value:'"ios_share"'},{value:'"iron"'},{value:'"iso"'},{value:'"javascript"'},{value:'"join_full"'},{value:'"join_inner"'},{value:'"join_left"'},{value:'"join_right"'},{value:'"kayaking"'},{value:'"kebab_dining"'},{value:'"key"'},{value:'"key_off"'},{value:'"keyboard"'},{value:'"keyboard_alt"'},{value:'"keyboard_arrow_down"'},{value:'"keyboard_arrow_left"'},{value:'"keyboard_arrow_right"'},{value:'"keyboard_arrow_up"'},{value:'"keyboard_backspace"'},{value:'"keyboard_capslock"'},{value:'"keyboard_command_key"'},{value:'"keyboard_control_key"'},{value:'"keyboard_double_arrow_down"'},{value:'"keyboard_double_arrow_left"'},{value:'"keyboard_double_arrow_right"'},{value:'"keyboard_double_arrow_up"'},{value:'"keyboard_hide"'},{value:'"keyboard_option_key"'},{value:'"keyboard_return"'},{value:'"keyboard_tab"'},{value:'"keyboard_voice"'},{value:'"king_bed"'},{value:'"kitchen"'},{value:'"kitesurfing"'},{value:'"label_important"'},{value:'"label_off"'},{value:'"lan"'},{value:'"landscape"'},{value:'"language"'},{value:'"laptop"'},{value:'"laptop_chromebook"'},{value:'"laptop_mac"'},{value:'"laptop_windows"'},{value:'"last_page"'},{value:'"launch"'},{value:'"layers"'},{value:'"layers_clear"'},{value:'"leaderboard"'},{value:'"leak_add"'},{value:'"leak_remove"'},{value:'"legend_toggle"'},{value:'"lens"'},{value:'"lens_blur"'},{value:'"library_add"'},{value:'"library_add_check"'},{value:'"library_books"'},{value:'"library_music"'},{value:'"light_mode"'},{value:'"lightbulb"'},{value:'"line_axis"'},{value:'"line_style"'},{value:'"line_weight"'},{value:'"linear_scale"'},{value:'"link_off"'},{value:'"linked_camera"'},{value:'"liquor"'},{value:'"list"'},{value:'"list_alt"'},{value:'"live_help"'},{value:'"live_tv"'},{value:'"living"'},{value:'"local_activity"'},{value:'"local_airport"'},{value:'"local_atm"'},{value:'"local_bar"'},{value:'"local_cafe"'},{value:'"local_car_wash"'},{value:'"local_convenience_store"'},{value:'"local_dining"'},{value:'"local_drink"'},{value:'"local_fire_department"'},{value:'"local_florist"'},{value:'"local_gas_station"'},{value:'"local_grocery_store"'},{value:'"local_hospital"'},{value:'"local_hotel"'},{value:'"local_laundry_service"'},{value:'"local_library"'},{value:'"local_mall"'},{value:'"local_movies"'},{value:'"local_offer"'},{value:'"local_parking"'},{value:'"local_pharmacy"'},{value:'"local_phone"'},{value:'"local_pizza"'},{value:'"local_play"'},{value:'"local_police"'},{value:'"local_post_office"'},{value:'"local_printshop"'},{value:'"local_see"'},{value:'"local_shipping"'},{value:'"local_taxi"'},{value:'"location_city"'},{value:'"location_disabled"'},{value:'"location_off"'},{value:'"location_on"'},{value:'"location_searching"'},{value:'"lock"'},{value:'"lock_clock"'},{value:'"lock_open"'},{value:'"lock_reset"'},{value:'"login"'},{value:'"logo_dev"'},{value:'"logout"'},{value:'"looks"'},{value:'"looks_3"'},{value:'"looks_4"'},{value:'"looks_5"'},{value:'"looks_6"'},{value:'"looks_one"'},{value:'"looks_two"'},{value:'"loop"'},{value:'"loupe"'},{value:'"low_priority"'},{value:'"loyalty"'},{value:'"lte_mobiledata"'},{value:'"lte_plus_mobiledata"'},{value:'"luggage"'},{value:'"lunch_dining"'},{value:'"mail"'},{value:'"mail_outline"'},{value:'"male"'},{value:'"man"'},{value:'"manage_accounts"'},{value:'"manage_search"'},{value:'"map"'},{value:'"maps_home_work"'},{value:'"maps_ugc"'},{value:'"margin"'},{value:'"mark_as_unread"'},{value:'"mark_chat_read"'},{value:'"mark_chat_unread"'},{value:'"mark_email_read"'},{value:'"mark_email_unread"'},{value:'"mark_unread_chat_alt"'},{value:'"markunread"'},{value:'"markunread_mailbox"'},{value:'"masks"'},{value:'"maximize"'},{value:'"media_bluetooth_off"'},{value:'"media_bluetooth_on"'},{value:'"mediation"'},{value:'"medical_services"'},{value:'"medication"'},{value:'"medication_liquid"'},{value:'"meeting_room"'},{value:'"memory"'},{value:'"menu"'},{value:'"menu_book"'},{value:'"menu_open"'},{value:'"merge"'},{value:'"merge_type"'},{value:'"message"'},{value:'"mic"'},{value:'"mic_external_off"'},{value:'"mic_external_on"'},{value:'"mic_none"'},{value:'"mic_off"'},{value:'"microwave"'},{value:'"military_tech"'},{value:'"minimize"'},{value:'"miscellaneous_services"'},{value:'"missed_video_call"'},{value:'"mms"'},{value:'"mobile_friendly"'},{value:'"mobile_off"'},{value:'"mobile_screen_share"'},{value:'"mobiledata_off"'},{value:'"mode"'},{value:'"mode_comment"'},{value:'"mode_edit"'},{value:'"mode_edit_outline"'},{value:'"mode_night"'},{value:'"mode_of_travel"'},{value:'"mode_standby"'},{value:'"model_training"'},{value:'"monetization_on"'},{value:'"money"'},{value:'"money_off"'},{value:'"money_off_csred"'},{value:'"monitor"'},{value:'"monitor_heart"'},{value:'"monitor_weight"'},{value:'"monochrome_photos"'},{value:'"mood"'},{value:'"mood_bad"'},{value:'"moped"'},{value:'"more"'},{value:'"more_horiz"'},{value:'"more_time"'},{value:'"more_vert"'},{value:'"mosque"'},{value:'"motion_photos_auto"'},{value:'"motion_photos_off"'},{value:'"motion_photos_on"'},{value:'"motion_photos_pause"'},{value:'"motion_photos_paused"'},{value:'"mouse"'},{value:'"move_down"'},{value:'"move_to_inbox"'},{value:'"move_up"'},{value:'"movie"'},{value:'"movie_creation"'},{value:'"movie_filter"'},{value:'"moving"'},{value:'"mp"'},{value:'"multiline_chart"'},{value:'"multiple_stop"'},{value:'"museum"'},{value:'"music_note"'},{value:'"music_off"'},{value:'"music_video"'},{value:'"my_location"'},{value:'"nat"'},{value:'"nature"'},{value:'"nature_people"'},{value:'"navigate_before"'},{value:'"navigate_next"'},{value:'"navigation"'},{value:'"near_me"'},{value:'"near_me_disabled"'},{value:'"nearby_error"'},{value:'"nearby_off"'},{value:'"network_cell"'},{value:'"network_check"'},{value:'"network_locked"'},{value:'"network_ping"'},{value:'"network_wifi"'},{value:'"new_label"'},{value:'"new_releases"'},{value:'"newspaper"'},{value:'"next_plan"'},{value:'"next_week"'},{value:'"nfc"'},{value:'"night_shelter"'},{value:'"nightlife"'},{value:'"nightlight"'},{value:'"nightlight_round"'},{value:'"nights_stay"'},{value:'"no_accounts"'},{value:'"no_backpack"'},{value:'"no_cell"'},{value:'"no_drinks"'},{value:'"no_encryption"'},{value:'"no_encryption_gmailerrorred"'},{value:'"no_flash"'},{value:'"no_food"'},{value:'"no_luggage"'},{value:'"no_meals"'},{value:'"no_meeting_room"'},{value:'"no_photography"'},{value:'"no_sim"'},{value:'"no_stroller"'},{value:'"no_transfer"'},{value:'"nordic_walking"'},{value:'"north"'},{value:'"north_east"'},{value:'"north_west"'},{value:'"not_accessible"'},{value:'"not_interested"'},{value:'"not_listed_location"'},{value:'"not_started"'},{value:'"note"'},{value:'"note_add"'},{value:'"note_alt"'},{value:'"notes"'},{value:'"notification_add"'},{value:'"notification_important"'},{value:'"notifications"'},{value:'"notifications_active"'},{value:'"notifications_none"'},{value:'"notifications_off"'},{value:'"notifications_paused"'},{value:'"numbers"'},{value:'"offline_bolt"'},{value:'"offline_pin"'},{value:'"offline_share"'},{value:'"ondemand_video"'},{value:'"online_prediction"'},{value:'"opacity"'},{value:'"open_in_browser"'},{value:'"open_in_full"'},{value:'"open_in_new"'},{value:'"open_in_new_off"'},{value:'"open_with"'},{value:'"other_houses"'},{value:'"outbound"'},{value:'"outbox"'},{value:'"outdoor_grill"'},{value:'"outlet"'},{value:'"outlined_flag"'},{value:'"output"'},{value:'"padding"'},{value:'"pages"'},{value:'"pageview"'},{value:'"paid"'},{value:'"palette"'},{value:'"pan_tool"'},{value:'"pan_tool_alt"'},{value:'"panorama"'},{value:'"panorama_fish_eye"'},{value:'"panorama_horizontal"'},{value:'"panorama_horizontal_select"'},{value:'"panorama_photosphere"'},{value:'"panorama_photosphere_select"'},{value:'"panorama_vertical"'},{value:'"panorama_vertical_select"'},{value:'"panorama_wide_angle"'},{value:'"panorama_wide_angle_select"'},{value:'"paragliding"'},{value:'"park"'},{value:'"party_mode"'},{value:'"pattern"'},{value:'"pause"'},{value:'"pause_circle"'},{value:'"pause_circle_filled"'},{value:'"pause_circle_outline"'},{value:'"pause_presentation"'},{value:'"payment"'},{value:'"payments"'},{value:'"pedal_bike"'},{value:'"pending"'},{value:'"pending_actions"'},{value:'"pentagon"'},{value:'"people"'},{value:'"people_alt"'},{value:'"people_outline"'},{value:'"percent"'},{value:'"perm_camera_mic"'},{value:'"perm_contact_calendar"'},{value:'"perm_data_setting"'},{value:'"perm_device_information"'},{value:'"perm_identity"'},{value:'"perm_media"'},{value:'"perm_phone_msg"'},{value:'"perm_scan_wifi"'},{value:'"person"'},{value:'"person_add"'},{value:'"person_add_alt"'},{value:'"person_add_alt_1"'},{value:'"person_add_disabled"'},{value:'"person_off"'},{value:'"person_outline"'},{value:'"person_pin"'},{value:'"person_pin_circle"'},{value:'"person_remove"'},{value:'"person_remove_alt_1"'},{value:'"person_search"'},{value:'"personal_injury"'},{value:'"personal_video"'},{value:'"pest_control"'},{value:'"pest_control_rodent"'},{value:'"pets"'},{value:'"phishing"'},{value:'"phone"'},{value:'"phone_android"'},{value:'"phone_bluetooth_speaker"'},{value:'"phone_callback"'},{value:'"phone_disabled"'},{value:'"phone_enabled"'},{value:'"phone_forwarded"'},{value:'"phone_in_talk"'},{value:'"phone_iphone"'},{value:'"phone_locked"'},{value:'"phone_missed"'},{value:'"phone_paused"'},{value:'"phonelink"'},{value:'"phonelink_erase"'},{value:'"phonelink_lock"'},{value:'"phonelink_off"'},{value:'"phonelink_ring"'},{value:'"phonelink_setup"'},{value:'"photo"'},{value:'"photo_album"'},{value:'"photo_camera"'},{value:'"photo_camera_back"'},{value:'"photo_camera_front"'},{value:'"photo_filter"'},{value:'"photo_library"'},{value:'"photo_size_select_actual"'},{value:'"photo_size_select_large"'},{value:'"photo_size_select_small"'},{value:'"php"'},{value:'"piano"'},{value:'"piano_off"'},{value:'"picture_as_pdf"'},{value:'"picture_in_picture"'},{value:'"picture_in_picture_alt"'},{value:'"pie_chart"'},{value:'"pie_chart_outline"'},{value:'"pin"'},{value:'"pin_drop"'},{value:'"pin_end"'},{value:'"pin_invoke"'},{value:'"pinch"'},{value:'"pivot_table_chart"'},{value:'"pix"'},{value:'"place"'},{value:'"plagiarism"'},{value:'"play_arrow"'},{value:'"play_circle"'},{value:'"play_circle_filled"'},{value:'"play_circle_outline"'},{value:'"play_disabled"'},{value:'"play_for_work"'},{value:'"play_lesson"'},{value:'"playlist_add"'},{value:'"playlist_add_check"'},{value:'"playlist_add_check_circle"'},{value:'"playlist_add_circle"'},{value:'"playlist_play"'},{value:'"playlist_remove"'},{value:'"plumbing"'},{value:'"plus_one"'},{value:'"podcasts"'},{value:'"point_of_sale"'},{value:'"policy"'},{value:'"poll"'},{value:'"polyline"'},{value:'"polymer"'},{value:'"pool"'},{value:'"portable_wifi_off"'},{value:'"portrait"'},{value:'"post_add"'},{value:'"power"'},{value:'"power_input"'},{value:'"power_off"'},{value:'"power_settings_new"'},{value:'"precision_manufacturing"'},{value:'"pregnant_woman"'},{value:'"present_to_all"'},{value:'"preview"'},{value:'"price_change"'},{value:'"price_check"'},{value:'"print"'},{value:'"print_disabled"'},{value:'"priority_high"'},{value:'"privacy_tip"'},{value:'"private_connectivity"'},{value:'"production_quantity_limits"'},{value:'"psychology"'},{value:'"public"'},{value:'"public_off"'},{value:'"publish"'},{value:'"published_with_changes"'},{value:'"punch_clock"'},{value:'"push_pin"'},{value:'"qr_code"'},{value:'"qr_code_2"'},{value:'"qr_code_scanner"'},{value:'"query_builder"'},{value:'"query_stats"'},{value:'"question_answer"'},{value:'"question_mark"'},{value:'"queue"'},{value:'"queue_music"'},{value:'"queue_play_next"'},{value:'"quickreply"'},{value:'"quiz"'},{value:'"r_mobiledata"'},{value:'"radar"'},{value:'"radio_button_checked"'},{value:'"radio_button_unchecked"'},{value:'"railway_alert"'},{value:'"ramen_dining"'},{value:'"ramp_left"'},{value:'"ramp_right"'},{value:'"rate_review"'},{value:'"raw_off"'},{value:'"raw_on"'},{value:'"read_more"'},{value:'"real_estate_agent"'},{value:'"receipt"'},{value:'"receipt_long"'},{value:'"recent_actors"'},{value:'"recommend"'},{value:'"record_voice_over"'},{value:'"rectangle"'},{value:'"recycling"'},{value:'"redeem"'},{value:'"redo"'},{value:'"reduce_capacity"'},{value:'"refresh"'},{value:'"remember_me"'},{value:'"remove"'},{value:'"remove_circle"'},{value:'"remove_circle_outline"'},{value:'"remove_done"'},{value:'"remove_from_queue"'},{value:'"remove_moderator"'},{value:'"remove_red_eye"'},{value:'"remove_shopping_cart"'},{value:'"reorder"'},{value:'"repeat"'},{value:'"repeat_on"'},{value:'"repeat_one"'},{value:'"repeat_one_on"'},{value:'"replay"'},{value:'"replay_10"'},{value:'"replay_30"'},{value:'"replay_5"'},{value:'"replay_circle_filled"'},{value:'"reply"'},{value:'"reply_all"'},{value:'"report"'},{value:'"report_gmailerrorred"'},{value:'"report_off"'},{value:'"report_problem"'},{value:'"request_page"'},{value:'"request_quote"'},{value:'"reset_tv"'},{value:'"restart_alt"'},{value:'"restaurant"'},{value:'"restaurant_menu"'},{value:'"restore"'},{value:'"restore_from_trash"'},{value:'"restore_page"'},{value:'"reviews"'},{value:'"rice_bowl"'},{value:'"ring_volume"'},{value:'"rocket"'},{value:'"rocket_launch"'},{value:'"roller_skating"'},{value:'"roofing"'},{value:'"room"'},{value:'"room_preferences"'},{value:'"room_service"'},{value:'"rotate_90_degrees_ccw"'},{value:'"rotate_90_degrees_cw"'},{value:'"rotate_left"'},{value:'"rotate_right"'},{value:'"roundabout_left"'},{value:'"roundabout_right"'},{value:'"rounded_corner"'},{value:'"route"'},{value:'"router"'},{value:'"rowing"'},{value:'"rss_feed"'},{value:'"rsvp"'},{value:'"rtt"'},{value:'"rule"'},{value:'"rule_folder"'},{value:'"run_circle"'},{value:'"running_with_errors"'},{value:'"rv_hookup"'},{value:'"safety_divider"'},{value:'"sailing"'},{value:'"sanitizer"'},{value:'"satellite"'},{value:'"satellite_alt"'},{value:'"save"'},{value:'"save_alt"'},{value:'"save_as"'},{value:'"saved_search"'},{value:'"savings"'},{value:'"scale"'},{value:'"scanner"'},{value:'"scatter_plot"'},{value:'"schedule"'},{value:'"schedule_send"'},{value:'"schema"'},{value:'"school"'},{value:'"science"'},{value:'"score"'},{value:'"scoreboard"'},{value:'"screen_lock_landscape"'},{value:'"screen_lock_portrait"'},{value:'"screen_lock_rotation"'},{value:'"screen_rotation"'},{value:'"screen_search_desktop"'},{value:'"screen_share"'},{value:'"screenshot"'},{value:'"scuba_diving"'},{value:'"sd"'},{value:'"sd_card"'},{value:'"sd_card_alert"'},{value:'"sd_storage"'},{value:'"search_off"'},{value:'"security"'},{value:'"security_update"'},{value:'"security_update_good"'},{value:'"security_update_warning"'},{value:'"segment"'},{value:'"select_all"'},{value:'"self_improvement"'},{value:'"sell"'},{value:'"send"'},{value:'"send_and_archive"'},{value:'"send_time_extension"'},{value:'"send_to_mobile"'},{value:'"sensor_door"'},{value:'"sensor_window"'},{value:'"sensors"'},{value:'"sensors_off"'},{value:'"sentiment_dissatisfied"'},{value:'"sentiment_neutral"'},{value:'"sentiment_satisfied"'},{value:'"sentiment_satisfied_alt"'},{value:'"sentiment_very_dissatisfied"'},{value:'"sentiment_very_satisfied"'},{value:'"set_meal"'},{value:'"settings"'},{value:'"settings_accessibility"'},{value:'"settings_applications"'},{value:'"settings_backup_restore"'},{value:'"settings_bluetooth"'},{value:'"settings_brightness"'},{value:'"settings_cell"'},{value:'"settings_ethernet"'},{value:'"settings_input_antenna"'},{value:'"settings_input_component"'},{value:'"settings_input_composite"'},{value:'"settings_input_hdmi"'},{value:'"settings_input_svideo"'},{value:'"settings_overscan"'},{value:'"settings_phone"'},{value:'"settings_power"'},{value:'"settings_remote"'},{value:'"settings_suggest"'},{value:'"settings_system_daydream"'},{value:'"settings_voice"'},{value:'"share"'},{value:'"share_location"'},{value:'"shield"'},{value:'"shield_moon"'},{value:'"shop"'},{value:'"shop_2"'},{value:'"shop_two"'},{value:'"shopping_bag"'},{value:'"shopping_basket"'},{value:'"shopping_cart"'},{value:'"shopping_cart_checkout"'},{value:'"short_text"'},{value:'"shortcut"'},{value:'"show_chart"'},{value:'"shower"'},{value:'"shuffle"'},{value:'"shuffle_on"'},{value:'"shutter_speed"'},{value:'"sick"'},{value:'"signal_cellular_0_bar"'},{value:'"signal_cellular_4_bar"'},{value:'"signal_cellular_alt"'},{value:'"signal_cellular_connected_no_internet_0_bar"'},{value:'"signal_cellular_connected_no_internet_4_bar"'},{value:'"signal_cellular_no_sim"'},{value:'"signal_cellular_nodata"'},{value:'"signal_cellular_null"'},{value:'"signal_cellular_off"'},{value:'"signal_wifi_0_bar"'},{value:'"signal_wifi_4_bar"'},{value:'"signal_wifi_4_bar_lock"'},{value:'"signal_wifi_bad"'},{value:'"signal_wifi_connected_no_internet_4"'},{value:'"signal_wifi_off"'},{value:'"signal_wifi_statusbar_4_bar"'},{value:'"signal_wifi_statusbar_connected_no_internet_4"'},{value:'"signal_wifi_statusbar_null"'},{value:'"signpost"'},{value:'"sim_card"'},{value:'"sim_card_alert"'},{value:'"sim_card_download"'},{value:'"single_bed"'},{value:'"sip"'},{value:'"skateboarding"'},{value:'"skip_next"'},{value:'"skip_previous"'},{value:'"sledding"'},{value:'"slideshow"'},{value:'"slow_motion_video"'},{value:'"smart_button"'},{value:'"smart_display"'},{value:'"smart_screen"'},{value:'"smart_toy"'},{value:'"smartphone"'},{value:'"smoke_free"'},{value:'"smoking_rooms"'},{value:'"sms"'},{value:'"sms_failed"'},{value:'"snippet_folder"'},{value:'"snooze"'},{value:'"snowboarding"'},{value:'"snowmobile"'},{value:'"snowshoeing"'},{value:'"soap"'},{value:'"social_distance"'},{value:'"sort"'},{value:'"sort_by_alpha"'},{value:'"soup_kitchen"'},{value:'"source"'},{value:'"south"'},{value:'"south_america"'},{value:'"south_east"'},{value:'"south_west"'},{value:'"spa"'},{value:'"space_bar"'},{value:'"space_dashboard"'},{value:'"speaker"'},{value:'"speaker_group"'},{value:'"speaker_notes"'},{value:'"speaker_notes_off"'},{value:'"speaker_phone"'},{value:'"speed"'},{value:'"spellcheck"'},{value:'"splitscreen"'},{value:'"spoke"'},{value:'"sports"'},{value:'"sports_bar"'},{value:'"sports_baseball"'},{value:'"sports_basketball"'},{value:'"sports_cricket"'},{value:'"sports_esports"'},{value:'"sports_football"'},{value:'"sports_golf"'},{value:'"sports_gymnastics"'},{value:'"sports_handball"'},{value:'"sports_hockey"'},{value:'"sports_kabaddi"'},{value:'"sports_martial_arts"'},{value:'"sports_mma"'},{value:'"sports_motorsports"'},{value:'"sports_rugby"'},{value:'"sports_score"'},{value:'"sports_soccer"'},{value:'"sports_tennis"'},{value:'"sports_volleyball"'},{value:'"square"'},{value:'"square_foot"'},{value:'"ssid_chart"'},{value:'"stacked_bar_chart"'},{value:'"stacked_line_chart"'},{value:'"stadium"'},{value:'"stairs"'},{value:'"star"'},{value:'"star_border"'},{value:'"star_border_purple500"'},{value:'"star_half"'},{value:'"star_outline"'},{value:'"star_purple500"'},{value:'"star_rate"'},{value:'"stars"'},{value:'"start"'},{value:'"stay_current_landscape"'},{value:'"stay_current_portrait"'},{value:'"stay_primary_landscape"'},{value:'"stay_primary_portrait"'},{value:'"sticky_note_2"'},{value:'"stop"'},{value:'"stop_circle"'},{value:'"stop_screen_share"'},{value:'"storage"'},{value:'"store"'},{value:'"store_mall_directory"'},{value:'"storefront"'},{value:'"storm"'},{value:'"straight"'},{value:'"straighten"'},{value:'"stream"'},{value:'"streetview"'},{value:'"strikethrough_s"'},{value:'"stroller"'},{value:'"style"'},{value:'"subdirectory_arrow_left"'},{value:'"subdirectory_arrow_right"'},{value:'"subject"'},{value:'"subscript"'},{value:'"subscriptions"'},{value:'"subtitles"'},{value:'"subtitles_off"'},{value:'"subway"'},{value:'"summarize"'},{value:'"superscript"'},{value:'"supervised_user_circle"'},{value:'"supervisor_account"'},{value:'"support"'},{value:'"support_agent"'},{value:'"surfing"'},{value:'"surround_sound"'},{value:'"swap_calls"'},{value:'"swap_horiz"'},{value:'"swap_horizontal_circle"'},{value:'"swap_vert"'},{value:'"swap_vertical_circle"'},{value:'"swipe"'},{value:'"swipe_down"'},{value:'"swipe_down_alt"'},{value:'"swipe_left"'},{value:'"swipe_left_alt"'},{value:'"swipe_right"'},{value:'"swipe_right_alt"'},{value:'"swipe_up"'},{value:'"swipe_up_alt"'},{value:'"swipe_vertical"'},{value:'"switch_access_shortcut"'},{value:'"switch_access_shortcut_add"'},{value:'"switch_account"'},{value:'"switch_camera"'},{value:'"switch_left"'},{value:'"switch_right"'},{value:'"switch_video"'},{value:'"synagogue"'},{value:'"sync"'},{value:'"sync_alt"'},{value:'"sync_disabled"'},{value:'"sync_lock"'},{value:'"sync_problem"'},{value:'"system_security_update"'},{value:'"system_security_update_good"'},{value:'"system_security_update_warning"'},{value:'"system_update"'},{value:'"system_update_alt"'},{value:'"tab"'},{value:'"tab_unselected"'},{value:'"table_bar"'},{value:'"table_chart"'},{value:'"table_restaurant"'},{value:'"table_rows"'},{value:'"table_view"'},{value:'"tablet"'},{value:'"tablet_android"'},{value:'"tablet_mac"'},{value:'"tag"'},{value:'"tag_faces"'},{value:'"takeout_dining"'},{value:'"tap_and_play"'},{value:'"tapas"'},{value:'"task"'},{value:'"task_alt"'},{value:'"taxi_alert"'},{value:'"temple_buddhist"'},{value:'"temple_hindu"'},{value:'"terminal"'},{value:'"terrain"'},{value:'"text_decrease"'},{value:'"text_fields"'},{value:'"text_format"'},{value:'"text_increase"'},{value:'"text_rotate_up"'},{value:'"text_rotate_vertical"'},{value:'"text_rotation_angledown"'},{value:'"text_rotation_angleup"'},{value:'"text_rotation_down"'},{value:'"text_rotation_none"'},{value:'"text_snippet"'},{value:'"textsms"'},{value:'"texture"'},{value:'"theater_comedy"'},{value:'"theaters"'},{value:'"thermostat"'},{value:'"thermostat_auto"'},{value:'"thumb_down"'},{value:'"thumb_down_alt"'},{value:'"thumb_down_off_alt"'},{value:'"thumb_up"'},{value:'"thumb_up_alt"'},{value:'"thumb_up_off_alt"'},{value:'"thumbs_up_down"'},{value:'"time_to_leave"'},{value:'"timelapse"'},{value:'"timeline"'},{value:'"timer"'},{value:'"timer_10"'},{value:'"timer_10_select"'},{value:'"timer_3"'},{value:'"timer_3_select"'},{value:'"timer_off"'},{value:'"tips_and_updates"'},{value:'"tire_repair"'},{value:'"title"'},{value:'"toc"'},{value:'"today"'},{value:'"toggle_off"'},{value:'"toggle_on"'},{value:'"token"'},{value:'"toll"'},{value:'"tonality"'},{value:'"topic"'},{value:'"touch_app"'},{value:'"tour"'},{value:'"toys"'},{value:'"track_changes"'},{value:'"traffic"'},{value:'"train"'},{value:'"tram"'},{value:'"transfer_within_a_station"'},{value:'"transform"'},{value:'"transgender"'},{value:'"transit_enterexit"'},{value:'"translate"'},{value:'"travel_explore"'},{value:'"trending_down"'},{value:'"trending_flat"'},{value:'"trending_up"'},{value:'"trip_origin"'},{value:'"try"'},{value:'"tty"'},{value:'"tune"'},{value:'"tungsten"'},{value:'"turn_left"'},{value:'"turn_right"'},{value:'"turn_sharp_left"'},{value:'"turn_sharp_right"'},{value:'"turn_slight_left"'},{value:'"turn_slight_right"'},{value:'"turned_in"'},{value:'"turned_in_not"'},{value:'"tv"'},{value:'"tv_off"'},{value:'"two_wheeler"'},{value:'"u_turn_left"'},{value:'"u_turn_right"'},{value:'"umbrella"'},{value:'"unarchive"'},{value:'"undo"'},{value:'"unfold_less"'},{value:'"unfold_more"'},{value:'"unpublished"'},{value:'"unsubscribe"'},{value:'"upcoming"'},{value:'"update"'},{value:'"update_disabled"'},{value:'"upgrade"'},{value:'"upload"'},{value:'"upload_file"'},{value:'"usb"'},{value:'"usb_off"'},{value:'"vaccines"'},{value:'"vape_free"'},{value:'"vaping_rooms"'},{value:'"verified"'},{value:'"verified_user"'},{value:'"vertical_align_bottom"'},{value:'"vertical_align_center"'},{value:'"vertical_align_top"'},{value:'"vertical_distribute"'},{value:'"vertical_split"'},{value:'"vibration"'},{value:'"video_call"'},{value:'"video_camera_back"'},{value:'"video_camera_front"'},{value:'"video_file"'},{value:'"video_label"'},{value:'"video_library"'},{value:'"video_settings"'},{value:'"video_stable"'},{value:'"videocam"'},{value:'"videocam_off"'},{value:'"videogame_asset"'},{value:'"videogame_asset_off"'},{value:'"view_agenda"'},{value:'"view_array"'},{value:'"view_carousel"'},{value:'"view_column"'},{value:'"view_comfy"'},{value:'"view_comfy_alt"'},{value:'"view_compact"'},{value:'"view_compact_alt"'},{value:'"view_cozy"'},{value:'"view_day"'},{value:'"view_headline"'},{value:'"view_in_ar"'},{value:'"view_kanban"'},{value:'"view_list"'},{value:'"view_module"'},{value:'"view_quilt"'},{value:'"view_sidebar"'},{value:'"view_stream"'},{value:'"view_timeline"'},{value:'"view_week"'},{value:'"vignette"'},{value:'"villa"'},{value:'"visibility"'},{value:'"visibility_off"'},{value:'"voice_chat"'},{value:'"voice_over_off"'},{value:'"voicemail"'},{value:'"volume_down"'},{value:'"volume_mute"'},{value:'"volume_off"'},{value:'"volume_up"'},{value:'"volunteer_activism"'},{value:'"vpn_key"'},{value:'"vpn_key_off"'},{value:'"vpn_lock"'},{value:'"vrpano"'},{value:'"wallpaper"'},{value:'"warehouse"'},{value:'"warning_amber"'},{value:'"wash"'},{value:'"watch"'},{value:'"watch_later"'},{value:'"watch_off"'},{value:'"water"'},{value:'"water_damage"'},{value:'"water_drop"'},{value:'"waterfall_chart"'},{value:'"waves"'},{value:'"waving_hand"'},{value:'"wb_auto"'},{value:'"wb_cloudy"'},{value:'"wb_incandescent"'},{value:'"wb_iridescent"'},{value:'"wb_shade"'},{value:'"wb_sunny"'},{value:'"wb_twilight"'},{value:'"wc"'},{value:'"web"'},{value:'"web_asset"'},{value:'"web_asset_off"'},{value:'"webhook"'},{value:'"weekend"'},{value:'"west"'},{value:'"whatsapp"'},{value:'"whatshot"'},{value:'"wheelchair_pickup"'},{value:'"where_to_vote"'},{value:'"widgets"'},{value:'"wifi"'},{value:'"wifi_calling"'},{value:'"wifi_calling_3"'},{value:'"wifi_channel"'},{value:'"wifi_find"'},{value:'"wifi_lock"'},{value:'"wifi_off"'},{value:'"wifi_password"'},{value:'"wifi_protected_setup"'},{value:'"wifi_tethering"'},{value:'"wifi_tethering_error"'},{value:'"wifi_tethering_off"'},{value:'"window"'},{value:'"wine_bar"'},{value:'"woman"'},{value:'"work"'},{value:'"work_off"'},{value:'"work_outline"'},{value:'"workspace_premium"'},{value:'"workspaces"'},{value:'"wrap_text"'},{value:'"wrong_location"'},{value:'"wysiwyg"'},{value:'"yard"'},{value:'"youtube_searched_for"'},{value:'"zoom_in"'},{value:'"zoom_in_map"'},{value:'"zoom_out"'},{value:'"zoom_out_map"'}]}},className:{defaultValue:null,description:"Optional extra CSS class you want to add to the component.\nUseful for styling the component.",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/addons/AddonIcon/AddonIcon.tsx#AddonIcon"]={docgenInfo:AddonIcon.__docgenInfo,name:"AddonIcon",path:"src/form/addons/AddonIcon/AddonIcon.tsx#AddonIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/option.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function getKeyForOption(_ref){var option=_ref.option,keyForOption=_ref.keyForOption,labelForOption=_ref.labelForOption;return keyForOption?keyForOption(option):option.id?"".concat(option.id):labelForOption(option)}function isOptionSelected(config){var value=config.value;return!!value&&(Array.isArray(value)?value.some((function(value){return isValueSelected(value,config)})):isValueSelected(value,config))}function isValueSelected(value,config){var option=config.option,isOptionEqual=config.isOptionEqual,labelForOption=config.labelForOption,keyForOption=config.keyForOption;return isOptionEqual?isOptionEqual(value,option):getKeyForOption({option,keyForOption,labelForOption})===getKeyForOption({option:value,keyForOption,labelForOption})}__webpack_require__.d(__webpack_exports__,{G:()=>getKeyForOption,O:()=>isOptionSelected})},"./src/form/story-utils.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$L:()=>IsOptionEqualInfo,JI:()=>provinces,Nq:()=>ReloadOptionsInfo,_v:()=>sleep,cq:()=>nonExistingProvince,hL:()=>resolveAfter,kI:()=>KeyForOptionInfo,pi:()=>provinceFetcher,vy:()=>FinalForm});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_final_form__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),reactstrap__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js"),_core_SubmitButton_SubmitButton__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/SubmitButton/SubmitButton.tsx"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_utilities_page_page__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utilities/page/page.ts"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts");function FinalForm(_ref){var children=_ref.children;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_1__.Form,{onSubmit:function onSubmit(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("form submitted")},render:function render(_ref2){var handleSubmit=_ref2.handleSubmit,submitting=_ref2.submitting,values=_ref2.values,errors=_ref2.errors;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.X2,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.JX,{lg:6},react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Zb,{className:"m-2"},children,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_SubmitButton_SubmitButton__WEBPACK_IMPORTED_MODULE_2__.Z,{onClick:function onClick(){return handleSubmit()},inProgress:submitting,className:"float-end"},"Submit"))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__.JX,{lg:6},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Values"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",null,JSON.stringify(values,null,2)),react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2",null,"Errors"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("pre",null,JSON.stringify(errors,null,2)))))}})}function resolveAfter(value){var after=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1e3;return new Promise((function(resolve){return setTimeout((function(){resolve(value)}),after)}))}function IsOptionEqualInfo(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"By default when ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"isOptionEqual")," is not provided the ids of the objects will be compared. If id does not exist the labels for the options coming from ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"labelForOption")," will be compared."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"You will rarely need ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("em",null,"isOptionEqual")," in practice.")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You will only need to provide a custom ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"isOptionEqual")," ","when your objects do not have an ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"id")," or when options will have the same ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"label"),"."))}function KeyForOptionInfo(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"By default when ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"keyForOption")," is not provided the id of the object will be used the key. If id does not exist the labels for the options coming from ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"labelForOption")," will be used as the key."),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"You will rarely need ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("em",null,"keyForOption")," in practice.")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"You will rarely need ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"keyForOption")," in practice. You will only need to provide a custom ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"keyForOption")," when your objects do not have an ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"id")," or when options will have the same ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"label"),"."))}function ReloadOptionsInfo(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("p",null,"Whenever ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"reloadOptions")," changes the options are fetched again. Should only be used when ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong",null,"options")," is a function which fetches data.")}function provinceFetcher(_ref3){var query=_ref3.query,page=_ref3.page,size=_ref3.size,content=[{id:1,value:"GRONINGEN",label:"Groningen",north:!0},{id:2,value:"FRIESLAND",label:"Friesland",north:!0},{id:3,value:"DRENTHE",label:"Drenthe",north:!0},{id:4,value:"OVERIJSSEL",label:"Overijssel",north:!1},{id:5,value:"FLEVOLAND",label:"Flevoland",north:!1},{id:6,value:"GELDERLAND",label:"Gelderland",north:!1},{id:7,value:"UTRECHT",label:"Utrecht",north:!1},{id:8,value:"NOORD-HOLLAND",label:"Noord-Holland",north:!0},{id:9,value:"ZUID-HOLLAND",label:"Zuid-Holland",north:!1},{id:10,value:"ZEELAND",label:"Zeeland",north:!1},{id:11,value:"NOORD-BRABANT",label:"Noord-Brabant",north:!1},{id:12,value:"LIMBURG",label:"Limburg",north:!1}].filter((function(province){return province.label.toLowerCase().includes(query.toLowerCase())}));return resolveAfter((0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_6__.u)(content,page,size))}function nonExistingProvince(){return{id:13,value:"VLAANDEREN",label:"Vlaanderen",north:!1}}function provinces(){return[{id:1,value:"GRONINGEN",label:"Groningen",north:!0},{id:2,value:"FRIESLAND",label:"Friesland",north:!0},{id:3,value:"DRENTHE",label:"Drenthe",north:!0},{id:4,value:"OVERIJSSEL",label:"Overijssel",north:!1},{id:5,value:"FLEVOLAND",label:"Flevoland",north:!1},{id:6,value:"GELDERLAND",label:"Gelderland",north:!1},{id:7,value:"UTRECHT",label:"Utrecht",north:!1},{id:8,value:"NOORD-HOLLAND",label:"Noord-Holland",north:!0},{id:9,value:"ZUID-HOLLAND",label:"Zuid-Holland",north:!1},{id:10,value:"ZEELAND",label:"Zeeland",north:!1},{id:11,value:"NOORD-BRABANT",label:"Noord-Brabant",north:!1},{id:12,value:"LIMBURG",label:"Limburg",north:!1}]}function cityFetcher(_ref4){var query=_ref4.query,page=_ref4.page,size=_ref4.size,content=[{id:1,value:"GRONINGEN",label:"Groningen",north:!0},{id:2,value:"FRIESLAND",label:"Friesland",north:!0},{id:3,value:"DRENTHE",label:"Drenthe",north:!0},{id:4,value:"OVERIJSSEL",label:"Overijssel",north:!1},{id:5,value:"FLEVOLAND",label:"Flevoland",north:!1},{id:6,value:"GELDERLAND",label:"Gelderland",north:!1},{id:7,value:"UTRECHT",label:"Utrecht",north:!1},{id:8,value:"NOORD-HOLLAND",label:"Noord-Holland",north:!0},{id:9,value:"ZUID-HOLLAND",label:"Zuid-Holland",north:!1},{id:10,value:"ZEELAND",label:"Zeeland",north:!1},{id:11,value:"NOORD-BRABANT",label:"Noord-Brabant",north:!1},{id:12,value:"LIMBURG",label:"Limburg",north:!1}].filter((function(province){return province.label.toLowerCase().includes(query.toLowerCase())}));return resolveAfter(pageOf(content,page,size))}function sleep(ms){return new Promise((function(resolve){setTimeout(resolve,ms)}))}try{FinalForm.displayName="FinalForm",FinalForm.__docgenInfo={description:"",displayName:"FinalForm",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/story-utils.tsx#FinalForm"]={docgenInfo:FinalForm.__docgenInfo,name:"FinalForm",path:"src/form/story-utils.tsx#FinalForm"})}catch(__react_docgen_typescript_loader_error){}try{provinceFetcher.displayName="provinceFetcher",provinceFetcher.__docgenInfo={description:"",displayName:"provinceFetcher",props:{query:{defaultValue:null,description:"The query which was provided by the component. If no query is\npresent an empty string is provided.",name:"query",required:!0,type:{name:"string"}},page:{defaultValue:null,description:"The page number the developer must fetch from the back-end.\nStarts at 1.",name:"page",required:!0,type:{name:"number"}},size:{defaultValue:null,description:"The desired size which the form component accepts. The developer\nshould not provide more items than the size, otherwise unintended\nthings may happen.",name:"size",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/story-utils.tsx#provinceFetcher"]={docgenInfo:provinceFetcher.__docgenInfo,name:"provinceFetcher",path:"src/form/story-utils.tsx#provinceFetcher"})}catch(__react_docgen_typescript_loader_error){}try{cityFetcher.displayName="cityFetcher",cityFetcher.__docgenInfo={description:"",displayName:"cityFetcher",props:{query:{defaultValue:null,description:"The query which was provided by the component. If no query is\npresent an empty string is provided.",name:"query",required:!0,type:{name:"string"}},page:{defaultValue:null,description:"The page number the developer must fetch from the back-end.\nStarts at 1.",name:"page",required:!0,type:{name:"number"}},size:{defaultValue:null,description:"The desired size which the form component accepts. The developer\nshould not provide more items than the size, otherwise unintended\nthings may happen.",name:"size",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/story-utils.tsx#cityFetcher"]={docgenInfo:cityFetcher.__docgenInfo,name:"cityFetcher",path:"src/form/story-utils.tsx#cityFetcher"})}catch(__react_docgen_typescript_loader_error){}try{sleep.displayName="sleep",sleep.__docgenInfo={description:"",displayName:"sleep",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/story-utils.tsx#sleep"]={docgenInfo:sleep.__docgenInfo,name:"sleep",path:"src/form/story-utils.tsx#sleep"})}catch(__react_docgen_typescript_loader_error){}},"./src/form/useOptions.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>useOptions});var _42_nl_spring_connect__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@42.nl/spring-connect/lib/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_utilities_page_page__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utilities/page/page.ts"),_option__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/option.ts");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useOptions(config){var optionsOrFetcher=config.options,value=config.value,keyForOption=config.keyForOption,labelForOption=config.labelForOption,isOptionEqual=config.isOptionEqual,reloadOptions=config.reloadOptions,query=config.query,pageNumber=config.pageNumber,size=config.size,optionsShouldAlwaysContainValue=config.optionsShouldAlwaysContainValue,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((function(){return!Array.isArray(optionsOrFetcher)})),2),loading=_useState2[0],setLoading=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((function(){if(Array.isArray(optionsOrFetcher)){var _page=pageFromOptionsArray(optionsOrFetcher);return appendValueToPage(_page),_page}return(0,_42_nl_spring_connect__WEBPACK_IMPORTED_MODULE_0__.emptyPage)()})),2),page=_useState4[0],setPage=_useState4[1];function pageFromOptionsArray(options){var content=options.filter((function(option){return labelForOption(option).toLocaleLowerCase().includes(query.toLocaleLowerCase())}));return(0,_utilities_page_page__WEBPACK_IMPORTED_MODULE_2__.u)(content,pageNumber,size)}function appendValueToPage(page){if(optionsShouldAlwaysContainValue&&value)if(Array.isArray(value)){var prepend=value.filter((function(v){return!page.content.some((function(option){return(0,_option__WEBPACK_IMPORTED_MODULE_3__.O)({option,keyForOption,labelForOption,isOptionEqual,value:v})}))}));page.content=[].concat(_toConsumableArray(prepend),_toConsumableArray(page.content))}else{if(page.content.some((function(option){return(0,_option__WEBPACK_IMPORTED_MODULE_3__.O)({option,keyForOption,labelForOption,isOptionEqual,value})})))return;page.content.unshift(value)}}var watch="".concat(reloadOptions,"-").concat(query,"-").concat(pageNumber,"-").concat(size),lastWatch=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(watch);return(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)((function(){function _loadOptions(){return(_loadOptions=_asyncToGenerator(regeneratorRuntime.mark((function _callee(fetcher){var resultPage;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return setLoading(!0),_context.next=3,fetcher({query,page:pageNumber,size});case 3:appendValueToPage(resultPage=_context.sent),setPage(resultPage),setLoading(!1);case 7:case"end":return _context.stop()}}),_callee)})))).apply(this,arguments)}if(Array.isArray(optionsOrFetcher)){if(lastWatch.current!==watch){lastWatch.current=watch;var newPage=pageFromOptionsArray(optionsOrFetcher);appendValueToPage(newPage),setPage(newPage)}}else!function loadOptions(_x){return _loadOptions.apply(this,arguments)}(optionsOrFetcher)}),[watch]),{loading,page}}},"./src/form/utils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function getState(info){return info.hasErrors&&info.touched?{color:"danger",valid:!1}:{color:"",valid:void 0}}function doBlur(onBlur){onBlur&&onBlur()}function alwaysTrue(){return!0}__webpack_require__.d(__webpack_exports__,{GK:()=>alwaysTrue,y0:()=>getState,yJ:()=>doBlur})},"./src/form/withJarb/withJarb.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>withJarb});var react=__webpack_require__("./node_modules/react/index.js"),react_final_form_es=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),lib=__webpack_require__("./node_modules/@42.nl/jarb-final-form/lib/index.js"),getDisplayName=__webpack_require__("./node_modules/react-display-name/lib/getDisplayName.js"),react_error_store_lib=__webpack_require__("./node_modules/@42.nl/react-error-store/lib/index.js"),lodash=__webpack_require__("./node_modules/lodash/lodash.js"),FormError=__webpack_require__("./src/form/FormError/FormError.tsx"),utils=__webpack_require__("./src/form/utils.ts"),Tooltip=__webpack_require__("./src/core/Tooltip/Tooltip.tsx");var config=__webpack_require__("./src/config/config.ts"),translation=__webpack_require__("./src/utilities/translation/translation.ts");function useMarkedAsRequiredLabel(_ref){var label=_ref.label,validator=_ref.validator;if(!label)return label;var showRequiredMarkInLabel=(0,config.i)().showRequiredMarkInLabel;return"string"==typeof label&&showRequiredMarkInLabel&&(0,lib.q9)(validator)?react.createElement(react.Fragment,null,label,(0,translation.t)({key:"withJarb.REQUIRED_MARK",fallback:" *"})):label}try{useMarkedAsRequiredLabel.displayName="useMarkedAsRequiredLabel",useMarkedAsRequiredLabel.__docgenInfo={description:"",displayName:"useMarkedAsRequiredLabel",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ReactNode"}},validator:{defaultValue:null,description:"",name:"validator",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/withJarb/useMarkedAsRequiredLabel/useMarkedAsRequiredLabel.tsx#useMarkedAsRequiredLabel"]={docgenInfo:useMarkedAsRequiredLabel.__docgenInfo,name:"useMarkedAsRequiredLabel",path:"src/form/withJarb/useMarkedAsRequiredLabel/useMarkedAsRequiredLabel.tsx#useMarkedAsRequiredLabel"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["errorMode","name","jarb","validators","asyncValidators","asyncValidatorsDebounce","allowNull"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var passedFieldProps=["initialValue","format","formatOnBlur","parse"],managedProps=["onChange","onBlur","onFocus","value","color","valid","error"];function withJarb(Wrapper){var displayName="Jarb".concat((0,getDisplayName.Z)(Wrapper));function WithJarb(props){var illegalProps=managedProps.filter((function(p){return void 0!==props[p]}));if(illegalProps.length>0){var illegalPropsAsString=prettyPropsSummation(illegalProps,"and"),managedPropsAsString=prettyPropsSummation(managedProps,"or");throw new Error('\n        withJarb: illegal props detected on "'.concat(displayName,'".\n        \n        The following illegal props were detected: ').concat(illegalPropsAsString,".\n        \n        This happens when providing one or multiple of the following \n        managed props: ").concat(managedPropsAsString,' manually. \n        \n        You should never provide these props manually instead you should\n        trust that "withJarb" will manage these props for you.\n\n        Remove the following illegal props: ').concat(illegalPropsAsString,".\n      "))}var _useHasErrors2=_slicedToArray(function useHasErrors(){return(0,react.useState)(!1)}(),2),hasErrors=_useHasErrors2[0],setHasErrors=_useHasErrors2[1],_props$errorMode=props.errorMode,errorMode=void 0===_props$errorMode?"below":_props$errorMode,name=props.name,jarb=props.jarb,validators=props.validators,asyncValidators=props.asyncValidators,asyncValidatorsDebounce=props.asyncValidatorsDebounce,rest=(props.allowNull,_objectWithoutProperties(props,_excluded)),wrapperProps=(0,lodash.omit)(rest,passedFieldProps);wrapperProps.label=useMarkedAsRequiredLabel({label:wrapperProps.label,validator:jarb.validator});var fieldProps=(0,lodash.pick)(rest,["initialValue","format","formatOnBlur","parse"]),error=react.createElement(react_final_form_es.Field,{name,subscription:{active:!0,touched:!0,error:!0,value:!0,validating:!0},render:function render(field){return react.createElement(FormError.Z,{value:field.input.value,meta:field.meta,validator:jarb.validator,onChange:setHasErrors,className:"tooltip"===errorMode?"withjarb-tooltip":void 0})}});return react.createElement(lib.iL,_extends({name,jarb,validators,asyncValidators,asyncValidatorsDebounce,subscription:{value:!0,invalid:!0,touched:!0,validating:!0},render:function render(field){return hasErrors&&"tooltip"===errorMode?react.createElement(Tooltip.Z,{content:error,tag:"div",className:"w-100",placement:"bottom"},react.createElement(Wrapper,_extends({},wrapperProps,mapFieldRenderProps(field,jarb.validator,hasErrors)))):react.createElement(Wrapper,_extends({},wrapperProps,mapFieldRenderProps(field,jarb.validator,hasErrors),{error}))}},fieldProps))}return WithJarb.displayName=displayName,WithJarb}function mapFieldRenderProps(props,validator,hasErrors){var input=props.input,meta=props.meta;return _objectSpread(_objectSpread({},(0,utils.y0)({hasErrors,touched:meta.touched})),{},{onChange:function onChange(value){input.onChange(value),(0,react_error_store_lib.GY)(validator)},name:input.name,onFocus:input.onFocus,onBlur:input.onBlur,value:input.value})}function prettyPropsSummation(props,coordinatingConjunction){var lastIndex=props.length-1;return props.map((function(prop,index){var isLast=index===lastIndex,comma=0===index||isLast?"":", ",conjunction=isLast?" ".concat(coordinatingConjunction," "):"";return"".concat(comma).concat(conjunction,"'").concat(prop,"'")})).join("")}try{withJarb.displayName="withJarb",withJarb.__docgenInfo={description:"withJarb is a Higher Order Component which takes an input element\nwhich is `JarbFieldCompatible` as defined by the interface, and turns\nit into a Component which uses `JarbField` so it can be used in\na final-form form.\n\nBasically all props needed in `JarbFieldCompatible` are plugged into the\nWrapper, by taking the `input` and `meta` from `final-form` and assigning\nthem into the correct slots.\n\nAlso automatically adds the `FormError` component as the error\nslot so errors are rendered.",displayName:"withJarb",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/form/withJarb/withJarb.tsx#withJarb"]={docgenInfo:withJarb.__docgenInfo,name:"withJarb",path:"src/form/withJarb/withJarb.tsx#withJarb"})}catch(__react_docgen_typescript_loader_error){}},"./src/hooks/useBodyFixOnModalClose/useBodyFixOnModalClose.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{s:()=>useBodyFixOnModalClose});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function useBodyFixOnModalClose(isOpen){(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var _document$querySelect;isOpen||(null===(_document$querySelect=document.querySelector("body"))||void 0===_document$querySelect||_document$querySelect.classList.remove("modal-open"))}),[isOpen])}},"./src/hooks/useBootstrapSize/useBootstrapSize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>useBootstrapSize});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useBootstrapSize(){var size,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(getBootstrapSize(window.innerWidth)),2),bootstrapSize=_useState2[0],setBootstrapSize=_useState2[1];function updateWindowDimensions(){setBootstrapSize(getBootstrapSize(window.innerWidth))}return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){return window.addEventListener("resize",updateWindowDimensions),function(){return window.removeEventListener("resize",updateWindowDimensions)}})),{bootstrapSize,isMobile:(size=bootstrapSize,["xs","sm"].includes(size)),isTablet:isTablet(bootstrapSize),isDesktop:isDesktop(bootstrapSize)}}function isTablet(size){return["md"].includes(size)}function isDesktop(size){return["lg","xl","xxl"].includes(size)}function getBootstrapSize(width){return width<576?"xs":width>=576&&width<768?"sm":width>=768&&width<992?"md":width>=992&&width<1200?"lg":width>=1200&&width<1400?"xl":"xxl"}},"./src/hooks/useId/useId.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{M:()=>useId});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),lodash__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/lodash/lodash.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useId(_ref){var id=_ref.id,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((function(){return null!=id?id:(0,lodash__WEBPACK_IMPORTED_MODULE_1__.uniqueId)()})),2),innerId=_useState2[0],setInnerId=_useState2[1];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){id&&setInnerId(id)}),[id]),innerId}},"./src/hooks/useShowAfter/useShowAfter.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{u:()=>useShowAfter});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useShowAfter(after){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),show=_useState2[0],setShow=_useState2[1];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var timeoutId=window.setTimeout((function(){setShow(!0)}),after);return function(){window.clearTimeout(timeoutId)}}),[after]),show}try{useShowAfter.displayName="useShowAfter",useShowAfter.__docgenInfo={description:"Returns `false` but after a predetermined `after` time returns\n`true`.\n\nUseful for wanting to show content only after a time. For example\nto not show a loading spinner to soon, only\nafter it takes a while.",displayName:"useShowAfter",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/hooks/useShowAfter/useShowAfter.tsx#useShowAfter"]={docgenInfo:useShowAfter.__docgenInfo,name:"useShowAfter",path:"src/hooks/useShowAfter/useShowAfter.tsx#useShowAfter"})}catch(__react_docgen_typescript_loader_error){}},"./src/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{e9:()=>Addon.e,pg:()=>AddonButton.p,Gw:()=>AddonIcon.G,zx:()=>Button.ZP,Zb:()=>Card.Z,Mi:()=>ContentState.Z,Yg:()=>DateTimeInput.ZP,JO:()=>Icon.JO,bE:()=>InfoTooltip.b,rK:()=>Checkbox.r,zN:()=>CheckboxMultipleSelect.z,Ug:()=>ColorPicker.U,zj:()=>DateTimeInput.zj,bD:()=>FileInput.bD,hl:()=>IconPicker.h,jS:()=>ImageUpload.jS,tG:()=>ModalPickerMultiple.t,qP:()=>ModalPickerSingle.q,VI:()=>NewPasswordInput.VI,yn:()=>RadioGroup.y,Bu:()=>Select.B,dG:()=>TextEditor.d,XX:()=>Textarea.X,GV:()=>TypeaheadMultiple.Y,dr:()=>TypeaheadSingle.d,gb:()=>Loading.Z,nm:()=>OpenCloseModal.n,tl:()=>Pagination.Z,vc:()=>PlainTextFormControl.v,Ph:()=>Select.Z,Mm:()=>SubmitButton.Z,Vp:()=>Tag.Z,ZD:()=>Toggle.Z,u:()=>Tooltip.Z,Sl:()=>checkers.Sl,EB:()=>validators.EB,hF:()=>checkers.hF,Vi:()=>validators.Vi,Y9:()=>checkers.zx,dz:()=>validators.dz,GI:()=>NewPasswordInput.GI,yM:()=>FileInput.yM,LT:()=>ImageUpload.LT,uj:()=>page.u,Ye:()=>FileInput.Ye,f3:()=>ImageUpload.f3,t:()=>translation.t,XI:()=>useHover});__webpack_require__("./src/core/Avatar/Avatar.tsx"),__webpack_require__("./src/core/Avatar/AvatarStack.tsx");var Button=__webpack_require__("./src/core/Button/Button.tsx"),ContentState=(__webpack_require__("./src/core/Button/useShowSpinner.tsx"),__webpack_require__("./src/core/ConfirmButton/ConfirmButton.tsx"),__webpack_require__("./src/core/ConfirmModal/ConfirmModal.tsx"),__webpack_require__("./src/core/ContentState/ContentState.tsx")),Icon=(__webpack_require__("./src/core/FlashMessage/FlashMessage.tsx"),__webpack_require__("./src/core/Icon/index.ts")),Loading=(__webpack_require__("./src/core/InfoBadge/InfoBadge.tsx"),__webpack_require__("./src/core/LoadingPage/LoadingPage.tsx"),__webpack_require__("./src/core/Loading/Loading.tsx")),Pagination=(__webpack_require__("./src/core/MoreOrLess/MoreOrLess.tsx"),__webpack_require__("./src/core/NavigationItem/NavigationItem.tsx"),__webpack_require__("./src/core/Pagination/Pagination.tsx")),SubmitButton=(__webpack_require__("./src/core/ProgressStepper/ProgressStepper.tsx"),__webpack_require__("./src/core/Spinner/Spinner.tsx"),__webpack_require__("./src/core/SubmitButton/SubmitButton.tsx")),Tag=__webpack_require__("./src/core/Tag/Tag.tsx"),Tooltip=__webpack_require__("./src/core/Tooltip/Tooltip.tsx"),OpenCloseModal=(__webpack_require__("./src/core/AsyncContent/AsyncContent.tsx"),__webpack_require__("./src/core/AsyncPage/AsyncPage.tsx"),__webpack_require__("./src/core/AsyncList/AsyncList.tsx"),__webpack_require__("./src/core/SearchInput/SearchInput.tsx"),__webpack_require__("./src/core/Pager/Pager.tsx"),__webpack_require__("./src/core/OpenCloseModal/OpenCloseModal.tsx")),InfoTooltip=(__webpack_require__("./src/core/Popover/Popover.tsx"),__webpack_require__("./src/core/TextButton/TextButton.tsx"),__webpack_require__("./src/core/InfoTooltip/InfoTooltip.tsx")),Card=(__webpack_require__("./src/core/BooleanIcon/BooleanIcon.tsx"),__webpack_require__("./src/core/SuccessIcon/SuccessIcon.tsx"),__webpack_require__("./src/core/OrSeparator/OrSeparator.tsx"),__webpack_require__("./src/core/lists/AttributeList/AttributeList.tsx"),__webpack_require__("./src/core/lists/AttributeView/AttributeView.tsx"),__webpack_require__("./src/core/OpenClose/OpenClose.tsx"),__webpack_require__("./src/core/FavoriteIcon/FavoriteIcon.tsx"),__webpack_require__("./src/core/Modal/Modal.tsx"),__webpack_require__("./src/core/Card/Card.tsx")),Textarea=(__webpack_require__("./src/core/CardOpenClose/CardOpenClose.tsx"),__webpack_require__("./src/core/Tabs/Tabs.tsx"),__webpack_require__("./src/core/Tabs/Tab/Tab.tsx"),__webpack_require__("./src/core/AsyncActionButton/AsyncActionButton.tsx"),__webpack_require__("./src/core/Debug/Debug.tsx"),__webpack_require__("./src/core/ErrorBoundary/ErrorBoundary.tsx"),__webpack_require__("./src/form/AutoSave/AutoSave.tsx"),__webpack_require__("./src/form/withJarb/withJarb.tsx"),__webpack_require__("./src/form/Input/Input.tsx"),__webpack_require__("./src/form/Textarea/Textarea.tsx")),TextEditor=__webpack_require__("./src/form/TextEditor/TextEditor.tsx"),DateTimeInput=__webpack_require__("./src/form/DateTimeInput/DateTimeInput.tsx"),checkers=__webpack_require__("./src/form/DateTimeInput/checkers.ts"),validators=__webpack_require__("./src/form/DateTimeInput/validators.ts"),Select=__webpack_require__("./src/form/Select/Select.tsx"),ModalPickerSingle=__webpack_require__("./src/form/ModalPicker/single/ModalPickerSingle.tsx"),ModalPickerMultiple=__webpack_require__("./src/form/ModalPicker/multiple/ModalPickerMultiple.tsx"),TypeaheadSingle=__webpack_require__("./src/form/Typeahead/single/TypeaheadSingle.tsx"),TypeaheadMultiple=__webpack_require__("./src/form/Typeahead/multiple/TypeaheadMultiple.tsx"),FileInput=__webpack_require__("./src/form/FileInput/FileInput.tsx"),ImageUpload=__webpack_require__("./src/form/ImageUpload/ImageUpload.tsx"),Toggle=__webpack_require__("./src/core/Toggle/Toggle.tsx"),CheckboxMultipleSelect=(__webpack_require__("./src/form/FormError/FormError.tsx"),__webpack_require__("./src/form/FormError/utils.tsx"),__webpack_require__("./src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx")),IconPicker=(__webpack_require__("./src/form/ValuePicker/ValuePicker.tsx"),__webpack_require__("./src/form/IconPicker/IconPicker.tsx")),ColorPicker=__webpack_require__("./src/form/ColorPicker/ColorPicker.tsx"),Checkbox=__webpack_require__("./src/form/Checkbox/Checkbox.tsx"),RadioGroup=__webpack_require__("./src/form/RadioGroup/RadioGroup.tsx"),NewPasswordInput=__webpack_require__("./src/form/NewPasswordInput/NewPasswordInput.tsx"),Addon=(__webpack_require__("./src/form/FormButton/FormButton.tsx"),__webpack_require__("./src/form/addons/Addon/Addon.tsx")),AddonButton=__webpack_require__("./src/form/addons/AddonButton/AddonButton.tsx"),AddonIcon=__webpack_require__("./src/form/addons/AddonIcon/AddonIcon.tsx"),PlainTextFormControl=__webpack_require__("./src/form/PlainTextFormControl/PlainTextFormControl.tsx"),translation=(__webpack_require__("./src/table/EpicTable/EpicTable.tsx"),__webpack_require__("./src/table/EpicTable/cells/EpicCell/EpicCell.tsx"),__webpack_require__("./src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx"),__webpack_require__("./src/table/EpicTable/cells/EpicCellLayout/EpicCellLayout.tsx"),__webpack_require__("./src/table/EpicTable/cells/EpicForm/EpicForm.tsx"),__webpack_require__("./src/table/EpicTable/cells/EpicFormCell/EpicFormCell.tsx"),__webpack_require__("./src/table/EpicTable/rows/EpicRow/EpicRow.tsx"),__webpack_require__("./src/table/EpicTable/rows/EpicDetailRow/EpicDetailRow.tsx"),__webpack_require__("./src/table/EpicTable/rows/EpicExpanderRow/EpicExpanderRow.tsx"),__webpack_require__("./src/table/EpicTable/widgets/EpicDetail/EpicDetail.tsx"),__webpack_require__("./src/table/EpicTable/widgets/EpicExpander/EpicExpander.tsx"),__webpack_require__("./src/table/EpicTable/widgets/EpicSelection/EpicSelection.tsx"),__webpack_require__("./src/table/EpicTable/widgets/EpicSort/EpicSort.tsx"),__webpack_require__("./src/table/CrudTable/CrudTable.tsx"),__webpack_require__("./src/table/CrudTable/components/CrudHeader/CrudHeader.tsx"),__webpack_require__("./src/utilities/translation/translation.ts")),page=__webpack_require__("./src/utilities/page/page.ts"),react=(__webpack_require__("./src/config/config.ts"),__webpack_require__("./src/hooks/useBodyFixOnModalClose/useBodyFixOnModalClose.ts"),__webpack_require__("./src/hooks/useShowAfter/useShowAfter.tsx"),__webpack_require__("./node_modules/react/index.js"));function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useHover(){var _useState2=_slicedToArray((0,react.useState)(!1),2),hover=_useState2[0],setHover=_useState2[1];return[hover,{onMouseEnter:function onMouseEnter(){setHover(!0)},onMouseLeave:function onMouseLeave(){setHover(!1)}}]}__webpack_require__("./src/hooks/useBootstrapSize/useBootstrapSize.ts")},"./src/table/CrudTable/CrudTable.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>CrudTable});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_core_SearchInput_SearchInput__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/SearchInput/SearchInput.tsx"),_EpicTable_EpicTable__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/table/EpicTable/EpicTable.tsx"),_core_Pagination_Pagination__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Pagination/Pagination.tsx");function CrudTable(props){var buttons=props.buttons,_props$canSearch=props.canSearch,canSearch=void 0===_props$canSearch?function(){return!0}:_props$canSearch,_props$searchValue=props.searchValue,searchValue=void 0===_props$searchValue?"":_props$searchValue,onSearch=props.onSearch,renderSelection=props.renderSelection,page=props.page,pageChanged=props.pageChanged,children=props.children;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-end mb-2"},buttons?buttons():null),canSearch()&&onSearch?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_SearchInput_SearchInput__WEBPACK_IMPORTED_MODULE_1__.Z,{className:"mb-4",defaultValue:searchValue,onChange:onSearch}):null,renderSelection?renderSelection():null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_EpicTable__WEBPACK_IMPORTED_MODULE_2__.b,{minHeight:400},children),page&&pageChanged?react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex justify-content-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Pagination_Pagination__WEBPACK_IMPORTED_MODULE_3__.Z,{className:"my-3",page,onChange:pageChanged})):null)}try{CrudTable.displayName="CrudTable",CrudTable.__docgenInfo={description:"CrudTable is an EpicTable wrapper to make it easier to display a table\nwith CRUD options. If page is defined, it also includes pagination.\nIt should be filled with `EpicRow`s, where the header row should be filled\nwith `CrudHeader`s.",displayName:"CrudTable",props:{buttons:{defaultValue:null,description:"Making it possible pass to on custom buttons.",name:"buttons",required:!1,type:{name:"(() => ReactNode) | undefined"}},canSearch:{defaultValue:null,description:"Optional function which determines if the user can search the table.\nWhen `true` a single `SearchInput` is rendered.\nDefaults to a function which returns true.",name:"canSearch",required:!1,type:{name:"(() => boolean) | undefined"}},onSearch:{defaultValue:null,description:"Provides a means of handling a search by the parent component itself.",name:"onSearch",required:!1,type:{name:"((value: string) => void) | undefined"}},searchValue:{defaultValue:null,description:"Optional search value.",name:"searchValue",required:!1,type:{name:"string | undefined"}},renderSelection:{defaultValue:null,description:"Optional callback function which you can use to render the current\nselected items.",name:"renderSelection",required:!1,type:{name:"(() => ReactNode) | undefined"}},page:{defaultValue:null,description:"The page passed to the Pagination component to determine what page you\nare on and how many page numbers should be displayed.",name:"page",required:!1,type:{name:"Page<any> | undefined"}},pageChanged:{defaultValue:null,description:"Optional callback that is triggered when one of the Pagination buttons\nis clicked.",name:"pageChanged",required:!1,type:{name:"((page: number) => void) | undefined"}},children:{defaultValue:null,description:"The content of the table.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/CrudTable/CrudTable.tsx#CrudTable"]={docgenInfo:CrudTable.__docgenInfo,name:"CrudTable",path:"src/table/CrudTable/CrudTable.tsx#CrudTable"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/CrudTable/components/CrudHeader/CrudHeader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{p:()=>CrudHeader});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_EpicTable_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/table/EpicTable/cells/EpicCellLayout/EpicCellLayout.tsx"),_EpicTable_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/table/EpicTable/widgets/EpicSort/EpicSort.tsx"),_form_Input_Input__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/form/Input/Input.tsx"),_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx"),_form_Select_Select__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/form/Select/Select.tsx");function CrudHeader(_ref){var _ref$direction=_ref.direction,direction=void 0===_ref$direction?"NONE":_ref$direction,onSort=_ref.onSort,onSearch=_ref.onSearch,searchValue=_ref.searchValue,options=_ref.options,labelForOption=_ref.labelForOption,width=_ref.width,height=_ref.height,onResize=_ref.onResize,children=_ref.children,header=onSort?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_1__.j,{mode:"horizontal"},children,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_widgets_EpicSort_EpicSort__WEBPACK_IMPORTED_MODULE_2__.Q,{direction,onChange:onSort})):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,children);return onSearch?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_4__.B,{width,height:height||88,onResize},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicCellLayout_EpicCellLayout__WEBPACK_IMPORTED_MODULE_1__.j,{mode:"vertical"},header,options&&labelForOption?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Select_Select__WEBPACK_IMPORTED_MODULE_5__.Z,{value:searchValue,options,labelForOption,onChange:onSearch}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_Input_Input__WEBPACK_IMPORTED_MODULE_3__.ZP,{value:searchValue,onChange:function onChange(value){onSearch(value)}}))):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_EpicTable_cells_EpicHeader_EpicHeader__WEBPACK_IMPORTED_MODULE_4__.B,{width,height,onResize},header)}try{CrudHeader.displayName="CrudHeader",CrudHeader.__docgenInfo={description:"CrudHeader is used to display a header in the EpicTable or CrudTable.\nIf onSort is defined, a sorting button is displayed next to the label.\nIf onSearch is defined, a search field is displayed below the label.",displayName:"CrudHeader",props:{width:{defaultValue:null,description:"The width of the cell in pixels.",name:"width",required:!0,type:{name:"number"}},height:{defaultValue:null,description:"The height of the cell in pixels.\nDefaults to 88 when onSearch is defined, or 44 otherwise.",name:"height",required:!1,type:{name:"number | undefined"}},onResize:{defaultValue:null,description:"Optionally a callback for when the width has changed. By setting\nthis callback you enable the resizing of the EpicHeader.\n\nYou can never resize the width to less than the original width to\nprevent columns from becoming too small.\n\nWhen this callback is called you should store the `width` and\npass it back into the CrudHeader as the `width` property.",name:"onResize",required:!1,type:{name:"((width: number) => void) | undefined"}},children:{defaultValue:null,description:"The content of the cell.",name:"children",required:!0,type:{name:"ReactNode"}},direction:{defaultValue:{value:"NONE"},description:"Optionally the current sorting direction.\nDefaults to NONE.",name:"direction",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"ASC"'},{value:'"DESC"'},{value:'"NONE"'}]}},onSort:{defaultValue:null,description:"Optional callback which is triggered when the direction changes.",name:"onSort",required:!1,type:{name:"((direction: EpicTableSortDirection) => void) | undefined"}},onSearch:{defaultValue:null,description:"Optional callback that is triggered when the search value changes.\nWhen `options` is defined, a dropdown is displayed, otherwise an open\ntext input is displayed.",name:"onSearch",required:!1,type:{name:"((value: T) => void) | undefined"}},searchValue:{defaultValue:null,description:"Optionally the current search value.",name:"searchValue",required:!1,type:{name:"T | undefined"}},options:{defaultValue:null,description:"Optional search options used when you want to display a dropdown.",name:"options",required:!1,type:{name:"T[] | undefined"}},labelForOption:{defaultValue:null,description:"Optional callback to convert a value of type T to an option to show\nto the user.\nRequired when `options` is defined.",name:"labelForOption",required:!1,type:{name:"LabelForOption<T> | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/CrudTable/components/CrudHeader/CrudHeader.tsx#CrudHeader"]={docgenInfo:CrudHeader.__docgenInfo,name:"CrudHeader",path:"src/table/CrudTable/components/CrudHeader/CrudHeader.tsx#CrudHeader"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/EpicTable.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{b:()=>EpicTable});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),lodash=__webpack_require__("./node_modules/lodash/lodash.js"),overlayscrollbars_react_esm=__webpack_require__("./node_modules/overlayscrollbars-react/dist/overlayscrollbars-react.esm.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function GooeyCenter(_ref){var left=_ref.left,right=_ref.right,center=_ref.center,onScroll=_ref.onScroll,_ref$showScrollbar=_ref.showScrollbar,showScrollbar=void 0===_ref$showScrollbar||_ref$showScrollbar,onCenterWidthChanged=_ref.onCenterWidthChanged,_ref$forceCenterAlway=_ref.forceCenterAlwaysVisible,forceCenterAlwaysVisible=void 0!==_ref$forceCenterAlway&&_ref$forceCenterAlway,wrapperEl=(0,react.useRef)(null),centerEl=(0,react.useRef)(null),_useState2=_slicedToArray((0,react.useState)(0),2),centerWidth=_useState2[0],setCenterWidth=_useState2[1];(0,react.useEffect)((function trackCenterWidthBasedOnResize(){var calculateCenterWidth=(0,lodash.debounce)((function(){if(wrapperEl.current){var _left=wrapperEl.current.children[0],_right=wrapperEl.current.children[2],rightWidth=_right?_right.clientWidth:0,_centerWidth=wrapperEl.current.clientWidth-_left.clientWidth-rightWidth;setCenterWidth(_centerWidth),onCenterWidthChanged&&onCenterWidthChanged(_centerWidth)}}),200);return window.addEventListener("resize",calculateCenterWidth),window.addEventListener("resizeEpicTables",calculateCenterWidth),calculateCenterWidth(),function(){window.removeEventListener("resize",calculateCenterWidth),window.removeEventListener("resizeEpicTables",calculateCenterWidth)}}),[setCenterWidth,onCenterWidthChanged,left,center,right]);var centerWrapper=react.createElement("div",{ref:centerEl,className:0!==centerWidth||forceCenterAlwaysVisible?"":"invisible",style:{width:0!==centerWidth?centerWidth:void 0}},center);return react.createElement("div",{className:"d-flex",ref:wrapperEl},left,center&&showScrollbar?react.createElement(overlayscrollbars_react_esm.E,{className:"w-100",options:{scrollbars:{visibility:"visible"},callbacks:{onScroll:function handleScroll(event){onScroll&&event&&onScroll(event.target.scrollLeft)}}}},centerWrapper):centerWrapper,right)}try{GooeyCenter.displayName="GooeyCenter",GooeyCenter.__docgenInfo={description:"GooeyCenter is a table which has a fixed left or right or both\nleft and right, and a gooey center which takes up the remaining\nspace. No matter how little content is left for the center\nthe left and right are always visible.\n\nThe center gets a horizontal scrollbar for when the content\nis to large to fit in the center.\n\nGooeyCenter is not meant for consumers of the library and is\na private component.",displayName:"GooeyCenter",props:{left:{defaultValue:null,description:"What comes left of the GooeyCenter.",name:"left",required:!0,type:{name:"ReactNode"}},center:{defaultValue:null,description:"The GooeyCenter a scrollbar will appear for the center when\nit is to large to render on the screen.",name:"center",required:!1,type:{name:"ReactNode"}},right:{defaultValue:null,description:"What comes right of the GooeyCenter.",name:"right",required:!1,type:{name:"ReactNode"}},onScroll:{defaultValue:null,description:"Optional callback which gives the current left scroll position\nwhen the user scrolls. Is used sync the scroll of the FixedHeader.",name:"onScroll",required:!1,type:{name:"((scrollLeft: number) => void) | undefined"}},showScrollbar:{defaultValue:{value:"true"},description:"Whether or not to show a scrollbar. The FixedHeader renders\na GooeyCenter without a scrollbar.",name:"showScrollbar",required:!1,type:{name:"boolean | undefined"}},onCenterWidthChanged:{defaultValue:null,description:"Optional callback which gives the current center width as calculated\nby the GooeyCenter. Used by the FixedHeader's GooeyCenter to match\nsync the center width.",name:"onCenterWidthChanged",required:!1,type:{name:"((centerWidth: number) => void) | undefined"}},forceCenterAlwaysVisible:{defaultValue:{value:"false"},description:"Whether or not the center is always visible. Need for the\nFixedHeader to prevent it from flashing.",name:"forceCenterAlwaysVisible",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/helpers/GooeyCenter/GooeyCenter.tsx#GooeyCenter"]={docgenInfo:GooeyCenter.__docgenInfo,name:"GooeyCenter",path:"src/table/EpicTable/helpers/GooeyCenter/GooeyCenter.tsx#GooeyCenter"})}catch(__react_docgen_typescript_loader_error){}function useClosestHeaderIndex_slicedToArray(arr,i){return function useClosestHeaderIndex_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function useClosestHeaderIndex_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function useClosestHeaderIndex_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return useClosestHeaderIndex_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return useClosestHeaderIndex_arrayLikeToArray(o,minLen)}(arr,i)||function useClosestHeaderIndex_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function useClosestHeaderIndex_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function FixedHeader(_ref){var centerWidth=_ref.centerWidth,leftScroll=_ref.leftScroll,layout=_ref.layout,headers=_ref.headers,fixedHeaderEl=(0,react.useRef)(null),fixedCenterEl=(0,react.useRef)(null);(0,react.useEffect)((function(){fixedCenterEl.current&&(fixedCenterEl.current.scrollLeft=leftScroll)}),[fixedCenterEl,leftScroll]);var left=layout.left,center=layout.center,right=layout.right,index=function useClosestHeaderIndex(fixedHeaderEl,headers){var _useState2=useClosestHeaderIndex_slicedToArray((0,react.useState)(-1),2),index=_useState2[0],setIndex=_useState2[1];return(0,react.useEffect)((function(){function onScroll(){if(fixedHeaderEl.current&&headers.length>0){var fakeRect=fixedHeaderEl.current.getBoundingClientRect(),headersAboveFakeHeader=headers.filter((function(_ref){var headerRect=_ref.ref.getBoundingClientRect();return fakeRect.bottom>headerRect.bottom}));if(headersAboveFakeHeader&&headersAboveFakeHeader.length>0){var lastIndex=headersAboveFakeHeader.length-1;setIndex(headersAboveFakeHeader[lastIndex].index)}else setIndex(-1)}}return window.addEventListener("scroll",onScroll,!0),function(){window.removeEventListener("scroll",onScroll,!0)}}),[fixedHeaderEl,headers]),index}(fixedHeaderEl,headers),showFixedHeader=-1!==index;return react.createElement("div",{className:"epic-table-fixed-header",ref:fixedHeaderEl},showFixedHeader?react.createElement(GooeyCenter,{forceCenterAlwaysVisible:!0,left:left&&left[index]?left[index].header:null,center:center&&center[index]?react.createElement("div",{ref:fixedCenterEl,className:"d-flex justify-content-between overflow-hidden",style:{width:centerWidth}},center[index].header):null,right:right&&right[index]?right[index].header:null,showScrollbar:!1}):null)}try{FixedHeader.displayName="FixedHeader",FixedHeader.__docgenInfo={description:"The FixedHeader is a header which follows the user as he scrolls.\nThe FixedHeader is not meant for consumers of this library and\nis an internal component.",displayName:"FixedHeader",props:{centerWidth:{defaultValue:null,description:"The width of the actual center so the FixedHeader can match\nthe centers width.",name:"centerWidth",required:!0,type:{name:"number"}},leftScroll:{defaultValue:null,description:"The amount the actual center has scrolled to the left.",name:"leftScroll",required:!0,type:{name:"number"}},layout:{defaultValue:null,description:"The layout information of the EpicTable, so the FixedHeader\nknows which sides to show.",name:"layout",required:!0,type:{name:"EpicTableLayout"}},headers:{defaultValue:null,description:"All the headers that the EpicTable is currently rendering. Used\nto determine which header is closest to the top of the screen,\nsot that the FixedHeader can take that header as its appearance.",name:"headers",required:!0,type:{name:"HeaderRef[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/helpers/FixedHeader/FixedHeader.tsx#FixedHeader"]={docgenInfo:FixedHeader.__docgenInfo,name:"FixedHeader",path:"src/table/EpicTable/helpers/FixedHeader/FixedHeader.tsx#FixedHeader"})}catch(__react_docgen_typescript_loader_error){}var react_is=__webpack_require__("./node_modules/react-is/index.js"),EpicExpanderRow=__webpack_require__("./src/table/EpicTable/rows/EpicExpanderRow/EpicExpanderRow.tsx"),EpicDetailRow=__webpack_require__("./src/table/EpicTable/rows/EpicDetailRow/EpicDetailRow.tsx"),EpicCell=__webpack_require__("./src/table/EpicTable/cells/EpicCell/EpicCell.tsx");function epicTableLayout(config){var children=config.children,epicTableRect=config.epicTableRect,hasRight=config.hasRight,activeDetailRowChanged=config.activeDetailRowChanged,hoveredRow=config.hoveredRow,hoverChanged=config.hoverChanged,left=[],center=[],right=[],leftSection={header:[],contents:[]},centerSection={header:[],contents:[]},rightSection={header:[],contents:[]},totalDesiredCenterWidth=-1,totalDesiredCenterHeight=-1,epicRowNumber=1;react.Children.forEach(function getRows(children){var rows=[];return react.Children.forEach(children,(function(child){(0,react_is.isFragment)(child)?child.props.children.forEach((function(row){rows.push(row)})):rows.push(child)})),rows}(children),(function(row){return row.type===EpicExpanderRow.G&&null!==epicTableRect?function handleExpanderRow(row,rect){var clone=(0,react.cloneElement)(row,{width:rect.width,key:1337});if(leftSection.contents.push([clone]),row.props.active){var spacer=(0,react.createElement)("div",{style:{height:row.props.height}});leftSection.contents.push([(0,react.cloneElement)(spacer,{key:1})]),rightSection.contents.push([(0,react.cloneElement)(spacer,{key:2})]),centerSection.contents.push([(0,react.cloneElement)(spacer,{key:3})])}}(row,epicTableRect):row.type===EpicDetailRow.U&&null!==epicTableRect?function handleEpicDetailRow(row,rect){var clone=(0,react.cloneElement)(row,{width:rect.width-row.props.left,top:0,left:row.props.left,key:42,ref:activeDetailRowChanged});leftSection.contents.push([clone])}(row,epicTableRect):(function handleEpicRow(row,index){var cells=row.props.children,lastCellInRowIndex=react.Children.count(cells)-1,_row$props=row.props,isHeader=_row$props.header,onClick=_row$props.onClick;isHeader&&(null!==leftSection&&(sectionHasData(leftSection)&&left.push(leftSection),sectionHasData(centerSection)&&center.push(centerSection),sectionHasData(rightSection)&&right.push(rightSection)),leftSection={header:[],contents:[]},centerSection={header:[],contents:[]},rightSection={header:[],contents:[]},epicRowNumber=1);var leftRow=[],centerRow=[],rightRow=[],isRowOdd=index%2==1;react.Children.forEach(cells,(function(cell,cellIndex){var left=0===cellIndex,right=hasRight&&cellIndex===lastCellInRowIndex,clone=(0,react.cloneElement)(cell,{key:cellIndex,odd:isRowOdd,hover:hoveredRow===index,onRowClick:onClick,onHoverChanged:function onHoverChanged(value){return hoverChanged(index,value)}});left?isHeader?leftSection.header.push(clone):leftRow.push(clone):right?isHeader?rightSection.header.push(clone):rightRow.push(clone):isHeader?centerSection.header.push(clone):centerRow.push(clone)})),leftRow.length>0&&leftSection.contents.push(leftRow);centerRow.length>0&&(-1===totalDesiredCenterWidth&&(totalDesiredCenterWidth=centerRow.reduce((function(acc,cell){return acc+cell.props.width}),0)),-1===totalDesiredCenterHeight&&(totalDesiredCenterHeight=centerRow.reduce((function(acc,cell){return acc+cell.props.width}),0)),centerSection.contents.push(centerRow));rightRow.length>0&&rightSection.contents.push(rightRow)}(row,epicRowNumber),void(epicRowNumber+=1))})),left.push(leftSection),(centerSection.header.length>0||centerSection.contents.length>0)&&center.push(centerSection),(rightSection.header.length>0||rightSection.contents.length>0)&&right.push(rightSection);var totalDesiredHeight=left.reduce((function(totalHeight,section){var header=section.header[0];return header&&(totalHeight+=header.props.height),totalHeight+section.contents.reduce((function(cellsHeight,cells){var cell=cells[0];return cell&&cell.type===EpicCell.N?cellsHeight+cell.props.height:cellsHeight}),0)}),0);return{left,center,right,totalDesiredCenterWidth,totalDesiredHeight}}function sectionHasData(section){return section.contents.length>0||section.header.length>0}function useEpicTableRect_slicedToArray(arr,i){return function useEpicTableRect_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function useEpicTableRect_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function useEpicTableRect_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return useEpicTableRect_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return useEpicTableRect_arrayLikeToArray(o,minLen)}(arr,i)||function useEpicTableRect_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function useEpicTableRect_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useCalculateActualHeight_slicedToArray(arr,i){return function useCalculateActualHeight_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function useCalculateActualHeight_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function useCalculateActualHeight_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return useCalculateActualHeight_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return useCalculateActualHeight_arrayLikeToArray(o,minLen)}(arr,i)||function useCalculateActualHeight_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function useCalculateActualHeight_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useCalculateActualHeight(_ref){var minHeight=_ref.minHeight,totalDesiredHeight=_ref.totalDesiredHeight,activeDetailRow=_ref.activeDetailRow,overlayEl=_ref.overlayEl,headerHeight=_ref.headerHeight,_useState2=useCalculateActualHeight_slicedToArray((0,react.useState)(minHeight),2),actualHeight=_useState2[0],setActualHeight=_useState2[1];return(0,react.useEffect)((function(){function resize(){var detailRowHeight=activeDetailRow?activeDetailRow.scrollHeight:0,overlayHeight=overlayEl?overlayEl.scrollHeight+headerHeight:0,height=Math.max(minHeight,detailRowHeight,totalDesiredHeight,overlayHeight);setActualHeight(height)}var interval=-1;return activeDetailRow&&(interval=window.setInterval(resize,20)),resize(),function(){window.clearInterval(interval)}}),[minHeight,totalDesiredHeight,activeDetailRow,overlayEl,headerHeight]),actualHeight}try{useCalculateActualHeight.displayName="useCalculateActualHeight",useCalculateActualHeight.__docgenInfo={description:"Calculates the height of the EpicTable. Taking into account\nthe existence of an active EpicDetailRow or overlay.\n\nWhen an EpicDetailRow exists it may be larger than the actual\nEpicTable. So we increase the height of the EpicTable in that\ncase to be the height of the EpicDetailRow.\n\nAlso the minHeight can be lower than the totalDesiredHeight. In\nthat case the totalDesiredHeight should be used instead. As the\nminHeight is merely a suggestion.",displayName:"useCalculateActualHeight",props:{minHeight:{defaultValue:null,description:"",name:"minHeight",required:!0,type:{name:"number"}},totalDesiredHeight:{defaultValue:null,description:"",name:"totalDesiredHeight",required:!0,type:{name:"number"}},activeDetailRow:{defaultValue:null,description:"",name:"activeDetailRow",required:!0,type:{name:"HTMLDivElement | null"}},overlayEl:{defaultValue:null,description:"",name:"overlayEl",required:!0,type:{name:"HTMLDivElement | null"}},headerHeight:{defaultValue:null,description:"",name:"headerHeight",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/helpers/useCalculateActualHeight.tsx#useCalculateActualHeight"]={docgenInfo:useCalculateActualHeight.__docgenInfo,name:"useCalculateActualHeight",path:"src/table/EpicTable/helpers/useCalculateActualHeight.tsx#useCalculateActualHeight"})}catch(__react_docgen_typescript_loader_error){}function useAdjustHeightOfActiveDetailRow(_ref){var activeDetailRow=_ref.activeDetailRow,actualHeight=_ref.actualHeight;(0,react.useEffect)((function(){activeDetailRow&&(activeDetailRow.style.height="".concat(actualHeight,"px"))}),[actualHeight,activeDetailRow])}try{useAdjustHeightOfActiveDetailRow.displayName="useAdjustHeightOfActiveDetailRow",useAdjustHeightOfActiveDetailRow.__docgenInfo={description:"Changes the height of the detailRow so it always fills up the to\nthe height of the EpicTable.",displayName:"useAdjustHeightOfActiveDetailRow",props:{activeDetailRow:{defaultValue:null,description:"",name:"activeDetailRow",required:!0,type:{name:"HTMLDivElement | null"}},actualHeight:{defaultValue:null,description:"",name:"actualHeight",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/helpers/useAdjustHeightOfActiveDetailRow.tsx#useAdjustHeightOfActiveDetailRow"]={docgenInfo:useAdjustHeightOfActiveDetailRow.__docgenInfo,name:"useAdjustHeightOfActiveDetailRow",path:"src/table/EpicTable/helpers/useAdjustHeightOfActiveDetailRow.tsx#useAdjustHeightOfActiveDetailRow"})}catch(__react_docgen_typescript_loader_error){}function EpicTable_slicedToArray(arr,i){return function EpicTable_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function EpicTable_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function EpicTable_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return EpicTable_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return EpicTable_arrayLikeToArray(o,minLen)}(arr,i)||function EpicTable_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function EpicTable_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function EpicTable(_ref){var children=_ref.children,_ref$minHeight=_ref.minHeight,minHeight=void 0===_ref$minHeight?200:_ref$minHeight,_ref$hasRight=_ref.hasRight,hasRight=void 0===_ref$hasRight||_ref$hasRight,overlay=_ref.overlay,_ref$striped=_ref.striped,striped=void 0===_ref$striped||_ref$striped,epicTableEl=(0,react.useRef)(null),overlayEl=(0,react.useRef)(null),_useState2=EpicTable_slicedToArray((0,react.useState)(0),2),centerWidth=_useState2[0],setCenterWidth=_useState2[1],_useState4=EpicTable_slicedToArray((0,react.useState)(0),2),leftScroll=_useState4[0],setLeftScroll=_useState4[1],_useState6=EpicTable_slicedToArray((0,react.useState)(0),2),headerHeight=_useState6[0],setHeaderHeight=_useState6[1],_useState8=EpicTable_slicedToArray((0,react.useState)(null),2),activeDetailRow=_useState8[0],setActiveDetailRow=_useState8[1],_useState10=EpicTable_slicedToArray((0,react.useState)(-1),2),hoveredRow=_useState10[0],setHoveredRow=_useState10[1],headerRefs=[];var epicTableRect=function useEpicTableRect(epicTableEl){var _useState2=useEpicTableRect_slicedToArray((0,react.useState)(null),2),epicTableRect=_useState2[0],setEpicTableRect=_useState2[1];return(0,react.useEffect)((function(){requestAnimationFrame((function(){if(epicTableEl.current){var rect=epicTableEl.current.getBoundingClientRect();JSON.stringify(rect)!==JSON.stringify(epicTableRect)&&setEpicTableRect(rect)}}))})),epicTableRect}(epicTableEl),layout=epicTableLayout({children,epicTableRect,hasRight,activeDetailRowChanged:function activeDetailRowChanged(detailRowRef){setActiveDetailRow(detailRowRef)},hoveredRow,hoverChanged:function hoverChanged(index,value){setHoveredRow(value?index:-1)}}),center=layout.center,right=layout.right,left=layout.left,totalDesiredCenterWidth=layout.totalDesiredCenterWidth,totalDesiredHeight=layout.totalDesiredHeight,desiredWidthMet=totalDesiredCenterWidth<centerWidth,classes=classnames_default()("epic-table",{"epic-table--striped":striped,invisible:0===centerWidth}),leftAndContainerHaveShadow=!desiredWidthMet&&!overlay,rightHasShadow=leftAndContainerHaveShadow&&!(null!==activeDetailRow),actualHeight=useCalculateActualHeight({minHeight,totalDesiredHeight,activeDetailRow,overlayEl:overlayEl.current,headerHeight});return useAdjustHeightOfActiveDetailRow({activeDetailRow,actualHeight}),react.createElement("div",{ref:epicTableEl,className:classes,style:{minHeight:actualHeight}},react.createElement("div",{className:"epic-table-container ".concat(leftAndContainerHaveShadow?"shadow":"")},overlay&&epicTableRect?react.createElement("div",{ref:overlayEl,className:"epic-table-overlay shadow",style:{top:headerHeight,minHeight:epicTableRect.height-headerHeight,width:epicTableRect.width}},overlay):null,react.createElement(FixedHeader,{centerWidth,headers:headerRefs,leftScroll,layout}),react.createElement(GooeyCenter,{onCenterWidthChanged:setCenterWidth,onScroll:setLeftScroll,left:react.createElement("div",{className:leftAndContainerHaveShadow?"shadow":"",style:{minHeight:actualHeight}},left.map((function(section,index){return react.createElement(react.Fragment,{key:index},react.createElement("div",{ref:function ref(_ref2){return function registerHeader(ref,index){ref&&(headerRefs.push({ref,index}),setHeaderHeight(ref.clientHeight))}(_ref2,index)}},section.header),section.contents)}))),center:center&&center.length>0&&!activeDetailRow?center.map((function(section,index){return react.createElement(react.Fragment,{key:index},react.createElement("div",{className:"d-flex justify-content-between"},section.header),section.contents.map((function(row,index){return react.createElement("div",{key:index,className:"d-flex justify-content-between"},row)})))})):null,right:hasRight&&right&&right.length>0?react.createElement("div",{className:rightHasShadow?"shadow":""},right&&right.map((function(section,index){return react.createElement(react.Fragment,{key:index},section.header,section.contents)}))):null})))}try{EpicTable.displayName="EpicTable",EpicTable.__docgenInfo={description:"The EpicTable is a table based on Andrew Colyle's article\n\"Design better data tables\" which can be found here:\nhttps://uxdesign.cc/design-better-data-tables-4ecc99d23356\n\nThe features the EpicTable supports:\n\n  1. Fixed headers which follow the user.\n  2. A fixed left column which follows the user.\n  3. Optionally a fixed right column which follows the user.\n  4. Expanding rows which can contain extra data.\n  5. Click to go to details inside of the table.\n  6. Selection of rows, and a select all.\n  7. Filtering per column.\n  8. Resizing of columns.\n  9. Multiple headers\n 10. Zebra stripes.\n\nSee the stories in the documentation for detailed examples.\n\nThat said there are a couple of rules:\n\n  1. Do not render anything inside of the EpicTable which is not\n     one of the row's. The EpicTable will not understand those and\n     it will error.\n\n  2. The EpicTable can contain fragments, and will unpack those, but\n     only one level deep. Those fragments should contain only row's.",displayName:"EpicTable",props:{children:{defaultValue:null,description:"The rows of the EpicTable. Or Fragments on one level deep\ncontaining rows.",name:"children",required:!0,type:{name:"any"}},minHeight:{defaultValue:{value:"200"},description:"The minimum height of the EpicTable. This way when the table\nis empty it still has a height.\n\nDefaults to 600 pixels.",name:"minHeight",required:!1,type:{name:"number | undefined"}},hasRight:{defaultValue:{value:"true"},description:"Whether or not to render a fixed right column.\n\nDefaults to true.",name:"hasRight",required:!1,type:{name:"boolean | undefined"}},overlay:{defaultValue:null,description:"Optionally an overlay to show below the first header of the\ntable. Can contain anything, can be used to render loading /\nerror states.",name:"overlay",required:!1,type:{name:"ReactNode"}},striped:{defaultValue:{value:"true"},description:"Whether or not to add zebra stripes to the table.\n\nDefaults to true.",name:"striped",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/EpicTable.tsx#EpicTable"]={docgenInfo:EpicTable.__docgenInfo,name:"EpicTable",path:"src/table/EpicTable/EpicTable.tsx#EpicTable"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/cells/EpicCell/EpicCell.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>EpicCell});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_excluded=["children","width","height"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function EpicCell(_ref){var children=_ref.children,width=_ref.width,_ref$height=_ref.height,height=void 0===_ref$height?44:_ref$height,rest=_objectWithoutProperties(_ref,_excluded),ref=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),_ref2=rest,odd=_ref2.odd,onRowClick=_ref2.onRowClick,hover=_ref2.hover,onHoverChanged=_ref2.onHoverChanged,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("epic-table-cell border-bottom p-1",{"epic-table-cell--odd":odd,"epic-table-cell--hover":hover});return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{ref,onMouseEnter:onRowClick?function(){return onHoverChanged(!0)}:void 0,onMouseLeave:onRowClick?function(){return onHoverChanged(!1)}:void 0,onClick:onRowClick?function handleOnRowClick(event){onRowClick&&ref.current===event.target&&onRowClick(event)}:void 0,className:classes,style:{minWidth:width,width,height}},children)}try{EpicCell.displayName="EpicCell",EpicCell.__docgenInfo={description:"The EpicCell is used inside of a EpicRow to render content in.\nIt can be seen as the EpicTable's variant of the `<td>` element.",displayName:"EpicCell",props:{children:{defaultValue:null,description:"The content of the cell.",name:"children",required:!0,type:{name:"ReactNode"}},width:{defaultValue:null,description:"The width of the cell in pixels.",name:"width",required:!0,type:{name:"number"}},height:{defaultValue:{value:"44"},description:"Optionally the height of the cell in pixels.\nDefaults to 44.",name:"height",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/cells/EpicCell/EpicCell.tsx#EpicCell"]={docgenInfo:EpicCell.__docgenInfo,name:"EpicCell",path:"src/table/EpicTable/cells/EpicCell/EpicCell.tsx#EpicCell"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/cells/EpicCellLayout/EpicCellLayout.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{j:()=>EpicCellLayout});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function EpicCellLayout(_ref){var children=_ref.children;return"vertical"===_ref.mode?react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex flex-column w-100 h-100 justify-content-around"},children):react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex w-100 justify-content-between align-items-center"},children)}try{EpicCellLayout.displayName="EpicCellLayout",EpicCellLayout.__docgenInfo={description:"The EpicCellLayout is used inside of a EpicHeader or EpicCell to\ndefine the layout of that cell.\n\nIt currently supports two modes: `vertical` and `horizontal`.\n\nThe `vertical` mode will take the full height and width and\npositions the children vertically whilst padding them in the top\nand bottom.\n\nThe `horizontal` mode will take the full width and positions the\nthe children horizontally and places the maximum space in between\nthe children. This means that when two children are present one\nwill be on the atmost left and the other on the atmost right.\n\nBasically a small wrapper around the `d-flex` utilities of bootstrap.",displayName:"EpicCellLayout",props:{mode:{defaultValue:null,description:"Determines which layout the cell has.",name:"mode",required:!0,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},children:{defaultValue:null,description:"The content of the cell.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/cells/EpicCellLayout/EpicCellLayout.tsx#EpicCellLayout"]={docgenInfo:EpicCellLayout.__docgenInfo,name:"EpicCellLayout",path:"src/table/EpicTable/cells/EpicCellLayout/EpicCellLayout.tsx#EpicCellLayout"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/cells/EpicForm/EpicForm.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{w:()=>EpicForm});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),react_final_form__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-final-form/dist/react-final-form.es.js"),lodash__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/lodash/lodash.js"),_form_AutoSave_AutoSave__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/form/AutoSave/AutoSave.tsx"),_excluded=["id","children","width","height","submitOnChange"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function EpicForm(props){var id=props.id,children=props.children,width=props.width,height=props.height,submitOnChange=props.submitOnChange,rest=_objectWithoutProperties(props,_excluded),odd=(0,lodash__WEBPACK_IMPORTED_MODULE_3__.pick)(rest,["odd"]).odd,formProps=(0,lodash__WEBPACK_IMPORTED_MODULE_3__.omit)(rest,["odd"]),classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("epic-table-form border-bottom p-1",{"epic-table-form--odd":odd});return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_final_form__WEBPACK_IMPORTED_MODULE_2__.Form,formProps,(function(_ref2){var handleSubmit=_ref2.handleSubmit,form=_ref2.form;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("form",{id,onSubmit:handleSubmit,onReset:function onReset(){return form.reset()},className:classes,style:{minWidth:width,width,height}},submitOnChange?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_form_AutoSave_AutoSave__WEBPACK_IMPORTED_MODULE_4__.u,{onSave:form.submit,initialValues:formProps.initialValues}):null,children)}))}try{EpicForm.displayName="EpicForm",EpicForm.__docgenInfo={description:"The EpicForm is a wrapper around react-final-form's `Form` to\nallow forms to be used inside of an EpicRow.",displayName:"EpicForm",props:{id:{defaultValue:null,description:"The id of the form element.",name:"id",required:!0,type:{name:"string"}},children:{defaultValue:null,description:"The content of the cell.",name:"children",required:!0,type:{name:"ReactNode"}},width:{defaultValue:null,description:"The width of the cell.",name:"width",required:!0,type:{name:"number"}},height:{defaultValue:null,description:"The height of the cell.",name:"height",required:!0,type:{name:"number"}},submitOnChange:{defaultValue:null,description:"Optionally whether or not the form should be submitted on blur automatically.",name:"submitOnChange",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/cells/EpicForm/EpicForm.tsx#EpicForm"]={docgenInfo:EpicForm.__docgenInfo,name:"EpicForm",path:"src/table/EpicTable/cells/EpicForm/EpicForm.tsx#EpicForm"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/cells/EpicFormCell/EpicFormCell.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>EpicFormCell});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function EpicFormCell(_ref){var children=_ref.children,width=_ref.width,height=_ref.height;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"epic-table-form-cell border-bottom py-1 pe-1",style:{minWidth:width,width,height,paddingLeft:"0px"}},children)}try{EpicFormCell.displayName="EpicFormCell",EpicFormCell.__docgenInfo={description:"The EpicFormCell is used inside of a EpicForm to render form inputs in.\nIt can be seen as the EpicForm's variant of the `<td>` element.",displayName:"EpicFormCell",props:{children:{defaultValue:null,description:"The content of the cell.",name:"children",required:!0,type:{name:"ReactNode"}},width:{defaultValue:null,description:"The width of the cell.",name:"width",required:!0,type:{name:"number"}},height:{defaultValue:null,description:"The height of the cell.",name:"height",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/cells/EpicFormCell/EpicFormCell.tsx#EpicFormCell"]={docgenInfo:EpicFormCell.__docgenInfo,name:"EpicFormCell",path:"src/table/EpicTable/cells/EpicFormCell/EpicFormCell.tsx#EpicFormCell"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{B:()=>EpicHeader});var react=__webpack_require__("./node_modules/react/index.js"),lodash=__webpack_require__("./node_modules/lodash/lodash.js");var listenerConfig={capture:!0,passive:!1};function EpicResize(_ref){var width=_ref.width,onResize=_ref.onResize,minWidth=(0,react.useRef)(width),throttledResize=(0,react.useRef)((0,lodash.throttle)(onResize,40));(0,react.useEffect)((function(){throttledResize.current=(0,lodash.throttle)(onResize,40)}),[onResize]);var widthOnResizeStart=(0,react.useRef)(0),mouseXOnResizeStart=(0,react.useRef)(0),resize=(0,react.useCallback)((function(event){var distance=event.clientX-mouseXOnResizeStart.current,nextWidth=widthOnResizeStart.current+distance,boundedWidth=Math.max(minWidth.current,nextWidth);throttledResize.current(boundedWidth),event.preventDefault()}),[]),resizeEnd=(0,react.useCallback)((function(){document.body.style.cursor="default",document.body.classList.remove("user-select-none"),window.removeEventListener("mousemove",resize,listenerConfig)}),[resize]),resizeStart=(0,react.useCallback)((function(event,width){widthOnResizeStart.current=width,mouseXOnResizeStart.current=event.clientX,document.body.style.cursor="col-resize",document.body.classList.add("user-select-none"),window.addEventListener("mousemove",resize,listenerConfig),window.addEventListener("mouseup",resizeEnd,listenerConfig)}),[resize,resizeEnd]);return function useEpicResizeListenerCleanup(resize,resizeEnd){(0,react.useEffect)((function(){return function(){window.removeEventListener("mousemove",resize,listenerConfig),window.removeEventListener("mouseup",resizeEnd,listenerConfig)}}),[resize,resizeEnd])}(resize,resizeEnd),react.createElement("div",{className:"epic-table-header-resizeable",onMouseDown:function onMouseDown(e){return resizeStart(e,width)}})}try{EpicResize.displayName="EpicResize",EpicResize.__docgenInfo={description:"The EpicResize component is a part of the EpicHeader. It contains\nall the logic for resizing the EpicHeader. The EpicResize itself\nis a tiny block rendered next to the EpicHeader, when the user\nhovers over it the mouse icon will become a `col-resize`.",displayName:"EpicResize",props:{width:{defaultValue:null,description:"The width of the EpicHeader which is resized.",name:"width",required:!0,type:{name:"number"}},onResize:{defaultValue:null,description:"Callback which gives the EpicHeader the new width",name:"onResize",required:!0,type:{name:"(width: number) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/cells/EpicHeader/EpicResize/EpicResize.tsx#EpicResize"]={docgenInfo:EpicResize.__docgenInfo,name:"EpicResize",path:"src/table/EpicTable/cells/EpicHeader/EpicResize/EpicResize.tsx#EpicResize"})}catch(__react_docgen_typescript_loader_error){}function EpicHeader(_ref){var children=_ref.children,width=_ref.width,_ref$height=_ref.height,height=void 0===_ref$height?44:_ref$height,onResize=_ref.onResize;return react.createElement("div",{className:"epic-table-header d-flex align-items-center justify-content-between p-1",style:{minWidth:width,width,height}},children,onResize?react.createElement(EpicResize,{width,onResize}):null)}try{EpicHeader.displayName="EpicHeader",EpicHeader.__docgenInfo={description:"The EpicHeader is used inside of a EpicRow to render headers with\nIt can be seen as the EpicTable's variant of the `<th>` element.\n\nIt is resizable whenever the `onResize` callback is defined.",displayName:"EpicHeader",props:{children:{defaultValue:null,description:"The content of the cell.",name:"children",required:!0,type:{name:"ReactNode"}},width:{defaultValue:null,description:"The width of the cell in pixels.",name:"width",required:!0,type:{name:"number"}},height:{defaultValue:{value:"44"},description:"Optionally the height of the cell in pixels.\nDefaults to 44.",name:"height",required:!1,type:{name:"number | undefined"}},onResize:{defaultValue:null,description:"Optionally a callback for when the width has changed. By setting\nthis callback you enable the resizing of the EpicHeader.\n\nYou can never resize the width to less than the original width to\nprevent columns from becoming too small.\n\nWhen this callback is called you should store the `width` and\npass it back into the EpicHeader as the `width` property.",name:"onResize",required:!1,type:{name:"((width: number) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx#EpicHeader"]={docgenInfo:EpicHeader.__docgenInfo,name:"EpicHeader",path:"src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx#EpicHeader"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/rows/EpicDetailRow/EpicDetailRow.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{U:()=>EpicDetailRow});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_excluded=["children","active","left"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function epicDetailRow(_ref,ref){var children=_ref.children,active=_ref.active,left=_ref.left,rest=_objectWithoutProperties(_ref,_excluded);if(!active)return null;var _ref2=rest,width=_ref2.width,top=_ref2.top,height=_ref2.height;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{ref,className:"epic-table-detail-row",style:{minWidth:width,width,height,left,top}},children())}var EpicDetailRow=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(epicDetailRow);try{EpicDetailRow.displayName="EpicDetailRow",EpicDetailRow.__docgenInfo={description:"The EpicDetailRow is a row inside of an EpicTable which can be used\nto show details whenever a row is clicked. It displays itself over\nthe rest of the EpicTable on the left.\n\nOften used in combination with the EpicDetail widget component.",displayName:"EpicDetailRow",props:{children:{defaultValue:null,description:"A render function which gets called when `active` is true.",name:"children",required:!0,type:{name:"() => ReactNode"}},active:{defaultValue:null,description:"Whether or not the children should be rendered.",name:"active",required:!0,type:{name:"boolean"}},left:{defaultValue:null,description:"How much the EpicDetailRow should be placed to the left.\nBest to use the width of the first column so it aligns\njust next to the first column.",name:"left",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/rows/EpicDetailRow/EpicDetailRow.tsx#EpicDetailRow"]={docgenInfo:EpicDetailRow.__docgenInfo,name:"EpicDetailRow",path:"src/table/EpicTable/rows/EpicDetailRow/EpicDetailRow.tsx#EpicDetailRow"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/rows/EpicExpanderRow/EpicExpanderRow.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>EpicExpanderRow});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_excluded=["children","active","height"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function EpicExpanderRow(_ref){var children=_ref.children,active=_ref.active,height=_ref.height,rest=_objectWithoutProperties(_ref,_excluded);if(!active)return null;var width=rest.width;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"epic-table-expander-row",style:{minWidth:width,width,height}},children())}try{EpicExpanderRow.displayName="EpicExpanderRow",EpicExpanderRow.__docgenInfo={description:"The EpicExpanderRow is a row inside of an EpicTable which can be used\nto show details whenever a row is clicked. It displays itself over\nunder the cell which is expanded.\n\nOften used in combination with the EpicExpander widget component.",displayName:"EpicExpanderRow",props:{children:{defaultValue:null,description:"A render function which gets called when `active` is true.",name:"children",required:!0,type:{name:"() => ReactNode"}},active:{defaultValue:null,description:"Whether or not the children should be rendered.",name:"active",required:!0,type:{name:"boolean"}},height:{defaultValue:null,description:"The height the EpicExpanderRow should take up when expanded.",name:"height",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/rows/EpicExpanderRow/EpicExpanderRow.tsx#EpicExpanderRow"]={docgenInfo:EpicExpanderRow.__docgenInfo,name:"EpicExpanderRow",path:"src/table/EpicTable/rows/EpicExpanderRow/EpicExpanderRow.tsx#EpicExpanderRow"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/rows/EpicRow/EpicRow.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>EpicRow});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function EpicRow(_ref){var children=_ref.children;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,children)}try{EpicRow.displayName="EpicRow",EpicRow.__docgenInfo={description:"The EpicRow is the EpicTable's version of a <tr>. It has no inherent\nbehavior / UI of its own but is used to by the EpicTable to divide\nthe table into rows.\n\nWhen the row is a header the EpicTable will collect al subsequent\nEpicRow's which are not headers underneath the header, until it\nfinds another EpicRow which is a header. This creates so called\nsections.",displayName:"EpicRow",props:{children:{defaultValue:null,description:"The cells of the EpicRow",name:"children",required:!0,type:{name:"ReactNode"}},header:{defaultValue:null,description:"Whether or not this EpicRow is a header.",name:"header",required:!1,type:{name:"boolean | undefined"}},onClick:{defaultValue:null,description:"Optional callback for what needs to happen when the `EpicRow` is\nclicked. When the callback exists the row will have a hover\neffect.",name:"onClick",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => any) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/rows/EpicRow/EpicRow.tsx#EpicRow"]={docgenInfo:EpicRow.__docgenInfo,name:"EpicRow",path:"src/table/EpicTable/rows/EpicRow/EpicRow.tsx#EpicRow"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/widgets/EpicDetail/EpicDetail.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{H:()=>EpicDetail});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_core_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Icon/index.ts"),_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utilities/translation/translation.ts");function EpicDetail(_ref){var children=_ref.children,onClose=_ref.onClose,_ref$text=_ref.text,text=void 0===_ref$text?{}:_ref$text;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"bg-white h-100 border-top border-end border-bottom py-1 shadow"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"d-flex align-items-center border-bottom"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Icon__WEBPACK_IMPORTED_MODULE_1__.JO,{className:"text-muted py-2 px-1",onClick:onClose,icon:"close"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:"text-muted"},(0,_utilities_translation_translation__WEBPACK_IMPORTED_MODULE_2__.t)({key:"EpicTable.EpicDetail.CLOSE",fallback:"Close",overrideText:text.close}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"p-2"},children))}try{EpicDetail.displayName="EpicDetail",EpicDetail.__docgenInfo={description:"EpicDetail is a white pane with a close button which can be used\nto render in a EpicDetailRow as its content.",displayName:"EpicDetail",props:{children:{defaultValue:null,description:"The details you want to render.",name:"children",required:!0,type:{name:"ReactNode"}},onClose:{defaultValue:null,description:"The callback for the close event. Is called when the close button\nis clicked.",name:"onClose",required:!0,type:{name:"(event: MouseEvent<HTMLElement, MouseEvent>) => void"}},text:{defaultValue:{value:"{}"},description:"Optionally customized text within the component.\nThis text should already be translated.",name:"text",required:!1,type:{name:"Text | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/widgets/EpicDetail/EpicDetail.tsx#EpicDetail"]={docgenInfo:EpicDetail.__docgenInfo,name:"EpicDetail",path:"src/table/EpicTable/widgets/EpicDetail/EpicDetail.tsx#EpicDetail"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/widgets/EpicExpander/EpicExpander.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{R:()=>EpicExpander});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_core_Button_Button__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Button/Button.tsx");function EpicExpander(_ref){var open=_ref.open,onChange=_ref.onChange,icon=open?"expand_less":"expand_more";return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_core_Button_Button__WEBPACK_IMPORTED_MODULE_1__.ZP,{color:"dark",icon,onClick:function onClick(){return onChange(!open)}})}try{EpicExpander.displayName="EpicExpander",EpicExpander.__docgenInfo={description:"The EpicExpander is a button which can be used to open up an\nEpicExpanderRow.",displayName:"EpicExpander",props:{open:{defaultValue:null,description:"Whether or not the expander is currently open.",name:"open",required:!0,type:{name:"boolean"}},onChange:{defaultValue:null,description:"The callback for when the open state changes.",name:"onChange",required:!0,type:{name:"(open: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/widgets/EpicExpander/EpicExpander.tsx#EpicExpander"]={docgenInfo:EpicExpander.__docgenInfo,name:"EpicExpander",path:"src/table/EpicTable/widgets/EpicExpander/EpicExpander.tsx#EpicExpander"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/widgets/EpicSelection/EpicSelection.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{M:()=>EpicSelection});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),reactstrap__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/reactstrap/dist/reactstrap.modern.js");function EpicSelection(_ref){var children=_ref.children,checked=_ref.checked,_onChange=_ref.onChange;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_1__.__,{className:"d-flex m-0 align-items-center"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_1__.II,{type:"checkbox",className:"m-0 ms-1 me-2 d-inline-block position-static",checked,onChange:function onChange(){return _onChange(!checked)}}),children)}try{EpicSelection.displayName="EpicSelection",EpicSelection.__docgenInfo={description:"The EpicSelection is basically a checkbox for the EpicTable.\nIt can be used to select rows inside of the table or even cells.",displayName:"EpicSelection",props:{children:{defaultValue:null,description:"Optionally the label for the button, when the label is clicked\nthe checkbox is checked.",name:"children",required:!1,type:{name:"ReactNode"}},checked:{defaultValue:null,description:"Whether or not the checkbox is checked.",name:"checked",required:!0,type:{name:"boolean"}},onChange:{defaultValue:null,description:"The callback which occurs when the checkbox is clicked.",name:"onChange",required:!0,type:{name:"(checked: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/widgets/EpicSelection/EpicSelection.tsx#EpicSelection"]={docgenInfo:EpicSelection.__docgenInfo,name:"EpicSelection",path:"src/table/EpicTable/widgets/EpicSelection/EpicSelection.tsx#EpicSelection"})}catch(__react_docgen_typescript_loader_error){}},"./src/table/EpicTable/widgets/EpicSort/EpicSort.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>EpicSort});var react=__webpack_require__("./node_modules/react/index.js"),Icon=__webpack_require__("./src/core/Icon/index.ts");function EpicSort(_ref){var direction=_ref.direction,onChange=_ref.onChange;return react.createElement(Icon.JO,{className:"pe-1",onClick:function onClick(){return onChange(function nextDirection(direction){return"ASC"===direction?"DESC":"ASC"}(direction))},icon:iconForDirection(direction)})}function iconForDirection(direction){return"ASC"===direction?"arrow_drop_up":"DESC"===direction?"arrow_drop_down":"sort"}try{EpicSort.displayName="EpicSort",EpicSort.__docgenInfo={description:"The EpicSort is a button which shows the user a sort direction. When\nthe user clicks the button it will go to the next direction.\n\nThe directions go from:\n\n NONE -> ASC -> DESC\n          ^       |\n          |--------",displayName:"EpicSort",props:{direction:{defaultValue:null,description:"The current direction of the sort.",name:"direction",required:!0,type:{name:"enum",value:[{value:'"ASC"'},{value:'"DESC"'},{value:'"NONE"'}]}},onChange:{defaultValue:null,description:"The callback which is called when the direction changes.",name:"onChange",required:!0,type:{name:"(direction: EpicTableSortDirection) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/table/EpicTable/widgets/EpicSort/EpicSort.tsx#EpicSort"]={docgenInfo:EpicSort.__docgenInfo,name:"EpicSort",path:"src/table/EpicTable/widgets/EpicSort/EpicSort.tsx#EpicSort"})}catch(__react_docgen_typescript_loader_error){}},"./src/test/fixtures.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$g:()=>userUser,bX:()=>coordinatorUser,o7:()=>pageOfUsers,oQ:()=>randomUser,s$:()=>adminUser});var lodash__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/lodash/lodash.js");Object.freeze({blur:function blur(){},change:function change(){},focus:function focus(){},name:"",error:"",invalid:!1,valid:!0});function randomUser(){var id=(0,lodash__WEBPACK_IMPORTED_MODULE_0__.random)(1,1e6);return{id,email:"user-".concat(id,"@42.nl"),firstName:"user-".concat(id),lastName:"random",active:!0,roles:["ADMIN"]}}function adminUser(){return{id:42,email:"admin@42.nl",firstName:"Addie",lastName:"Admin",active:!0,roles:["ADMIN"]}}function userUser(){return{id:1337,email:"user@42.nl",firstName:"Ulysses",lastName:"User",active:!1,roles:["USER"]}}function coordinatorUser(){return{id:777,email:"coordinator@42.nl",firstName:"Cordelia",lastName:"Coordinator",active:!1,roles:["ADMIN","USER"]}}function pageOfUsers(){return{content:[{id:42,email:"admin@42.nl",firstName:"Addie",lastName:"Admin",active:!0,roles:["ADMIN"]},{id:777,email:"coordinator@42.nl",firstName:"Cordelia",lastName:"Coordinator",active:!1,roles:["ADMIN","USER"]},{id:1337,email:"user@42.nl",firstName:"Ulysses",lastName:"User",active:!1,roles:["USER"]}],last:!1,totalElements:9,totalPages:3,size:3,number:2,first:!1,numberOfElements:3}}},"./src/test/utils.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function pageWithContent(content){return{content,last:!1,totalElements:100,totalPages:10,size:content.length,number:1,first:!0,numberOfElements:content.length}}function pageWithContentAndExactSize(content){return{content,last:!0,totalElements:content.length,totalPages:1,size:content.length,number:1,first:!0,numberOfElements:content.length}}__webpack_require__.d(__webpack_exports__,{Gw:()=>pageWithContentAndExactSize,fn:()=>pageWithContent});window.setTimeout;try{pageWithContent.displayName="pageWithContent",pageWithContent.__docgenInfo={description:"",displayName:"pageWithContent",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/test/utils.tsx#pageWithContent"]={docgenInfo:pageWithContent.__docgenInfo,name:"pageWithContent",path:"src/test/utils.tsx#pageWithContent"})}catch(__react_docgen_typescript_loader_error){}try{pageWithContentAndExactSize.displayName="pageWithContentAndExactSize",pageWithContentAndExactSize.__docgenInfo={description:"",displayName:"pageWithContentAndExactSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/test/utils.tsx#pageWithContentAndExactSize"]={docgenInfo:pageWithContentAndExactSize.__docgenInfo,name:"pageWithContentAndExactSize",path:"src/test/utils.tsx#pageWithContentAndExactSize"})}catch(__react_docgen_typescript_loader_error){}},"./src/utilities/page/page.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function pageOf(content,page){var size=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10,actualPage=page-1,slice=content.slice(size*actualPage,size*actualPage+size),totalPages=Math.max(1,Math.ceil(content.length/size));return{content:slice,last:page===totalPages,totalElements:content.length,totalPages,size:slice.length,number:page,first:1===page,numberOfElements:slice.length}}__webpack_require__.d(__webpack_exports__,{u:()=>pageOf})},"./src/utilities/translation/translation.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{t:()=>t});var _translator__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/utilities/translation/translator.ts"),_excluded=["overrideText"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function t(_ref){var overrideText=_ref.overrideText,translation=_objectWithoutProperties(_ref,_excluded);return overrideText||(0,_translator__WEBPACK_IMPORTED_MODULE_0__.T)()(translation)}},"./src/utilities/translation/translator.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>getTranslator});var translator=function translator(translation){return translation.fallback};function getTranslator(){return translator}},"./storybook-init-framework-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},"./storybook/preview.js-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject);var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),lib=(__webpack_require__("./src/main.scss"),__webpack_require__("./node_modules/@42.nl/jarb-final-form/lib/index.js"));__webpack_require__("./storybook/show-code-fix.scss");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(0,lib.H4)({Person:{firstName:{javaType:"java.lang.String",types:["text"],required:!0,minimumLength:null,maximumLength:50,fractionLength:null,radix:null,pattern:null,min:null,max:null,name:"firstName"},lastName:{javaType:"java.lang.String",types:["text"],required:!0,minimumLength:null,maximumLength:50,fractionLength:null,radix:null,pattern:null,min:null,max:null,name:"lastName"},age:{javaType:"java.lang.Integer",types:["number"],required:!0,minimumLength:null,maximumLength:null,fractionLength:0,radix:null,pattern:null,min:16,max:99,name:"age"},eyeColor:{javaType:"java.lang.String",types:["text"],required:!0,minimumLength:null,maximumLength:50,fractionLength:null,radix:null,pattern:null,min:null,max:null,name:"eyeColor"},height:{javaType:"java.lang.Integer",types:["number"],required:!0,minimumLength:null,maximumLength:null,fractionLength:0,radix:null,pattern:null,min:0,max:220,name:"height"},weight:{javaType:"java.lang.Long",types:["number"],required:!0,minimumLength:null,maximumLength:null,fractionLength:2,radix:null,pattern:null,min:0,max:220,name:"weight"},jobTitle:{javaType:"java.lang.String",types:["text"],required:!0,minimumLength:null,maximumLength:29,fractionLength:6,radix:10,pattern:null,min:null,max:null,name:"jobTitle"},favoriteFood:{javaType:"java.lang.String",types:["text"],required:!0,minimumLength:null,maximumLength:50,fractionLength:null,radix:null,pattern:null,min:null,max:null,name:"favoriteFood"},favoriteMovie:{javaType:"java.lang.String",types:["text"],required:!0,minimumLength:null,maximumLength:50,fractionLength:null,radix:null,pattern:null,min:null,max:null,name:"favoriteMovie"},birthDate:{javaType:"java.time.Instant",types:["date"],required:!0,minimumLength:null,maximumLength:50,fractionLength:null,radix:null,pattern:null,min:null,max:null,name:"birthDate"},sex:{javaType:"java.lang.String",types:[],required:!0,minimumLength:null,maximumLength:50,fractionLength:null,radix:null,pattern:null,min:null,max:null,name:"sex"}}}),Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return(0,ClientApi.uc)(value);case"argTypes":return(0,ClientApi.v9)(value);case"decorators":return value.forEach((function(decorator){return(0,ClientApi.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,ClientApi.HZ)(loader,!1)}));case"parameters":return(0,ClientApi.h1)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return(0,ClientApi.My)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return(0,ClientApi._C)(enhancer)}));case"render":return(0,ClientApi.$P)(value);case"globals":case"globalTypes":var v={};return v[key]=value,(0,ClientApi.h1)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/main.scss":(module,exports,__webpack_require__)=>{var ___CSS_LOADER_API_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_AT_RULE_IMPORT_0___=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/react-bootstrap-typeahead/css/Typeahead.css"),___CSS_LOADER_AT_RULE_IMPORT_1___=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/react-quill/dist/quill.snow.css"),___CSS_LOADER_AT_RULE_IMPORT_2___=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/overlayscrollbars/css/OverlayScrollbars.css"),___CSS_LOADER_AT_RULE_IMPORT_3___=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/tippy.js/dist/tippy.css");(exports=___CSS_LOADER_API_IMPORT___(!1)).i(___CSS_LOADER_AT_RULE_IMPORT_0___),exports.i(___CSS_LOADER_AT_RULE_IMPORT_1___),exports.i(___CSS_LOADER_AT_RULE_IMPORT_2___),exports.i(___CSS_LOADER_AT_RULE_IMPORT_3___),exports.push([module.id,"/*!\n * Bootstrap v5.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */:root{--bs-blue: #2cabe3;--bs-indigo: #6610f2;--bs-purple: #613d7c;--bs-pink: #ff5b77;--bs-red: #d9534f;--bs-orange: #f0ad4e;--bs-yellow: #ffd500;--bs-green: #5fdc9f;--bs-teal: #5bc0de;--bs-cyan: #17a2b8;--bs-white: #fff;--bs-gray: #868e96;--bs-gray-dark: #343a40;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #868e96;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #2cabe3;--bs-secondary: #868e96;--bs-success: #5fdc9f;--bs-info: #17a2b8;--bs-warning: #ffd500;--bs-danger: #d9534f;--bs-light: #e9ecef;--bs-dark: #343a40;--bs-primary-rgb: 44, 171, 227;--bs-secondary-rgb: 134, 142, 150;--bs-success-rgb: 95, 220, 159;--bs-info-rgb: 23, 162, 184;--bs-warning-rgb: 255, 213, 0;--bs-danger-rgb: 217, 83, 79;--bs-light-rgb: 233, 236, 239;--bs-dark-rgb: 52, 58, 64;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-body-color-rgb: 33, 37, 41;--bs-body-bg-rgb: 244, 246, 248;--bs-font-sans-serif: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size: 1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #212529;--bs-body-bg: #f4f6f8}*,*::before,*::after{box-sizing:border-box}@media(prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1,.h1{font-size:calc(1.375rem + 1.5vw)}@media(min-width: 1200px){h1,.h1{font-size:2.5rem}}h2,.h2{font-size:calc(1.325rem + 0.9vw)}@media(min-width: 1200px){h2,.h2{font-size:2rem}}h3,.h3{font-size:calc(1.3rem + 0.6vw)}@media(min-width: 1200px){h3,.h3{font-size:1.75rem}}h4,.h4{font-size:calc(1.275rem + 0.3vw)}@media(min-width: 1200px){h4,.h4{font-size:1.5rem}}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-bs-original-title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small,.small{font-size:0.875em}mark,.mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:#2cabe3;text-decoration:underline}a:hover{color:#2389b6}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr /* rtl:ignore */;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:0.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:0.875em;color:#ff5b77;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:0.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#868e96;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + 0.3vw);line-height:inherit}@media(min-width: 1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none !important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media(min-width: 1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media(min-width: 1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media(min-width: 1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media(min-width: 1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media(min-width: 1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media(min-width: 1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:0.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:0.875em;color:#868e96}.blockquote-footer::before{content:\"— \"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#f4f6f8;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:0.875em;color:#868e96}.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{width:100%;padding-right:var(--bs-gutter-x, 0.75rem);padding-left:var(--bs-gutter-x, 0.75rem);margin-right:auto;margin-left:auto}@media(min-width: 576px){.container-sm,.container{max-width:540px}}@media(min-width: 768px){.container-md,.container-sm,.container{max-width:720px}}@media(min-width: 992px){.container-lg,.container-md,.container-sm,.container{max-width:960px}}@media(min-width: 1200px){.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1140px}}@media(min-width: 1400px){.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1320px}}.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-0.5*var(--bs-gutter-x));margin-left:calc(-0.5*var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x: 0}.g-0,.gy-0{--bs-gutter-y: 0}.g-1,.gx-1{--bs-gutter-x: 0.25rem}.g-1,.gy-1{--bs-gutter-y: 0.25rem}.g-2,.gx-2{--bs-gutter-x: 0.5rem}.g-2,.gy-2{--bs-gutter-y: 0.5rem}.g-3,.gx-3{--bs-gutter-x: 1rem}.g-3,.gy-3{--bs-gutter-y: 1rem}.g-4,.gx-4{--bs-gutter-x: 1.5rem}.g-4,.gy-4{--bs-gutter-y: 1.5rem}.g-5,.gx-5{--bs-gutter-x: 3rem}.g-5,.gy-5{--bs-gutter-y: 3rem}@media(min-width: 576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x: 0}.g-sm-0,.gy-sm-0{--bs-gutter-y: 0}.g-sm-1,.gx-sm-1{--bs-gutter-x: 0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y: 0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x: 0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y: 0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x: 1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y: 1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x: 1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y: 1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x: 3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y: 3rem}}@media(min-width: 768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x: 0}.g-md-0,.gy-md-0{--bs-gutter-y: 0}.g-md-1,.gx-md-1{--bs-gutter-x: 0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y: 0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x: 0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y: 0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x: 1rem}.g-md-3,.gy-md-3{--bs-gutter-y: 1rem}.g-md-4,.gx-md-4{--bs-gutter-x: 1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y: 1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x: 3rem}.g-md-5,.gy-md-5{--bs-gutter-y: 3rem}}@media(min-width: 992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x: 0}.g-lg-0,.gy-lg-0{--bs-gutter-y: 0}.g-lg-1,.gx-lg-1{--bs-gutter-x: 0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y: 0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x: 0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y: 0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x: 1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y: 1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x: 1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y: 1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x: 3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y: 3rem}}@media(min-width: 1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x: 0}.g-xl-0,.gy-xl-0{--bs-gutter-y: 0}.g-xl-1,.gx-xl-1{--bs-gutter-x: 0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y: 0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x: 0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y: 0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x: 1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y: 1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x: 1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y: 1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x: 3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y: 3rem}}@media(min-width: 1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x: 0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y: 0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x: 0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y: 0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x: 0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y: 0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x: 1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y: 1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x: 1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y: 1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x: 3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y: 3rem}}.table,.rdt .rdtPicker table{--bs-table-bg: transparent;--bs-table-accent-bg: transparent;--bs-table-striped-color: #212529;--bs-table-striped-bg: rgba(0, 0, 0, 0.05);--bs-table-active-color: #212529;--bs-table-active-bg: rgba(0, 0, 0, 0.1);--bs-table-hover-color: #212529;--bs-table-hover-bg: rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*,.rdt .rdtPicker table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody,.rdt .rdtPicker table>tbody{vertical-align:inherit}.table>thead,.rdt .rdtPicker table>thead{vertical-align:bottom}.table>:not(:first-child),.rdt .rdtPicker table>:not(:first-child){border-top:2px solid currentColor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg: var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg: var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover>*{--bs-table-accent-bg: var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-bg: #d5eef9;--bs-table-striped-bg: #cae2ed;--bs-table-striped-color: #000;--bs-table-active-bg: #c0d6e0;--bs-table-active-color: #000;--bs-table-hover-bg: #c5dce6;--bs-table-hover-color: #000;color:#000;border-color:#c0d6e0}.table-secondary{--bs-table-bg: #e7e8ea;--bs-table-striped-bg: #dbdcde;--bs-table-striped-color: #000;--bs-table-active-bg: #d0d1d3;--bs-table-active-color: #000;--bs-table-hover-bg: #d6d7d8;--bs-table-hover-color: #000;color:#000;border-color:#d0d1d3}.table-success{--bs-table-bg: #dff8ec;--bs-table-striped-bg: #d4ece0;--bs-table-striped-color: #000;--bs-table-active-bg: #c9dfd4;--bs-table-active-color: #000;--bs-table-hover-bg: #cee5da;--bs-table-hover-color: #000;color:#000;border-color:#c9dfd4}.table-info{--bs-table-bg: #d1ecf1;--bs-table-striped-bg: #c7e0e5;--bs-table-striped-color: #000;--bs-table-active-bg: #bcd4d9;--bs-table-active-color: #000;--bs-table-hover-bg: #c1dadf;--bs-table-hover-color: #000;color:#000;border-color:#bcd4d9}.table-warning{--bs-table-bg: #fff7cc;--bs-table-striped-bg: #f2ebc2;--bs-table-striped-color: #000;--bs-table-active-bg: #e6deb8;--bs-table-active-color: #000;--bs-table-hover-bg: #ece4bd;--bs-table-hover-color: #000;color:#000;border-color:#e6deb8}.table-danger{--bs-table-bg: #f7dddc;--bs-table-striped-bg: #ebd2d1;--bs-table-striped-color: #000;--bs-table-active-bg: #dec7c6;--bs-table-active-color: #000;--bs-table-hover-bg: #e4cccc;--bs-table-hover-color: #000;color:#000;border-color:#dec7c6}.table-light{--bs-table-bg: #f8f9fa;--bs-table-striped-bg: #ecedee;--bs-table-striped-color: #000;--bs-table-active-bg: #dfe0e1;--bs-table-active-color: #000;--bs-table-hover-bg: #e5e6e7;--bs-table-hover-color: #000;color:#000;border-color:#dfe0e1}.table-dark{--bs-table-bg: #212529;--bs-table-striped-bg: #2c3034;--bs-table-striped-color: #fff;--bs-table-active-bg: #373b3e;--bs-table-active-color: #fff;--bs-table-hover-bg: #323539;--bs-table-hover-color: #fff;color:#fff;border-color:#373b3e}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width: 575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width: 767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width: 991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width: 1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width: 1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(0.375rem + 1px);padding-bottom:calc(0.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(0.5rem + 1px);padding-bottom:calc(0.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(0.25rem + 1px);padding-bottom:calc(0.25rem + 1px);font-size:0.875rem}.form-text{margin-top:.25rem;font-size:0.875em;color:#868e96}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;background-color:#fff;border-color:#96d5f1;outline:0;box-shadow:0 0 0 .25rem rgba(44,171,227,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::placeholder{color:#adb5bd;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-0.375rem -0.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-0.375rem -0.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-control::-webkit-file-upload-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;background-color:rgba(0,0,0,0);border:solid rgba(0,0,0,0);border-width:1px 0}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + 0.5rem + 2px);padding:.25rem .5rem;font-size:0.875rem;border-radius:.2rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-0.25rem -0.5rem;margin-inline-end:.5rem}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-0.25rem -0.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-0.5rem -1rem;margin-inline-end:1rem}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-0.5rem -1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + 0.75rem + 2px)}textarea.form-control-sm{min-height:calc(1.5em + 0.5rem + 2px)}textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}.form-control-color{width:3rem;height:auto;padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{height:1.5em;border-radius:.25rem}.form-control-color::-webkit-color-swatch{height:1.5em;border-radius:.25rem}.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion: reduce){.form-select{transition:none}}.form-select:focus{border-color:#96d5f1;outline:0;box-shadow:0 0 0 .25rem rgba(44,171,227,.25)}.form-select[multiple],.form-select[size]:not([size=\"1\"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:0.875rem;border-radius:.2rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:.3rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);appearance:none;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#96d5f1;outline:0;box-shadow:0 0 0 .25rem rgba(44,171,227,.25)}.form-check-input:checked{background-color:#2cabe3;border-color:#2cabe3}.form-check-input:checked[type=checkbox]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e\")}.form-check-input:checked[type=radio]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e\")}.form-check-input[type=checkbox]:indeterminate{background-color:#2cabe3;border-color:#2cabe3;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e\");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2396d5f1'/%3e%3c/svg%3e\")}.form-switch .form-check-input:checked{background-position:right center;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\")}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.btn-check[disabled]+.btn,.btn-check:disabled+.btn{pointer-events:none;filter:none;opacity:.65}.form-range{width:100%;height:1.5rem;padding:0;background-color:rgba(0,0,0,0);appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #f4f6f8,0 0 0 .25rem rgba(44,171,227,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f4f6f8,0 0 0 .25rem rgba(44,171,227,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-0.25rem;background-color:#2cabe3;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion: reduce){.form-range::-webkit-slider-thumb{transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#c0e6f7}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:#dee2e6;border-color:rgba(0,0,0,0);border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#2cabe3;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion: reduce){.form-range::-moz-range-thumb{transition:none}}.form-range::-moz-range-thumb:active{background-color:#c0e6f7}.form-range::-moz-range-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:#dee2e6;border-color:rgba(0,0,0,0);border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid rgba(0,0,0,0);transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media(prefers-reduced-motion: reduce){.form-floating>label{transition:none}}.form-floating>.form-control{padding:1rem .75rem}.form-floating>.form-control::placeholder{color:rgba(0,0,0,0)}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn{padding:.25rem .5rem;font-size:0.875rem;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:0.875em;color:#5fdc9f}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:0.875rem;color:#000;background-color:rgba(95,220,159,.9);border-radius:.25rem}.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip{display:block}.was-validated .form-control:valid,.form-control.is-valid{border-color:#5fdc9f;padding-right:calc(1.5em + 0.75rem);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235fdc9f' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:#5fdc9f;box-shadow:0 0 0 .25rem rgba(95,220,159,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .form-select:valid,.form-select.is-valid{border-color:#5fdc9f}.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size=\"1\"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size=\"1\"]{padding-right:4.125rem;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\"),url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235fdc9f' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-select:valid:focus,.form-select.is-valid:focus{border-color:#5fdc9f;box-shadow:0 0 0 .25rem rgba(95,220,159,.25)}.was-validated .form-check-input:valid,.form-check-input.is-valid{border-color:#5fdc9f}.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked{background-color:#5fdc9f}.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus{box-shadow:0 0 0 .25rem rgba(95,220,159,.25)}.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{color:#5fdc9f}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.was-validated .input-group .form-control:valid,.input-group .form-control.is-valid,.was-validated .input-group .form-select:valid,.input-group .form-select.is-valid{z-index:1}.was-validated .input-group .form-control:valid:focus,.input-group .form-control.is-valid:focus,.was-validated .input-group .form-select:valid:focus,.input-group .form-select.is-valid:focus{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:0.875em;color:#d9534f}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:0.875rem;color:#000;background-color:rgba(217,83,79,.9);border-radius:.25rem}.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{display:block}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:#d9534f;padding-right:calc(1.5em + 0.75rem);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d9534f'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d9534f' stroke='none'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#d9534f;box-shadow:0 0 0 .25rem rgba(217,83,79,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .form-select:invalid,.form-select.is-invalid{border-color:#d9534f}.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size=\"1\"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size=\"1\"]{padding-right:4.125rem;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\"),url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d9534f'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d9534f' stroke='none'/%3e%3c/svg%3e\");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus{border-color:#d9534f;box-shadow:0 0 0 .25rem rgba(217,83,79,.25)}.was-validated .form-check-input:invalid,.form-check-input.is-invalid{border-color:#d9534f}.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked{background-color:#d9534f}.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus{box-shadow:0 0 0 .25rem rgba(217,83,79,.25)}.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{color:#d9534f}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.was-validated .input-group .form-control:invalid,.input-group .form-control.is-invalid,.was-validated .input-group .form-select:invalid,.input-group .form-select.is-invalid{z-index:2}.was-validated .input-group .form-control:invalid:focus,.input-group .form-control.is-invalid:focus,.was-validated .input-group .form-select:invalid:focus,.input-group .form-select.is-invalid:focus{z-index:3}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.btn{transition:none}}.btn:hover{color:#212529}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(44,171,227,.25)}.btn:disabled,.btn.disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-primary{color:#000;background-color:#2cabe3;border-color:#2cabe3}.btn-primary:hover{color:#000;background-color:#4cb8e7;border-color:#41b3e6}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#000;background-color:#4cb8e7;border-color:#41b3e6;box-shadow:0 0 0 .25rem rgba(37,145,193,.5)}.btn-check:checked+.btn-primary,.btn-check:active+.btn-primary,.btn-primary:active,.btn-primary.active,.show>.btn-primary.dropdown-toggle{color:#000;background-color:#56bce9;border-color:#41b3e6}.btn-check:checked+.btn-primary:focus,.btn-check:active+.btn-primary:focus,.btn-primary:active:focus,.btn-primary.active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(37,145,193,.5)}.btn-primary:disabled,.btn-primary.disabled{color:#000;background-color:#2cabe3;border-color:#2cabe3}.btn-secondary{color:#000;background-color:#868e96;border-color:#868e96}.btn-secondary:hover{color:#000;background-color:#989fa6;border-color:#9299a1}.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#000;background-color:#989fa6;border-color:#9299a1;box-shadow:0 0 0 .25rem rgba(114,121,128,.5)}.btn-check:checked+.btn-secondary,.btn-check:active+.btn-secondary,.btn-secondary:active,.btn-secondary.active,.show>.btn-secondary.dropdown-toggle{color:#000;background-color:#9ea5ab;border-color:#9299a1}.btn-check:checked+.btn-secondary:focus,.btn-check:active+.btn-secondary:focus,.btn-secondary:active:focus,.btn-secondary.active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(114,121,128,.5)}.btn-secondary:disabled,.btn-secondary.disabled{color:#000;background-color:#868e96;border-color:#868e96}.btn-success{color:#000;background-color:#5fdc9f;border-color:#5fdc9f}.btn-success:hover{color:#000;background-color:#77e1ad;border-color:#6fe0a9}.btn-check:focus+.btn-success,.btn-success:focus{color:#000;background-color:#77e1ad;border-color:#6fe0a9;box-shadow:0 0 0 .25rem rgba(81,187,135,.5)}.btn-check:checked+.btn-success,.btn-check:active+.btn-success,.btn-success:active,.btn-success.active,.show>.btn-success.dropdown-toggle{color:#000;background-color:#7fe3b2;border-color:#6fe0a9}.btn-check:checked+.btn-success:focus,.btn-check:active+.btn-success:focus,.btn-success:active:focus,.btn-success.active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(81,187,135,.5)}.btn-success:disabled,.btn-success.disabled{color:#000;background-color:#5fdc9f;border-color:#5fdc9f}.btn-info{color:#000;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#000;background-color:#3ab0c3;border-color:#2eabbf}.btn-check:focus+.btn-info,.btn-info:focus{color:#000;background-color:#3ab0c3;border-color:#2eabbf;box-shadow:0 0 0 .25rem rgba(20,138,156,.5)}.btn-check:checked+.btn-info,.btn-check:active+.btn-info,.btn-info:active,.btn-info.active,.show>.btn-info.dropdown-toggle{color:#000;background-color:#45b5c6;border-color:#2eabbf}.btn-check:checked+.btn-info:focus,.btn-check:active+.btn-info:focus,.btn-info:active:focus,.btn-info.active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(20,138,156,.5)}.btn-info:disabled,.btn-info.disabled{color:#000;background-color:#17a2b8;border-color:#17a2b8}.btn-warning{color:#000;background-color:#ffd500;border-color:#ffd500}.btn-warning:hover{color:#000;background-color:#ffdb26;border-color:#ffd91a}.btn-check:focus+.btn-warning,.btn-warning:focus{color:#000;background-color:#ffdb26;border-color:#ffd91a;box-shadow:0 0 0 .25rem rgba(217,181,0,.5)}.btn-check:checked+.btn-warning,.btn-check:active+.btn-warning,.btn-warning:active,.btn-warning.active,.show>.btn-warning.dropdown-toggle{color:#000;background-color:#fd3;border-color:#ffd91a}.btn-check:checked+.btn-warning:focus,.btn-check:active+.btn-warning:focus,.btn-warning:active:focus,.btn-warning.active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,181,0,.5)}.btn-warning:disabled,.btn-warning.disabled{color:#000;background-color:#ffd500;border-color:#ffd500}.btn-danger{color:#000;background-color:#d9534f;border-color:#d9534f}.btn-danger:hover{color:#000;background-color:#df6d69;border-color:#dd6461}.btn-check:focus+.btn-danger,.btn-danger:focus{color:#000;background-color:#df6d69;border-color:#dd6461;box-shadow:0 0 0 .25rem rgba(184,71,67,.5)}.btn-check:checked+.btn-danger,.btn-check:active+.btn-danger,.btn-danger:active,.btn-danger.active,.show>.btn-danger.dropdown-toggle{color:#000;background-color:#e17572;border-color:#dd6461}.btn-check:checked+.btn-danger:focus,.btn-check:active+.btn-danger:focus,.btn-danger:active:focus,.btn-danger.active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(184,71,67,.5)}.btn-danger:disabled,.btn-danger.disabled{color:#000;background-color:#d9534f;border-color:#d9534f}.btn-light{color:#000;background-color:#e9ecef;border-color:#e9ecef}.btn-light:hover{color:#000;background-color:#eceff1;border-color:#ebeef1}.btn-check:focus+.btn-light,.btn-light:focus{color:#000;background-color:#eceff1;border-color:#ebeef1;box-shadow:0 0 0 .25rem rgba(198,201,203,.5)}.btn-check:checked+.btn-light,.btn-check:active+.btn-light,.btn-light:active,.btn-light.active,.show>.btn-light.dropdown-toggle{color:#000;background-color:#edf0f2;border-color:#ebeef1}.btn-check:checked+.btn-light:focus,.btn-check:active+.btn-light:focus,.btn-light:active:focus,.btn-light.active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(198,201,203,.5)}.btn-light:disabled,.btn-light.disabled{color:#000;background-color:#e9ecef;border-color:#e9ecef}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#2c3136;border-color:#2a2e33}.btn-check:focus+.btn-dark,.btn-dark:focus{color:#fff;background-color:#2c3136;border-color:#2a2e33;box-shadow:0 0 0 .25rem rgba(82,88,93,.5)}.btn-check:checked+.btn-dark,.btn-check:active+.btn-dark,.btn-dark:active,.btn-dark.active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#2a2e33;border-color:#272c30}.btn-check:checked+.btn-dark:focus,.btn-check:active+.btn-dark:focus,.btn-dark:active:focus,.btn-dark.active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(82,88,93,.5)}.btn-dark:disabled,.btn-dark.disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-primary{color:#2cabe3;border-color:#2cabe3}.btn-outline-primary:hover{color:#000;background-color:#2cabe3;border-color:#2cabe3}.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(44,171,227,.5)}.btn-check:checked+.btn-outline-primary,.btn-check:active+.btn-outline-primary,.btn-outline-primary:active,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show{color:#000;background-color:#2cabe3;border-color:#2cabe3}.btn-check:checked+.btn-outline-primary:focus,.btn-check:active+.btn-outline-primary:focus,.btn-outline-primary:active:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(44,171,227,.5)}.btn-outline-primary:disabled,.btn-outline-primary.disabled{color:#2cabe3;background-color:rgba(0,0,0,0)}.btn-outline-secondary{color:#868e96;border-color:#868e96}.btn-outline-secondary:hover{color:#000;background-color:#868e96;border-color:#868e96}.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{box-shadow:0 0 0 .25rem rgba(134,142,150,.5)}.btn-check:checked+.btn-outline-secondary,.btn-check:active+.btn-outline-secondary,.btn-outline-secondary:active,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show{color:#000;background-color:#868e96;border-color:#868e96}.btn-check:checked+.btn-outline-secondary:focus,.btn-check:active+.btn-outline-secondary:focus,.btn-outline-secondary:active:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(134,142,150,.5)}.btn-outline-secondary:disabled,.btn-outline-secondary.disabled{color:#868e96;background-color:rgba(0,0,0,0)}.btn-outline-success{color:#5fdc9f;border-color:#5fdc9f}.btn-outline-success:hover{color:#000;background-color:#5fdc9f;border-color:#5fdc9f}.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(95,220,159,.5)}.btn-check:checked+.btn-outline-success,.btn-check:active+.btn-outline-success,.btn-outline-success:active,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show{color:#000;background-color:#5fdc9f;border-color:#5fdc9f}.btn-check:checked+.btn-outline-success:focus,.btn-check:active+.btn-outline-success:focus,.btn-outline-success:active:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(95,220,159,.5)}.btn-outline-success:disabled,.btn-outline-success.disabled{color:#5fdc9f;background-color:rgba(0,0,0,0)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#000;background-color:#17a2b8;border-color:#17a2b8}.btn-check:focus+.btn-outline-info,.btn-outline-info:focus{box-shadow:0 0 0 .25rem rgba(23,162,184,.5)}.btn-check:checked+.btn-outline-info,.btn-check:active+.btn-outline-info,.btn-outline-info:active,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show{color:#000;background-color:#17a2b8;border-color:#17a2b8}.btn-check:checked+.btn-outline-info:focus,.btn-check:active+.btn-outline-info:focus,.btn-outline-info:active:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(23,162,184,.5)}.btn-outline-info:disabled,.btn-outline-info.disabled{color:#17a2b8;background-color:rgba(0,0,0,0)}.btn-outline-warning{color:#ffd500;border-color:#ffd500}.btn-outline-warning:hover{color:#000;background-color:#ffd500;border-color:#ffd500}.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{box-shadow:0 0 0 .25rem rgba(255,213,0,.5)}.btn-check:checked+.btn-outline-warning,.btn-check:active+.btn-outline-warning,.btn-outline-warning:active,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show{color:#000;background-color:#ffd500;border-color:#ffd500}.btn-check:checked+.btn-outline-warning:focus,.btn-check:active+.btn-outline-warning:focus,.btn-outline-warning:active:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(255,213,0,.5)}.btn-outline-warning:disabled,.btn-outline-warning.disabled{color:#ffd500;background-color:rgba(0,0,0,0)}.btn-outline-danger{color:#d9534f;border-color:#d9534f}.btn-outline-danger:hover{color:#000;background-color:#d9534f;border-color:#d9534f}.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{box-shadow:0 0 0 .25rem rgba(217,83,79,.5)}.btn-check:checked+.btn-outline-danger,.btn-check:active+.btn-outline-danger,.btn-outline-danger:active,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show{color:#000;background-color:#d9534f;border-color:#d9534f}.btn-check:checked+.btn-outline-danger:focus,.btn-check:active+.btn-outline-danger:focus,.btn-outline-danger:active:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(217,83,79,.5)}.btn-outline-danger:disabled,.btn-outline-danger.disabled{color:#d9534f;background-color:rgba(0,0,0,0)}.btn-outline-light{color:#e9ecef;border-color:#e9ecef}.btn-outline-light:hover{color:#000;background-color:#e9ecef;border-color:#e9ecef}.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{box-shadow:0 0 0 .25rem rgba(233,236,239,.5)}.btn-check:checked+.btn-outline-light,.btn-check:active+.btn-outline-light,.btn-outline-light:active,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show{color:#000;background-color:#e9ecef;border-color:#e9ecef}.btn-check:checked+.btn-outline-light:focus,.btn-check:active+.btn-outline-light:focus,.btn-outline-light:active:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(233,236,239,.5)}.btn-outline-light:disabled,.btn-outline-light.disabled{color:#e9ecef;background-color:rgba(0,0,0,0)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(52,58,64,.5)}.btn-check:checked+.btn-outline-dark,.btn-check:active+.btn-outline-dark,.btn-outline-dark:active,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show{color:#fff;background-color:#343a40;border-color:#343a40}.btn-check:checked+.btn-outline-dark:focus,.btn-check:active+.btn-outline-dark:focus,.btn-outline-dark:active:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(52,58,64,.5)}.btn-outline-dark:disabled,.btn-outline-dark.disabled{color:#343a40;background-color:rgba(0,0,0,0)}.btn-link{font-weight:400;color:#2cabe3;text-decoration:underline}.btn-link:hover{color:#2389b6}.btn-link:disabled,.btn-link.disabled{color:#868e96}.btn-lg,.btn-group-lg>.btn{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.btn-sm,.btn-group-sm>.btn{padding:.25rem .5rem;font-size:0.875rem;border-radius:.2rem}.fade{transition:opacity .15s linear}@media(prefers-reduced-motion: reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media(prefers-reduced-motion: reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media(prefers-reduced-motion: reduce){.collapsing.collapse-horizontal{transition:none}}.dropup,.dropend,.dropdown,.dropstart{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid;border-right:.3em solid rgba(0,0,0,0);border-bottom:0;border-left:.3em solid rgba(0,0,0,0)}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu,.rdt .rdtPicker{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu[data-bs-popper],.rdt [data-bs-popper].rdtPicker{top:100%;left:0;margin-top:.125rem}.dropdown-menu-start{--bs-position: start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position: end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media(min-width: 576px){.dropdown-menu-sm-start{--bs-position: start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position: end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 768px){.dropdown-menu-md-start{--bs-position: start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position: end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 992px){.dropdown-menu-lg-start{--bs-position: start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position: end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 1200px){.dropdown-menu-xl-start{--bs-position: start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position: end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 1400px){.dropdown-menu-xxl-start{--bs-position: start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position: end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper],.dropup .rdt [data-bs-popper].rdtPicker,.rdt .dropup [data-bs-popper].rdtPicker{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:0;border-right:.3em solid rgba(0,0,0,0);border-bottom:.3em solid;border-left:.3em solid rgba(0,0,0,0)}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper],.dropend .rdt [data-bs-popper].rdtPicker,.rdt .dropend [data-bs-popper].rdtPicker{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid rgba(0,0,0,0);border-right:0;border-bottom:.3em solid rgba(0,0,0,0);border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper],.dropstart .rdt [data-bs-popper].rdtPicker,.rdt .dropstart [data-bs-popper].rdtPicker{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\"}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid rgba(0,0,0,0);border-right:.3em solid;border-bottom:.3em solid rgba(0,0,0,0)}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid rgba(0,0,0,.15)}.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:rgba(0,0,0,0);border:0}.dropdown-item:hover,.dropdown-item:focus{color:#1e2125;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#2cabe3}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:rgba(0,0,0,0)}.dropdown-menu.show,.rdt .show.rdtPicker{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:0.875rem;color:#868e96;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#212529}.dropdown-menu-dark{color:#dee2e6;background-color:#343a40;border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item{color:#dee2e6}.dropdown-menu-dark .dropdown-item:hover,.dropdown-menu-dark .dropdown-item:focus{color:#fff;background-color:rgba(255,255,255,.15)}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{color:#fff;background-color:#2cabe3}.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#adb5bd}.dropdown-menu-dark .dropdown-divider{border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item-text{color:#dee2e6}.dropdown-menu-dark .dropdown-header{color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;flex:1 1 auto}.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn:hover,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child){margin-left:-1px}.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn,.btn-group>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn~.btn,.btn-group-vertical>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;color:#2cabe3;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media(prefers-reduced-motion: reduce){.nav-link{transition:none}}.nav-link:hover,.nav-link:focus{color:#2389b6}.nav-link.disabled{color:#868e96;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background:none;border:1px solid rgba(0,0,0,0);border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{border-color:#e9ecef #e9ecef #dee2e6;isolation:isolate}.nav-tabs .nav-link.disabled{color:#868e96;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:#495057;background-color:#f4f6f8;border-color:#dee2e6 #dee2e6 #f4f6f8}.nav-tabs .dropdown-menu,.nav-tabs .rdt .rdtPicker,.rdt .nav-tabs .rdtPicker{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{background:none;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#2cabe3}.nav-fill>.nav-link,.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified>.nav-link,.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu,.navbar-nav .rdt .rdtPicker,.rdt .navbar-nav .rdtPicker{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:.25rem;transition:box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height, 75vh);overflow-y:auto}@media(min-width: 576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu,.navbar-expand-sm .navbar-nav .rdt .rdtPicker,.rdt .navbar-expand-sm .navbar-nav .rdtPicker{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas-header{display:none}.navbar-expand-sm .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible !important;background-color:rgba(0,0,0,0);border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-sm .offcanvas-top,.navbar-expand-sm .offcanvas-bottom{height:auto;border-top:0;border-bottom:0}.navbar-expand-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width: 768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu,.navbar-expand-md .navbar-nav .rdt .rdtPicker,.rdt .navbar-expand-md .navbar-nav .rdtPicker{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas-header{display:none}.navbar-expand-md .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible !important;background-color:rgba(0,0,0,0);border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-md .offcanvas-top,.navbar-expand-md .offcanvas-bottom{height:auto;border-top:0;border-bottom:0}.navbar-expand-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width: 992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu,.navbar-expand-lg .navbar-nav .rdt .rdtPicker,.rdt .navbar-expand-lg .navbar-nav .rdtPicker{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas-header{display:none}.navbar-expand-lg .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible !important;background-color:rgba(0,0,0,0);border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-lg .offcanvas-top,.navbar-expand-lg .offcanvas-bottom{height:auto;border-top:0;border-bottom:0}.navbar-expand-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width: 1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu,.navbar-expand-xl .navbar-nav .rdt .rdtPicker,.rdt .navbar-expand-xl .navbar-nav .rdtPicker{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas-header{display:none}.navbar-expand-xl .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible !important;background-color:rgba(0,0,0,0);border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-xl .offcanvas-top,.navbar-expand-xl .offcanvas-bottom{height:auto;border-top:0;border-bottom:0}.navbar-expand-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width: 1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu,.navbar-expand-xxl .navbar-nav .rdt .rdtPicker,.rdt .navbar-expand-xxl .navbar-nav .rdtPicker{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible !important;background-color:rgba(0,0,0,0);border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-xxl .offcanvas-top,.navbar-expand-xxl .offcanvas-bottom{height:auto;border-top:0;border-bottom:0}.navbar-expand-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu,.navbar-expand .navbar-nav .rdt .rdtPicker,.rdt .navbar-expand .navbar-nav .rdtPicker{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas-header{display:none}.navbar-expand .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible !important;background-color:rgba(0,0,0,0);border-right:0;border-left:0;transition:none;transform:none}.navbar-expand .offcanvas-top,.navbar-expand .offcanvas-bottom{height:auto;border-top:0;border-bottom:0}.navbar-expand .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .nav-link.active{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.55);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}.navbar-light .navbar-text{color:rgba(0,0,0,.55)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:hover,.navbar-light .navbar-text a:focus{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.55)}.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-nav .nav-link.active{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}.navbar-dark .navbar-text{color:rgba(255,255,255,.55)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:hover,.navbar-dark .navbar-text a:focus{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(0.25rem - 1px);border-bottom-left-radius:calc(0.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-0.25rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:1rem}.card-header{padding:.5rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0}.card-footer{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)}.card-header-tabs{margin-right:-0.5rem;margin-bottom:-0.5rem;margin-left:-0.5rem;border-bottom:0}.card-header-tabs .nav-link.active{background-color:#fff;border-bottom-color:#fff}.card-header-pills{margin-right:-0.5rem;margin-left:-0.5rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:calc(0.25rem - 1px)}.card-img,.card-img-top,.card-img-bottom{width:100%}.card-img,.card-img-top{border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(0.25rem - 1px);border-bottom-left-radius:calc(0.25rem - 1px)}.card-group>.card{margin-bottom:.75rem}@media(min-width: 576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer{border-bottom-left-radius:0}}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#f4f6f8;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}@media(prefers-reduced-motion: reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:#289acc;background-color:#eaf7fc;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}.accordion-button:not(.collapsed)::after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23289acc'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");transform:rotate(-180deg)}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:\"\";background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}@media(prefers-reduced-motion: reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#96d5f1;outline:0;box-shadow:0 0 0 .25rem rgba(44,171,227,.25)}.accordion-header{margin-bottom:0}.accordion-item{background-color:#f4f6f8;border:1px solid rgba(0,0,0,.125)}.accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(0.25rem - 1px);border-bottom-left-radius:calc(0.25rem - 1px)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-body{padding:1rem 1.25rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}.breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#868e96;content:var(--bs-breadcrumb-divider, \"/\") /* rtl: var(--bs-breadcrumb-divider, \"/\") */}.breadcrumb-item.active{color:#868e96}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#2cabe3;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:#2389b6;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;color:#2389b6;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(44,171,227,.25)}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item.active .page-link{z-index:3;color:#fff;background-color:#2cabe3;border-color:#2cabe3}.page-item.disabled .page-link{color:#868e96;pointer-events:none;background-color:#fff;border-color:#dee2e6}.page-link{padding:.375rem .75rem}.page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:0.875rem}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge,.tag{display:inline-block;padding:.35em .65em;font-size:0.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty,.tag:empty{display:none}.btn .badge,.btn .tag{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid rgba(0,0,0,0);border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{color:#1a6788;background-color:#d5eef9;border-color:#c0e6f7}.alert-primary .alert-link{color:#15526d}.alert-secondary{color:#50555a;background-color:#e7e8ea;border-color:#dbdde0}.alert-secondary .alert-link{color:#404448}.alert-success{color:#265840;background-color:#dff8ec;border-color:#cff5e2}.alert-success .alert-link{color:#1e4633}.alert-info{color:#0e616e;background-color:#d1ecf1;border-color:#b9e3ea}.alert-info .alert-link{color:#0b4e58}.alert-warning{color:#650;background-color:#fff7cc;border-color:#fff2b3}.alert-warning .alert-link{color:#524400}.alert-danger{color:#82322f;background-color:#f7dddc;border-color:#f4cbca}.alert-danger .alert-link{color:#682826}.alert-light{color:#5d5e60;background-color:#fbfbfc;border-color:#f8f9fa}.alert-light .alert-link{color:#4a4b4d}.alert-dark{color:#1f2326;background-color:#d6d8d9;border-color:#c2c4c6}.alert-dark .alert-link{color:#191c1e}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{display:flex;height:1rem;overflow:hidden;font-size:0.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#2cabe3;transition:width .6s ease}@media(prefers-reduced-motion: reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:1rem 1rem}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media(prefers-reduced-motion: reduce){.progress-bar-animated{animation:none}}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>li::before{content:counters(section, \".\") \". \";counter-increment:section}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:hover,.list-group-item-action:focus{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.5rem 1rem;color:#212529;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#868e96;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#2cabe3;border-color:#2cabe3}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media(min-width: 576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media(min-width: 768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media(min-width: 992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media(min-width: 1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media(min-width: 1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#1a6788;background-color:#d5eef9}.list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus{color:#1a6788;background-color:#c0d6e0}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#1a6788;border-color:#1a6788}.list-group-item-secondary{color:#50555a;background-color:#e7e8ea}.list-group-item-secondary.list-group-item-action:hover,.list-group-item-secondary.list-group-item-action:focus{color:#50555a;background-color:#d0d1d3}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#50555a;border-color:#50555a}.list-group-item-success{color:#265840;background-color:#dff8ec}.list-group-item-success.list-group-item-action:hover,.list-group-item-success.list-group-item-action:focus{color:#265840;background-color:#c9dfd4}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#265840;border-color:#265840}.list-group-item-info{color:#0e616e;background-color:#d1ecf1}.list-group-item-info.list-group-item-action:hover,.list-group-item-info.list-group-item-action:focus{color:#0e616e;background-color:#bcd4d9}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0e616e;border-color:#0e616e}.list-group-item-warning{color:#650;background-color:#fff7cc}.list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus{color:#650;background-color:#e6deb8}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#650;border-color:#650}.list-group-item-danger{color:#82322f;background-color:#f7dddc}.list-group-item-danger.list-group-item-action:hover,.list-group-item-danger.list-group-item-action:focus{color:#82322f;background-color:#dec7c6}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#82322f;border-color:#82322f}.list-group-item-light{color:#5d5e60;background-color:#fbfbfc}.list-group-item-light.list-group-item-action:hover,.list-group-item-light.list-group-item-action:focus{color:#5d5e60;background-color:#e2e2e3}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#5d5e60;border-color:#5d5e60}.list-group-item-dark{color:#1f2326;background-color:#d6d8d9}.list-group-item-dark.list-group-item-action:hover,.list-group-item-dark.list-group-item-action:focus{color:#1f2326;background-color:#c1c2c3}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1f2326;border-color:#1f2326}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:rgba(0,0,0,0) url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(44,171,227,.25);opacity:1}.btn-close:disabled,.btn-close.disabled{pointer-events:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{width:350px;max-width:100%;font-size:0.875rem;pointer-events:auto;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border-radius:.25rem}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:.75rem}.toast-header{display:flex;align-items:center;padding:.5rem .75rem;color:#868e96;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.toast-header .btn-close{margin-right:-0.375rem;margin-left:.75rem}.toast-body{padding:.75rem;word-wrap:break-word}.modal{position:fixed;top:0;left:0;z-index:1055;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0, -50px)}@media(prefers-reduced-motion: reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px)}.modal-header .btn-close{padding:.5rem .5rem;margin:-0.5rem -0.5rem -0.5rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(0.3rem - 1px);border-bottom-left-radius:calc(0.3rem - 1px)}.modal-footer>*{margin:.25rem}@media(min-width: 576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media(min-width: 992px){.modal-lg,.modal-xl{max-width:800px}}@media(min-width: 1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media(max-width: 575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media(max-width: 767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media(max-width: 991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media(max-width: 1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media(max-width: 1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.tooltip{position:absolute;z-index:1080;display:block;margin:0;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:\"\";border-color:rgba(0,0,0,0);border-style:solid}.bs-tooltip-top,.bs-tooltip-auto[data-popper-placement^=top]{padding:.4rem 0}.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{bottom:0}.bs-tooltip-top .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-end,.bs-tooltip-auto[data-popper-placement^=right]{padding:0 .4rem}.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-end .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before{right:-1px;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-bottom,.bs-tooltip-auto[data-popper-placement^=bottom]{padding:.4rem 0}.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{top:0}.bs-tooltip-bottom .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before{bottom:-1px;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-start,.bs-tooltip-auto[data-popper-placement^=left]{padding:0 .4rem}.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-start .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before{left:-1px;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0 /* rtl:ignore */;z-index:1070;display:block;max-width:276px;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem}.popover .popover-arrow::before,.popover .popover-arrow::after{position:absolute;display:block;content:\"\";border-color:rgba(0,0,0,0);border-style:solid}.bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow{bottom:calc(-0.5rem - 1px)}.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-end>.popover-arrow,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow{left:calc(-0.5rem - 1px);width:.5rem;height:1rem}.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow{top:calc(-0.5rem - 1px)}.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-bottom .popover-header::before,.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-0.5rem;content:\"\";border-bottom:1px solid #f0f0f0}.bs-popover-start>.popover-arrow,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow{right:calc(-0.5rem - 1px);width:.5rem;height:1rem}.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1rem;background-color:#f0f0f0;border-bottom:1px solid rgba(0,0,0,.2);border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:\"\"}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media(prefers-reduced-motion: reduce){.carousel-item{transition:none}}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end{transform:translateX(100%)}.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start{transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end{z-index:1;opacity:1}.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{z-index:0;opacity:0;transition:opacity 0s .6s}@media(prefers-reduced-motion: reduce){.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{transition:none}}.carousel-control-prev,.carousel-control-next{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:none;border:0;opacity:.5;transition:opacity .15s ease}@media(prefers-reduced-motion: reduce){.carousel-control-prev,.carousel-control-next{transition:none}}.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-prev-icon,.carousel-control-next-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e\")}.carousel-control-next-icon{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);opacity:.5;transition:opacity .6s ease}@media(prefers-reduced-motion: reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-prev-icon,.carousel-dark .carousel-control-next-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}@keyframes spinner-border{to{transform:rotate(360deg) /* rtl:ignore */}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-0.125em;border:.25em solid currentColor;border-right-color:rgba(0,0,0,0);border-radius:50%;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-0.125em;background-color:currentColor;border-radius:50%;opacity:0;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media(prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{animation-duration:1.5s}}.offcanvas{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media(prefers-reduced-motion: reduce){.offcanvas{transition:none}}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem}.offcanvas-header .btn-close{padding:.5rem .5rem;margin-top:-0.5rem;margin-right:-0.5rem;margin-bottom:-0.5rem}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-body{flex-grow:1;padding:1rem 1rem;overflow-y:auto}.offcanvas-start{top:0;left:0;width:400px;border-right:1px solid rgba(0,0,0,.2);transform:translateX(-100%)}.offcanvas-end{top:0;right:0;width:400px;border-left:1px solid rgba(0,0,0,.2);transform:translateX(100%)}.offcanvas-top{top:0;right:0;left:0;height:30vh;max-height:100%;border-bottom:1px solid rgba(0,0,0,.2);transform:translateY(-100%)}.offcanvas-bottom{right:0;left:0;height:30vh;max-height:100%;border-top:1px solid rgba(0,0,0,.2);transform:translateY(100%)}.offcanvas.show{transform:none}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentColor;opacity:.5}.placeholder.btn::before{display:inline-block;content:\"\"}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{mask-image:linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:\"\"}.link-primary{color:#2cabe3}.link-primary:hover,.link-primary:focus{color:#56bce9}.link-secondary{color:#868e96}.link-secondary:hover,.link-secondary:focus{color:#9ea5ab}.link-success{color:#5fdc9f}.link-success:hover,.link-success:focus{color:#7fe3b2}.link-info{color:#17a2b8}.link-info:hover,.link-info:focus{color:#45b5c6}.link-warning{color:#ffd500}.link-warning:hover,.link-warning:focus{color:#fd3}.link-danger{color:#d9534f}.link-danger:hover,.link-danger:focus{color:#e17572}.link-light{color:#e9ecef}.link-light:hover,.link-light:focus{color:#edf0f2}.link-dark{color:#343a40}.link-dark:hover,.link-dark:focus{color:#2a2e33}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:\"\"}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio: 100%}.ratio-4x3{--bs-aspect-ratio: 75%}.ratio-16x9{--bs-aspect-ratio: 56.25%}.ratio-21x9{--bs-aspect-ratio: 42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}@media(min-width: 576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}}@media(min-width: 768px){.sticky-md-top{position:sticky;top:0;z-index:1020}}@media(min-width: 992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}}@media(min-width: 1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}}@media(min-width: 1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:\"\"}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentColor;opacity:.25}.align-baseline{vertical-align:baseline !important}.align-top{vertical-align:top !important}.align-middle{vertical-align:middle !important}.align-bottom{vertical-align:bottom !important}.align-text-bottom{vertical-align:text-bottom !important}.align-text-top{vertical-align:text-top !important}.float-start{float:left !important}.float-end{float:right !important}.float-none{float:none !important}.opacity-0{opacity:0 !important}.opacity-25{opacity:.25 !important}.opacity-50{opacity:.5 !important}.opacity-75{opacity:.75 !important}.opacity-100{opacity:1 !important}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.overflow-visible{overflow:visible !important}.overflow-scroll{overflow:scroll !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175) !important}.shadow-none{box-shadow:none !important}.position-static{position:static !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.position-sticky{position:sticky !important}.top-0{top:0 !important}.top-50{top:50% !important}.top-100{top:100% !important}.bottom-0{bottom:0 !important}.bottom-50{bottom:50% !important}.bottom-100{bottom:100% !important}.start-0{left:0 !important}.start-50{left:50% !important}.start-100{left:100% !important}.end-0{right:0 !important}.end-50{right:50% !important}.end-100{right:100% !important}.translate-middle{transform:translate(-50%, -50%) !important}.translate-middle-x{transform:translateX(-50%) !important}.translate-middle-y{transform:translateY(-50%) !important}.border{border:1px solid #dee2e6 !important}.border-0{border:0 !important}.border-top{border-top:1px solid #dee2e6 !important}.border-top-0{border-top:0 !important}.border-end{border-right:1px solid #dee2e6 !important}.border-end-0{border-right:0 !important}.border-bottom{border-bottom:1px solid #dee2e6 !important}.border-bottom-0{border-bottom:0 !important}.border-start{border-left:1px solid #dee2e6 !important}.border-start-0{border-left:0 !important}.border-primary{border-color:#2cabe3 !important}.border-secondary{border-color:#868e96 !important}.border-success{border-color:#5fdc9f !important}.border-info{border-color:#17a2b8 !important}.border-warning{border-color:#ffd500 !important}.border-danger{border-color:#d9534f !important}.border-light{border-color:#e9ecef !important}.border-dark{border-color:#343a40 !important}.border-white{border-color:#fff !important}.border-1{border-width:1px !important}.border-2{border-width:2px !important}.border-3{border-width:3px !important}.border-4{border-width:4px !important}.border-5{border-width:5px !important}.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.w-auto{width:auto !important}.mw-100{max-width:100% !important}.vw-100{width:100vw !important}.min-vw-100{min-width:100vw !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.h-auto{height:auto !important}.mh-100{max-height:100% !important}.vh-100{height:100vh !important}.min-vh-100{min-height:100vh !important}.flex-fill{flex:1 1 auto !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-0{gap:0 !important}.gap-1{gap:.25rem !important}.gap-2{gap:.5rem !important}.gap-3{gap:1rem !important}.gap-4{gap:1.5rem !important}.gap-5{gap:3rem !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}.order-first{order:-1 !important}.order-0{order:0 !important}.order-1{order:1 !important}.order-2{order:2 !important}.order-3{order:3 !important}.order-4{order:4 !important}.order-5{order:5 !important}.order-last{order:6 !important}.m-0{margin:0 !important}.m-1{margin:.25rem !important}.m-2{margin:.5rem !important}.m-3{margin:1rem !important}.m-4{margin:1.5rem !important}.m-5{margin:3rem !important}.m-auto{margin:auto !important}.mx-0{margin-right:0 !important;margin-left:0 !important}.mx-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-3{margin-right:1rem !important;margin-left:1rem !important}.mx-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-5{margin-right:3rem !important;margin-left:3rem !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-0{margin-top:0 !important}.mt-1{margin-top:.25rem !important}.mt-2{margin-top:.5rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:3rem !important}.mt-auto{margin-top:auto !important}.me-0{margin-right:0 !important}.me-1{margin-right:.25rem !important}.me-2{margin-right:.5rem !important}.me-3{margin-right:1rem !important}.me-4{margin-right:1.5rem !important}.me-5{margin-right:3rem !important}.me-auto{margin-right:auto !important}.mb-0,.rdt .rdtPicker table{margin-bottom:0 !important}.mb-1{margin-bottom:.25rem !important}.mb-2{margin-bottom:.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:3rem !important}.mb-auto{margin-bottom:auto !important}.ms-0{margin-left:0 !important}.ms-1{margin-left:.25rem !important}.ms-2{margin-left:.5rem !important}.ms-3{margin-left:1rem !important}.ms-4{margin-left:1.5rem !important}.ms-5{margin-left:3rem !important}.ms-auto{margin-left:auto !important}.p-0{padding:0 !important}.p-1{padding:.25rem !important}.p-2{padding:.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:3rem !important}.px-0{padding-right:0 !important;padding-left:0 !important}.px-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-3{padding-right:1rem !important;padding-left:1rem !important}.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-5{padding-right:3rem !important;padding-left:3rem !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-0{padding-top:0 !important}.pt-1{padding-top:.25rem !important}.pt-2{padding-top:.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:3rem !important}.pe-0{padding-right:0 !important}.pe-1{padding-right:.25rem !important}.pe-2{padding-right:.5rem !important}.pe-3{padding-right:1rem !important}.pe-4{padding-right:1.5rem !important}.pe-5{padding-right:3rem !important}.pb-0{padding-bottom:0 !important}.pb-1{padding-bottom:.25rem !important}.pb-2{padding-bottom:.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:3rem !important}.ps-0{padding-left:0 !important}.ps-1{padding-left:.25rem !important}.ps-2{padding-left:.5rem !important}.ps-3{padding-left:1rem !important}.ps-4{padding-left:1.5rem !important}.ps-5{padding-left:3rem !important}.font-monospace{font-family:var(--bs-font-monospace) !important}.fs-1{font-size:calc(1.375rem + 1.5vw) !important}.fs-2{font-size:calc(1.325rem + 0.9vw) !important}.fs-3{font-size:calc(1.3rem + 0.6vw) !important}.fs-4{font-size:calc(1.275rem + 0.3vw) !important}.fs-5{font-size:1.25rem !important}.fs-6{font-size:1rem !important}.fst-italic{font-style:italic !important}.fst-normal{font-style:normal !important}.fw-light{font-weight:300 !important}.fw-lighter{font-weight:lighter !important}.fw-normal{font-weight:400 !important}.fw-bold{font-weight:700 !important}.fw-bolder{font-weight:bolder !important}.lh-1{line-height:1 !important}.lh-sm{line-height:1.25 !important}.lh-base{line-height:1.5 !important}.lh-lg{line-height:2 !important}.text-start{text-align:left !important}.text-end{text-align:right !important}.text-center,.img-upload .img-upload-wrapper{text-align:center !important}.text-decoration-none{text-decoration:none !important}.text-decoration-underline{text-decoration:underline !important}.text-decoration-line-through{text-decoration:line-through !important}.text-lowercase{text-transform:lowercase !important}.text-uppercase{text-transform:uppercase !important}.text-capitalize{text-transform:capitalize !important}.text-wrap{white-space:normal !important}.text-nowrap{white-space:nowrap !important}.text-break{word-wrap:break-word !important;word-break:break-word !important}.text-primary{--bs-text-opacity: 1;color:rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important}.text-secondary{--bs-text-opacity: 1;color:rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important}.text-success{--bs-text-opacity: 1;color:rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important}.text-info{--bs-text-opacity: 1;color:rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important}.text-warning{--bs-text-opacity: 1;color:rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important}.text-danger{--bs-text-opacity: 1;color:rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important}.text-light{--bs-text-opacity: 1;color:rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important}.text-dark{--bs-text-opacity: 1;color:rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important}.text-black{--bs-text-opacity: 1;color:rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important}.text-white{--bs-text-opacity: 1;color:rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important}.text-body{--bs-text-opacity: 1;color:rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important}.text-muted{--bs-text-opacity: 1;color:#868e96 !important}.text-black-50{--bs-text-opacity: 1;color:rgba(0,0,0,.5) !important}.text-white-50{--bs-text-opacity: 1;color:rgba(255,255,255,.5) !important}.text-reset{--bs-text-opacity: 1;color:inherit !important}.text-opacity-25{--bs-text-opacity: 0.25}.text-opacity-50{--bs-text-opacity: 0.5}.text-opacity-75{--bs-text-opacity: 0.75}.text-opacity-100{--bs-text-opacity: 1}.bg-primary,.tag{--bs-bg-opacity: 1;background-color:rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important}.bg-secondary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important}.bg-success{--bs-bg-opacity: 1;background-color:rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important}.bg-info{--bs-bg-opacity: 1;background-color:rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important}.bg-warning{--bs-bg-opacity: 1;background-color:rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important}.bg-danger{--bs-bg-opacity: 1;background-color:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important}.bg-light{--bs-bg-opacity: 1;background-color:rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important}.bg-dark{--bs-bg-opacity: 1;background-color:rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important}.bg-black{--bs-bg-opacity: 1;background-color:rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important}.bg-white{--bs-bg-opacity: 1;background-color:rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important}.bg-body{--bs-bg-opacity: 1;background-color:rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important}.bg-transparent{--bs-bg-opacity: 1;background-color:rgba(0,0,0,0) !important}.bg-opacity-10{--bs-bg-opacity: 0.1}.bg-opacity-25{--bs-bg-opacity: 0.25}.bg-opacity-50{--bs-bg-opacity: 0.5}.bg-opacity-75{--bs-bg-opacity: 0.75}.bg-opacity-100{--bs-bg-opacity: 1}.bg-gradient{background-image:var(--bs-gradient) !important}.user-select-all{user-select:all !important}.user-select-auto{user-select:auto !important}.user-select-none{user-select:none !important}.pe-none{pointer-events:none !important}.pe-auto{pointer-events:auto !important}.rounded,.rdt.rdtOpen .rdtSwitch,.rdt.rdtOpen .rdtPrev,.rdt.rdtOpen .rdtNext{border-radius:.25rem !important}.rounded-0{border-radius:0 !important}.rounded-1{border-radius:.2rem !important}.rounded-2{border-radius:.25rem !important}.rounded-3{border-radius:.3rem !important}.rounded-circle,.rdt .rdtPicker .rdtMonths table>tbody>tr>td:hover,.rdt .rdtPicker .rdtYears table>tbody>tr>td:hover,.rdt .rdtPicker .rdtDays table>tbody>tr>td:hover,.rdt .rdtPicker .rdtMonths table>tbody>tr>td.rdtActive,.rdt .rdtPicker .rdtMonths table>tbody>tr>td.rdtActive:hover,.rdt .rdtPicker .rdtYears table>tbody>tr>td.rdtActive,.rdt .rdtPicker .rdtYears table>tbody>tr>td.rdtActive:hover,.rdt .rdtPicker .rdtDays table>tbody>tr>td.rdtActive,.rdt .rdtPicker .rdtDays table>tbody>tr>td.rdtActive:hover{border-radius:50% !important}.rounded-pill,.tag{border-radius:50rem !important}.rounded-top{border-top-left-radius:.25rem !important;border-top-right-radius:.25rem !important}.rounded-end{border-top-right-radius:.25rem !important;border-bottom-right-radius:.25rem !important}.rounded-bottom{border-bottom-right-radius:.25rem !important;border-bottom-left-radius:.25rem !important}.rounded-start{border-bottom-left-radius:.25rem !important;border-top-left-radius:.25rem !important}.visible{visibility:visible !important}.invisible{visibility:hidden !important}@media(min-width: 576px){.float-sm-start{float:left !important}.float-sm-end{float:right !important}.float-sm-none{float:none !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-grid{display:grid !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}.d-sm-none{display:none !important}.flex-sm-fill{flex:1 1 auto !important}.flex-sm-row{flex-direction:row !important}.flex-sm-column{flex-direction:column !important}.flex-sm-row-reverse{flex-direction:row-reverse !important}.flex-sm-column-reverse{flex-direction:column-reverse !important}.flex-sm-grow-0{flex-grow:0 !important}.flex-sm-grow-1{flex-grow:1 !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-shrink-1{flex-shrink:1 !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-sm-0{gap:0 !important}.gap-sm-1{gap:.25rem !important}.gap-sm-2{gap:.5rem !important}.gap-sm-3{gap:1rem !important}.gap-sm-4{gap:1.5rem !important}.gap-sm-5{gap:3rem !important}.justify-content-sm-start{justify-content:flex-start !important}.justify-content-sm-end{justify-content:flex-end !important}.justify-content-sm-center{justify-content:center !important}.justify-content-sm-between{justify-content:space-between !important}.justify-content-sm-around{justify-content:space-around !important}.justify-content-sm-evenly{justify-content:space-evenly !important}.align-items-sm-start{align-items:flex-start !important}.align-items-sm-end{align-items:flex-end !important}.align-items-sm-center{align-items:center !important}.align-items-sm-baseline{align-items:baseline !important}.align-items-sm-stretch{align-items:stretch !important}.align-content-sm-start{align-content:flex-start !important}.align-content-sm-end{align-content:flex-end !important}.align-content-sm-center{align-content:center !important}.align-content-sm-between{align-content:space-between !important}.align-content-sm-around{align-content:space-around !important}.align-content-sm-stretch{align-content:stretch !important}.align-self-sm-auto{align-self:auto !important}.align-self-sm-start{align-self:flex-start !important}.align-self-sm-end{align-self:flex-end !important}.align-self-sm-center{align-self:center !important}.align-self-sm-baseline{align-self:baseline !important}.align-self-sm-stretch{align-self:stretch !important}.order-sm-first{order:-1 !important}.order-sm-0{order:0 !important}.order-sm-1{order:1 !important}.order-sm-2{order:2 !important}.order-sm-3{order:3 !important}.order-sm-4{order:4 !important}.order-sm-5{order:5 !important}.order-sm-last{order:6 !important}.m-sm-0{margin:0 !important}.m-sm-1{margin:.25rem !important}.m-sm-2{margin:.5rem !important}.m-sm-3{margin:1rem !important}.m-sm-4{margin:1.5rem !important}.m-sm-5{margin:3rem !important}.m-sm-auto{margin:auto !important}.mx-sm-0{margin-right:0 !important;margin-left:0 !important}.mx-sm-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-sm-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-sm-3{margin-right:1rem !important;margin-left:1rem !important}.mx-sm-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-sm-5{margin-right:3rem !important;margin-left:3rem !important}.mx-sm-auto{margin-right:auto !important;margin-left:auto !important}.my-sm-0{margin-top:0 !important;margin-bottom:0 !important}.my-sm-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-sm-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-sm-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-sm-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-sm-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-sm-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-sm-0{margin-top:0 !important}.mt-sm-1{margin-top:.25rem !important}.mt-sm-2{margin-top:.5rem !important}.mt-sm-3{margin-top:1rem !important}.mt-sm-4{margin-top:1.5rem !important}.mt-sm-5{margin-top:3rem !important}.mt-sm-auto{margin-top:auto !important}.me-sm-0{margin-right:0 !important}.me-sm-1{margin-right:.25rem !important}.me-sm-2{margin-right:.5rem !important}.me-sm-3{margin-right:1rem !important}.me-sm-4{margin-right:1.5rem !important}.me-sm-5{margin-right:3rem !important}.me-sm-auto{margin-right:auto !important}.mb-sm-0{margin-bottom:0 !important}.mb-sm-1{margin-bottom:.25rem !important}.mb-sm-2{margin-bottom:.5rem !important}.mb-sm-3{margin-bottom:1rem !important}.mb-sm-4{margin-bottom:1.5rem !important}.mb-sm-5{margin-bottom:3rem !important}.mb-sm-auto{margin-bottom:auto !important}.ms-sm-0{margin-left:0 !important}.ms-sm-1{margin-left:.25rem !important}.ms-sm-2{margin-left:.5rem !important}.ms-sm-3{margin-left:1rem !important}.ms-sm-4{margin-left:1.5rem !important}.ms-sm-5{margin-left:3rem !important}.ms-sm-auto{margin-left:auto !important}.p-sm-0{padding:0 !important}.p-sm-1{padding:.25rem !important}.p-sm-2{padding:.5rem !important}.p-sm-3{padding:1rem !important}.p-sm-4{padding:1.5rem !important}.p-sm-5{padding:3rem !important}.px-sm-0{padding-right:0 !important;padding-left:0 !important}.px-sm-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-sm-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-sm-3{padding-right:1rem !important;padding-left:1rem !important}.px-sm-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-sm-5{padding-right:3rem !important;padding-left:3rem !important}.py-sm-0{padding-top:0 !important;padding-bottom:0 !important}.py-sm-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-sm-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-sm-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-sm-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-sm-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-sm-0{padding-top:0 !important}.pt-sm-1{padding-top:.25rem !important}.pt-sm-2{padding-top:.5rem !important}.pt-sm-3{padding-top:1rem !important}.pt-sm-4{padding-top:1.5rem !important}.pt-sm-5{padding-top:3rem !important}.pe-sm-0{padding-right:0 !important}.pe-sm-1{padding-right:.25rem !important}.pe-sm-2{padding-right:.5rem !important}.pe-sm-3{padding-right:1rem !important}.pe-sm-4{padding-right:1.5rem !important}.pe-sm-5{padding-right:3rem !important}.pb-sm-0{padding-bottom:0 !important}.pb-sm-1{padding-bottom:.25rem !important}.pb-sm-2{padding-bottom:.5rem !important}.pb-sm-3{padding-bottom:1rem !important}.pb-sm-4{padding-bottom:1.5rem !important}.pb-sm-5{padding-bottom:3rem !important}.ps-sm-0{padding-left:0 !important}.ps-sm-1{padding-left:.25rem !important}.ps-sm-2{padding-left:.5rem !important}.ps-sm-3{padding-left:1rem !important}.ps-sm-4{padding-left:1.5rem !important}.ps-sm-5{padding-left:3rem !important}.text-sm-start{text-align:left !important}.text-sm-end{text-align:right !important}.text-sm-center{text-align:center !important}}@media(min-width: 768px){.float-md-start{float:left !important}.float-md-end{float:right !important}.float-md-none{float:none !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-grid{display:grid !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}.d-md-none{display:none !important}.flex-md-fill{flex:1 1 auto !important}.flex-md-row{flex-direction:row !important}.flex-md-column{flex-direction:column !important}.flex-md-row-reverse{flex-direction:row-reverse !important}.flex-md-column-reverse{flex-direction:column-reverse !important}.flex-md-grow-0{flex-grow:0 !important}.flex-md-grow-1{flex-grow:1 !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-shrink-1{flex-shrink:1 !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-md-0{gap:0 !important}.gap-md-1{gap:.25rem !important}.gap-md-2{gap:.5rem !important}.gap-md-3{gap:1rem !important}.gap-md-4{gap:1.5rem !important}.gap-md-5{gap:3rem !important}.justify-content-md-start{justify-content:flex-start !important}.justify-content-md-end{justify-content:flex-end !important}.justify-content-md-center{justify-content:center !important}.justify-content-md-between{justify-content:space-between !important}.justify-content-md-around{justify-content:space-around !important}.justify-content-md-evenly{justify-content:space-evenly !important}.align-items-md-start{align-items:flex-start !important}.align-items-md-end{align-items:flex-end !important}.align-items-md-center{align-items:center !important}.align-items-md-baseline{align-items:baseline !important}.align-items-md-stretch{align-items:stretch !important}.align-content-md-start{align-content:flex-start !important}.align-content-md-end{align-content:flex-end !important}.align-content-md-center{align-content:center !important}.align-content-md-between{align-content:space-between !important}.align-content-md-around{align-content:space-around !important}.align-content-md-stretch{align-content:stretch !important}.align-self-md-auto{align-self:auto !important}.align-self-md-start{align-self:flex-start !important}.align-self-md-end{align-self:flex-end !important}.align-self-md-center{align-self:center !important}.align-self-md-baseline{align-self:baseline !important}.align-self-md-stretch{align-self:stretch !important}.order-md-first{order:-1 !important}.order-md-0{order:0 !important}.order-md-1{order:1 !important}.order-md-2{order:2 !important}.order-md-3{order:3 !important}.order-md-4{order:4 !important}.order-md-5{order:5 !important}.order-md-last{order:6 !important}.m-md-0{margin:0 !important}.m-md-1{margin:.25rem !important}.m-md-2{margin:.5rem !important}.m-md-3{margin:1rem !important}.m-md-4{margin:1.5rem !important}.m-md-5{margin:3rem !important}.m-md-auto{margin:auto !important}.mx-md-0{margin-right:0 !important;margin-left:0 !important}.mx-md-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-md-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-md-3{margin-right:1rem !important;margin-left:1rem !important}.mx-md-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-md-5{margin-right:3rem !important;margin-left:3rem !important}.mx-md-auto{margin-right:auto !important;margin-left:auto !important}.my-md-0{margin-top:0 !important;margin-bottom:0 !important}.my-md-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-md-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-md-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-md-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-md-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-md-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-md-0{margin-top:0 !important}.mt-md-1{margin-top:.25rem !important}.mt-md-2{margin-top:.5rem !important}.mt-md-3{margin-top:1rem !important}.mt-md-4{margin-top:1.5rem !important}.mt-md-5{margin-top:3rem !important}.mt-md-auto{margin-top:auto !important}.me-md-0{margin-right:0 !important}.me-md-1{margin-right:.25rem !important}.me-md-2{margin-right:.5rem !important}.me-md-3{margin-right:1rem !important}.me-md-4{margin-right:1.5rem !important}.me-md-5{margin-right:3rem !important}.me-md-auto{margin-right:auto !important}.mb-md-0{margin-bottom:0 !important}.mb-md-1{margin-bottom:.25rem !important}.mb-md-2{margin-bottom:.5rem !important}.mb-md-3{margin-bottom:1rem !important}.mb-md-4{margin-bottom:1.5rem !important}.mb-md-5{margin-bottom:3rem !important}.mb-md-auto{margin-bottom:auto !important}.ms-md-0{margin-left:0 !important}.ms-md-1{margin-left:.25rem !important}.ms-md-2{margin-left:.5rem !important}.ms-md-3{margin-left:1rem !important}.ms-md-4{margin-left:1.5rem !important}.ms-md-5{margin-left:3rem !important}.ms-md-auto{margin-left:auto !important}.p-md-0{padding:0 !important}.p-md-1{padding:.25rem !important}.p-md-2{padding:.5rem !important}.p-md-3{padding:1rem !important}.p-md-4{padding:1.5rem !important}.p-md-5{padding:3rem !important}.px-md-0{padding-right:0 !important;padding-left:0 !important}.px-md-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-md-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-md-3{padding-right:1rem !important;padding-left:1rem !important}.px-md-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-md-5{padding-right:3rem !important;padding-left:3rem !important}.py-md-0{padding-top:0 !important;padding-bottom:0 !important}.py-md-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-md-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-md-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-md-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-md-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-md-0{padding-top:0 !important}.pt-md-1{padding-top:.25rem !important}.pt-md-2{padding-top:.5rem !important}.pt-md-3{padding-top:1rem !important}.pt-md-4{padding-top:1.5rem !important}.pt-md-5{padding-top:3rem !important}.pe-md-0{padding-right:0 !important}.pe-md-1{padding-right:.25rem !important}.pe-md-2{padding-right:.5rem !important}.pe-md-3{padding-right:1rem !important}.pe-md-4{padding-right:1.5rem !important}.pe-md-5{padding-right:3rem !important}.pb-md-0{padding-bottom:0 !important}.pb-md-1{padding-bottom:.25rem !important}.pb-md-2{padding-bottom:.5rem !important}.pb-md-3{padding-bottom:1rem !important}.pb-md-4{padding-bottom:1.5rem !important}.pb-md-5{padding-bottom:3rem !important}.ps-md-0{padding-left:0 !important}.ps-md-1{padding-left:.25rem !important}.ps-md-2{padding-left:.5rem !important}.ps-md-3{padding-left:1rem !important}.ps-md-4{padding-left:1.5rem !important}.ps-md-5{padding-left:3rem !important}.text-md-start{text-align:left !important}.text-md-end{text-align:right !important}.text-md-center{text-align:center !important}}@media(min-width: 992px){.float-lg-start{float:left !important}.float-lg-end{float:right !important}.float-lg-none{float:none !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-block{display:block !important}.d-lg-grid{display:grid !important}.d-lg-table{display:table !important}.d-lg-table-row{display:table-row !important}.d-lg-table-cell{display:table-cell !important}.d-lg-flex{display:flex !important}.d-lg-inline-flex{display:inline-flex !important}.d-lg-none{display:none !important}.flex-lg-fill{flex:1 1 auto !important}.flex-lg-row{flex-direction:row !important}.flex-lg-column{flex-direction:column !important}.flex-lg-row-reverse{flex-direction:row-reverse !important}.flex-lg-column-reverse{flex-direction:column-reverse !important}.flex-lg-grow-0{flex-grow:0 !important}.flex-lg-grow-1{flex-grow:1 !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-shrink-1{flex-shrink:1 !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-lg-0{gap:0 !important}.gap-lg-1{gap:.25rem !important}.gap-lg-2{gap:.5rem !important}.gap-lg-3{gap:1rem !important}.gap-lg-4{gap:1.5rem !important}.gap-lg-5{gap:3rem !important}.justify-content-lg-start{justify-content:flex-start !important}.justify-content-lg-end{justify-content:flex-end !important}.justify-content-lg-center{justify-content:center !important}.justify-content-lg-between{justify-content:space-between !important}.justify-content-lg-around{justify-content:space-around !important}.justify-content-lg-evenly{justify-content:space-evenly !important}.align-items-lg-start{align-items:flex-start !important}.align-items-lg-end{align-items:flex-end !important}.align-items-lg-center{align-items:center !important}.align-items-lg-baseline{align-items:baseline !important}.align-items-lg-stretch{align-items:stretch !important}.align-content-lg-start{align-content:flex-start !important}.align-content-lg-end{align-content:flex-end !important}.align-content-lg-center{align-content:center !important}.align-content-lg-between{align-content:space-between !important}.align-content-lg-around{align-content:space-around !important}.align-content-lg-stretch{align-content:stretch !important}.align-self-lg-auto{align-self:auto !important}.align-self-lg-start{align-self:flex-start !important}.align-self-lg-end{align-self:flex-end !important}.align-self-lg-center{align-self:center !important}.align-self-lg-baseline{align-self:baseline !important}.align-self-lg-stretch{align-self:stretch !important}.order-lg-first{order:-1 !important}.order-lg-0{order:0 !important}.order-lg-1{order:1 !important}.order-lg-2{order:2 !important}.order-lg-3{order:3 !important}.order-lg-4{order:4 !important}.order-lg-5{order:5 !important}.order-lg-last{order:6 !important}.m-lg-0{margin:0 !important}.m-lg-1{margin:.25rem !important}.m-lg-2{margin:.5rem !important}.m-lg-3{margin:1rem !important}.m-lg-4{margin:1.5rem !important}.m-lg-5{margin:3rem !important}.m-lg-auto{margin:auto !important}.mx-lg-0{margin-right:0 !important;margin-left:0 !important}.mx-lg-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-lg-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-lg-3{margin-right:1rem !important;margin-left:1rem !important}.mx-lg-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-lg-5{margin-right:3rem !important;margin-left:3rem !important}.mx-lg-auto{margin-right:auto !important;margin-left:auto !important}.my-lg-0{margin-top:0 !important;margin-bottom:0 !important}.my-lg-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-lg-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-lg-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-lg-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-lg-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-lg-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-lg-0{margin-top:0 !important}.mt-lg-1{margin-top:.25rem !important}.mt-lg-2{margin-top:.5rem !important}.mt-lg-3{margin-top:1rem !important}.mt-lg-4{margin-top:1.5rem !important}.mt-lg-5{margin-top:3rem !important}.mt-lg-auto{margin-top:auto !important}.me-lg-0{margin-right:0 !important}.me-lg-1{margin-right:.25rem !important}.me-lg-2{margin-right:.5rem !important}.me-lg-3{margin-right:1rem !important}.me-lg-4{margin-right:1.5rem !important}.me-lg-5{margin-right:3rem !important}.me-lg-auto{margin-right:auto !important}.mb-lg-0{margin-bottom:0 !important}.mb-lg-1{margin-bottom:.25rem !important}.mb-lg-2{margin-bottom:.5rem !important}.mb-lg-3{margin-bottom:1rem !important}.mb-lg-4{margin-bottom:1.5rem !important}.mb-lg-5{margin-bottom:3rem !important}.mb-lg-auto{margin-bottom:auto !important}.ms-lg-0{margin-left:0 !important}.ms-lg-1{margin-left:.25rem !important}.ms-lg-2{margin-left:.5rem !important}.ms-lg-3{margin-left:1rem !important}.ms-lg-4{margin-left:1.5rem !important}.ms-lg-5{margin-left:3rem !important}.ms-lg-auto{margin-left:auto !important}.p-lg-0{padding:0 !important}.p-lg-1{padding:.25rem !important}.p-lg-2{padding:.5rem !important}.p-lg-3{padding:1rem !important}.p-lg-4{padding:1.5rem !important}.p-lg-5{padding:3rem !important}.px-lg-0{padding-right:0 !important;padding-left:0 !important}.px-lg-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-lg-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-lg-3{padding-right:1rem !important;padding-left:1rem !important}.px-lg-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-lg-5{padding-right:3rem !important;padding-left:3rem !important}.py-lg-0{padding-top:0 !important;padding-bottom:0 !important}.py-lg-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-lg-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-lg-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-lg-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-lg-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-lg-0{padding-top:0 !important}.pt-lg-1{padding-top:.25rem !important}.pt-lg-2{padding-top:.5rem !important}.pt-lg-3{padding-top:1rem !important}.pt-lg-4{padding-top:1.5rem !important}.pt-lg-5{padding-top:3rem !important}.pe-lg-0{padding-right:0 !important}.pe-lg-1{padding-right:.25rem !important}.pe-lg-2{padding-right:.5rem !important}.pe-lg-3{padding-right:1rem !important}.pe-lg-4{padding-right:1.5rem !important}.pe-lg-5{padding-right:3rem !important}.pb-lg-0{padding-bottom:0 !important}.pb-lg-1{padding-bottom:.25rem !important}.pb-lg-2{padding-bottom:.5rem !important}.pb-lg-3{padding-bottom:1rem !important}.pb-lg-4{padding-bottom:1.5rem !important}.pb-lg-5{padding-bottom:3rem !important}.ps-lg-0{padding-left:0 !important}.ps-lg-1{padding-left:.25rem !important}.ps-lg-2{padding-left:.5rem !important}.ps-lg-3{padding-left:1rem !important}.ps-lg-4{padding-left:1.5rem !important}.ps-lg-5{padding-left:3rem !important}.text-lg-start{text-align:left !important}.text-lg-end{text-align:right !important}.text-lg-center{text-align:center !important}}@media(min-width: 1200px){.float-xl-start{float:left !important}.float-xl-end{float:right !important}.float-xl-none{float:none !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-block{display:block !important}.d-xl-grid{display:grid !important}.d-xl-table{display:table !important}.d-xl-table-row{display:table-row !important}.d-xl-table-cell{display:table-cell !important}.d-xl-flex{display:flex !important}.d-xl-inline-flex{display:inline-flex !important}.d-xl-none{display:none !important}.flex-xl-fill{flex:1 1 auto !important}.flex-xl-row{flex-direction:row !important}.flex-xl-column{flex-direction:column !important}.flex-xl-row-reverse{flex-direction:row-reverse !important}.flex-xl-column-reverse{flex-direction:column-reverse !important}.flex-xl-grow-0{flex-grow:0 !important}.flex-xl-grow-1{flex-grow:1 !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-shrink-1{flex-shrink:1 !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-xl-0{gap:0 !important}.gap-xl-1{gap:.25rem !important}.gap-xl-2{gap:.5rem !important}.gap-xl-3{gap:1rem !important}.gap-xl-4{gap:1.5rem !important}.gap-xl-5{gap:3rem !important}.justify-content-xl-start{justify-content:flex-start !important}.justify-content-xl-end{justify-content:flex-end !important}.justify-content-xl-center{justify-content:center !important}.justify-content-xl-between{justify-content:space-between !important}.justify-content-xl-around{justify-content:space-around !important}.justify-content-xl-evenly{justify-content:space-evenly !important}.align-items-xl-start{align-items:flex-start !important}.align-items-xl-end{align-items:flex-end !important}.align-items-xl-center{align-items:center !important}.align-items-xl-baseline{align-items:baseline !important}.align-items-xl-stretch{align-items:stretch !important}.align-content-xl-start{align-content:flex-start !important}.align-content-xl-end{align-content:flex-end !important}.align-content-xl-center{align-content:center !important}.align-content-xl-between{align-content:space-between !important}.align-content-xl-around{align-content:space-around !important}.align-content-xl-stretch{align-content:stretch !important}.align-self-xl-auto{align-self:auto !important}.align-self-xl-start{align-self:flex-start !important}.align-self-xl-end{align-self:flex-end !important}.align-self-xl-center{align-self:center !important}.align-self-xl-baseline{align-self:baseline !important}.align-self-xl-stretch{align-self:stretch !important}.order-xl-first{order:-1 !important}.order-xl-0{order:0 !important}.order-xl-1{order:1 !important}.order-xl-2{order:2 !important}.order-xl-3{order:3 !important}.order-xl-4{order:4 !important}.order-xl-5{order:5 !important}.order-xl-last{order:6 !important}.m-xl-0{margin:0 !important}.m-xl-1{margin:.25rem !important}.m-xl-2{margin:.5rem !important}.m-xl-3{margin:1rem !important}.m-xl-4{margin:1.5rem !important}.m-xl-5{margin:3rem !important}.m-xl-auto{margin:auto !important}.mx-xl-0{margin-right:0 !important;margin-left:0 !important}.mx-xl-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-xl-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-xl-3{margin-right:1rem !important;margin-left:1rem !important}.mx-xl-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-xl-5{margin-right:3rem !important;margin-left:3rem !important}.mx-xl-auto{margin-right:auto !important;margin-left:auto !important}.my-xl-0{margin-top:0 !important;margin-bottom:0 !important}.my-xl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-xl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-xl-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-xl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-xl-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-xl-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-xl-0{margin-top:0 !important}.mt-xl-1{margin-top:.25rem !important}.mt-xl-2{margin-top:.5rem !important}.mt-xl-3{margin-top:1rem !important}.mt-xl-4{margin-top:1.5rem !important}.mt-xl-5{margin-top:3rem !important}.mt-xl-auto{margin-top:auto !important}.me-xl-0{margin-right:0 !important}.me-xl-1{margin-right:.25rem !important}.me-xl-2{margin-right:.5rem !important}.me-xl-3{margin-right:1rem !important}.me-xl-4{margin-right:1.5rem !important}.me-xl-5{margin-right:3rem !important}.me-xl-auto{margin-right:auto !important}.mb-xl-0{margin-bottom:0 !important}.mb-xl-1{margin-bottom:.25rem !important}.mb-xl-2{margin-bottom:.5rem !important}.mb-xl-3{margin-bottom:1rem !important}.mb-xl-4{margin-bottom:1.5rem !important}.mb-xl-5{margin-bottom:3rem !important}.mb-xl-auto{margin-bottom:auto !important}.ms-xl-0{margin-left:0 !important}.ms-xl-1{margin-left:.25rem !important}.ms-xl-2{margin-left:.5rem !important}.ms-xl-3{margin-left:1rem !important}.ms-xl-4{margin-left:1.5rem !important}.ms-xl-5{margin-left:3rem !important}.ms-xl-auto{margin-left:auto !important}.p-xl-0{padding:0 !important}.p-xl-1{padding:.25rem !important}.p-xl-2{padding:.5rem !important}.p-xl-3{padding:1rem !important}.p-xl-4{padding:1.5rem !important}.p-xl-5{padding:3rem !important}.px-xl-0{padding-right:0 !important;padding-left:0 !important}.px-xl-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-xl-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-xl-3{padding-right:1rem !important;padding-left:1rem !important}.px-xl-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-xl-5{padding-right:3rem !important;padding-left:3rem !important}.py-xl-0{padding-top:0 !important;padding-bottom:0 !important}.py-xl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-xl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-xl-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-xl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-xl-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-xl-0{padding-top:0 !important}.pt-xl-1{padding-top:.25rem !important}.pt-xl-2{padding-top:.5rem !important}.pt-xl-3{padding-top:1rem !important}.pt-xl-4{padding-top:1.5rem !important}.pt-xl-5{padding-top:3rem !important}.pe-xl-0{padding-right:0 !important}.pe-xl-1{padding-right:.25rem !important}.pe-xl-2{padding-right:.5rem !important}.pe-xl-3{padding-right:1rem !important}.pe-xl-4{padding-right:1.5rem !important}.pe-xl-5{padding-right:3rem !important}.pb-xl-0{padding-bottom:0 !important}.pb-xl-1{padding-bottom:.25rem !important}.pb-xl-2{padding-bottom:.5rem !important}.pb-xl-3{padding-bottom:1rem !important}.pb-xl-4{padding-bottom:1.5rem !important}.pb-xl-5{padding-bottom:3rem !important}.ps-xl-0{padding-left:0 !important}.ps-xl-1{padding-left:.25rem !important}.ps-xl-2{padding-left:.5rem !important}.ps-xl-3{padding-left:1rem !important}.ps-xl-4{padding-left:1.5rem !important}.ps-xl-5{padding-left:3rem !important}.text-xl-start{text-align:left !important}.text-xl-end{text-align:right !important}.text-xl-center{text-align:center !important}}@media(min-width: 1400px){.float-xxl-start{float:left !important}.float-xxl-end{float:right !important}.float-xxl-none{float:none !important}.d-xxl-inline{display:inline !important}.d-xxl-inline-block{display:inline-block !important}.d-xxl-block{display:block !important}.d-xxl-grid{display:grid !important}.d-xxl-table{display:table !important}.d-xxl-table-row{display:table-row !important}.d-xxl-table-cell{display:table-cell !important}.d-xxl-flex{display:flex !important}.d-xxl-inline-flex{display:inline-flex !important}.d-xxl-none{display:none !important}.flex-xxl-fill{flex:1 1 auto !important}.flex-xxl-row{flex-direction:row !important}.flex-xxl-column{flex-direction:column !important}.flex-xxl-row-reverse{flex-direction:row-reverse !important}.flex-xxl-column-reverse{flex-direction:column-reverse !important}.flex-xxl-grow-0{flex-grow:0 !important}.flex-xxl-grow-1{flex-grow:1 !important}.flex-xxl-shrink-0{flex-shrink:0 !important}.flex-xxl-shrink-1{flex-shrink:1 !important}.flex-xxl-wrap{flex-wrap:wrap !important}.flex-xxl-nowrap{flex-wrap:nowrap !important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-xxl-0{gap:0 !important}.gap-xxl-1{gap:.25rem !important}.gap-xxl-2{gap:.5rem !important}.gap-xxl-3{gap:1rem !important}.gap-xxl-4{gap:1.5rem !important}.gap-xxl-5{gap:3rem !important}.justify-content-xxl-start{justify-content:flex-start !important}.justify-content-xxl-end{justify-content:flex-end !important}.justify-content-xxl-center{justify-content:center !important}.justify-content-xxl-between{justify-content:space-between !important}.justify-content-xxl-around{justify-content:space-around !important}.justify-content-xxl-evenly{justify-content:space-evenly !important}.align-items-xxl-start{align-items:flex-start !important}.align-items-xxl-end{align-items:flex-end !important}.align-items-xxl-center{align-items:center !important}.align-items-xxl-baseline{align-items:baseline !important}.align-items-xxl-stretch{align-items:stretch !important}.align-content-xxl-start{align-content:flex-start !important}.align-content-xxl-end{align-content:flex-end !important}.align-content-xxl-center{align-content:center !important}.align-content-xxl-between{align-content:space-between !important}.align-content-xxl-around{align-content:space-around !important}.align-content-xxl-stretch{align-content:stretch !important}.align-self-xxl-auto{align-self:auto !important}.align-self-xxl-start{align-self:flex-start !important}.align-self-xxl-end{align-self:flex-end !important}.align-self-xxl-center{align-self:center !important}.align-self-xxl-baseline{align-self:baseline !important}.align-self-xxl-stretch{align-self:stretch !important}.order-xxl-first{order:-1 !important}.order-xxl-0{order:0 !important}.order-xxl-1{order:1 !important}.order-xxl-2{order:2 !important}.order-xxl-3{order:3 !important}.order-xxl-4{order:4 !important}.order-xxl-5{order:5 !important}.order-xxl-last{order:6 !important}.m-xxl-0{margin:0 !important}.m-xxl-1{margin:.25rem !important}.m-xxl-2{margin:.5rem !important}.m-xxl-3{margin:1rem !important}.m-xxl-4{margin:1.5rem !important}.m-xxl-5{margin:3rem !important}.m-xxl-auto{margin:auto !important}.mx-xxl-0{margin-right:0 !important;margin-left:0 !important}.mx-xxl-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-xxl-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-xxl-3{margin-right:1rem !important;margin-left:1rem !important}.mx-xxl-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-xxl-5{margin-right:3rem !important;margin-left:3rem !important}.mx-xxl-auto{margin-right:auto !important;margin-left:auto !important}.my-xxl-0{margin-top:0 !important;margin-bottom:0 !important}.my-xxl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-xxl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-xxl-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-xxl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-xxl-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-xxl-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-xxl-0{margin-top:0 !important}.mt-xxl-1{margin-top:.25rem !important}.mt-xxl-2{margin-top:.5rem !important}.mt-xxl-3{margin-top:1rem !important}.mt-xxl-4{margin-top:1.5rem !important}.mt-xxl-5{margin-top:3rem !important}.mt-xxl-auto{margin-top:auto !important}.me-xxl-0{margin-right:0 !important}.me-xxl-1{margin-right:.25rem !important}.me-xxl-2{margin-right:.5rem !important}.me-xxl-3{margin-right:1rem !important}.me-xxl-4{margin-right:1.5rem !important}.me-xxl-5{margin-right:3rem !important}.me-xxl-auto{margin-right:auto !important}.mb-xxl-0{margin-bottom:0 !important}.mb-xxl-1{margin-bottom:.25rem !important}.mb-xxl-2{margin-bottom:.5rem !important}.mb-xxl-3{margin-bottom:1rem !important}.mb-xxl-4{margin-bottom:1.5rem !important}.mb-xxl-5{margin-bottom:3rem !important}.mb-xxl-auto{margin-bottom:auto !important}.ms-xxl-0{margin-left:0 !important}.ms-xxl-1{margin-left:.25rem !important}.ms-xxl-2{margin-left:.5rem !important}.ms-xxl-3{margin-left:1rem !important}.ms-xxl-4{margin-left:1.5rem !important}.ms-xxl-5{margin-left:3rem !important}.ms-xxl-auto{margin-left:auto !important}.p-xxl-0{padding:0 !important}.p-xxl-1{padding:.25rem !important}.p-xxl-2{padding:.5rem !important}.p-xxl-3{padding:1rem !important}.p-xxl-4{padding:1.5rem !important}.p-xxl-5{padding:3rem !important}.px-xxl-0{padding-right:0 !important;padding-left:0 !important}.px-xxl-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-xxl-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-xxl-3{padding-right:1rem !important;padding-left:1rem !important}.px-xxl-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-xxl-5{padding-right:3rem !important;padding-left:3rem !important}.py-xxl-0{padding-top:0 !important;padding-bottom:0 !important}.py-xxl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-xxl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-xxl-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-xxl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-xxl-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-xxl-0{padding-top:0 !important}.pt-xxl-1{padding-top:.25rem !important}.pt-xxl-2{padding-top:.5rem !important}.pt-xxl-3{padding-top:1rem !important}.pt-xxl-4{padding-top:1.5rem !important}.pt-xxl-5{padding-top:3rem !important}.pe-xxl-0{padding-right:0 !important}.pe-xxl-1{padding-right:.25rem !important}.pe-xxl-2{padding-right:.5rem !important}.pe-xxl-3{padding-right:1rem !important}.pe-xxl-4{padding-right:1.5rem !important}.pe-xxl-5{padding-right:3rem !important}.pb-xxl-0{padding-bottom:0 !important}.pb-xxl-1{padding-bottom:.25rem !important}.pb-xxl-2{padding-bottom:.5rem !important}.pb-xxl-3{padding-bottom:1rem !important}.pb-xxl-4{padding-bottom:1.5rem !important}.pb-xxl-5{padding-bottom:3rem !important}.ps-xxl-0{padding-left:0 !important}.ps-xxl-1{padding-left:.25rem !important}.ps-xxl-2{padding-left:.5rem !important}.ps-xxl-3{padding-left:1rem !important}.ps-xxl-4{padding-left:1.5rem !important}.ps-xxl-5{padding-left:3rem !important}.text-xxl-start{text-align:left !important}.text-xxl-end{text-align:right !important}.text-xxl-center{text-align:center !important}}@media(min-width: 1200px){.fs-1{font-size:2.5rem !important}.fs-2{font-size:2rem !important}.fs-3{font-size:1.75rem !important}.fs-4{font-size:1.5rem !important}}@media print{.d-print-inline{display:inline !important}.d-print-inline-block{display:inline-block !important}.d-print-block{display:block !important}.d-print-grid{display:grid !important}.d-print-table{display:table !important}.d-print-table-row{display:table-row !important}.d-print-table-cell{display:table-cell !important}.d-print-flex{display:flex !important}.d-print-inline-flex{display:inline-flex !important}.d-print-none{display:none !important}}.b-t{border-top:1px solid rgba(33,37,41,.13)}.b-b{border-bottom:1px solid rgba(33,37,41,.13)}.b-l{border-left:1px solid rgba(33,37,41,.13)}.b-r{border-right:1px solid rgba(33,37,41,.13)}.b-all{border:1px solid rgba(33,37,41,.13)}.clickable{cursor:pointer}.not-clickable{cursor:default !important}.btn-primary{color:#fff}.btn-secondary{color:#fff}.btn-success{color:#fff}.btn-info{color:#fff}.btn-warning{color:#fff}.btn-danger{color:#fff}.btn-light{color:#fff}.btn-dark{color:#fff}@font-face{font-family:\"Material Icons\";font-style:normal;font-weight:400;src:url(\"https://fonts.gstatic.com/s/materialicons/v118/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2\") format(\"woff2\");font-display:swap}.material-icons{font-family:\"Material Icons\",sans-serif;font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:\"liga\";-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased;user-select:none}body button,body input,body optgroup,body select,body textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif}table>thead>tr>th,strong{font-weight:500}.text-strong{font-weight:500}.form-control:focus{box-shadow:none !important;border-color:#ced4da !important}.radio label,.radio-inline label,.checkbox label,.checkbox-inline label{padding-left:1.5625rem}.radio input[type=radio],.radio input[type=checkbox],.radio-inline input[type=radio],.radio-inline input[type=checkbox],.checkbox input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=radio],.checkbox-inline input[type=checkbox]{margin-left:-1.5625rem}.form-control-label{font-size:.8rem;color:#868e96}textarea,textarea.form-control,input.form-control,input[type=text],input[type=password],input[type=email],input[type=number],[type=text].form-control,[type=password].form-control,[type=email].form-control,[type=tel].form-control,[contenteditable].form-control{appearance:none;font-size:16px}textarea[disabled],textarea[readonly],textarea.form-control[disabled],textarea.form-control[readonly],input.form-control[disabled],input.form-control[readonly],input[type=text][disabled],input[type=text][readonly],input[type=password][disabled],input[type=password][readonly],input[type=email][disabled],input[type=email][readonly],input[type=number][disabled],input[type=number][readonly],[type=text].form-control[disabled],[type=text].form-control[readonly],[type=password].form-control[disabled],[type=password].form-control[readonly],[type=email].form-control[disabled],[type=email].form-control[readonly],[type=tel].form-control[disabled],[type=tel].form-control[readonly],[contenteditable].form-control[disabled],[contenteditable].form-control[readonly]{border-bottom:1px dotted #ddd}textarea.input-sm,textarea.form-control.input-sm,input.form-control.input-sm,input[type=text].input-sm,input[type=password].input-sm,input[type=email].input-sm,input[type=number].input-sm,[type=text].form-control.input-sm,[type=password].form-control.input-sm,[type=email].form-control.input-sm,[type=tel].form-control.input-sm,[contenteditable].form-control.input-sm{font-size:.875rem}textarea.input-lg,textarea.form-control.input-lg,input.form-control.input-lg,input[type=text].input-lg,input[type=password].input-lg,input[type=email].input-lg,input[type=number].input-lg,[type=text].form-control.input-lg,[type=password].form-control.input-lg,[type=email].form-control.input-lg,[type=tel].form-control.input-lg,[contenteditable].form-control.input-lg{font-size:1.25rem}select,select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);background-size:calc(.75em + .375rem) calc(.75em + .375rem);background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;font-size:16px;line-height:1.5}select::-ms-expand,select.form-control::-ms-expand{display:none}select.input-sm,select.form-control.input-sm{font-size:.875rem}select.input-lg,select.form-control.input-lg{font-size:1.25rem}select:focus,select.form-control:focus{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=)}select[disabled],select[readonly],select.form-control[disabled],select.form-control[readonly]{border-bottom:1px dotted #ddd}select[disabled],select[disabled] option,select[readonly],select[readonly] option,select.form-control[disabled],select.form-control[disabled] option,select.form-control[readonly],select.form-control[readonly] option{color:#adb5bd}select[multiple],select.form-control[multiple]{background:none}select.is-valid,select.form-control.is-valid{border-bottom:2px solid #5fdc9f;box-shadow:none !important;outline:none}select.showing-placeholder{color:#adb5bd}.input-group .btn>i.material-icons{border:0;background:none;color:#fff;padding:0}.dropdown .dropdown-menu,.dropdown .rdt .rdtPicker,.rdt .dropdown .rdtPicker,.dropdown .rdtPicker,.rdt .dropdown-menu,.rdt .rdtPicker,.rdt .rdtPicker{display:block;opacity:0;visibility:hidden;margin-top:.625rem}.dropdown.show .dropdown-menu,.dropdown.show .rdtPicker,.dropdown.rdtOpen .dropdown-menu,.dropdown.rdtOpen .rdtPicker,.rdt.show .dropdown-menu,.rdt.show .rdtPicker,.rdt.rdtOpen .dropdown-menu,.rdt.rdtOpen .rdtPicker{opacity:1;visibility:visible;margin-top:0}.dropdown .avatar,.rdt .avatar{position:relative;top:-2px;margin-right:5px}.dropdown .material-icons,.rdt .material-icons{margin-right:5px}.dropdown .nav-link,.rdt .nav-link{display:flex;height:44px;align-items:center}.dropdown-toggle.d-flex ::after{align-self:center}.avatar .img-placeholder{width:1.875rem;height:1.875rem;overflow:hidden;border-radius:50%;margin-right:5px;vertical-align:middle;display:inline-block;background:#e9ecef;line-height:1}.avatar img{width:100%;height:100%}.avatar.avatar-xs .img-placeholder{width:1.25rem;height:1.25rem}.avatar.avatar-sm .img-placeholder{width:3.125rem;height:3.125rem}.avatar.avatar-md .img-placeholder{width:4.375rem;height:4.375rem}.avatar.avatar-lg .img-placeholder{width:5.625rem;height:5.625rem}.avatar-stack>.avatar{position:relative;display:inline-block;margin-right:-1.25rem;transition:margin-left .25s ease,margin-right .25s ease}.avatar-stack>.avatar .img-placeholder{margin-right:0}.avatar-stack>.avatar:hover{margin-right:0}@media(prefers-reduced-motion: reduce){.avatar-stack>.avatar{transition:none}}.avatar-stack>.avatar.avatar-xs,.avatar-stack>.avatar.avatar-sm,.avatar-stack>.avatar.avatar-md,.avatar-stack>.avatar.avatar-lg{transition:margin-left .25s ease,margin-right .25s ease}.avatar-stack>.avatar.avatar-xs:hover,.avatar-stack>.avatar.avatar-sm:hover,.avatar-stack>.avatar.avatar-md:hover,.avatar-stack>.avatar.avatar-lg:hover{margin-right:0}@media(prefers-reduced-motion: reduce){.avatar-stack>.avatar.avatar-xs,.avatar-stack>.avatar.avatar-sm,.avatar-stack>.avatar.avatar-md,.avatar-stack>.avatar.avatar-lg{transition:none}}.avatar-stack>.avatar.avatar-xs{margin-right:-0.625rem}.avatar-stack>.avatar.avatar-sm{margin-right:-2.5rem}.avatar-stack>.avatar.avatar-md{margin-right:-3.75rem}.avatar-stack>.avatar.avatar-lg{margin-right:-80px}.button .btn{font-size:.9rem;position:relative;overflow:hidden}.button .btn.btn-primary:hover,.button .btn.btn-primary:active:hover{background-color:#1c9cd4}.button .btn.btn-secondary:hover,.button .btn.btn-secondary:active:hover{background-color:#767f88}.button .btn.btn-success:hover,.button .btn.btn-success:active:hover{background-color:#46d790}.button .btn.btn-info:hover,.button .btn.btn-info:active:hover{background-color:#148a9d}.button .btn.btn-warning:hover,.button .btn.btn-warning:active:hover{background-color:#e0bb00}.button .btn.btn-danger:hover,.button .btn.btn-danger:active:hover{background-color:#d43a36}.button .btn.btn-light:hover,.button .btn.btn-light:active:hover{background-color:#d7dde2}.button .btn.btn-dark:hover,.button .btn.btn-dark:active:hover{background-color:#262b2f}.button .btn-lg .button-icon,.button .btn-group-lg>.btn .button-icon{font-size:1.1rem}.button .btn-md .button-icon{font-size:1rem}.button .btn-sm .button-icon,.button .btn-group-sm>.btn .button-icon{font-size:.9rem}.button.primary .spinner{stroke:#2cabe3}.button.secondary .spinner{stroke:#868e96}.button.success .spinner{stroke:#5fdc9f}.button.info .spinner{stroke:#17a2b8}.button.warning .spinner{stroke:#ffd500}.button.danger .spinner{stroke:#d9534f}.button.light .spinner{stroke:#e9ecef}.button.dark .spinner{stroke:#343a40}.content-state{display:flex;flex-direction:column;align-content:center;justify-content:center;position:relative;height:10rem}.content-state .state-icons{display:flex;flex-direction:row;align-content:center;justify-content:center;height:3rem}.content-state .state-icons>i{opacity:.6;color:#2cabe3}.content-state .state-icons>i:nth-of-type(1){transform:rotate(55deg) translate(10px, 30px);font-size:1.6em}.content-state .state-icons>i:nth-of-type(2){transform:translate(-20px, 70px);font-size:.6em}.content-state .state-icons>i:nth-of-type(3){transform:rotate(-30deg) translate(-10px, 0px)}.content-state .state-icons>i:nth-of-type(4){transform:rotate(10deg) translate(10px, -5px);font-size:2.4em}.content-state .state-icons>i:nth-of-type(5){transform:translate(-15px, 35px);font-size:.4em}.content-state .state-icons>i:nth-of-type(6){transform:rotate(-15deg) translate(-5px, 45px);font-size:.8em}.content-state .state-content i{position:relative;-webkit-font-smoothing:antialiased;font-size:5rem;color:#868e96}.flash-message{position:relative;margin-top:1rem}.flash-message .btn-close:focus{outline:0}.flash-message .alert.alert-primary{background:#2cabe3;border-color:#2cabe3;color:#000}.flash-message .alert.alert-secondary{background:#868e96;border-color:#868e96;color:#000}.flash-message .alert.alert-success{background:#5fdc9f;border-color:#5fdc9f;color:#000}.flash-message .alert.alert-info{background:#17a2b8;border-color:#17a2b8;color:#000}.flash-message .alert.alert-warning{background:#ffd500;border-color:#ffd500;color:#000}.flash-message .alert.alert-danger{background:#d9534f;border-color:#d9534f;color:#000}.flash-message .alert.alert-light{background:#e9ecef;border-color:#e9ecef;color:#000}.flash-message .alert.alert-dark{background:#343a40;border-color:#343a40;color:#fff}.icon--disabled{opacity:.65}.info-badge-container{position:relative;display:inline-block}.info-badge-container>.badge,.info-badge-container>.tag{position:absolute;top:-12px;right:-12px}.d-flex .badge,.d-flex .tag{align-self:center}.loading-page{margin:0;padding:0;background-color:#f4f6f8}.more-or-less{display:inline}.more-or-less .more-or-less-link{font-size:12px;display:inline;cursor:pointer;text-decoration:underline !important}.navigation-item{list-style:none}.pagination{margin-bottom:0}.pagination .page-item .page-link{min-width:38px;padding:.5rem .5rem}.pagination .page-item button.disabled.page-link{border-radius:0;background-color:#fff;color:#212529}.pagination .page-item.active .page-link{overflow:hidden}.progress-stepper{display:table;width:100%;margin:0 auto}.progress-stepper .step{display:table-cell;position:relative;padding:24px}.progress-stepper .step:first-child .step-bar-left,.progress-stepper .step:last-child .step-bar-right{display:none}.progress-stepper .step.clickable{cursor:pointer}.progress-stepper .step.primary .step-circle{background-color:#2cabe3}.progress-stepper .step.primary .step-title{font-weight:600;color:#2cabe3}.progress-stepper .step.secondary .step-circle{background-color:#868e96}.progress-stepper .step.secondary .step-title{font-weight:600;color:#868e96}.progress-stepper .step.success .step-circle{background-color:#5fdc9f}.progress-stepper .step.success .step-circle:before{content:\"✓\"}.progress-stepper .step.success .step-circle *{display:none}.progress-stepper .step.success .step-title{font-weight:600;color:#5fdc9f}.progress-stepper .step.info .step-circle{background-color:#17a2b8}.progress-stepper .step.info .step-circle:before{content:\"?\"}.progress-stepper .step.info .step-circle *{display:none}.progress-stepper .step.info .step-title{font-weight:600;color:#17a2b8}.progress-stepper .step.warning .step-circle{background-color:#ffd500}.progress-stepper .step.warning .step-circle:before{content:\"!\"}.progress-stepper .step.warning .step-circle *{display:none}.progress-stepper .step.warning .step-title{font-weight:600;color:#ffd500}.progress-stepper .step.danger .step-circle{background-color:#d9534f}.progress-stepper .step.danger .step-circle:before{content:\"!\"}.progress-stepper .step.danger .step-circle *{display:none}.progress-stepper .step.danger .step-title{font-weight:600;color:#d9534f}.progress-stepper .step.light .step-circle{background-color:#e9ecef}.progress-stepper .step.light .step-title{font-weight:600;color:#e9ecef}.progress-stepper .step.dark .step-circle{background-color:#343a40}.progress-stepper .step.dark .step-title{font-weight:600;color:#343a40}.progress-stepper .step .step-circle{width:40px;height:40px;margin:0 auto;background-color:#212529;border-radius:50%;text-align:center;line-height:40px;font-size:16px;font-weight:600;color:#fff}.progress-stepper .step .step-title{margin-top:8px;font-size:16px;font-weight:600;text-align:center;color:#212529}.progress-stepper .step .step-bar-left,.progress-stepper .step .step-bar-right{position:absolute;top:42px;height:1px;border-top:1px solid #212529}.progress-stepper .step .step-bar-right{right:0;left:50%;margin-left:28px}.progress-stepper .step .step-bar-left{left:0;right:50%;margin-right:28px}.spinner{animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}.spinner .path{transform-origin:center;stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}100%{stroke-dasharray:89,200;stroke-dashoffset:-124}}.tag{display:inline-block;margin-right:.1875rem;height:18px;cursor:default}.tag-info{background-color:#5bc0de !important}.tag-success{background-color:#5fdc9f !important}.tag-warning{background-color:#f0ad4e !important}.tag-danger{background-color:#d9534f !important}.tag .close-button{cursor:pointer;margin-left:.1875rem}.tippy-popover.tippy-box{color:#212529;background-color:#fff}.tippy-popover.tippy-box .tippy-content{padding:0}.tippy-popover.tippy-box .tippy-arrow{color:rgba(0,0,0,.2) !important}.sticky-modal .modal{height:auto;bottom:1.75rem;overflow-y:scroll !important}.sticky-modal .modal .modal-dialog{max-height:100%}.sticky-modal .modal .modal-footer{background-color:#fff;position:sticky;bottom:0}.toggle-container.toggle-primary input[type=checkbox]:checked::after{left:1rem;background:#1a8fc2}.toggle-container.toggle-primary input[type=checkbox]:checked::before{background:#70c6ec}.toggle-container.toggle-secondary input[type=checkbox]:checked::after{left:1rem;background:#6c757d}.toggle-container.toggle-secondary input[type=checkbox]:checked::before{background:#afb4ba}.toggle-container.toggle-success input[type=checkbox]:checked::after{left:1rem;background:#35d386}.toggle-container.toggle-success input[type=checkbox]:checked::before{background:#9eeac5}.toggle-container.toggle-info input[type=checkbox]:checked::after{left:1rem;background:#117a8b}.toggle-container.toggle-info input[type=checkbox]:checked::before{background:#36cee6}.toggle-container.toggle-warning input[type=checkbox]:checked::after{left:1rem;background:#ca0}.toggle-container.toggle-warning input[type=checkbox]:checked::before{background:#ffe24d}.toggle-container.toggle-danger input[type=checkbox]:checked::after{left:1rem;background:#c9302c}.toggle-container.toggle-danger input[type=checkbox]:checked::before{background:#e7908e}.toggle-container.toggle-light input[type=checkbox]:checked::after{left:1rem;background:#cbd3da}.toggle-container.toggle-light input[type=checkbox]:checked::before{background:#fff}.toggle-container.toggle-dark input[type=checkbox]:checked::after{left:1rem;background:#1d2124}.toggle-container.toggle-dark input[type=checkbox]:checked::before{background:#56606a}.toggle-container input[type=checkbox]{-webkit-appearance:none;appearance:none;cursor:pointer;position:relative;display:inline-block;margin-top:6px;margin-right:4px;vertical-align:top;width:34px}.toggle-container input[type=checkbox]:focus{outline:none}.toggle-container input[type=checkbox]:checked::after{left:1rem;background:#1a8fc2}.toggle-container input[type=checkbox]:checked::before{background:#70c6ec}.toggle-container input[type=checkbox]::before,.toggle-container input[type=checkbox]::after{display:block;margin-right:4px;margin-left:0;content:\"\";position:absolute;left:0;transition:all .2s ease-in-out}@media(prefers-reduced-motion: reduce){.toggle-container input[type=checkbox]::before,.toggle-container input[type=checkbox]::after{transition:none}}.toggle-container input[type=checkbox]::after{top:-4px;border:none;width:1.25rem;height:1.25rem;border-radius:1.25rem;background:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.toggle-container input[type=checkbox]::before{width:34px;height:14px;border-radius:14px;border:none;background:#cbd3da}.open-close.is-open{transition-duration:.2s;transform:rotate(180deg)}.open-close.is-closed{transition-duration:.2s;transform:rotate(0deg)}.search-input input[type=search]::-webkit-search-cancel-button{display:none}.cancel-search{margin-top:-24px;margin-right:16px;position:relative;float:right;top:31px;z-index:4}.tabs .nav-item.disabled{cursor:not-allowed}.tabs .nav-link{cursor:pointer}.img-upload{position:relative}.img-upload:hover .img-upload-wrapper{background:#dadfe4;cursor:pointer}.img-upload input[type=file]{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.img-upload input[type=file]:hover{cursor:pointer}.img-upload canvas{max-width:100%;height:auto !important}.img-upload .img-upload-wrapper{padding-top:3rem;padding-bottom:3rem;border:.625rem dashed #cbd3da}.img-upload .img-upload-wrapper>i{font-size:5rem}.date-time-input-format{font-size:.7em;font-style:italic}.date-time-input.with-modal>.rdt .input-group .material-icons:last-child{margin-right:0}.date-time-input.with-modal>.rdt>.rdtPicker{display:none}.date-time-modal .rdt .rdtPicker{border:none;float:none;position:relative}.rdt{position:relative}.rdt.rdtOpen .rdtPicker{display:block}.rdt.rdtOpen td.rdtDay.rdtDisabled,.rdt.rdtOpen td.rdtMonth.rdtDisabled,.rdt.rdtOpen td.rdtYear.rdtDisabled{color:#dee2e6}.rdt.rdtOpen td.rdtDay.rdtDisabled:hover,.rdt.rdtOpen td.rdtMonth.rdtDisabled:hover,.rdt.rdtOpen td.rdtYear.rdtDisabled:hover{cursor:not-allowed;background:none}.rdt.rdtOpen button,.rdt.rdtOpen td,.rdt.rdtOpen td.rdtDay:hover,.rdt.rdtOpen td.rdtHour:hover,.rdt.rdtOpen td.rdtMinute:hover,.rdt.rdtOpen td.rdtSecond:hover,.rdt.rdtOpen .rdtTimeToggle:hover{cursor:pointer}.rdt.rdtOpen .rdtSwitch:hover,.rdt.rdtOpen .rdtPrev:hover,.rdt.rdtOpen .rdtNext:hover{background:#e9ecef}.rdt.rdtOpen .rdtCounters{display:inline-block}.rdt.rdtOpen .rdtCounters .rdtCounter{width:2.5rem}.rdt.rdtOpen .rdtCounters>div{float:left}.rdt .rdtPicker{width:271px;padding:0;margin-top:5px}.rdt .rdtPicker table{border-spacing:5px;border-collapse:separate}.rdt .rdtPicker table thead>tr>th,.rdt .rdtPicker table tbody>tr>td,.rdt .rdtPicker table tfoot>tr>td{text-align:center;font-size:.85rem;padding:.25rem}.rdt .rdtPicker table thead>tr>th{border:none;font-weight:400}.rdt .rdtPicker table thead>tr>th.dow{text-transform:uppercase}.rdt .rdtPicker table thead::after{content:\"\";position:absolute;border-bottom:1px solid #e9ecef;width:100%;left:0}.rdt .rdtPicker table tbody>tr>td{border:0;padding:0;vertical-align:middle;font-weight:300;color:#868e96}.rdt .rdtPicker table tbody>tr>td.rdtOld,.rdt .rdtPicker table tbody>tr>td.rdtNew{color:#e6e7e9}.rdt .rdtPicker .rdtMonths table>tbody>tr>td.rdtActive,.rdt .rdtPicker .rdtMonths table>tbody>tr>td.rdtActive:hover,.rdt .rdtPicker .rdtYears table>tbody>tr>td.rdtActive,.rdt .rdtPicker .rdtYears table>tbody>tr>td.rdtActive:hover,.rdt .rdtPicker .rdtDays table>tbody>tr>td.rdtActive,.rdt .rdtPicker .rdtDays table>tbody>tr>td.rdtActive:hover{background:#5fdc9f;color:#fff;font-weight:500}.rdt .rdtPicker .rdtMonths table>tbody>tr>td:hover,.rdt .rdtPicker .rdtYears table>tbody>tr>td:hover,.rdt .rdtPicker .rdtDays table>tbody>tr>td:hover{background:#e9ecef}.rdt .rdtPicker .rdtDays table>tbody>tr>td{width:33px;height:33px}.rdt .rdtPicker .rdtToday{font-weight:bold;color:#5fdc9f}.rdt .rdtPicker .rdtMonths table>tbody>tr>td,.rdt .rdtPicker .rdtYears table>tbody>tr>td{width:61px;height:61px}.rdt .rdtPicker .rdtMonths table>tbody>tr>td:hover,.rdt .rdtPicker .rdtYears table>tbody>tr>td:hover{background:#e9ecef}.file-upload{position:relative}.file-upload:hover.form-control-file{cursor:pointer}.file-upload input[type=file]{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.file-upload input[type=file]:hover{cursor:pointer}.invalid-feedback,.invalid-tooltip{display:block}.quill .ql-editor{min-height:132px}.quill strong{font-weight:bolder}.quill p{word-wrap:break-word;word-break:break-all}.quill.is-invalid .ql-toolbar,.quill.is-invalid .ql-container{border-color:#d9534f}.showing-placeholder .rbt-input-main::placeholder{color:#adb5bd;opacity:1}.rbt-input-multi{padding:0 0 0 12px}.rbt-input-multi.focus{box-shadow:none !important;border-color:#ced4da !important}.is-invalid .rbt-input-multi{border-color:#d9534f}.rbt .form-control .is-invalid{border-color:#d9534f}.rbt .rbt-menu .dropdown-item{font-weight:bold}.rbt .rbt-menu .dropdown-item .rbt-highlight-text{font-weight:normal}.color-picker .sketch-picker{box-shadow:none !important}.withjarb-tooltip .invalid-feedback{color:#fff}.withjarb-tooltip .invalid-feedback:first-child{margin-top:0}.radio-group>legend{font-size:1rem}.new-password-input .progress{height:5px}.epic-table{background-color:#f8f9fa}.epic-table--striped .epic-table-cell--odd{background-color:rgba(206,212,218,.3)}.epic-table-container{position:relative}.epic-table .os-host-overflow{overflow:visible !important}.epic-table .os-host .os-scrollbar-horizontal{position:sticky;top:50px}.epic-table-fixed-header{position:fixed;overflow:hidden;z-index:2;top:0}.epic-table-header{background-color:#2cabe3;color:#fff;font-weight:bold;flex-grow:1}.epic-table-header-resizeable{width:8px;height:100%;cursor:col-resize}.epic-table-header .form-control{height:calc(1.5em + .2rem + 2px);border-radius:0;padding:.375rem .2rem}.epic-table-header select.form-control{padding:0 .2rem}.epic-table-cell{white-space:nowrap;overflow:hidden;display:flex;align-items:center;flex-grow:1}.epic-table-cell--hover{background-color:rgba(206,212,218,.8) !important;cursor:pointer}.epic-table-expander-row,.epic-table-detail-row{position:absolute;z-index:4}.epic-table-overlay{position:absolute;z-index:3;background-color:#fff}.user-select-none{user-select:none}.epic-table-form-cell .mb-3{margin-bottom:0 !important}.epic-table-form,.epic-table-form-cell{white-space:nowrap;overflow:hidden;display:flex;align-items:center;flex-grow:1}.epic-table-form form{display:flex}.epic-table-form--odd .epic-table-form-cell{background-color:rgba(206,212,218,.3)}.epic-table-form .date-time-input .rdt{position:static}.epic-table-form .date-time-input .rdt .rdtPicker{top:unset;left:unset}",""]),module.exports=exports},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./storybook/show-code-fix.scss":(module,exports,__webpack_require__)=>{(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.id,"pre.prismjs{color:inherit}pre.prismjs code .tag,pre.prismjs code .token{display:inline;margin-right:0px;cursor:auto;color:inherit;background-color:rgba(0,0,0,0) !important;padding-left:0;padding-right:0;font-size:1em;font-weight:normal}",""]),module.exports=exports},"./node_modules/moment/locale sync recursive ^\\.\\/.*$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./af":"./node_modules/moment/locale/af.js","./af.js":"./node_modules/moment/locale/af.js","./ar":"./node_modules/moment/locale/ar.js","./ar-dz":"./node_modules/moment/locale/ar-dz.js","./ar-dz.js":"./node_modules/moment/locale/ar-dz.js","./ar-kw":"./node_modules/moment/locale/ar-kw.js","./ar-kw.js":"./node_modules/moment/locale/ar-kw.js","./ar-ly":"./node_modules/moment/locale/ar-ly.js","./ar-ly.js":"./node_modules/moment/locale/ar-ly.js","./ar-ma":"./node_modules/moment/locale/ar-ma.js","./ar-ma.js":"./node_modules/moment/locale/ar-ma.js","./ar-sa":"./node_modules/moment/locale/ar-sa.js","./ar-sa.js":"./node_modules/moment/locale/ar-sa.js","./ar-tn":"./node_modules/moment/locale/ar-tn.js","./ar-tn.js":"./node_modules/moment/locale/ar-tn.js","./ar.js":"./node_modules/moment/locale/ar.js","./az":"./node_modules/moment/locale/az.js","./az.js":"./node_modules/moment/locale/az.js","./be":"./node_modules/moment/locale/be.js","./be.js":"./node_modules/moment/locale/be.js","./bg":"./node_modules/moment/locale/bg.js","./bg.js":"./node_modules/moment/locale/bg.js","./bm":"./node_modules/moment/locale/bm.js","./bm.js":"./node_modules/moment/locale/bm.js","./bn":"./node_modules/moment/locale/bn.js","./bn-bd":"./node_modules/moment/locale/bn-bd.js","./bn-bd.js":"./node_modules/moment/locale/bn-bd.js","./bn.js":"./node_modules/moment/locale/bn.js","./bo":"./node_modules/moment/locale/bo.js","./bo.js":"./node_modules/moment/locale/bo.js","./br":"./node_modules/moment/locale/br.js","./br.js":"./node_modules/moment/locale/br.js","./bs":"./node_modules/moment/locale/bs.js","./bs.js":"./node_modules/moment/locale/bs.js","./ca":"./node_modules/moment/locale/ca.js","./ca.js":"./node_modules/moment/locale/ca.js","./cs":"./node_modules/moment/locale/cs.js","./cs.js":"./node_modules/moment/locale/cs.js","./cv":"./node_modules/moment/locale/cv.js","./cv.js":"./node_modules/moment/locale/cv.js","./cy":"./node_modules/moment/locale/cy.js","./cy.js":"./node_modules/moment/locale/cy.js","./da":"./node_modules/moment/locale/da.js","./da.js":"./node_modules/moment/locale/da.js","./de":"./node_modules/moment/locale/de.js","./de-at":"./node_modules/moment/locale/de-at.js","./de-at.js":"./node_modules/moment/locale/de-at.js","./de-ch":"./node_modules/moment/locale/de-ch.js","./de-ch.js":"./node_modules/moment/locale/de-ch.js","./de.js":"./node_modules/moment/locale/de.js","./dv":"./node_modules/moment/locale/dv.js","./dv.js":"./node_modules/moment/locale/dv.js","./el":"./node_modules/moment/locale/el.js","./el.js":"./node_modules/moment/locale/el.js","./en-au":"./node_modules/moment/locale/en-au.js","./en-au.js":"./node_modules/moment/locale/en-au.js","./en-ca":"./node_modules/moment/locale/en-ca.js","./en-ca.js":"./node_modules/moment/locale/en-ca.js","./en-gb":"./node_modules/moment/locale/en-gb.js","./en-gb.js":"./node_modules/moment/locale/en-gb.js","./en-ie":"./node_modules/moment/locale/en-ie.js","./en-ie.js":"./node_modules/moment/locale/en-ie.js","./en-il":"./node_modules/moment/locale/en-il.js","./en-il.js":"./node_modules/moment/locale/en-il.js","./en-in":"./node_modules/moment/locale/en-in.js","./en-in.js":"./node_modules/moment/locale/en-in.js","./en-nz":"./node_modules/moment/locale/en-nz.js","./en-nz.js":"./node_modules/moment/locale/en-nz.js","./en-sg":"./node_modules/moment/locale/en-sg.js","./en-sg.js":"./node_modules/moment/locale/en-sg.js","./eo":"./node_modules/moment/locale/eo.js","./eo.js":"./node_modules/moment/locale/eo.js","./es":"./node_modules/moment/locale/es.js","./es-do":"./node_modules/moment/locale/es-do.js","./es-do.js":"./node_modules/moment/locale/es-do.js","./es-mx":"./node_modules/moment/locale/es-mx.js","./es-mx.js":"./node_modules/moment/locale/es-mx.js","./es-us":"./node_modules/moment/locale/es-us.js","./es-us.js":"./node_modules/moment/locale/es-us.js","./es.js":"./node_modules/moment/locale/es.js","./et":"./node_modules/moment/locale/et.js","./et.js":"./node_modules/moment/locale/et.js","./eu":"./node_modules/moment/locale/eu.js","./eu.js":"./node_modules/moment/locale/eu.js","./fa":"./node_modules/moment/locale/fa.js","./fa.js":"./node_modules/moment/locale/fa.js","./fi":"./node_modules/moment/locale/fi.js","./fi.js":"./node_modules/moment/locale/fi.js","./fil":"./node_modules/moment/locale/fil.js","./fil.js":"./node_modules/moment/locale/fil.js","./fo":"./node_modules/moment/locale/fo.js","./fo.js":"./node_modules/moment/locale/fo.js","./fr":"./node_modules/moment/locale/fr.js","./fr-ca":"./node_modules/moment/locale/fr-ca.js","./fr-ca.js":"./node_modules/moment/locale/fr-ca.js","./fr-ch":"./node_modules/moment/locale/fr-ch.js","./fr-ch.js":"./node_modules/moment/locale/fr-ch.js","./fr.js":"./node_modules/moment/locale/fr.js","./fy":"./node_modules/moment/locale/fy.js","./fy.js":"./node_modules/moment/locale/fy.js","./ga":"./node_modules/moment/locale/ga.js","./ga.js":"./node_modules/moment/locale/ga.js","./gd":"./node_modules/moment/locale/gd.js","./gd.js":"./node_modules/moment/locale/gd.js","./gl":"./node_modules/moment/locale/gl.js","./gl.js":"./node_modules/moment/locale/gl.js","./gom-deva":"./node_modules/moment/locale/gom-deva.js","./gom-deva.js":"./node_modules/moment/locale/gom-deva.js","./gom-latn":"./node_modules/moment/locale/gom-latn.js","./gom-latn.js":"./node_modules/moment/locale/gom-latn.js","./gu":"./node_modules/moment/locale/gu.js","./gu.js":"./node_modules/moment/locale/gu.js","./he":"./node_modules/moment/locale/he.js","./he.js":"./node_modules/moment/locale/he.js","./hi":"./node_modules/moment/locale/hi.js","./hi.js":"./node_modules/moment/locale/hi.js","./hr":"./node_modules/moment/locale/hr.js","./hr.js":"./node_modules/moment/locale/hr.js","./hu":"./node_modules/moment/locale/hu.js","./hu.js":"./node_modules/moment/locale/hu.js","./hy-am":"./node_modules/moment/locale/hy-am.js","./hy-am.js":"./node_modules/moment/locale/hy-am.js","./id":"./node_modules/moment/locale/id.js","./id.js":"./node_modules/moment/locale/id.js","./is":"./node_modules/moment/locale/is.js","./is.js":"./node_modules/moment/locale/is.js","./it":"./node_modules/moment/locale/it.js","./it-ch":"./node_modules/moment/locale/it-ch.js","./it-ch.js":"./node_modules/moment/locale/it-ch.js","./it.js":"./node_modules/moment/locale/it.js","./ja":"./node_modules/moment/locale/ja.js","./ja.js":"./node_modules/moment/locale/ja.js","./jv":"./node_modules/moment/locale/jv.js","./jv.js":"./node_modules/moment/locale/jv.js","./ka":"./node_modules/moment/locale/ka.js","./ka.js":"./node_modules/moment/locale/ka.js","./kk":"./node_modules/moment/locale/kk.js","./kk.js":"./node_modules/moment/locale/kk.js","./km":"./node_modules/moment/locale/km.js","./km.js":"./node_modules/moment/locale/km.js","./kn":"./node_modules/moment/locale/kn.js","./kn.js":"./node_modules/moment/locale/kn.js","./ko":"./node_modules/moment/locale/ko.js","./ko.js":"./node_modules/moment/locale/ko.js","./ku":"./node_modules/moment/locale/ku.js","./ku.js":"./node_modules/moment/locale/ku.js","./ky":"./node_modules/moment/locale/ky.js","./ky.js":"./node_modules/moment/locale/ky.js","./lb":"./node_modules/moment/locale/lb.js","./lb.js":"./node_modules/moment/locale/lb.js","./lo":"./node_modules/moment/locale/lo.js","./lo.js":"./node_modules/moment/locale/lo.js","./lt":"./node_modules/moment/locale/lt.js","./lt.js":"./node_modules/moment/locale/lt.js","./lv":"./node_modules/moment/locale/lv.js","./lv.js":"./node_modules/moment/locale/lv.js","./me":"./node_modules/moment/locale/me.js","./me.js":"./node_modules/moment/locale/me.js","./mi":"./node_modules/moment/locale/mi.js","./mi.js":"./node_modules/moment/locale/mi.js","./mk":"./node_modules/moment/locale/mk.js","./mk.js":"./node_modules/moment/locale/mk.js","./ml":"./node_modules/moment/locale/ml.js","./ml.js":"./node_modules/moment/locale/ml.js","./mn":"./node_modules/moment/locale/mn.js","./mn.js":"./node_modules/moment/locale/mn.js","./mr":"./node_modules/moment/locale/mr.js","./mr.js":"./node_modules/moment/locale/mr.js","./ms":"./node_modules/moment/locale/ms.js","./ms-my":"./node_modules/moment/locale/ms-my.js","./ms-my.js":"./node_modules/moment/locale/ms-my.js","./ms.js":"./node_modules/moment/locale/ms.js","./mt":"./node_modules/moment/locale/mt.js","./mt.js":"./node_modules/moment/locale/mt.js","./my":"./node_modules/moment/locale/my.js","./my.js":"./node_modules/moment/locale/my.js","./nb":"./node_modules/moment/locale/nb.js","./nb.js":"./node_modules/moment/locale/nb.js","./ne":"./node_modules/moment/locale/ne.js","./ne.js":"./node_modules/moment/locale/ne.js","./nl":"./node_modules/moment/locale/nl.js","./nl-be":"./node_modules/moment/locale/nl-be.js","./nl-be.js":"./node_modules/moment/locale/nl-be.js","./nl.js":"./node_modules/moment/locale/nl.js","./nn":"./node_modules/moment/locale/nn.js","./nn.js":"./node_modules/moment/locale/nn.js","./oc-lnc":"./node_modules/moment/locale/oc-lnc.js","./oc-lnc.js":"./node_modules/moment/locale/oc-lnc.js","./pa-in":"./node_modules/moment/locale/pa-in.js","./pa-in.js":"./node_modules/moment/locale/pa-in.js","./pl":"./node_modules/moment/locale/pl.js","./pl.js":"./node_modules/moment/locale/pl.js","./pt":"./node_modules/moment/locale/pt.js","./pt-br":"./node_modules/moment/locale/pt-br.js","./pt-br.js":"./node_modules/moment/locale/pt-br.js","./pt.js":"./node_modules/moment/locale/pt.js","./ro":"./node_modules/moment/locale/ro.js","./ro.js":"./node_modules/moment/locale/ro.js","./ru":"./node_modules/moment/locale/ru.js","./ru.js":"./node_modules/moment/locale/ru.js","./sd":"./node_modules/moment/locale/sd.js","./sd.js":"./node_modules/moment/locale/sd.js","./se":"./node_modules/moment/locale/se.js","./se.js":"./node_modules/moment/locale/se.js","./si":"./node_modules/moment/locale/si.js","./si.js":"./node_modules/moment/locale/si.js","./sk":"./node_modules/moment/locale/sk.js","./sk.js":"./node_modules/moment/locale/sk.js","./sl":"./node_modules/moment/locale/sl.js","./sl.js":"./node_modules/moment/locale/sl.js","./sq":"./node_modules/moment/locale/sq.js","./sq.js":"./node_modules/moment/locale/sq.js","./sr":"./node_modules/moment/locale/sr.js","./sr-cyrl":"./node_modules/moment/locale/sr-cyrl.js","./sr-cyrl.js":"./node_modules/moment/locale/sr-cyrl.js","./sr.js":"./node_modules/moment/locale/sr.js","./ss":"./node_modules/moment/locale/ss.js","./ss.js":"./node_modules/moment/locale/ss.js","./sv":"./node_modules/moment/locale/sv.js","./sv.js":"./node_modules/moment/locale/sv.js","./sw":"./node_modules/moment/locale/sw.js","./sw.js":"./node_modules/moment/locale/sw.js","./ta":"./node_modules/moment/locale/ta.js","./ta.js":"./node_modules/moment/locale/ta.js","./te":"./node_modules/moment/locale/te.js","./te.js":"./node_modules/moment/locale/te.js","./tet":"./node_modules/moment/locale/tet.js","./tet.js":"./node_modules/moment/locale/tet.js","./tg":"./node_modules/moment/locale/tg.js","./tg.js":"./node_modules/moment/locale/tg.js","./th":"./node_modules/moment/locale/th.js","./th.js":"./node_modules/moment/locale/th.js","./tk":"./node_modules/moment/locale/tk.js","./tk.js":"./node_modules/moment/locale/tk.js","./tl-ph":"./node_modules/moment/locale/tl-ph.js","./tl-ph.js":"./node_modules/moment/locale/tl-ph.js","./tlh":"./node_modules/moment/locale/tlh.js","./tlh.js":"./node_modules/moment/locale/tlh.js","./tr":"./node_modules/moment/locale/tr.js","./tr.js":"./node_modules/moment/locale/tr.js","./tzl":"./node_modules/moment/locale/tzl.js","./tzl.js":"./node_modules/moment/locale/tzl.js","./tzm":"./node_modules/moment/locale/tzm.js","./tzm-latn":"./node_modules/moment/locale/tzm-latn.js","./tzm-latn.js":"./node_modules/moment/locale/tzm-latn.js","./tzm.js":"./node_modules/moment/locale/tzm.js","./ug-cn":"./node_modules/moment/locale/ug-cn.js","./ug-cn.js":"./node_modules/moment/locale/ug-cn.js","./uk":"./node_modules/moment/locale/uk.js","./uk.js":"./node_modules/moment/locale/uk.js","./ur":"./node_modules/moment/locale/ur.js","./ur.js":"./node_modules/moment/locale/ur.js","./uz":"./node_modules/moment/locale/uz.js","./uz-latn":"./node_modules/moment/locale/uz-latn.js","./uz-latn.js":"./node_modules/moment/locale/uz-latn.js","./uz.js":"./node_modules/moment/locale/uz.js","./vi":"./node_modules/moment/locale/vi.js","./vi.js":"./node_modules/moment/locale/vi.js","./x-pseudo":"./node_modules/moment/locale/x-pseudo.js","./x-pseudo.js":"./node_modules/moment/locale/x-pseudo.js","./yo":"./node_modules/moment/locale/yo.js","./yo.js":"./node_modules/moment/locale/yo.js","./zh-cn":"./node_modules/moment/locale/zh-cn.js","./zh-cn.js":"./node_modules/moment/locale/zh-cn.js","./zh-hk":"./node_modules/moment/locale/zh-hk.js","./zh-hk.js":"./node_modules/moment/locale/zh-hk.js","./zh-mo":"./node_modules/moment/locale/zh-mo.js","./zh-mo.js":"./node_modules/moment/locale/zh-mo.js","./zh-tw":"./node_modules/moment/locale/zh-tw.js","./zh-tw.js":"./node_modules/moment/locale/zh-tw.js"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./node_modules/moment/locale sync recursive ^\\.\\/.*$"},"./src/main.scss":(module,__unused_webpack_exports,__webpack_require__)=>{var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/main.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.id,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./storybook/show-code-fix.scss":(module,__unused_webpack_exports,__webpack_require__)=>{var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./storybook/show-code-fix.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.id,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cmxs%7Ctsx%7Cts))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./core/AsyncActionButton/AsyncActionButton.stories.tsx":"./src/core/AsyncActionButton/AsyncActionButton.stories.tsx","./core/AsyncContent/AsyncContent.stories.tsx":"./src/core/AsyncContent/AsyncContent.stories.tsx","./core/AsyncList/AsyncList.stories.tsx":"./src/core/AsyncList/AsyncList.stories.tsx","./core/AsyncPage/AsyncPage.stories.tsx":"./src/core/AsyncPage/AsyncPage.stories.tsx","./core/Avatar/Avatar.stories.tsx":"./src/core/Avatar/Avatar.stories.tsx","./core/BooleanIcon/BooleanIcon.stories.tsx":"./src/core/BooleanIcon/BooleanIcon.stories.tsx","./core/Button/Button.stories.tsx":"./src/core/Button/Button.stories.tsx","./core/Card/Card.stories.tsx":"./src/core/Card/Card.stories.tsx","./core/CardOpenClose/CardOpenClose.stories.tsx":"./src/core/CardOpenClose/CardOpenClose.stories.tsx","./core/ConfirmButton/ConfirmButton.stories.tsx":"./src/core/ConfirmButton/ConfirmButton.stories.tsx","./core/ConfirmModal/ConfirmModal.stories.tsx":"./src/core/ConfirmModal/ConfirmModal.stories.tsx","./core/ContentState/ContentState.stories.tsx":"./src/core/ContentState/ContentState.stories.tsx","./core/Debug/Debug.stories.tsx":"./src/core/Debug/Debug.stories.tsx","./core/FavoriteIcon/FavoriteIcon.stories.tsx":"./src/core/FavoriteIcon/FavoriteIcon.stories.tsx","./core/FlashMessage/FlashMessage.stories.tsx":"./src/core/FlashMessage/FlashMessage.stories.tsx","./core/Icon/Icon.stories.tsx":"./src/core/Icon/Icon.stories.tsx","./core/InfoBadge/InfoBadge.stories.tsx":"./src/core/InfoBadge/InfoBadge.stories.tsx","./core/InfoTooltip/InfoTooltip.stories.tsx":"./src/core/InfoTooltip/InfoTooltip.stories.tsx","./core/Loading/Loading.stories.tsx":"./src/core/Loading/Loading.stories.tsx","./core/LoadingPage/LoadingPage.stories.tsx":"./src/core/LoadingPage/LoadingPage.stories.tsx","./core/Modal/Modal.stories.tsx":"./src/core/Modal/Modal.stories.tsx","./core/MoreOrLess/MoreOrLess.stories.tsx":"./src/core/MoreOrLess/MoreOrLess.stories.tsx","./core/NavigationItem/Navigation.stories.tsx":"./src/core/NavigationItem/Navigation.stories.tsx","./core/OpenClose/OpenClose.stories.tsx":"./src/core/OpenClose/OpenClose.stories.tsx","./core/OpenCloseModal/OpenCloseModal.stories.tsx":"./src/core/OpenCloseModal/OpenCloseModal.stories.tsx","./core/OrSeparator/OrSeparator.stories.tsx":"./src/core/OrSeparator/OrSeparator.stories.tsx","./core/Pager/Pager.stories.tsx":"./src/core/Pager/Pager.stories.tsx","./core/Pagination/Pagination.stories.tsx":"./src/core/Pagination/Pagination.stories.tsx","./core/Popover/Popover.stories.tsx":"./src/core/Popover/Popover.stories.tsx","./core/ProgressStepper/ProgressStepper.stories.tsx":"./src/core/ProgressStepper/ProgressStepper.stories.tsx","./core/ProgressStepper/ProgressStepperExample.stories.tsx":"./src/core/ProgressStepper/ProgressStepperExample.stories.tsx","./core/SearchInput/SearchInput.stories.tsx":"./src/core/SearchInput/SearchInput.stories.tsx","./core/Spinner/Spinner.stories.tsx":"./src/core/Spinner/Spinner.stories.tsx","./core/SubmitButton/SubmitButton.stories.tsx":"./src/core/SubmitButton/SubmitButton.stories.tsx","./core/SuccessIcon/SuccessIcon.stories.tsx":"./src/core/SuccessIcon/SuccessIcon.stories.tsx","./core/Tabs/Tabs.stories.tsx":"./src/core/Tabs/Tabs.stories.tsx","./core/Tag/Tag.stories.tsx":"./src/core/Tag/Tag.stories.tsx","./core/TextButton/TextButton.stories.tsx":"./src/core/TextButton/TextButton.stories.tsx","./core/Toggle/Toggle.stories.tsx":"./src/core/Toggle/Toggle.stories.tsx","./core/Tooltip/Tooltip.stories.tsx":"./src/core/Tooltip/Tooltip.stories.tsx","./core/lists/AttributeList/AttributeList.stories.tsx":"./src/core/lists/AttributeList/AttributeList.stories.tsx","./form/Checkbox/Checkbox.stories.tsx":"./src/form/Checkbox/Checkbox.stories.tsx","./form/CheckboxMultipleSelect/CheckboxMultipleSelect.stories.tsx":"./src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.stories.tsx","./form/ColorPicker/ColorPicker.stories.tsx":"./src/form/ColorPicker/ColorPicker.stories.tsx","./form/DateTimeInput/DateTimeInput.stories.tsx":"./src/form/DateTimeInput/DateTimeInput.stories.tsx","./form/FileInput/FileInput.stories.tsx":"./src/form/FileInput/FileInput.stories.tsx","./form/FormExample.stories.tsx":"./src/form/FormExample.stories.tsx","./form/IconPicker/IconPicker.stories.tsx":"./src/form/IconPicker/IconPicker.stories.tsx","./form/ImageUpload/ImageUpload.stories.tsx":"./src/form/ImageUpload/ImageUpload.stories.tsx","./form/Input/Input.stories.tsx":"./src/form/Input/Input.stories.tsx","./form/ModalPicker/multiple/ModalPickerMultiple.stories.tsx":"./src/form/ModalPicker/multiple/ModalPickerMultiple.stories.tsx","./form/ModalPicker/single/ModalPickerSingle.stories.tsx":"./src/form/ModalPicker/single/ModalPickerSingle.stories.tsx","./form/NewPasswordInput/NewPasswordInput.stories.tsx":"./src/form/NewPasswordInput/NewPasswordInput.stories.tsx","./form/PlainTextFormControl/PlainTextFormControl.stories.tsx":"./src/form/PlainTextFormControl/PlainTextFormControl.stories.tsx","./form/RadioGroup/RadioGroup.stories.tsx":"./src/form/RadioGroup/RadioGroup.stories.tsx","./form/Select/Select.stories.tsx":"./src/form/Select/Select.stories.tsx","./form/TextEditor/TextEditor.stories.tsx":"./src/form/TextEditor/TextEditor.stories.tsx","./form/Textarea/Textarea.stories.tsx":"./src/form/Textarea/Textarea.stories.tsx","./form/Typeahead/multiple/TypeaheadMultiple.stories.tsx":"./src/form/Typeahead/multiple/TypeaheadMultiple.stories.tsx","./form/Typeahead/single/TypeaheadSingle.stories.tsx":"./src/form/Typeahead/single/TypeaheadSingle.stories.tsx","./form/ValuePicker/ValuePicker.stories.tsx":"./src/form/ValuePicker/ValuePicker.stories.tsx","./hooks/useBootstrapSize/useBootstrapSize.stories.tsx":"./src/hooks/useBootstrapSize/useBootstrapSize.stories.tsx","./table/CrudTable/CrudTable.stories.tsx":"./src/table/CrudTable/CrudTable.stories.tsx","./table/EpicTable/EpicTable.stories.tsx":"./src/table/EpicTable/EpicTable.stories.tsx","./table/FormTable/FormTable.stories.tsx":"./src/table/FormTable/FormTable.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cmxs%7Ctsx%7Cts))$"},"?4f7e":()=>{},"./generated-stories-entry.cjs":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module=__webpack_require__.nmd(module),(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cmxs%7Ctsx%7Cts))$")],module,!1)}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[643],(()=>(__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_exec__("./storybook-init-framework-entry.js"),__webpack_exec__("./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js"),__webpack_exec__("./storybook/preview.js-generated-config-entry.js"),__webpack_exec__("./generated-stories-entry.cjs"))));__webpack_require__.O()}]);
\ No newline at end of file
diff --git a/docs/storybook/project.json b/docs/storybook/project.json
index 0c3207164..77d1603f5 100644
--- a/docs/storybook/project.json
+++ b/docs/storybook/project.json
@@ -1 +1 @@
-{"generatedAt":1655987081936,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"8.1.2"},"typescriptOptions":{"check":false,"checkOptions":{},"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true}},"storybookVersion":"6.5.9","language":"typescript","storybookPackages":{"@storybook/builder-webpack5":{"version":"6.5.9"},"@storybook/manager-webpack5":{"version":"6.5.9"},"@storybook/react":{"version":"6.5.9"}},"framework":{"name":"react"},"addons":{"@storybook/addon-actions":{"version":"6.5.9"},"@storybook/addon-docs":{"options":{"configureJSX":true},"version":"6.5.9"}}}
+{"generatedAt":1655987546767,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"8.1.2"},"typescriptOptions":{"check":false,"checkOptions":{},"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true}},"storybookVersion":"6.5.9","language":"typescript","storybookPackages":{"@storybook/builder-webpack5":{"version":"6.5.9"},"@storybook/manager-webpack5":{"version":"6.5.9"},"@storybook/react":{"version":"6.5.9"}},"framework":{"name":"react"},"addons":{"@storybook/addon-actions":{"version":"6.5.9"},"@storybook/addon-docs":{"options":{"configureJSX":true},"version":"6.5.9"}}}
diff --git a/package-lock.json b/package-lock.json
index 9679d88d1..36a7f4b22 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@42.nl/ui",
-  "version": "4.0.2",
+  "version": "4.0.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@42.nl/ui",
-      "version": "4.0.2",
+      "version": "4.0.3",
       "license": "SEE LICENSE IN LICENSE.MD",
       "dependencies": {
         "@tippyjs/react": "4.2.6",
diff --git a/package.json b/package.json
index d563b74ec..f82b3c626 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@42.nl/ui",
-  "version": "4.0.2",
+  "version": "4.0.3",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
diff --git a/stats.html b/stats.html
index 87e1e405e..2f7e9b319 100644
--- a/stats.html
+++ b/stats.html
@@ -2669,7 +2669,7 @@
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.es.js","children":[{"name":"src","children":[{"name":"core","children":[{"name":"Tooltip/Tooltip.tsx","uid":"7904-308"},{"name":"Avatar","children":[{"uid":"7904-310","name":"Avatar.tsx"},{"uid":"7904-312","name":"AvatarStack.tsx"}]},{"name":"Spinner/Spinner.tsx","uid":"7904-316"},{"name":"Icon","children":[{"uid":"7904-318","name":"Icon.tsx"},{"uid":"7904-320","name":"types.ts"}]},{"name":"Button","children":[{"uid":"7904-322","name":"useShowSpinner.tsx"},{"uid":"7904-324","name":"Button.tsx"}]},{"name":"ConfirmModal/ConfirmModal.tsx","uid":"7904-326"},{"name":"ConfirmButton/ConfirmButton.tsx","uid":"7904-328"},{"name":"ContentState/ContentState.tsx","uid":"7904-330"},{"name":"FlashMessage/FlashMessage.tsx","uid":"7904-332"},{"name":"InfoBadge/InfoBadge.tsx","uid":"7904-334"},{"name":"LoadingPage/LoadingPage.tsx","uid":"7904-338"},{"name":"Loading/Loading.tsx","uid":"7904-344"},{"name":"MoreOrLess/MoreOrLess.tsx","uid":"7904-346"},{"name":"NavigationItem/NavigationItem.tsx","uid":"7904-348"},{"name":"Pagination/Pagination.tsx","uid":"7904-350"},{"name":"ProgressStepper/ProgressStepper.tsx","uid":"7904-352"},{"name":"SubmitButton","children":[{"uid":"7904-354","name":"useScrollToClosestError.ts"},{"uid":"7904-356","name":"SubmitButton.tsx"}]},{"name":"Tag/Tag.tsx","uid":"7904-358"},{"name":"AsyncContent/AsyncContent.tsx","uid":"7904-360"},{"name":"AsyncPage/AsyncPage.tsx","uid":"7904-362"},{"name":"AsyncList/AsyncList.tsx","uid":"7904-364"},{"name":"SearchInput/SearchInput.tsx","uid":"7904-372"},{"name":"Pager/Pager.tsx","uid":"7904-374"},{"name":"Modal/Modal.tsx","uid":"7904-376"},{"name":"OpenCloseModal/OpenCloseModal.tsx","uid":"7904-378"},{"name":"Popover/Popover.tsx","uid":"7904-380"},{"name":"TextButton/TextButton.tsx","uid":"7904-382"},{"name":"InfoTooltip/InfoTooltip.tsx","uid":"7904-384"},{"name":"BooleanIcon/BooleanIcon.tsx","uid":"7904-386"},{"name":"SuccessIcon/SuccessIcon.tsx","uid":"7904-388"},{"name":"OrSeparator/OrSeparator.tsx","uid":"7904-390"},{"name":"lists","children":[{"name":"AttributeList/AttributeList.tsx","uid":"7904-392"},{"name":"AttributeView/AttributeView.tsx","uid":"7904-394"}]},{"name":"OpenClose/OpenClose.tsx","uid":"7904-396"},{"name":"FavoriteIcon/FavoriteIcon.tsx","uid":"7904-398"},{"name":"ErrorBoundary/ErrorBoundary.tsx","uid":"7904-400"},{"name":"Card/Card.tsx","uid":"7904-402"},{"name":"CardOpenClose/CardOpenClose.tsx","uid":"7904-404"},{"name":"Tabs","children":[{"name":"Tab/Tab.tsx","uid":"7904-408"},{"name":"TabContent/TabContent.tsx","uid":"7904-410"},{"uid":"7904-412","name":"Tabs.tsx"}]},{"name":"AsyncActionButton/AsyncActionButton.tsx","uid":"7904-414"},{"name":"Debug/Debug.tsx","uid":"7904-416"},{"name":"Toggle/Toggle.tsx","uid":"7904-508"}]},{"name":"hooks","children":[{"name":"useShowAfter/useShowAfter.tsx","uid":"7904-336"},{"name":"useId/useId.ts","uid":"7904-366"},{"name":"useBodyFixOnModalClose/useBodyFixOnModalClose.ts","uid":"7904-476"},{"name":"useHover/useHover.ts","uid":"7904-586"},{"name":"useBootstrapSize/useBootstrapSize.ts","uid":"7904-588"}]},{"name":"utilities","children":[{"name":"translation","children":[{"uid":"7904-340","name":"translator.ts"},{"uid":"7904-342","name":"translation.ts"}]},{"name":"page/page.ts","uid":"7904-470"}]},{"name":"form","children":[{"name":"addons","children":[{"name":"Addon/Addon.tsx","uid":"7904-368"},{"name":"AddonIcon/AddonIcon.tsx","uid":"7904-370"},{"name":"AddonButton/AddonButton.tsx","uid":"7904-458"}]},{"uid":"7904-406","name":"utils.ts"},{"name":"AutoSave","children":[{"uid":"7904-418","name":"useActive.ts"},{"uid":"7904-420","name":"usePromise.ts"},{"uid":"7904-422","name":"AutoSave.tsx"}]},{"name":"FormError","children":[{"uid":"7904-424","name":"utils.tsx"},{"uid":"7904-426","name":"useSettledErrors.ts"},{"uid":"7904-428","name":"useOnChange.ts"},{"uid":"7904-430","name":"FormError.tsx"}]},{"name":"withJarb","children":[{"name":"useHasErrors/useHasErrors.ts","uid":"7904-432"},{"name":"useMarkedAsRequiredLabel/useMarkedAsRequiredLabel.tsx","uid":"7904-436"},{"uid":"7904-438","name":"withJarb.tsx"}]},{"name":"Input/Input.tsx","uid":"7904-440"},{"name":"Textarea/Textarea.tsx","uid":"7904-442"},{"name":"TextEditor","children":[{"uid":"7904-444","name":"utils.ts"},{"uid":"7904-446","name":"TextEditor.tsx"}]},{"name":"DateTimeInput","children":[{"uid":"7904-448","name":"utils.ts"},{"name":"DateTimeModal","children":[{"uid":"7904-450","name":"useValue.ts"},{"uid":"7904-452","name":"DateTimeModal.tsx"}]},{"name":"hooks","children":[{"uid":"7904-454","name":"useHasFormatError.ts"},{"uid":"7904-456","name":"useIsModalOpen.ts"},{"uid":"7904-460","name":"useSetLastStringValue.ts"}]},{"uid":"7904-462","name":"DateTimeInput.tsx"},{"uid":"7904-464","name":"checkers.ts"},{"uid":"7904-466","name":"validators.ts"}]},{"uid":"7904-468","name":"option.ts"},{"uid":"7904-472","name":"useOptions.ts"},{"name":"Select/Select.tsx","uid":"7904-474"},{"name":"ModalPicker","children":[{"uid":"7904-478","name":"EmptyModal.tsx"},{"uid":"7904-480","name":"ModalPicker.tsx"},{"name":"ModalPickerOpener/ModalPickerOpener.tsx","uid":"7904-482"},{"name":"ModalPickerValueTruncator","children":[{"name":"useResizeObserver/useResizeObserver.ts","uid":"7904-484"},{"name":"useComponentOverflow/useComponentOverflow.ts","uid":"7904-486"},{"uid":"7904-488","name":"ModalPickerValueTruncator.tsx"}]},{"name":"single/ModalPickerSingle.tsx","uid":"7904-490"},{"name":"multiple/ModalPickerMultiple.tsx","uid":"7904-492"}]},{"name":"Typeahead","children":[{"uid":"7904-494","name":"utils.ts"},{"name":"single","children":[{"uid":"7904-496","name":"useAutoSelectOptionWhenQueryMatchesExactly.ts"},{"uid":"7904-498","name":"TypeaheadSingle.tsx"}]},{"name":"multiple/TypeaheadMultiple.tsx","uid":"7904-500"}]},{"name":"FileInput/FileInput.tsx","uid":"7904-502"},{"name":"ImageUpload","children":[{"uid":"7904-504","name":"utils.ts"},{"uid":"7904-506","name":"ImageUpload.tsx"}]},{"name":"CheckboxMultipleSelect/CheckboxMultipleSelect.tsx","uid":"7904-510"},{"name":"RadioGroup/RadioGroup.tsx","uid":"7904-512"},{"name":"ValuePicker/ValuePicker.tsx","uid":"7904-514"},{"name":"IconPicker/IconPicker.tsx","uid":"7904-516"},{"name":"ColorPicker/ColorPicker.tsx","uid":"7904-518"},{"name":"Checkbox/Checkbox.tsx","uid":"7904-520"},{"name":"NewPasswordInput","children":[{"name":"PasswordStrength","children":[{"name":"useMeterWidth/useMeterWidth.ts","uid":"7904-522"},{"uid":"7904-524","name":"rules.ts"},{"name":"useRules/useRules.ts","uid":"7904-526"},{"uid":"7904-528","name":"PasswordStrength.tsx"}]},{"uid":"7904-530","name":"NewPasswordInput.tsx"}]},{"name":"FormButton/FormButton.tsx","uid":"7904-532"},{"name":"PlainTextFormControl/PlainTextFormControl.tsx","uid":"7904-534"}]},{"name":"config/config.ts","uid":"7904-434"},{"name":"table","children":[{"name":"EpicTable","children":[{"name":"helpers","children":[{"name":"GooeyCenter/GooeyCenter.tsx","uid":"7904-536"},{"name":"FixedHeader","children":[{"uid":"7904-538","name":"useClosestHeaderIndex.ts"},{"uid":"7904-540","name":"FixedHeader.tsx"}]},{"name":"layout/layout.ts","uid":"7904-548"},{"uid":"7904-550","name":"useEpicTableRect.ts"},{"uid":"7904-552","name":"useCalculateActualHeight.tsx"},{"uid":"7904-554","name":"useAdjustHeightOfActiveDetailRow.tsx"}]},{"name":"rows","children":[{"name":"EpicExpanderRow/EpicExpanderRow.tsx","uid":"7904-542"},{"name":"EpicDetailRow/EpicDetailRow.tsx","uid":"7904-544"},{"name":"EpicRow/EpicRow.tsx","uid":"7904-570"}]},{"name":"cells","children":[{"name":"EpicCell/EpicCell.tsx","uid":"7904-546"},{"name":"EpicHeader","children":[{"name":"EpicResize","children":[{"uid":"7904-558","name":"useEpicResizeListenerCleanup.ts"},{"uid":"7904-560","name":"EpicResize.tsx"}]},{"uid":"7904-562","name":"EpicHeader.tsx"}]},{"name":"EpicCellLayout/EpicCellLayout.tsx","uid":"7904-564"},{"name":"EpicForm/EpicForm.tsx","uid":"7904-566"},{"name":"EpicFormCell/EpicFormCell.tsx","uid":"7904-568"}]},{"uid":"7904-556","name":"EpicTable.tsx"},{"name":"widgets","children":[{"name":"EpicDetail/EpicDetail.tsx","uid":"7904-572"},{"name":"EpicExpander/EpicExpander.tsx","uid":"7904-574"},{"name":"EpicSelection/EpicSelection.tsx","uid":"7904-576"},{"name":"EpicSort","children":[{"uid":"7904-578","name":"utils.ts"},{"uid":"7904-580","name":"EpicSort.tsx"}]}]}]},{"name":"CrudTable","children":[{"uid":"7904-582","name":"CrudTable.tsx"},{"name":"components/CrudHeader/CrudHeader.tsx","uid":"7904-584"}]}]},{"uid":"7904-590","name":"index.ts"}]},{"uid":"7904-314","name":"\u0000tslib.js"}]}],"isRoot":true},"nodeParts":{"7904-308":{"renderedLength":654,"gzipLength":0,"brotliLength":0,"mainUid":"7904-307"},"7904-310":{"renderedLength":921,"gzipLength":0,"brotliLength":0,"mainUid":"7904-309"},"7904-312":{"renderedLength":334,"gzipLength":0,"brotliLength":0,"mainUid":"7904-311"},"7904-314":{"renderedLength":1945,"gzipLength":0,"brotliLength":0,"mainUid":"7904-313"},"7904-316":{"renderedLength":507,"gzipLength":0,"brotliLength":0,"mainUid":"7904-315"},"7904-318":{"renderedLength":996,"gzipLength":0,"brotliLength":0,"mainUid":"7904-317"},"7904-320":{"renderedLength":41415,"gzipLength":0,"brotliLength":0,"mainUid":"7904-319"},"7904-322":{"renderedLength":688,"gzipLength":0,"brotliLength":0,"mainUid":"7904-321"},"7904-324":{"renderedLength":3381,"gzipLength":0,"brotliLength":0,"mainUid":"7904-323"},"7904-326":{"renderedLength":1252,"gzipLength":0,"brotliLength":0,"mainUid":"7904-325"},"7904-328":{"renderedLength":1271,"gzipLength":0,"brotliLength":0,"mainUid":"7904-327"},"7904-330":{"renderedLength":1616,"gzipLength":0,"brotliLength":0,"mainUid":"7904-329"},"7904-332":{"renderedLength":410,"gzipLength":0,"brotliLength":0,"mainUid":"7904-331"},"7904-334":{"renderedLength":432,"gzipLength":0,"brotliLength":0,"mainUid":"7904-333"},"7904-336":{"renderedLength":673,"gzipLength":0,"brotliLength":0,"mainUid":"7904-335"},"7904-338":{"renderedLength":787,"gzipLength":0,"brotliLength":0,"mainUid":"7904-337"},"7904-340":{"renderedLength":442,"gzipLength":0,"brotliLength":0,"mainUid":"7904-339"},"7904-342":{"renderedLength":857,"gzipLength":0,"brotliLength":0,"mainUid":"7904-341"},"7904-344":{"renderedLength":534,"gzipLength":0,"brotliLength":0,"mainUid":"7904-343"},"7904-346":{"renderedLength":1154,"gzipLength":0,"brotliLength":0,"mainUid":"7904-345"},"7904-348":{"renderedLength":1127,"gzipLength":0,"brotliLength":0,"mainUid":"7904-347"},"7904-350":{"renderedLength":2538,"gzipLength":0,"brotliLength":0,"mainUid":"7904-349"},"7904-352":{"renderedLength":1218,"gzipLength":0,"brotliLength":0,"mainUid":"7904-351"},"7904-354":{"renderedLength":1442,"gzipLength":0,"brotliLength":0,"mainUid":"7904-353"},"7904-356":{"renderedLength":812,"gzipLength":0,"brotliLength":0,"mainUid":"7904-355"},"7904-358":{"renderedLength":835,"gzipLength":0,"brotliLength":0,"mainUid":"7904-357"},"7904-360":{"renderedLength":2835,"gzipLength":0,"brotliLength":0,"mainUid":"7904-359"},"7904-362":{"renderedLength":576,"gzipLength":0,"brotliLength":0,"mainUid":"7904-361"},"7904-364":{"renderedLength":530,"gzipLength":0,"brotliLength":0,"mainUid":"7904-363"},"7904-366":{"renderedLength":468,"gzipLength":0,"brotliLength":0,"mainUid":"7904-365"},"7904-368":{"renderedLength":408,"gzipLength":0,"brotliLength":0,"mainUid":"7904-367"},"7904-370":{"renderedLength":340,"gzipLength":0,"brotliLength":0,"mainUid":"7904-369"},"7904-372":{"renderedLength":2897,"gzipLength":0,"brotliLength":0,"mainUid":"7904-371"},"7904-374":{"renderedLength":1119,"gzipLength":0,"brotliLength":0,"mainUid":"7904-373"},"7904-376":{"renderedLength":1338,"gzipLength":0,"brotliLength":0,"mainUid":"7904-375"},"7904-378":{"renderedLength":1682,"gzipLength":0,"brotliLength":0,"mainUid":"7904-377"},"7904-380":{"renderedLength":617,"gzipLength":0,"brotliLength":0,"mainUid":"7904-379"},"7904-382":{"renderedLength":365,"gzipLength":0,"brotliLength":0,"mainUid":"7904-381"},"7904-384":{"renderedLength":320,"gzipLength":0,"brotliLength":0,"mainUid":"7904-383"},"7904-386":{"renderedLength":718,"gzipLength":0,"brotliLength":0,"mainUid":"7904-385"},"7904-388":{"renderedLength":695,"gzipLength":0,"brotliLength":0,"mainUid":"7904-387"},"7904-390":{"renderedLength":533,"gzipLength":0,"brotliLength":0,"mainUid":"7904-389"},"7904-392":{"renderedLength":277,"gzipLength":0,"brotliLength":0,"mainUid":"7904-391"},"7904-394":{"renderedLength":391,"gzipLength":0,"brotliLength":0,"mainUid":"7904-393"},"7904-396":{"renderedLength":410,"gzipLength":0,"brotliLength":0,"mainUid":"7904-395"},"7904-398":{"renderedLength":593,"gzipLength":0,"brotliLength":0,"mainUid":"7904-397"},"7904-400":{"renderedLength":790,"gzipLength":0,"brotliLength":0,"mainUid":"7904-399"},"7904-402":{"renderedLength":1301,"gzipLength":0,"brotliLength":0,"mainUid":"7904-401"},"7904-404":{"renderedLength":945,"gzipLength":0,"brotliLength":0,"mainUid":"7904-403"},"7904-406":{"renderedLength":318,"gzipLength":0,"brotliLength":0,"mainUid":"7904-405"},"7904-408":{"renderedLength":781,"gzipLength":0,"brotliLength":0,"mainUid":"7904-407"},"7904-410":{"renderedLength":357,"gzipLength":0,"brotliLength":0,"mainUid":"7904-409"},"7904-412":{"renderedLength":1433,"gzipLength":0,"brotliLength":0,"mainUid":"7904-411"},"7904-414":{"renderedLength":906,"gzipLength":0,"brotliLength":0,"mainUid":"7904-413"},"7904-416":{"renderedLength":712,"gzipLength":0,"brotliLength":0,"mainUid":"7904-415"},"7904-418":{"renderedLength":49,"gzipLength":0,"brotliLength":0,"mainUid":"7904-417"},"7904-420":{"renderedLength":48,"gzipLength":0,"brotliLength":0,"mainUid":"7904-419"},"7904-422":{"renderedLength":868,"gzipLength":0,"brotliLength":0,"mainUid":"7904-421"},"7904-424":{"renderedLength":2602,"gzipLength":0,"brotliLength":0,"mainUid":"7904-423"},"7904-426":{"renderedLength":5299,"gzipLength":0,"brotliLength":0,"mainUid":"7904-425"},"7904-428":{"renderedLength":171,"gzipLength":0,"brotliLength":0,"mainUid":"7904-427"},"7904-430":{"renderedLength":962,"gzipLength":0,"brotliLength":0,"mainUid":"7904-429"},"7904-432":{"renderedLength":57,"gzipLength":0,"brotliLength":0,"mainUid":"7904-431"},"7904-434":{"renderedLength":157,"gzipLength":0,"brotliLength":0,"mainUid":"7904-433"},"7904-436":{"renderedLength":492,"gzipLength":0,"brotliLength":0,"mainUid":"7904-435"},"7904-438":{"renderedLength":5344,"gzipLength":0,"brotliLength":0,"mainUid":"7904-437"},"7904-440":{"renderedLength":1934,"gzipLength":0,"brotliLength":0,"mainUid":"7904-439"},"7904-442":{"renderedLength":991,"gzipLength":0,"brotliLength":0,"mainUid":"7904-441"},"7904-444":{"renderedLength":1784,"gzipLength":0,"brotliLength":0,"mainUid":"7904-443"},"7904-446":{"renderedLength":1556,"gzipLength":0,"brotliLength":0,"mainUid":"7904-445"},"7904-448":{"renderedLength":1939,"gzipLength":0,"brotliLength":0,"mainUid":"7904-447"},"7904-450":{"renderedLength":72,"gzipLength":0,"brotliLength":0,"mainUid":"7904-449"},"7904-452":{"renderedLength":948,"gzipLength":0,"brotliLength":0,"mainUid":"7904-451"},"7904-454":{"renderedLength":62,"gzipLength":0,"brotliLength":0,"mainUid":"7904-453"},"7904-456":{"renderedLength":59,"gzipLength":0,"brotliLength":0,"mainUid":"7904-455"},"7904-458":{"renderedLength":589,"gzipLength":0,"brotliLength":0,"mainUid":"7904-457"},"7904-460":{"renderedLength":63,"gzipLength":0,"brotliLength":0,"mainUid":"7904-459"},"7904-462":{"renderedLength":4817,"gzipLength":0,"brotliLength":0,"mainUid":"7904-461"},"7904-464":{"renderedLength":3297,"gzipLength":0,"brotliLength":0,"mainUid":"7904-463"},"7904-466":{"renderedLength":3820,"gzipLength":0,"brotliLength":0,"mainUid":"7904-465"},"7904-468":{"renderedLength":1909,"gzipLength":0,"brotliLength":0,"mainUid":"7904-467"},"7904-470":{"renderedLength":755,"gzipLength":0,"brotliLength":0,"mainUid":"7904-469"},"7904-472":{"renderedLength":4160,"gzipLength":0,"brotliLength":0,"mainUid":"7904-471"},"7904-474":{"renderedLength":2988,"gzipLength":0,"brotliLength":0,"mainUid":"7904-473"},"7904-476":{"renderedLength":504,"gzipLength":0,"brotliLength":0,"mainUid":"7904-475"},"7904-478":{"renderedLength":1311,"gzipLength":0,"brotliLength":0,"mainUid":"7904-477"},"7904-480":{"renderedLength":3727,"gzipLength":0,"brotliLength":0,"mainUid":"7904-479"},"7904-482":{"renderedLength":1377,"gzipLength":0,"brotliLength":0,"mainUid":"7904-481"},"7904-484":{"renderedLength":191,"gzipLength":0,"brotliLength":0,"mainUid":"7904-483"},"7904-486":{"renderedLength":1446,"gzipLength":0,"brotliLength":0,"mainUid":"7904-485"},"7904-488":{"renderedLength":618,"gzipLength":0,"brotliLength":0,"mainUid":"7904-487"},"7904-490":{"renderedLength":5032,"gzipLength":0,"brotliLength":0,"mainUid":"7904-489"},"7904-492":{"renderedLength":7002,"gzipLength":0,"brotliLength":0,"mainUid":"7904-491"},"7904-494":{"renderedLength":142,"gzipLength":0,"brotliLength":0,"mainUid":"7904-493"},"7904-496":{"renderedLength":469,"gzipLength":0,"brotliLength":0,"mainUid":"7904-495"},"7904-498":{"renderedLength":3870,"gzipLength":0,"brotliLength":0,"mainUid":"7904-497"},"7904-500":{"renderedLength":4316,"gzipLength":0,"brotliLength":0,"mainUid":"7904-499"},"7904-502":{"renderedLength":4042,"gzipLength":0,"brotliLength":0,"mainUid":"7904-501"},"7904-504":{"renderedLength":1716,"gzipLength":0,"brotliLength":0,"mainUid":"7904-503"},"7904-506":{"renderedLength":10092,"gzipLength":0,"brotliLength":0,"mainUid":"7904-505"},"7904-508":{"renderedLength":696,"gzipLength":0,"brotliLength":0,"mainUid":"7904-507"},"7904-510":{"renderedLength":3990,"gzipLength":0,"brotliLength":0,"mainUid":"7904-509"},"7904-512":{"renderedLength":3021,"gzipLength":0,"brotliLength":0,"mainUid":"7904-511"},"7904-514":{"renderedLength":2906,"gzipLength":0,"brotliLength":0,"mainUid":"7904-513"},"7904-516":{"renderedLength":3914,"gzipLength":0,"brotliLength":0,"mainUid":"7904-515"},"7904-518":{"renderedLength":3125,"gzipLength":0,"brotliLength":0,"mainUid":"7904-517"},"7904-520":{"renderedLength":1555,"gzipLength":0,"brotliLength":0,"mainUid":"7904-519"},"7904-522":{"renderedLength":400,"gzipLength":0,"brotliLength":0,"mainUid":"7904-521"},"7904-524":{"renderedLength":566,"gzipLength":0,"brotliLength":0,"mainUid":"7904-523"},"7904-526":{"renderedLength":1207,"gzipLength":0,"brotliLength":0,"mainUid":"7904-525"},"7904-528":{"renderedLength":2373,"gzipLength":0,"brotliLength":0,"mainUid":"7904-527"},"7904-530":{"renderedLength":2756,"gzipLength":0,"brotliLength":0,"mainUid":"7904-529"},"7904-532":{"renderedLength":847,"gzipLength":0,"brotliLength":0,"mainUid":"7904-531"},"7904-534":{"renderedLength":1210,"gzipLength":0,"brotliLength":0,"mainUid":"7904-533"},"7904-536":{"renderedLength":2907,"gzipLength":0,"brotliLength":0,"mainUid":"7904-535"},"7904-538":{"renderedLength":1314,"gzipLength":0,"brotliLength":0,"mainUid":"7904-537"},"7904-540":{"renderedLength":1228,"gzipLength":0,"brotliLength":0,"mainUid":"7904-539"},"7904-542":{"renderedLength":662,"gzipLength":0,"brotliLength":0,"mainUid":"7904-541"},"7904-544":{"renderedLength":770,"gzipLength":0,"brotliLength":0,"mainUid":"7904-543"},"7904-546":{"renderedLength":1600,"gzipLength":0,"brotliLength":0,"mainUid":"7904-545"},"7904-548":{"renderedLength":12963,"gzipLength":0,"brotliLength":0,"mainUid":"7904-547"},"7904-550":{"renderedLength":518,"gzipLength":0,"brotliLength":0,"mainUid":"7904-549"},"7904-552":{"renderedLength":2047,"gzipLength":0,"brotliLength":0,"mainUid":"7904-551"},"7904-554":{"renderedLength":394,"gzipLength":0,"brotliLength":0,"mainUid":"7904-553"},"7904-556":{"renderedLength":5358,"gzipLength":0,"brotliLength":0,"mainUid":"7904-555"},"7904-558":{"renderedLength":425,"gzipLength":0,"brotliLength":0,"mainUid":"7904-557"},"7904-560":{"renderedLength":3408,"gzipLength":0,"brotliLength":0,"mainUid":"7904-559"},"7904-562":{"renderedLength":626,"gzipLength":0,"brotliLength":0,"mainUid":"7904-561"},"7904-564":{"renderedLength":1057,"gzipLength":0,"brotliLength":0,"mainUid":"7904-563"},"7904-566":{"renderedLength":960,"gzipLength":0,"brotliLength":0,"mainUid":"7904-565"},"7904-568":{"renderedLength":448,"gzipLength":0,"brotliLength":0,"mainUid":"7904-567"},"7904-570":{"renderedLength":503,"gzipLength":0,"brotliLength":0,"mainUid":"7904-569"},"7904-572":{"renderedLength":807,"gzipLength":0,"brotliLength":0,"mainUid":"7904-571"},"7904-574":{"renderedLength":302,"gzipLength":0,"brotliLength":0,"mainUid":"7904-573"},"7904-576":{"renderedLength":487,"gzipLength":0,"brotliLength":0,"mainUid":"7904-575"},"7904-578":{"renderedLength":211,"gzipLength":0,"brotliLength":0,"mainUid":"7904-577"},"7904-580":{"renderedLength":692,"gzipLength":0,"brotliLength":0,"mainUid":"7904-579"},"7904-582":{"renderedLength":1084,"gzipLength":0,"brotliLength":0,"mainUid":"7904-581"},"7904-584":{"renderedLength":1545,"gzipLength":0,"brotliLength":0,"mainUid":"7904-583"},"7904-586":{"renderedLength":532,"gzipLength":0,"brotliLength":0,"mainUid":"7904-585"},"7904-588":{"renderedLength":1759,"gzipLength":0,"brotliLength":0,"mainUid":"7904-587"},"7904-590":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"7904-589"}},"nodeMetas":{"7904-307":{"id":"/src/core/Tooltip/Tooltip.tsx","moduleParts":{"index.es.js":"7904-308"},"imported":[{"uid":"7904-592"},{"uid":"7904-597"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-309"},{"uid":"7904-383"},{"uid":"7904-437"},{"uid":"7904-515"},{"uid":"7904-487"}]},"7904-309":{"id":"/src/core/Avatar/Avatar.tsx","moduleParts":{"index.es.js":"7904-310"},"imported":[{"uid":"7904-592"},{"uid":"7904-593"},{"uid":"7904-307"}],"importedBy":[{"uid":"7904-589"}]},"7904-311":{"id":"/src/core/Avatar/AvatarStack.tsx","moduleParts":{"index.es.js":"7904-312"},"imported":[{"uid":"7904-592"},{"uid":"7904-593"}],"importedBy":[{"uid":"7904-589"}]},"7904-313":{"id":"\u0000tslib.js","moduleParts":{"index.es.js":"7904-314"},"imported":[],"importedBy":[{"uid":"7904-323"},{"uid":"7904-411"},{"uid":"7904-413"},{"uid":"7904-421"},{"uid":"7904-437"},{"uid":"7904-439"},{"uid":"7904-489"},{"uid":"7904-491"},{"uid":"7904-505"},{"uid":"7904-513"},{"uid":"7904-531"},{"uid":"7904-545"},{"uid":"7904-565"},{"uid":"7904-543"},{"uid":"7904-541"},{"uid":"7904-341"},{"uid":"7904-471"}]},"7904-315":{"id":"/src/core/Spinner/Spinner.tsx","moduleParts":{"index.es.js":"7904-316"},"imported":[{"uid":"7904-592"},{"uid":"7904-593"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-323"},{"uid":"7904-329"},{"uid":"7904-337"},{"uid":"7904-343"},{"uid":"7904-513"}]},"7904-317":{"id":"/src/core/Icon/Icon.tsx","moduleParts":{"index.es.js":"7904-318"},"imported":[{"uid":"7904-592"},{"uid":"7904-593"},{"uid":"7904-589"}],"importedBy":[{"uid":"7904-329"},{"uid":"7904-591"},{"uid":"7904-385"},{"uid":"7904-387"},{"uid":"7904-397"},{"uid":"7904-505"},{"uid":"7904-527"}]},"7904-319":{"id":"/src/core/Icon/types.ts","moduleParts":{"index.es.js":"7904-320"},"imported":[],"importedBy":[{"uid":"7904-591"}]},"7904-321":{"id":"/src/core/Button/useShowSpinner.tsx","moduleParts":{"index.es.js":"7904-322"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-323"}]},"7904-323":{"id":"/src/core/Button/Button.tsx","moduleParts":{"index.es.js":"7904-324"},"imported":[{"uid":"7904-313"},{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-315"},{"uid":"7904-591"},{"uid":"7904-321"},{"uid":"7904-593"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-327"},{"uid":"7904-355"},{"uid":"7904-359"},{"uid":"7904-373"},{"uid":"7904-377"},{"uid":"7904-413"},{"uid":"7904-505"},{"uid":"7904-531"},{"uid":"7904-573"}]},"7904-325":{"id":"/src/core/ConfirmModal/ConfirmModal.tsx","moduleParts":{"index.es.js":"7904-326"},"imported":[{"uid":"7904-592"},{"uid":"7904-589"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-327"}]},"7904-327":{"id":"/src/core/ConfirmButton/ConfirmButton.tsx","moduleParts":{"index.es.js":"7904-328"},"imported":[{"uid":"7904-592"},{"uid":"7904-323"},{"uid":"7904-325"}],"importedBy":[{"uid":"7904-589"}]},"7904-329":{"id":"/src/core/ContentState/ContentState.tsx","moduleParts":{"index.es.js":"7904-330"},"imported":[{"uid":"7904-592"},{"uid":"7904-593"},{"uid":"7904-317"},{"uid":"7904-315"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-359"},{"uid":"7904-399"},{"uid":"7904-515"},{"uid":"7904-479"},{"uid":"7904-477"}]},"7904-331":{"id":"/src/core/FlashMessage/FlashMessage.tsx","moduleParts":{"index.es.js":"7904-332"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-593"}],"importedBy":[{"uid":"7904-589"}]},"7904-333":{"id":"/src/core/InfoBadge/InfoBadge.tsx","moduleParts":{"index.es.js":"7904-334"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-593"}],"importedBy":[{"uid":"7904-589"}]},"7904-335":{"id":"/src/hooks/useShowAfter/useShowAfter.tsx","moduleParts":{"index.es.js":"7904-336"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-337"}]},"7904-337":{"id":"/src/core/LoadingPage/LoadingPage.tsx","moduleParts":{"index.es.js":"7904-338"},"imported":[{"uid":"7904-593"},{"uid":"7904-592"},{"uid":"7904-315"},{"uid":"7904-335"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-411"}]},"7904-339":{"id":"/src/utilities/translation/translator.ts","moduleParts":{"index.es.js":"7904-340"},"imported":[],"importedBy":[{"uid":"7904-589"},{"uid":"7904-423"},{"uid":"7904-341"}]},"7904-341":{"id":"/src/utilities/translation/translation.ts","moduleParts":{"index.es.js":"7904-342"},"imported":[{"uid":"7904-313"},{"uid":"7904-339"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-343"},{"uid":"7904-345"},{"uid":"7904-359"},{"uid":"7904-373"},{"uid":"7904-377"},{"uid":"7904-389"},{"uid":"7904-399"},{"uid":"7904-465"},{"uid":"7904-473"},{"uid":"7904-491"},{"uid":"7904-497"},{"uid":"7904-499"},{"uid":"7904-505"},{"uid":"7904-509"},{"uid":"7904-513"},{"uid":"7904-515"},{"uid":"7904-517"},{"uid":"7904-511"},{"uid":"7904-571"},{"uid":"7904-435"},{"uid":"7904-451"},{"uid":"7904-479"},{"uid":"7904-481"},{"uid":"7904-527"},{"uid":"7904-477"}]},"7904-343":{"id":"/src/core/Loading/Loading.tsx","moduleParts":{"index.es.js":"7904-344"},"imported":[{"uid":"7904-592"},{"uid":"7904-593"},{"uid":"7904-315"},{"uid":"7904-341"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-375"},{"uid":"7904-401"},{"uid":"7904-403"},{"uid":"7904-473"},{"uid":"7904-511"}]},"7904-345":{"id":"/src/core/MoreOrLess/MoreOrLess.tsx","moduleParts":{"index.es.js":"7904-346"},"imported":[{"uid":"7904-592"},{"uid":"7904-595"},{"uid":"7904-593"},{"uid":"7904-341"}],"importedBy":[{"uid":"7904-589"}]},"7904-347":{"id":"/src/core/NavigationItem/NavigationItem.tsx","moduleParts":{"index.es.js":"7904-348"},"imported":[{"uid":"7904-592"},{"uid":"7904-596"},{"uid":"7904-594"},{"uid":"7904-593"},{"uid":"7904-591"}],"importedBy":[{"uid":"7904-589"}]},"7904-349":{"id":"/src/core/Pagination/Pagination.tsx","moduleParts":{"index.es.js":"7904-350"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-591"},{"uid":"7904-595"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-581"},{"uid":"7904-479"}]},"7904-351":{"id":"/src/core/ProgressStepper/ProgressStepper.tsx","moduleParts":{"index.es.js":"7904-352"},"imported":[{"uid":"7904-592"},{"uid":"7904-593"}],"importedBy":[{"uid":"7904-589"}]},"7904-353":{"id":"/src/core/SubmitButton/useScrollToClosestError.ts","moduleParts":{"index.es.js":"7904-354"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-355"}]},"7904-355":{"id":"/src/core/SubmitButton/SubmitButton.tsx","moduleParts":{"index.es.js":"7904-356"},"imported":[{"uid":"7904-592"},{"uid":"7904-323"},{"uid":"7904-353"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-377"}]},"7904-357":{"id":"/src/core/Tag/Tag.tsx","moduleParts":{"index.es.js":"7904-358"},"imported":[{"uid":"7904-592"},{"uid":"7904-593"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-491"},{"uid":"7904-499"}]},"7904-359":{"id":"/src/core/AsyncContent/AsyncContent.tsx","moduleParts":{"index.es.js":"7904-360"},"imported":[{"uid":"7904-592"},{"uid":"7904-329"},{"uid":"7904-341"},{"uid":"7904-323"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-361"},{"uid":"7904-363"}]},"7904-361":{"id":"/src/core/AsyncPage/AsyncPage.tsx","moduleParts":{"index.es.js":"7904-362"},"imported":[{"uid":"7904-592"},{"uid":"7904-359"}],"importedBy":[{"uid":"7904-589"}]},"7904-363":{"id":"/src/core/AsyncList/AsyncList.tsx","moduleParts":{"index.es.js":"7904-364"},"imported":[{"uid":"7904-592"},{"uid":"7904-359"}],"importedBy":[{"uid":"7904-589"}]},"7904-365":{"id":"/src/hooks/useId/useId.ts","moduleParts":{"index.es.js":"7904-366"},"imported":[{"uid":"7904-592"},{"uid":"7904-595"}],"importedBy":[{"uid":"7904-371"},{"uid":"7904-439"},{"uid":"7904-441"},{"uid":"7904-445"},{"uid":"7904-473"},{"uid":"7904-489"},{"uid":"7904-491"},{"uid":"7904-497"},{"uid":"7904-499"},{"uid":"7904-509"}]},"7904-367":{"id":"/src/form/addons/Addon/Addon.tsx","moduleParts":{"index.es.js":"7904-368"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-457"},{"uid":"7904-369"}]},"7904-369":{"id":"/src/form/addons/AddonIcon/AddonIcon.tsx","moduleParts":{"index.es.js":"7904-370"},"imported":[{"uid":"7904-592"},{"uid":"7904-589"},{"uid":"7904-367"},{"uid":"7904-594"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-371"}]},"7904-371":{"id":"/src/core/SearchInput/SearchInput.tsx","moduleParts":{"index.es.js":"7904-372"},"imported":[{"uid":"7904-592"},{"uid":"7904-595"},{"uid":"7904-594"},{"uid":"7904-591"},{"uid":"7904-365"},{"uid":"7904-369"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-515"},{"uid":"7904-581"},{"uid":"7904-479"}]},"7904-373":{"id":"/src/core/Pager/Pager.tsx","moduleParts":{"index.es.js":"7904-374"},"imported":[{"uid":"7904-592"},{"uid":"7904-593"},{"uid":"7904-341"},{"uid":"7904-323"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-515"}]},"7904-375":{"id":"/src/core/Modal/Modal.tsx","moduleParts":{"index.es.js":"7904-376"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-343"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-377"}]},"7904-377":{"id":"/src/core/OpenCloseModal/OpenCloseModal.tsx","moduleParts":{"index.es.js":"7904-378"},"imported":[{"uid":"7904-592"},{"uid":"7904-323"},{"uid":"7904-355"},{"uid":"7904-341"},{"uid":"7904-375"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-451"}]},"7904-379":{"id":"/src/core/Popover/Popover.tsx","moduleParts":{"index.es.js":"7904-380"},"imported":[{"uid":"7904-592"},{"uid":"7904-597"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-515"},{"uid":"7904-517"}]},"7904-381":{"id":"/src/core/TextButton/TextButton.tsx","moduleParts":{"index.es.js":"7904-382"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-515"},{"uid":"7904-517"},{"uid":"7904-511"},{"uid":"7904-481"}]},"7904-383":{"id":"/src/core/InfoTooltip/InfoTooltip.tsx","moduleParts":{"index.es.js":"7904-384"},"imported":[{"uid":"7904-592"},{"uid":"7904-591"},{"uid":"7904-307"}],"importedBy":[{"uid":"7904-589"}]},"7904-385":{"id":"/src/core/BooleanIcon/BooleanIcon.tsx","moduleParts":{"index.es.js":"7904-386"},"imported":[{"uid":"7904-592"},{"uid":"7904-317"}],"importedBy":[{"uid":"7904-589"}]},"7904-387":{"id":"/src/core/SuccessIcon/SuccessIcon.tsx","moduleParts":{"index.es.js":"7904-388"},"imported":[{"uid":"7904-592"},{"uid":"7904-317"}],"importedBy":[{"uid":"7904-589"}]},"7904-389":{"id":"/src/core/OrSeparator/OrSeparator.tsx","moduleParts":{"index.es.js":"7904-390"},"imported":[{"uid":"7904-592"},{"uid":"7904-341"},{"uid":"7904-593"}],"importedBy":[{"uid":"7904-589"}]},"7904-391":{"id":"/src/core/lists/AttributeList/AttributeList.tsx","moduleParts":{"index.es.js":"7904-392"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"}],"importedBy":[{"uid":"7904-589"}]},"7904-393":{"id":"/src/core/lists/AttributeView/AttributeView.tsx","moduleParts":{"index.es.js":"7904-394"},"imported":[{"uid":"7904-593"},{"uid":"7904-592"},{"uid":"7904-594"}],"importedBy":[{"uid":"7904-589"}]},"7904-395":{"id":"/src/core/OpenClose/OpenClose.tsx","moduleParts":{"index.es.js":"7904-396"},"imported":[{"uid":"7904-592"},{"uid":"7904-593"},{"uid":"7904-591"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-403"}]},"7904-397":{"id":"/src/core/FavoriteIcon/FavoriteIcon.tsx","moduleParts":{"index.es.js":"7904-398"},"imported":[{"uid":"7904-592"},{"uid":"7904-317"}],"importedBy":[{"uid":"7904-589"}]},"7904-399":{"id":"/src/core/ErrorBoundary/ErrorBoundary.tsx","moduleParts":{"index.es.js":"7904-400"},"imported":[{"uid":"7904-592"},{"uid":"7904-329"},{"uid":"7904-341"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-401"}]},"7904-401":{"id":"/src/core/Card/Card.tsx","moduleParts":{"index.es.js":"7904-402"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-343"},{"uid":"7904-399"}],"importedBy":[{"uid":"7904-589"}]},"7904-403":{"id":"/src/core/CardOpenClose/CardOpenClose.tsx","moduleParts":{"index.es.js":"7904-404"},"imported":[{"uid":"7904-592"},{"uid":"7904-395"},{"uid":"7904-594"},{"uid":"7904-593"},{"uid":"7904-343"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-415"}]},"7904-405":{"id":"/src/form/utils.ts","moduleParts":{"index.es.js":"7904-406"},"imported":[],"importedBy":[{"uid":"7904-407"},{"uid":"7904-437"},{"uid":"7904-445"},{"uid":"7904-461"},{"uid":"7904-463"},{"uid":"7904-473"},{"uid":"7904-489"},{"uid":"7904-491"},{"uid":"7904-497"},{"uid":"7904-499"},{"uid":"7904-501"},{"uid":"7904-505"},{"uid":"7904-509"},{"uid":"7904-515"},{"uid":"7904-517"},{"uid":"7904-519"},{"uid":"7904-511"},{"uid":"7904-409"}]},"7904-407":{"id":"/src/core/Tabs/Tab/Tab.tsx","moduleParts":{"index.es.js":"7904-408"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-591"},{"uid":"7904-405"},{"uid":"7904-593"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-411"}]},"7904-409":{"id":"/src/core/Tabs/TabContent/TabContent.tsx","moduleParts":{"index.es.js":"7904-410"},"imported":[{"uid":"7904-405"},{"uid":"7904-593"},{"uid":"7904-592"}],"importedBy":[{"uid":"7904-411"}]},"7904-411":{"id":"/src/core/Tabs/Tabs.tsx","moduleParts":{"index.es.js":"7904-412"},"imported":[{"uid":"7904-313"},{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-407"},{"uid":"7904-593"},{"uid":"7904-337"},{"uid":"7904-409"}],"importedBy":[{"uid":"7904-589"}]},"7904-413":{"id":"/src/core/AsyncActionButton/AsyncActionButton.tsx","moduleParts":{"index.es.js":"7904-414"},"imported":[{"uid":"7904-313"},{"uid":"7904-592"},{"uid":"7904-323"}],"importedBy":[{"uid":"7904-589"}]},"7904-415":{"id":"/src/core/Debug/Debug.tsx","moduleParts":{"index.es.js":"7904-416"},"imported":[{"uid":"7904-592"},{"uid":"7904-403"}],"importedBy":[{"uid":"7904-589"}]},"7904-417":{"id":"/src/form/AutoSave/useActive.ts","moduleParts":{"index.es.js":"7904-418"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-421"}]},"7904-419":{"id":"/src/form/AutoSave/usePromise.ts","moduleParts":{"index.es.js":"7904-420"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-421"}]},"7904-421":{"id":"/src/form/AutoSave/AutoSave.tsx","moduleParts":{"index.es.js":"7904-422"},"imported":[{"uid":"7904-313"},{"uid":"7904-592"},{"uid":"7904-598"},{"uid":"7904-595"},{"uid":"7904-417"},{"uid":"7904-419"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-565"}]},"7904-423":{"id":"/src/form/FormError/utils.tsx","moduleParts":{"index.es.js":"7904-424"},"imported":[{"uid":"7904-592"},{"uid":"7904-339"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-429"}]},"7904-425":{"id":"/src/form/FormError/useSettledErrors.ts","moduleParts":{"index.es.js":"7904-426"},"imported":[{"uid":"7904-592"},{"uid":"7904-595"}],"importedBy":[{"uid":"7904-429"}]},"7904-427":{"id":"/src/form/FormError/useOnChange.ts","moduleParts":{"index.es.js":"7904-428"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-429"}]},"7904-429":{"id":"/src/form/FormError/FormError.tsx","moduleParts":{"index.es.js":"7904-430"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-601"},{"uid":"7904-423"},{"uid":"7904-425"},{"uid":"7904-427"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-437"}]},"7904-431":{"id":"/src/form/withJarb/useHasErrors/useHasErrors.ts","moduleParts":{"index.es.js":"7904-432"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-437"}]},"7904-433":{"id":"/src/config/config.ts","moduleParts":{"index.es.js":"7904-434"},"imported":[],"importedBy":[{"uid":"7904-589"},{"uid":"7904-435"}]},"7904-435":{"id":"/src/form/withJarb/useMarkedAsRequiredLabel/useMarkedAsRequiredLabel.tsx","moduleParts":{"index.es.js":"7904-436"},"imported":[{"uid":"7904-592"},{"uid":"7904-599"},{"uid":"7904-433"},{"uid":"7904-341"}],"importedBy":[{"uid":"7904-437"}]},"7904-437":{"id":"/src/form/withJarb/withJarb.tsx","moduleParts":{"index.es.js":"7904-438"},"imported":[{"uid":"7904-313"},{"uid":"7904-592"},{"uid":"7904-598"},{"uid":"7904-599"},{"uid":"7904-600"},{"uid":"7904-601"},{"uid":"7904-595"},{"uid":"7904-429"},{"uid":"7904-405"},{"uid":"7904-307"},{"uid":"7904-431"},{"uid":"7904-435"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-439"},{"uid":"7904-441"},{"uid":"7904-445"},{"uid":"7904-461"},{"uid":"7904-473"},{"uid":"7904-489"},{"uid":"7904-491"},{"uid":"7904-497"},{"uid":"7904-499"},{"uid":"7904-501"},{"uid":"7904-505"},{"uid":"7904-509"},{"uid":"7904-513"},{"uid":"7904-515"},{"uid":"7904-517"},{"uid":"7904-519"},{"uid":"7904-511"},{"uid":"7904-529"}]},"7904-439":{"id":"/src/form/Input/Input.tsx","moduleParts":{"index.es.js":"7904-440"},"imported":[{"uid":"7904-313"},{"uid":"7904-592"},{"uid":"7904-602"},{"uid":"7904-594"},{"uid":"7904-437"},{"uid":"7904-365"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-529"},{"uid":"7904-583"}]},"7904-441":{"id":"/src/form/Textarea/Textarea.tsx","moduleParts":{"index.es.js":"7904-442"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-603"},{"uid":"7904-593"},{"uid":"7904-437"},{"uid":"7904-365"}],"importedBy":[{"uid":"7904-589"}]},"7904-443":{"id":"/src/form/TextEditor/utils.ts","moduleParts":{"index.es.js":"7904-444"},"imported":[{"uid":"7904-595"}],"importedBy":[{"uid":"7904-445"}]},"7904-445":{"id":"/src/form/TextEditor/TextEditor.tsx","moduleParts":{"index.es.js":"7904-446"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-604"},{"uid":"7904-593"},{"uid":"7904-437"},{"uid":"7904-405"},{"uid":"7904-443"},{"uid":"7904-365"}],"importedBy":[{"uid":"7904-589"}]},"7904-447":{"id":"/src/form/DateTimeInput/utils.ts","moduleParts":{"index.es.js":"7904-448"},"imported":[{"uid":"7904-606"}],"importedBy":[{"uid":"7904-461"}]},"7904-449":{"id":"/src/form/DateTimeInput/DateTimeModal/useValue.ts","moduleParts":{"index.es.js":"7904-450"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-451"}]},"7904-451":{"id":"/src/form/DateTimeInput/DateTimeModal/DateTimeModal.tsx","moduleParts":{"index.es.js":"7904-452"},"imported":[{"uid":"7904-592"},{"uid":"7904-605"},{"uid":"7904-606"},{"uid":"7904-595"},{"uid":"7904-341"},{"uid":"7904-449"},{"uid":"7904-377"}],"importedBy":[{"uid":"7904-461"}]},"7904-453":{"id":"/src/form/DateTimeInput/hooks/useHasFormatError.ts","moduleParts":{"index.es.js":"7904-454"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-461"}]},"7904-455":{"id":"/src/form/DateTimeInput/hooks/useIsModalOpen.ts","moduleParts":{"index.es.js":"7904-456"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-461"}]},"7904-457":{"id":"/src/form/addons/AddonButton/AddonButton.tsx","moduleParts":{"index.es.js":"7904-458"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-367"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-461"},{"uid":"7904-501"}]},"7904-459":{"id":"/src/form/DateTimeInput/hooks/useSetLastStringValue.ts","moduleParts":{"index.es.js":"7904-460"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-461"}]},"7904-461":{"id":"/src/form/DateTimeInput/DateTimeInput.tsx","moduleParts":{"index.es.js":"7904-462"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-605"},{"uid":"7904-595"},{"uid":"7904-606"},{"uid":"7904-602"},{"uid":"7904-589"},{"uid":"7904-447"},{"uid":"7904-437"},{"uid":"7904-405"},{"uid":"7904-451"},{"uid":"7904-593"},{"uid":"7904-453"},{"uid":"7904-455"},{"uid":"7904-457"},{"uid":"7904-459"}],"importedBy":[{"uid":"7904-589"}]},"7904-463":{"id":"/src/form/DateTimeInput/checkers.ts","moduleParts":{"index.es.js":"7904-464"},"imported":[{"uid":"7904-606"},{"uid":"7904-405"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-465"}]},"7904-465":{"id":"/src/form/DateTimeInput/validators.ts","moduleParts":{"index.es.js":"7904-466"},"imported":[{"uid":"7904-595"},{"uid":"7904-341"},{"uid":"7904-463"}],"importedBy":[{"uid":"7904-589"}]},"7904-467":{"id":"/src/form/option.ts","moduleParts":{"index.es.js":"7904-468"},"imported":[],"importedBy":[{"uid":"7904-473"},{"uid":"7904-489"},{"uid":"7904-491"},{"uid":"7904-499"},{"uid":"7904-509"},{"uid":"7904-511"},{"uid":"7904-471"},{"uid":"7904-479"}]},"7904-469":{"id":"/src/utilities/page/page.ts","moduleParts":{"index.es.js":"7904-470"},"imported":[],"importedBy":[{"uid":"7904-589"},{"uid":"7904-515"},{"uid":"7904-471"}]},"7904-471":{"id":"/src/form/useOptions.ts","moduleParts":{"index.es.js":"7904-472"},"imported":[{"uid":"7904-313"},{"uid":"7904-610"},{"uid":"7904-592"},{"uid":"7904-469"},{"uid":"7904-467"}],"importedBy":[{"uid":"7904-473"},{"uid":"7904-489"},{"uid":"7904-491"},{"uid":"7904-497"},{"uid":"7904-499"},{"uid":"7904-509"},{"uid":"7904-511"}]},"7904-473":{"id":"/src/form/Select/Select.tsx","moduleParts":{"index.es.js":"7904-474"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-437"},{"uid":"7904-341"},{"uid":"7904-467"},{"uid":"7904-471"},{"uid":"7904-343"},{"uid":"7904-365"},{"uid":"7904-405"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-513"},{"uid":"7904-583"}]},"7904-475":{"id":"/src/hooks/useBodyFixOnModalClose/useBodyFixOnModalClose.ts","moduleParts":{"index.es.js":"7904-476"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-479"}]},"7904-477":{"id":"/src/form/ModalPicker/EmptyModal.tsx","moduleParts":{"index.es.js":"7904-478"},"imported":[{"uid":"7904-592"},{"uid":"7904-329"},{"uid":"7904-341"}],"importedBy":[{"uid":"7904-479"}]},"7904-479":{"id":"/src/form/ModalPicker/ModalPicker.tsx","moduleParts":{"index.es.js":"7904-480"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-349"},{"uid":"7904-341"},{"uid":"7904-371"},{"uid":"7904-475"},{"uid":"7904-329"},{"uid":"7904-477"},{"uid":"7904-467"}],"importedBy":[{"uid":"7904-489"},{"uid":"7904-491"}]},"7904-481":{"id":"/src/form/ModalPicker/ModalPickerOpener/ModalPickerOpener.tsx","moduleParts":{"index.es.js":"7904-482"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-593"},{"uid":"7904-341"},{"uid":"7904-381"},{"uid":"7904-591"}],"importedBy":[{"uid":"7904-489"},{"uid":"7904-491"}]},"7904-483":{"id":"/src/form/ModalPicker/ModalPickerValueTruncator/useResizeObserver/useResizeObserver.ts","moduleParts":{"index.es.js":"7904-484"},"imported":[],"importedBy":[{"uid":"7904-485"}]},"7904-485":{"id":"/src/form/ModalPicker/ModalPickerValueTruncator/useComponentOverflow/useComponentOverflow.ts","moduleParts":{"index.es.js":"7904-486"},"imported":[{"uid":"7904-592"},{"uid":"7904-483"}],"importedBy":[{"uid":"7904-487"}]},"7904-487":{"id":"/src/form/ModalPicker/ModalPickerValueTruncator/ModalPickerValueTruncator.tsx","moduleParts":{"index.es.js":"7904-488"},"imported":[{"uid":"7904-592"},{"uid":"7904-307"},{"uid":"7904-485"}],"importedBy":[{"uid":"7904-489"},{"uid":"7904-491"}]},"7904-489":{"id":"/src/form/ModalPicker/single/ModalPickerSingle.tsx","moduleParts":{"index.es.js":"7904-490"},"imported":[{"uid":"7904-313"},{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-365"},{"uid":"7904-467"},{"uid":"7904-471"},{"uid":"7904-405"},{"uid":"7904-437"},{"uid":"7904-479"},{"uid":"7904-481"},{"uid":"7904-487"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-513"}]},"7904-491":{"id":"/src/form/ModalPicker/multiple/ModalPickerMultiple.tsx","moduleParts":{"index.es.js":"7904-492"},"imported":[{"uid":"7904-313"},{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-437"},{"uid":"7904-405"},{"uid":"7904-357"},{"uid":"7904-479"},{"uid":"7904-467"},{"uid":"7904-481"},{"uid":"7904-487"},{"uid":"7904-365"},{"uid":"7904-471"},{"uid":"7904-341"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-513"}]},"7904-493":{"id":"/src/form/Typeahead/utils.ts","moduleParts":{"index.es.js":"7904-494"},"imported":[],"importedBy":[{"uid":"7904-497"},{"uid":"7904-499"}]},"7904-495":{"id":"/src/form/Typeahead/single/useAutoSelectOptionWhenQueryMatchesExactly.ts","moduleParts":{"index.es.js":"7904-496"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-497"}]},"7904-497":{"id":"/src/form/Typeahead/single/TypeaheadSingle.tsx","moduleParts":{"index.es.js":"7904-498"},"imported":[{"uid":"7904-593"},{"uid":"7904-592"},{"uid":"7904-607"},{"uid":"7904-594"},{"uid":"7904-365"},{"uid":"7904-471"},{"uid":"7904-405"},{"uid":"7904-437"},{"uid":"7904-493"},{"uid":"7904-495"},{"uid":"7904-341"}],"importedBy":[{"uid":"7904-589"}]},"7904-499":{"id":"/src/form/Typeahead/multiple/TypeaheadMultiple.tsx","moduleParts":{"index.es.js":"7904-500"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-607"},{"uid":"7904-437"},{"uid":"7904-405"},{"uid":"7904-493"},{"uid":"7904-467"},{"uid":"7904-593"},{"uid":"7904-357"},{"uid":"7904-365"},{"uid":"7904-471"},{"uid":"7904-341"}],"importedBy":[{"uid":"7904-589"}]},"7904-501":{"id":"/src/form/FileInput/FileInput.tsx","moduleParts":{"index.es.js":"7904-502"},"imported":[{"uid":"7904-592"},{"uid":"7904-595"},{"uid":"7904-594"},{"uid":"7904-437"},{"uid":"7904-405"},{"uid":"7904-457"},{"uid":"7904-589"}],"importedBy":[{"uid":"7904-589"}]},"7904-503":{"id":"/src/form/ImageUpload/utils.ts","moduleParts":{"index.es.js":"7904-504"},"imported":[{"uid":"7904-611"}],"importedBy":[{"uid":"7904-505"}]},"7904-505":{"id":"/src/form/ImageUpload/ImageUpload.tsx","moduleParts":{"index.es.js":"7904-506"},"imported":[{"uid":"7904-313"},{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-608"},{"uid":"7904-317"},{"uid":"7904-323"},{"uid":"7904-437"},{"uid":"7904-405"},{"uid":"7904-341"},{"uid":"7904-503"},{"uid":"7904-595"}],"importedBy":[{"uid":"7904-589"}]},"7904-507":{"id":"/src/core/Toggle/Toggle.tsx","moduleParts":{"index.es.js":"7904-508"},"imported":[{"uid":"7904-592"},{"uid":"7904-593"}],"importedBy":[{"uid":"7904-589"}]},"7904-509":{"id":"/src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx","moduleParts":{"index.es.js":"7904-510"},"imported":[{"uid":"7904-595"},{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-589"},{"uid":"7904-365"},{"uid":"7904-341"},{"uid":"7904-467"},{"uid":"7904-471"},{"uid":"7904-405"},{"uid":"7904-437"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-513"}]},"7904-511":{"id":"/src/form/RadioGroup/RadioGroup.tsx","moduleParts":{"index.es.js":"7904-512"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-437"},{"uid":"7904-341"},{"uid":"7904-467"},{"uid":"7904-405"},{"uid":"7904-343"},{"uid":"7904-471"},{"uid":"7904-381"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-513"}]},"7904-513":{"id":"/src/form/ValuePicker/ValuePicker.tsx","moduleParts":{"index.es.js":"7904-514"},"imported":[{"uid":"7904-313"},{"uid":"7904-592"},{"uid":"7904-437"},{"uid":"7904-491"},{"uid":"7904-509"},{"uid":"7904-511"},{"uid":"7904-473"},{"uid":"7904-489"},{"uid":"7904-315"},{"uid":"7904-341"},{"uid":"7904-595"}],"importedBy":[{"uid":"7904-589"}]},"7904-515":{"id":"/src/form/IconPicker/IconPicker.tsx","moduleParts":{"index.es.js":"7904-516"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-593"},{"uid":"7904-437"},{"uid":"7904-591"},{"uid":"7904-373"},{"uid":"7904-405"},{"uid":"7904-371"},{"uid":"7904-469"},{"uid":"7904-329"},{"uid":"7904-341"},{"uid":"7904-307"},{"uid":"7904-379"},{"uid":"7904-381"}],"importedBy":[{"uid":"7904-589"}]},"7904-517":{"id":"/src/form/ColorPicker/ColorPicker.tsx","moduleParts":{"index.es.js":"7904-518"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-609"},{"uid":"7904-593"},{"uid":"7904-437"},{"uid":"7904-589"},{"uid":"7904-405"},{"uid":"7904-341"},{"uid":"7904-379"},{"uid":"7904-381"}],"importedBy":[{"uid":"7904-589"}]},"7904-519":{"id":"/src/form/Checkbox/Checkbox.tsx","moduleParts":{"index.es.js":"7904-520"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-437"},{"uid":"7904-405"}],"importedBy":[{"uid":"7904-589"}]},"7904-521":{"id":"/src/form/NewPasswordInput/PasswordStrength/useMeterWidth/useMeterWidth.ts","moduleParts":{"index.es.js":"7904-522"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-527"}]},"7904-523":{"id":"/src/form/NewPasswordInput/PasswordStrength/rules.ts","moduleParts":{"index.es.js":"7904-524"},"imported":[],"importedBy":[{"uid":"7904-529"},{"uid":"7904-525"}]},"7904-525":{"id":"/src/form/NewPasswordInput/PasswordStrength/useRules/useRules.ts","moduleParts":{"index.es.js":"7904-526"},"imported":[{"uid":"7904-592"},{"uid":"7904-523"}],"importedBy":[{"uid":"7904-527"}]},"7904-527":{"id":"/src/form/NewPasswordInput/PasswordStrength/PasswordStrength.tsx","moduleParts":{"index.es.js":"7904-528"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"},{"uid":"7904-341"},{"uid":"7904-317"},{"uid":"7904-521"},{"uid":"7904-525"}],"importedBy":[{"uid":"7904-529"}]},"7904-529":{"id":"/src/form/NewPasswordInput/NewPasswordInput.tsx","moduleParts":{"index.es.js":"7904-530"},"imported":[{"uid":"7904-592"},{"uid":"7904-595"},{"uid":"7904-439"},{"uid":"7904-437"},{"uid":"7904-527"},{"uid":"7904-523"}],"importedBy":[{"uid":"7904-589"}]},"7904-531":{"id":"/src/form/FormButton/FormButton.tsx","moduleParts":{"index.es.js":"7904-532"},"imported":[{"uid":"7904-313"},{"uid":"7904-592"},{"uid":"7904-323"}],"importedBy":[{"uid":"7904-589"}]},"7904-533":{"id":"/src/form/PlainTextFormControl/PlainTextFormControl.tsx","moduleParts":{"index.es.js":"7904-534"},"imported":[{"uid":"7904-594"},{"uid":"7904-592"},{"uid":"7904-593"}],"importedBy":[{"uid":"7904-589"}]},"7904-535":{"id":"/src/table/EpicTable/helpers/GooeyCenter/GooeyCenter.tsx","moduleParts":{"index.es.js":"7904-536"},"imported":[{"uid":"7904-592"},{"uid":"7904-595"},{"uid":"7904-612"}],"importedBy":[{"uid":"7904-555"},{"uid":"7904-539"}]},"7904-537":{"id":"/src/table/EpicTable/helpers/FixedHeader/useClosestHeaderIndex.ts","moduleParts":{"index.es.js":"7904-538"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-539"}]},"7904-539":{"id":"/src/table/EpicTable/helpers/FixedHeader/FixedHeader.tsx","moduleParts":{"index.es.js":"7904-540"},"imported":[{"uid":"7904-592"},{"uid":"7904-535"},{"uid":"7904-537"}],"importedBy":[{"uid":"7904-555"}]},"7904-541":{"id":"/src/table/EpicTable/rows/EpicExpanderRow/EpicExpanderRow.tsx","moduleParts":{"index.es.js":"7904-542"},"imported":[{"uid":"7904-313"},{"uid":"7904-592"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-547"}]},"7904-543":{"id":"/src/table/EpicTable/rows/EpicDetailRow/EpicDetailRow.tsx","moduleParts":{"index.es.js":"7904-544"},"imported":[{"uid":"7904-313"},{"uid":"7904-592"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-547"}]},"7904-545":{"id":"/src/table/EpicTable/cells/EpicCell/EpicCell.tsx","moduleParts":{"index.es.js":"7904-546"},"imported":[{"uid":"7904-313"},{"uid":"7904-592"},{"uid":"7904-593"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-547"}]},"7904-547":{"id":"/src/table/EpicTable/helpers/layout/layout.ts","moduleParts":{"index.es.js":"7904-548"},"imported":[{"uid":"7904-592"},{"uid":"7904-613"},{"uid":"7904-541"},{"uid":"7904-543"},{"uid":"7904-545"}],"importedBy":[{"uid":"7904-555"}]},"7904-549":{"id":"/src/table/EpicTable/helpers/useEpicTableRect.ts","moduleParts":{"index.es.js":"7904-550"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-555"}]},"7904-551":{"id":"/src/table/EpicTable/helpers/useCalculateActualHeight.tsx","moduleParts":{"index.es.js":"7904-552"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-555"}]},"7904-553":{"id":"/src/table/EpicTable/helpers/useAdjustHeightOfActiveDetailRow.tsx","moduleParts":{"index.es.js":"7904-554"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-555"}]},"7904-555":{"id":"/src/table/EpicTable/EpicTable.tsx","moduleParts":{"index.es.js":"7904-556"},"imported":[{"uid":"7904-592"},{"uid":"7904-593"},{"uid":"7904-539"},{"uid":"7904-535"},{"uid":"7904-547"},{"uid":"7904-549"},{"uid":"7904-551"},{"uid":"7904-553"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-581"}]},"7904-557":{"id":"/src/table/EpicTable/cells/EpicHeader/EpicResize/useEpicResizeListenerCleanup.ts","moduleParts":{"index.es.js":"7904-558"},"imported":[{"uid":"7904-592"},{"uid":"7904-559"}],"importedBy":[{"uid":"7904-559"}]},"7904-559":{"id":"/src/table/EpicTable/cells/EpicHeader/EpicResize/EpicResize.tsx","moduleParts":{"index.es.js":"7904-560"},"imported":[{"uid":"7904-592"},{"uid":"7904-595"},{"uid":"7904-557"}],"importedBy":[{"uid":"7904-561"},{"uid":"7904-557"}]},"7904-561":{"id":"/src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx","moduleParts":{"index.es.js":"7904-562"},"imported":[{"uid":"7904-592"},{"uid":"7904-559"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-583"}]},"7904-563":{"id":"/src/table/EpicTable/cells/EpicCellLayout/EpicCellLayout.tsx","moduleParts":{"index.es.js":"7904-564"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-583"}]},"7904-565":{"id":"/src/table/EpicTable/cells/EpicForm/EpicForm.tsx","moduleParts":{"index.es.js":"7904-566"},"imported":[{"uid":"7904-313"},{"uid":"7904-592"},{"uid":"7904-593"},{"uid":"7904-598"},{"uid":"7904-595"},{"uid":"7904-421"}],"importedBy":[{"uid":"7904-589"}]},"7904-567":{"id":"/src/table/EpicTable/cells/EpicFormCell/EpicFormCell.tsx","moduleParts":{"index.es.js":"7904-568"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-589"}]},"7904-569":{"id":"/src/table/EpicTable/rows/EpicRow/EpicRow.tsx","moduleParts":{"index.es.js":"7904-570"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-589"}]},"7904-571":{"id":"/src/table/EpicTable/widgets/EpicDetail/EpicDetail.tsx","moduleParts":{"index.es.js":"7904-572"},"imported":[{"uid":"7904-592"},{"uid":"7904-591"},{"uid":"7904-341"}],"importedBy":[{"uid":"7904-589"}]},"7904-573":{"id":"/src/table/EpicTable/widgets/EpicExpander/EpicExpander.tsx","moduleParts":{"index.es.js":"7904-574"},"imported":[{"uid":"7904-592"},{"uid":"7904-323"}],"importedBy":[{"uid":"7904-589"}]},"7904-575":{"id":"/src/table/EpicTable/widgets/EpicSelection/EpicSelection.tsx","moduleParts":{"index.es.js":"7904-576"},"imported":[{"uid":"7904-592"},{"uid":"7904-594"}],"importedBy":[{"uid":"7904-589"}]},"7904-577":{"id":"/src/table/EpicTable/widgets/EpicSort/utils.ts","moduleParts":{"index.es.js":"7904-578"},"imported":[],"importedBy":[{"uid":"7904-579"}]},"7904-579":{"id":"/src/table/EpicTable/widgets/EpicSort/EpicSort.tsx","moduleParts":{"index.es.js":"7904-580"},"imported":[{"uid":"7904-592"},{"uid":"7904-591"},{"uid":"7904-577"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-583"}]},"7904-581":{"id":"/src/table/CrudTable/CrudTable.tsx","moduleParts":{"index.es.js":"7904-582"},"imported":[{"uid":"7904-592"},{"uid":"7904-371"},{"uid":"7904-555"},{"uid":"7904-349"}],"importedBy":[{"uid":"7904-589"}]},"7904-583":{"id":"/src/table/CrudTable/components/CrudHeader/CrudHeader.tsx","moduleParts":{"index.es.js":"7904-584"},"imported":[{"uid":"7904-592"},{"uid":"7904-563"},{"uid":"7904-579"},{"uid":"7904-439"},{"uid":"7904-561"},{"uid":"7904-473"}],"importedBy":[{"uid":"7904-589"}]},"7904-585":{"id":"/src/hooks/useHover/useHover.ts","moduleParts":{"index.es.js":"7904-586"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-589"}]},"7904-587":{"id":"/src/hooks/useBootstrapSize/useBootstrapSize.ts","moduleParts":{"index.es.js":"7904-588"},"imported":[{"uid":"7904-592"}],"importedBy":[{"uid":"7904-589"}]},"7904-589":{"id":"/src/index.ts","moduleParts":{"index.es.js":"7904-590"},"imported":[{"uid":"7904-309"},{"uid":"7904-311"},{"uid":"7904-323"},{"uid":"7904-321"},{"uid":"7904-327"},{"uid":"7904-325"},{"uid":"7904-329"},{"uid":"7904-331"},{"uid":"7904-591"},{"uid":"7904-333"},{"uid":"7904-337"},{"uid":"7904-343"},{"uid":"7904-345"},{"uid":"7904-347"},{"uid":"7904-349"},{"uid":"7904-351"},{"uid":"7904-315"},{"uid":"7904-355"},{"uid":"7904-357"},{"uid":"7904-307"},{"uid":"7904-359"},{"uid":"7904-361"},{"uid":"7904-363"},{"uid":"7904-371"},{"uid":"7904-373"},{"uid":"7904-377"},{"uid":"7904-379"},{"uid":"7904-381"},{"uid":"7904-383"},{"uid":"7904-385"},{"uid":"7904-387"},{"uid":"7904-389"},{"uid":"7904-391"},{"uid":"7904-393"},{"uid":"7904-395"},{"uid":"7904-397"},{"uid":"7904-375"},{"uid":"7904-401"},{"uid":"7904-403"},{"uid":"7904-411"},{"uid":"7904-407"},{"uid":"7904-413"},{"uid":"7904-415"},{"uid":"7904-399"},{"uid":"7904-421"},{"uid":"7904-437"},{"uid":"7904-439"},{"uid":"7904-441"},{"uid":"7904-445"},{"uid":"7904-461"},{"uid":"7904-463"},{"uid":"7904-465"},{"uid":"7904-473"},{"uid":"7904-489"},{"uid":"7904-491"},{"uid":"7904-497"},{"uid":"7904-499"},{"uid":"7904-501"},{"uid":"7904-505"},{"uid":"7904-507"},{"uid":"7904-429"},{"uid":"7904-423"},{"uid":"7904-509"},{"uid":"7904-513"},{"uid":"7904-515"},{"uid":"7904-517"},{"uid":"7904-519"},{"uid":"7904-511"},{"uid":"7904-529"},{"uid":"7904-531"},{"uid":"7904-367"},{"uid":"7904-457"},{"uid":"7904-369"},{"uid":"7904-533"},{"uid":"7904-555"},{"uid":"7904-545"},{"uid":"7904-561"},{"uid":"7904-563"},{"uid":"7904-565"},{"uid":"7904-567"},{"uid":"7904-569"},{"uid":"7904-543"},{"uid":"7904-541"},{"uid":"7904-571"},{"uid":"7904-573"},{"uid":"7904-575"},{"uid":"7904-579"},{"uid":"7904-581"},{"uid":"7904-583"},{"uid":"7904-341"},{"uid":"7904-339"},{"uid":"7904-469"},{"uid":"7904-433"},{"uid":"7904-475"},{"uid":"7904-335"},{"uid":"7904-585"},{"uid":"7904-587"}],"importedBy":[{"uid":"7904-325"},{"uid":"7904-461"},{"uid":"7904-501"},{"uid":"7904-509"},{"uid":"7904-517"},{"uid":"7904-369"},{"uid":"7904-317"}],"isEntry":true},"7904-591":{"id":"/src/core/Icon/index.ts","moduleParts":{},"imported":[{"uid":"7904-317"},{"uid":"7904-319"}],"importedBy":[{"uid":"7904-589"},{"uid":"7904-323"},{"uid":"7904-347"},{"uid":"7904-349"},{"uid":"7904-371"},{"uid":"7904-383"},{"uid":"7904-395"},{"uid":"7904-407"},{"uid":"7904-515"},{"uid":"7904-571"},{"uid":"7904-579"},{"uid":"7904-481"}]},"7904-592":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-309"},{"uid":"7904-311"},{"uid":"7904-323"},{"uid":"7904-321"},{"uid":"7904-327"},{"uid":"7904-325"},{"uid":"7904-329"},{"uid":"7904-331"},{"uid":"7904-333"},{"uid":"7904-337"},{"uid":"7904-343"},{"uid":"7904-345"},{"uid":"7904-347"},{"uid":"7904-349"},{"uid":"7904-351"},{"uid":"7904-315"},{"uid":"7904-355"},{"uid":"7904-357"},{"uid":"7904-307"},{"uid":"7904-359"},{"uid":"7904-361"},{"uid":"7904-363"},{"uid":"7904-371"},{"uid":"7904-373"},{"uid":"7904-377"},{"uid":"7904-379"},{"uid":"7904-381"},{"uid":"7904-383"},{"uid":"7904-385"},{"uid":"7904-387"},{"uid":"7904-389"},{"uid":"7904-391"},{"uid":"7904-393"},{"uid":"7904-395"},{"uid":"7904-397"},{"uid":"7904-375"},{"uid":"7904-401"},{"uid":"7904-403"},{"uid":"7904-411"},{"uid":"7904-407"},{"uid":"7904-413"},{"uid":"7904-415"},{"uid":"7904-399"},{"uid":"7904-421"},{"uid":"7904-437"},{"uid":"7904-439"},{"uid":"7904-441"},{"uid":"7904-445"},{"uid":"7904-461"},{"uid":"7904-473"},{"uid":"7904-489"},{"uid":"7904-491"},{"uid":"7904-497"},{"uid":"7904-499"},{"uid":"7904-501"},{"uid":"7904-505"},{"uid":"7904-507"},{"uid":"7904-429"},{"uid":"7904-423"},{"uid":"7904-509"},{"uid":"7904-513"},{"uid":"7904-515"},{"uid":"7904-517"},{"uid":"7904-519"},{"uid":"7904-511"},{"uid":"7904-529"},{"uid":"7904-531"},{"uid":"7904-367"},{"uid":"7904-457"},{"uid":"7904-369"},{"uid":"7904-533"},{"uid":"7904-555"},{"uid":"7904-545"},{"uid":"7904-561"},{"uid":"7904-563"},{"uid":"7904-565"},{"uid":"7904-567"},{"uid":"7904-569"},{"uid":"7904-543"},{"uid":"7904-541"},{"uid":"7904-571"},{"uid":"7904-573"},{"uid":"7904-575"},{"uid":"7904-579"},{"uid":"7904-581"},{"uid":"7904-583"},{"uid":"7904-475"},{"uid":"7904-335"},{"uid":"7904-585"},{"uid":"7904-587"},{"uid":"7904-317"},{"uid":"7904-353"},{"uid":"7904-365"},{"uid":"7904-409"},{"uid":"7904-417"},{"uid":"7904-419"},{"uid":"7904-431"},{"uid":"7904-435"},{"uid":"7904-451"},{"uid":"7904-453"},{"uid":"7904-455"},{"uid":"7904-459"},{"uid":"7904-471"},{"uid":"7904-479"},{"uid":"7904-481"},{"uid":"7904-487"},{"uid":"7904-495"},{"uid":"7904-425"},{"uid":"7904-427"},{"uid":"7904-527"},{"uid":"7904-539"},{"uid":"7904-535"},{"uid":"7904-547"},{"uid":"7904-549"},{"uid":"7904-551"},{"uid":"7904-553"},{"uid":"7904-559"},{"uid":"7904-449"},{"uid":"7904-477"},{"uid":"7904-485"},{"uid":"7904-521"},{"uid":"7904-525"},{"uid":"7904-537"},{"uid":"7904-557"}],"isExternal":true},"7904-593":{"id":"classnames","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-309"},{"uid":"7904-311"},{"uid":"7904-323"},{"uid":"7904-329"},{"uid":"7904-331"},{"uid":"7904-333"},{"uid":"7904-337"},{"uid":"7904-343"},{"uid":"7904-345"},{"uid":"7904-347"},{"uid":"7904-351"},{"uid":"7904-315"},{"uid":"7904-357"},{"uid":"7904-373"},{"uid":"7904-389"},{"uid":"7904-393"},{"uid":"7904-395"},{"uid":"7904-403"},{"uid":"7904-411"},{"uid":"7904-407"},{"uid":"7904-441"},{"uid":"7904-445"},{"uid":"7904-461"},{"uid":"7904-497"},{"uid":"7904-499"},{"uid":"7904-507"},{"uid":"7904-515"},{"uid":"7904-517"},{"uid":"7904-533"},{"uid":"7904-555"},{"uid":"7904-545"},{"uid":"7904-565"},{"uid":"7904-317"},{"uid":"7904-409"},{"uid":"7904-481"}],"isExternal":true},"7904-594":{"id":"reactstrap","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-323"},{"uid":"7904-331"},{"uid":"7904-333"},{"uid":"7904-347"},{"uid":"7904-349"},{"uid":"7904-371"},{"uid":"7904-391"},{"uid":"7904-393"},{"uid":"7904-375"},{"uid":"7904-401"},{"uid":"7904-403"},{"uid":"7904-411"},{"uid":"7904-407"},{"uid":"7904-439"},{"uid":"7904-441"},{"uid":"7904-445"},{"uid":"7904-461"},{"uid":"7904-473"},{"uid":"7904-489"},{"uid":"7904-491"},{"uid":"7904-497"},{"uid":"7904-499"},{"uid":"7904-501"},{"uid":"7904-505"},{"uid":"7904-429"},{"uid":"7904-509"},{"uid":"7904-515"},{"uid":"7904-517"},{"uid":"7904-519"},{"uid":"7904-511"},{"uid":"7904-457"},{"uid":"7904-369"},{"uid":"7904-533"},{"uid":"7904-575"},{"uid":"7904-479"},{"uid":"7904-481"},{"uid":"7904-527"}],"isExternal":true},"7904-595":{"id":"lodash","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-345"},{"uid":"7904-349"},{"uid":"7904-371"},{"uid":"7904-421"},{"uid":"7904-437"},{"uid":"7904-461"},{"uid":"7904-465"},{"uid":"7904-501"},{"uid":"7904-505"},{"uid":"7904-509"},{"uid":"7904-513"},{"uid":"7904-529"},{"uid":"7904-565"},{"uid":"7904-365"},{"uid":"7904-443"},{"uid":"7904-451"},{"uid":"7904-425"},{"uid":"7904-535"},{"uid":"7904-559"}],"isExternal":true},"7904-596":{"id":"react-router-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-347"}],"isExternal":true},"7904-597":{"id":"@tippyjs/react","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-307"},{"uid":"7904-379"}],"isExternal":true},"7904-598":{"id":"react-final-form","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-421"},{"uid":"7904-437"},{"uid":"7904-565"}],"isExternal":true},"7904-599":{"id":"@42.nl/jarb-final-form","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-437"},{"uid":"7904-435"}],"isExternal":true},"7904-600":{"id":"react-display-name","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-437"}],"isExternal":true},"7904-601":{"id":"@42.nl/react-error-store","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-437"},{"uid":"7904-429"}],"isExternal":true},"7904-602":{"id":"react-text-mask","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-439"},{"uid":"7904-461"}],"isExternal":true},"7904-603":{"id":"react-textarea-autosize","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-441"}],"isExternal":true},"7904-604":{"id":"react-quill","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-445"}],"isExternal":true},"7904-605":{"id":"react-datetime","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-461"},{"uid":"7904-451"}],"isExternal":true},"7904-606":{"id":"moment","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-461"},{"uid":"7904-463"},{"uid":"7904-447"},{"uid":"7904-451"}],"isExternal":true},"7904-607":{"id":"react-bootstrap-typeahead","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-497"},{"uid":"7904-499"}],"isExternal":true},"7904-608":{"id":"react-avatar-editor","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-505"}],"isExternal":true},"7904-609":{"id":"react-color","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-517"}],"isExternal":true},"7904-610":{"id":"@42.nl/spring-connect","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-471"}],"isExternal":true},"7904-611":{"id":"pica","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-503"}],"isExternal":true},"7904-612":{"id":"overlayscrollbars-react","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-535"}],"isExternal":true},"7904-613":{"id":"react-is","moduleParts":{},"imported":[],"importedBy":[{"uid":"7904-547"}],"isExternal":true}},"env":{"rollup":"2.75.7"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.es.js","children":[{"name":"src","children":[{"name":"core","children":[{"name":"Tooltip/Tooltip.tsx","uid":"2faf-308"},{"name":"Avatar","children":[{"uid":"2faf-310","name":"Avatar.tsx"},{"uid":"2faf-312","name":"AvatarStack.tsx"}]},{"name":"Spinner/Spinner.tsx","uid":"2faf-316"},{"name":"Icon","children":[{"uid":"2faf-318","name":"Icon.tsx"},{"uid":"2faf-320","name":"types.ts"}]},{"name":"Button","children":[{"uid":"2faf-322","name":"useShowSpinner.tsx"},{"uid":"2faf-324","name":"Button.tsx"}]},{"name":"ConfirmModal/ConfirmModal.tsx","uid":"2faf-326"},{"name":"ConfirmButton/ConfirmButton.tsx","uid":"2faf-328"},{"name":"ContentState/ContentState.tsx","uid":"2faf-330"},{"name":"FlashMessage/FlashMessage.tsx","uid":"2faf-332"},{"name":"InfoBadge/InfoBadge.tsx","uid":"2faf-334"},{"name":"LoadingPage/LoadingPage.tsx","uid":"2faf-338"},{"name":"Loading/Loading.tsx","uid":"2faf-344"},{"name":"MoreOrLess/MoreOrLess.tsx","uid":"2faf-346"},{"name":"NavigationItem/NavigationItem.tsx","uid":"2faf-348"},{"name":"Pagination/Pagination.tsx","uid":"2faf-350"},{"name":"ProgressStepper/ProgressStepper.tsx","uid":"2faf-352"},{"name":"SubmitButton","children":[{"uid":"2faf-354","name":"useScrollToClosestError.ts"},{"uid":"2faf-356","name":"SubmitButton.tsx"}]},{"name":"Tag/Tag.tsx","uid":"2faf-358"},{"name":"AsyncContent/AsyncContent.tsx","uid":"2faf-360"},{"name":"AsyncPage/AsyncPage.tsx","uid":"2faf-362"},{"name":"AsyncList/AsyncList.tsx","uid":"2faf-364"},{"name":"SearchInput/SearchInput.tsx","uid":"2faf-372"},{"name":"Pager/Pager.tsx","uid":"2faf-374"},{"name":"Modal/Modal.tsx","uid":"2faf-376"},{"name":"OpenCloseModal/OpenCloseModal.tsx","uid":"2faf-378"},{"name":"Popover/Popover.tsx","uid":"2faf-380"},{"name":"TextButton/TextButton.tsx","uid":"2faf-382"},{"name":"InfoTooltip/InfoTooltip.tsx","uid":"2faf-384"},{"name":"BooleanIcon/BooleanIcon.tsx","uid":"2faf-386"},{"name":"SuccessIcon/SuccessIcon.tsx","uid":"2faf-388"},{"name":"OrSeparator/OrSeparator.tsx","uid":"2faf-390"},{"name":"lists","children":[{"name":"AttributeList/AttributeList.tsx","uid":"2faf-392"},{"name":"AttributeView/AttributeView.tsx","uid":"2faf-394"}]},{"name":"OpenClose/OpenClose.tsx","uid":"2faf-396"},{"name":"FavoriteIcon/FavoriteIcon.tsx","uid":"2faf-398"},{"name":"ErrorBoundary/ErrorBoundary.tsx","uid":"2faf-400"},{"name":"Card/Card.tsx","uid":"2faf-402"},{"name":"CardOpenClose/CardOpenClose.tsx","uid":"2faf-404"},{"name":"Tabs","children":[{"name":"Tab/Tab.tsx","uid":"2faf-408"},{"name":"TabContent/TabContent.tsx","uid":"2faf-410"},{"uid":"2faf-412","name":"Tabs.tsx"}]},{"name":"AsyncActionButton/AsyncActionButton.tsx","uid":"2faf-414"},{"name":"Debug/Debug.tsx","uid":"2faf-416"},{"name":"Toggle/Toggle.tsx","uid":"2faf-508"}]},{"name":"hooks","children":[{"name":"useShowAfter/useShowAfter.tsx","uid":"2faf-336"},{"name":"useId/useId.ts","uid":"2faf-366"},{"name":"useBodyFixOnModalClose/useBodyFixOnModalClose.ts","uid":"2faf-476"},{"name":"useHover/useHover.ts","uid":"2faf-586"},{"name":"useBootstrapSize/useBootstrapSize.ts","uid":"2faf-588"}]},{"name":"utilities","children":[{"name":"translation","children":[{"uid":"2faf-340","name":"translator.ts"},{"uid":"2faf-342","name":"translation.ts"}]},{"name":"page/page.ts","uid":"2faf-470"}]},{"name":"form","children":[{"name":"addons","children":[{"name":"Addon/Addon.tsx","uid":"2faf-368"},{"name":"AddonIcon/AddonIcon.tsx","uid":"2faf-370"},{"name":"AddonButton/AddonButton.tsx","uid":"2faf-458"}]},{"uid":"2faf-406","name":"utils.ts"},{"name":"AutoSave","children":[{"uid":"2faf-418","name":"useActive.ts"},{"uid":"2faf-420","name":"usePromise.ts"},{"uid":"2faf-422","name":"AutoSave.tsx"}]},{"name":"FormError","children":[{"uid":"2faf-424","name":"utils.tsx"},{"uid":"2faf-426","name":"useSettledErrors.ts"},{"uid":"2faf-428","name":"useOnChange.ts"},{"uid":"2faf-430","name":"FormError.tsx"}]},{"name":"withJarb","children":[{"name":"useHasErrors/useHasErrors.ts","uid":"2faf-432"},{"name":"useMarkedAsRequiredLabel/useMarkedAsRequiredLabel.tsx","uid":"2faf-436"},{"uid":"2faf-438","name":"withJarb.tsx"}]},{"name":"Input/Input.tsx","uid":"2faf-440"},{"name":"Textarea/Textarea.tsx","uid":"2faf-442"},{"name":"TextEditor","children":[{"uid":"2faf-444","name":"utils.ts"},{"uid":"2faf-446","name":"TextEditor.tsx"}]},{"name":"DateTimeInput","children":[{"uid":"2faf-448","name":"utils.ts"},{"name":"DateTimeModal","children":[{"uid":"2faf-450","name":"useValue.ts"},{"uid":"2faf-452","name":"DateTimeModal.tsx"}]},{"name":"hooks","children":[{"uid":"2faf-454","name":"useHasFormatError.ts"},{"uid":"2faf-456","name":"useIsModalOpen.ts"},{"uid":"2faf-460","name":"useSetLastStringValue.ts"}]},{"uid":"2faf-462","name":"DateTimeInput.tsx"},{"uid":"2faf-464","name":"checkers.ts"},{"uid":"2faf-466","name":"validators.ts"}]},{"uid":"2faf-468","name":"option.ts"},{"uid":"2faf-472","name":"useOptions.ts"},{"name":"Select/Select.tsx","uid":"2faf-474"},{"name":"ModalPicker","children":[{"uid":"2faf-478","name":"EmptyModal.tsx"},{"uid":"2faf-480","name":"ModalPicker.tsx"},{"name":"ModalPickerOpener/ModalPickerOpener.tsx","uid":"2faf-482"},{"name":"ModalPickerValueTruncator","children":[{"name":"useResizeObserver/useResizeObserver.ts","uid":"2faf-484"},{"name":"useComponentOverflow/useComponentOverflow.ts","uid":"2faf-486"},{"uid":"2faf-488","name":"ModalPickerValueTruncator.tsx"}]},{"name":"single/ModalPickerSingle.tsx","uid":"2faf-490"},{"name":"multiple/ModalPickerMultiple.tsx","uid":"2faf-492"}]},{"name":"Typeahead","children":[{"uid":"2faf-494","name":"utils.ts"},{"name":"single","children":[{"uid":"2faf-496","name":"useAutoSelectOptionWhenQueryMatchesExactly.ts"},{"uid":"2faf-498","name":"TypeaheadSingle.tsx"}]},{"name":"multiple/TypeaheadMultiple.tsx","uid":"2faf-500"}]},{"name":"FileInput/FileInput.tsx","uid":"2faf-502"},{"name":"ImageUpload","children":[{"uid":"2faf-504","name":"utils.ts"},{"uid":"2faf-506","name":"ImageUpload.tsx"}]},{"name":"CheckboxMultipleSelect/CheckboxMultipleSelect.tsx","uid":"2faf-510"},{"name":"RadioGroup/RadioGroup.tsx","uid":"2faf-512"},{"name":"ValuePicker/ValuePicker.tsx","uid":"2faf-514"},{"name":"IconPicker/IconPicker.tsx","uid":"2faf-516"},{"name":"ColorPicker/ColorPicker.tsx","uid":"2faf-518"},{"name":"Checkbox/Checkbox.tsx","uid":"2faf-520"},{"name":"NewPasswordInput","children":[{"name":"PasswordStrength","children":[{"name":"useMeterWidth/useMeterWidth.ts","uid":"2faf-522"},{"uid":"2faf-524","name":"rules.ts"},{"name":"useRules/useRules.ts","uid":"2faf-526"},{"uid":"2faf-528","name":"PasswordStrength.tsx"}]},{"uid":"2faf-530","name":"NewPasswordInput.tsx"}]},{"name":"FormButton/FormButton.tsx","uid":"2faf-532"},{"name":"PlainTextFormControl/PlainTextFormControl.tsx","uid":"2faf-534"}]},{"name":"config/config.ts","uid":"2faf-434"},{"name":"table","children":[{"name":"EpicTable","children":[{"name":"helpers","children":[{"name":"GooeyCenter/GooeyCenter.tsx","uid":"2faf-536"},{"name":"FixedHeader","children":[{"uid":"2faf-538","name":"useClosestHeaderIndex.ts"},{"uid":"2faf-540","name":"FixedHeader.tsx"}]},{"name":"layout/layout.ts","uid":"2faf-548"},{"uid":"2faf-550","name":"useEpicTableRect.ts"},{"uid":"2faf-552","name":"useCalculateActualHeight.tsx"},{"uid":"2faf-554","name":"useAdjustHeightOfActiveDetailRow.tsx"}]},{"name":"rows","children":[{"name":"EpicExpanderRow/EpicExpanderRow.tsx","uid":"2faf-542"},{"name":"EpicDetailRow/EpicDetailRow.tsx","uid":"2faf-544"},{"name":"EpicRow/EpicRow.tsx","uid":"2faf-570"}]},{"name":"cells","children":[{"name":"EpicCell/EpicCell.tsx","uid":"2faf-546"},{"name":"EpicHeader","children":[{"name":"EpicResize","children":[{"uid":"2faf-558","name":"useEpicResizeListenerCleanup.ts"},{"uid":"2faf-560","name":"EpicResize.tsx"}]},{"uid":"2faf-562","name":"EpicHeader.tsx"}]},{"name":"EpicCellLayout/EpicCellLayout.tsx","uid":"2faf-564"},{"name":"EpicForm/EpicForm.tsx","uid":"2faf-566"},{"name":"EpicFormCell/EpicFormCell.tsx","uid":"2faf-568"}]},{"uid":"2faf-556","name":"EpicTable.tsx"},{"name":"widgets","children":[{"name":"EpicDetail/EpicDetail.tsx","uid":"2faf-572"},{"name":"EpicExpander/EpicExpander.tsx","uid":"2faf-574"},{"name":"EpicSelection/EpicSelection.tsx","uid":"2faf-576"},{"name":"EpicSort","children":[{"uid":"2faf-578","name":"utils.ts"},{"uid":"2faf-580","name":"EpicSort.tsx"}]}]}]},{"name":"CrudTable","children":[{"uid":"2faf-582","name":"CrudTable.tsx"},{"name":"components/CrudHeader/CrudHeader.tsx","uid":"2faf-584"}]}]},{"uid":"2faf-590","name":"index.ts"}]},{"uid":"2faf-314","name":"\u0000tslib.js"}]}],"isRoot":true},"nodeParts":{"2faf-308":{"renderedLength":654,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-307"},"2faf-310":{"renderedLength":921,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-309"},"2faf-312":{"renderedLength":334,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-311"},"2faf-314":{"renderedLength":1945,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-313"},"2faf-316":{"renderedLength":507,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-315"},"2faf-318":{"renderedLength":996,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-317"},"2faf-320":{"renderedLength":41415,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-319"},"2faf-322":{"renderedLength":688,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-321"},"2faf-324":{"renderedLength":3381,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-323"},"2faf-326":{"renderedLength":1252,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-325"},"2faf-328":{"renderedLength":1271,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-327"},"2faf-330":{"renderedLength":1616,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-329"},"2faf-332":{"renderedLength":410,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-331"},"2faf-334":{"renderedLength":432,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-333"},"2faf-336":{"renderedLength":673,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-335"},"2faf-338":{"renderedLength":787,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-337"},"2faf-340":{"renderedLength":442,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-339"},"2faf-342":{"renderedLength":857,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-341"},"2faf-344":{"renderedLength":534,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-343"},"2faf-346":{"renderedLength":1154,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-345"},"2faf-348":{"renderedLength":1127,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-347"},"2faf-350":{"renderedLength":2538,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-349"},"2faf-352":{"renderedLength":1218,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-351"},"2faf-354":{"renderedLength":1442,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-353"},"2faf-356":{"renderedLength":812,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-355"},"2faf-358":{"renderedLength":835,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-357"},"2faf-360":{"renderedLength":2835,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-359"},"2faf-362":{"renderedLength":576,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-361"},"2faf-364":{"renderedLength":530,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-363"},"2faf-366":{"renderedLength":468,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-365"},"2faf-368":{"renderedLength":408,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-367"},"2faf-370":{"renderedLength":340,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-369"},"2faf-372":{"renderedLength":2897,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-371"},"2faf-374":{"renderedLength":1119,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-373"},"2faf-376":{"renderedLength":1338,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-375"},"2faf-378":{"renderedLength":1682,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-377"},"2faf-380":{"renderedLength":617,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-379"},"2faf-382":{"renderedLength":365,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-381"},"2faf-384":{"renderedLength":320,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-383"},"2faf-386":{"renderedLength":718,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-385"},"2faf-388":{"renderedLength":695,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-387"},"2faf-390":{"renderedLength":533,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-389"},"2faf-392":{"renderedLength":277,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-391"},"2faf-394":{"renderedLength":391,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-393"},"2faf-396":{"renderedLength":410,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-395"},"2faf-398":{"renderedLength":593,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-397"},"2faf-400":{"renderedLength":790,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-399"},"2faf-402":{"renderedLength":1301,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-401"},"2faf-404":{"renderedLength":945,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-403"},"2faf-406":{"renderedLength":318,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-405"},"2faf-408":{"renderedLength":781,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-407"},"2faf-410":{"renderedLength":357,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-409"},"2faf-412":{"renderedLength":1433,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-411"},"2faf-414":{"renderedLength":906,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-413"},"2faf-416":{"renderedLength":712,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-415"},"2faf-418":{"renderedLength":49,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-417"},"2faf-420":{"renderedLength":48,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-419"},"2faf-422":{"renderedLength":868,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-421"},"2faf-424":{"renderedLength":2602,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-423"},"2faf-426":{"renderedLength":5299,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-425"},"2faf-428":{"renderedLength":171,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-427"},"2faf-430":{"renderedLength":962,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-429"},"2faf-432":{"renderedLength":57,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-431"},"2faf-434":{"renderedLength":157,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-433"},"2faf-436":{"renderedLength":492,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-435"},"2faf-438":{"renderedLength":5344,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-437"},"2faf-440":{"renderedLength":1934,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-439"},"2faf-442":{"renderedLength":991,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-441"},"2faf-444":{"renderedLength":1784,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-443"},"2faf-446":{"renderedLength":1556,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-445"},"2faf-448":{"renderedLength":1939,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-447"},"2faf-450":{"renderedLength":72,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-449"},"2faf-452":{"renderedLength":948,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-451"},"2faf-454":{"renderedLength":62,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-453"},"2faf-456":{"renderedLength":59,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-455"},"2faf-458":{"renderedLength":589,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-457"},"2faf-460":{"renderedLength":63,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-459"},"2faf-462":{"renderedLength":4817,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-461"},"2faf-464":{"renderedLength":3297,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-463"},"2faf-466":{"renderedLength":3820,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-465"},"2faf-468":{"renderedLength":1909,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-467"},"2faf-470":{"renderedLength":755,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-469"},"2faf-472":{"renderedLength":4160,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-471"},"2faf-474":{"renderedLength":2988,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-473"},"2faf-476":{"renderedLength":504,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-475"},"2faf-478":{"renderedLength":1311,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-477"},"2faf-480":{"renderedLength":3727,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-479"},"2faf-482":{"renderedLength":1377,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-481"},"2faf-484":{"renderedLength":191,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-483"},"2faf-486":{"renderedLength":1446,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-485"},"2faf-488":{"renderedLength":618,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-487"},"2faf-490":{"renderedLength":5032,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-489"},"2faf-492":{"renderedLength":7002,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-491"},"2faf-494":{"renderedLength":142,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-493"},"2faf-496":{"renderedLength":469,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-495"},"2faf-498":{"renderedLength":3870,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-497"},"2faf-500":{"renderedLength":4316,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-499"},"2faf-502":{"renderedLength":4042,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-501"},"2faf-504":{"renderedLength":1716,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-503"},"2faf-506":{"renderedLength":10092,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-505"},"2faf-508":{"renderedLength":696,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-507"},"2faf-510":{"renderedLength":3990,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-509"},"2faf-512":{"renderedLength":3021,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-511"},"2faf-514":{"renderedLength":2906,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-513"},"2faf-516":{"renderedLength":3914,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-515"},"2faf-518":{"renderedLength":3125,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-517"},"2faf-520":{"renderedLength":1555,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-519"},"2faf-522":{"renderedLength":400,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-521"},"2faf-524":{"renderedLength":566,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-523"},"2faf-526":{"renderedLength":1207,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-525"},"2faf-528":{"renderedLength":2373,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-527"},"2faf-530":{"renderedLength":2756,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-529"},"2faf-532":{"renderedLength":847,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-531"},"2faf-534":{"renderedLength":1210,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-533"},"2faf-536":{"renderedLength":2907,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-535"},"2faf-538":{"renderedLength":1314,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-537"},"2faf-540":{"renderedLength":1228,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-539"},"2faf-542":{"renderedLength":662,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-541"},"2faf-544":{"renderedLength":770,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-543"},"2faf-546":{"renderedLength":1600,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-545"},"2faf-548":{"renderedLength":12963,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-547"},"2faf-550":{"renderedLength":518,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-549"},"2faf-552":{"renderedLength":2047,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-551"},"2faf-554":{"renderedLength":394,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-553"},"2faf-556":{"renderedLength":5358,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-555"},"2faf-558":{"renderedLength":425,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-557"},"2faf-560":{"renderedLength":3408,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-559"},"2faf-562":{"renderedLength":626,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-561"},"2faf-564":{"renderedLength":1057,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-563"},"2faf-566":{"renderedLength":960,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-565"},"2faf-568":{"renderedLength":448,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-567"},"2faf-570":{"renderedLength":503,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-569"},"2faf-572":{"renderedLength":807,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-571"},"2faf-574":{"renderedLength":302,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-573"},"2faf-576":{"renderedLength":487,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-575"},"2faf-578":{"renderedLength":211,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-577"},"2faf-580":{"renderedLength":692,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-579"},"2faf-582":{"renderedLength":1084,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-581"},"2faf-584":{"renderedLength":1545,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-583"},"2faf-586":{"renderedLength":532,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-585"},"2faf-588":{"renderedLength":1759,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-587"},"2faf-590":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"2faf-589"}},"nodeMetas":{"2faf-307":{"id":"/src/core/Tooltip/Tooltip.tsx","moduleParts":{"index.es.js":"2faf-308"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-597"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-309"},{"uid":"2faf-383"},{"uid":"2faf-437"},{"uid":"2faf-515"},{"uid":"2faf-487"}]},"2faf-309":{"id":"/src/core/Avatar/Avatar.tsx","moduleParts":{"index.es.js":"2faf-310"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-593"},{"uid":"2faf-307"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-311":{"id":"/src/core/Avatar/AvatarStack.tsx","moduleParts":{"index.es.js":"2faf-312"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-593"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-313":{"id":"\u0000tslib.js","moduleParts":{"index.es.js":"2faf-314"},"imported":[],"importedBy":[{"uid":"2faf-323"},{"uid":"2faf-411"},{"uid":"2faf-413"},{"uid":"2faf-421"},{"uid":"2faf-437"},{"uid":"2faf-439"},{"uid":"2faf-489"},{"uid":"2faf-491"},{"uid":"2faf-505"},{"uid":"2faf-513"},{"uid":"2faf-531"},{"uid":"2faf-545"},{"uid":"2faf-565"},{"uid":"2faf-543"},{"uid":"2faf-541"},{"uid":"2faf-341"},{"uid":"2faf-471"}]},"2faf-315":{"id":"/src/core/Spinner/Spinner.tsx","moduleParts":{"index.es.js":"2faf-316"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-593"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-323"},{"uid":"2faf-329"},{"uid":"2faf-337"},{"uid":"2faf-343"},{"uid":"2faf-513"}]},"2faf-317":{"id":"/src/core/Icon/Icon.tsx","moduleParts":{"index.es.js":"2faf-318"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-593"},{"uid":"2faf-589"}],"importedBy":[{"uid":"2faf-329"},{"uid":"2faf-591"},{"uid":"2faf-385"},{"uid":"2faf-387"},{"uid":"2faf-397"},{"uid":"2faf-505"},{"uid":"2faf-527"}]},"2faf-319":{"id":"/src/core/Icon/types.ts","moduleParts":{"index.es.js":"2faf-320"},"imported":[],"importedBy":[{"uid":"2faf-591"}]},"2faf-321":{"id":"/src/core/Button/useShowSpinner.tsx","moduleParts":{"index.es.js":"2faf-322"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-323"}]},"2faf-323":{"id":"/src/core/Button/Button.tsx","moduleParts":{"index.es.js":"2faf-324"},"imported":[{"uid":"2faf-313"},{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-315"},{"uid":"2faf-591"},{"uid":"2faf-321"},{"uid":"2faf-593"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-327"},{"uid":"2faf-355"},{"uid":"2faf-359"},{"uid":"2faf-373"},{"uid":"2faf-377"},{"uid":"2faf-413"},{"uid":"2faf-505"},{"uid":"2faf-531"},{"uid":"2faf-573"}]},"2faf-325":{"id":"/src/core/ConfirmModal/ConfirmModal.tsx","moduleParts":{"index.es.js":"2faf-326"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-589"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-327"}]},"2faf-327":{"id":"/src/core/ConfirmButton/ConfirmButton.tsx","moduleParts":{"index.es.js":"2faf-328"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-323"},{"uid":"2faf-325"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-329":{"id":"/src/core/ContentState/ContentState.tsx","moduleParts":{"index.es.js":"2faf-330"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-593"},{"uid":"2faf-317"},{"uid":"2faf-315"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-359"},{"uid":"2faf-399"},{"uid":"2faf-515"},{"uid":"2faf-479"},{"uid":"2faf-477"}]},"2faf-331":{"id":"/src/core/FlashMessage/FlashMessage.tsx","moduleParts":{"index.es.js":"2faf-332"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-593"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-333":{"id":"/src/core/InfoBadge/InfoBadge.tsx","moduleParts":{"index.es.js":"2faf-334"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-593"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-335":{"id":"/src/hooks/useShowAfter/useShowAfter.tsx","moduleParts":{"index.es.js":"2faf-336"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-337"}]},"2faf-337":{"id":"/src/core/LoadingPage/LoadingPage.tsx","moduleParts":{"index.es.js":"2faf-338"},"imported":[{"uid":"2faf-593"},{"uid":"2faf-592"},{"uid":"2faf-315"},{"uid":"2faf-335"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-411"}]},"2faf-339":{"id":"/src/utilities/translation/translator.ts","moduleParts":{"index.es.js":"2faf-340"},"imported":[],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-423"},{"uid":"2faf-341"}]},"2faf-341":{"id":"/src/utilities/translation/translation.ts","moduleParts":{"index.es.js":"2faf-342"},"imported":[{"uid":"2faf-313"},{"uid":"2faf-339"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-343"},{"uid":"2faf-345"},{"uid":"2faf-359"},{"uid":"2faf-373"},{"uid":"2faf-377"},{"uid":"2faf-389"},{"uid":"2faf-399"},{"uid":"2faf-465"},{"uid":"2faf-473"},{"uid":"2faf-491"},{"uid":"2faf-497"},{"uid":"2faf-499"},{"uid":"2faf-505"},{"uid":"2faf-509"},{"uid":"2faf-513"},{"uid":"2faf-515"},{"uid":"2faf-517"},{"uid":"2faf-511"},{"uid":"2faf-571"},{"uid":"2faf-435"},{"uid":"2faf-451"},{"uid":"2faf-479"},{"uid":"2faf-481"},{"uid":"2faf-527"},{"uid":"2faf-477"}]},"2faf-343":{"id":"/src/core/Loading/Loading.tsx","moduleParts":{"index.es.js":"2faf-344"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-593"},{"uid":"2faf-315"},{"uid":"2faf-341"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-375"},{"uid":"2faf-401"},{"uid":"2faf-403"},{"uid":"2faf-473"},{"uid":"2faf-511"}]},"2faf-345":{"id":"/src/core/MoreOrLess/MoreOrLess.tsx","moduleParts":{"index.es.js":"2faf-346"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-595"},{"uid":"2faf-593"},{"uid":"2faf-341"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-347":{"id":"/src/core/NavigationItem/NavigationItem.tsx","moduleParts":{"index.es.js":"2faf-348"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-596"},{"uid":"2faf-594"},{"uid":"2faf-593"},{"uid":"2faf-591"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-349":{"id":"/src/core/Pagination/Pagination.tsx","moduleParts":{"index.es.js":"2faf-350"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-591"},{"uid":"2faf-595"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-581"},{"uid":"2faf-479"}]},"2faf-351":{"id":"/src/core/ProgressStepper/ProgressStepper.tsx","moduleParts":{"index.es.js":"2faf-352"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-593"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-353":{"id":"/src/core/SubmitButton/useScrollToClosestError.ts","moduleParts":{"index.es.js":"2faf-354"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-355"}]},"2faf-355":{"id":"/src/core/SubmitButton/SubmitButton.tsx","moduleParts":{"index.es.js":"2faf-356"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-323"},{"uid":"2faf-353"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-377"}]},"2faf-357":{"id":"/src/core/Tag/Tag.tsx","moduleParts":{"index.es.js":"2faf-358"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-593"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-491"},{"uid":"2faf-499"}]},"2faf-359":{"id":"/src/core/AsyncContent/AsyncContent.tsx","moduleParts":{"index.es.js":"2faf-360"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-329"},{"uid":"2faf-341"},{"uid":"2faf-323"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-361"},{"uid":"2faf-363"}]},"2faf-361":{"id":"/src/core/AsyncPage/AsyncPage.tsx","moduleParts":{"index.es.js":"2faf-362"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-359"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-363":{"id":"/src/core/AsyncList/AsyncList.tsx","moduleParts":{"index.es.js":"2faf-364"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-359"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-365":{"id":"/src/hooks/useId/useId.ts","moduleParts":{"index.es.js":"2faf-366"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-595"}],"importedBy":[{"uid":"2faf-371"},{"uid":"2faf-439"},{"uid":"2faf-441"},{"uid":"2faf-445"},{"uid":"2faf-473"},{"uid":"2faf-489"},{"uid":"2faf-491"},{"uid":"2faf-497"},{"uid":"2faf-499"},{"uid":"2faf-509"}]},"2faf-367":{"id":"/src/form/addons/Addon/Addon.tsx","moduleParts":{"index.es.js":"2faf-368"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-457"},{"uid":"2faf-369"}]},"2faf-369":{"id":"/src/form/addons/AddonIcon/AddonIcon.tsx","moduleParts":{"index.es.js":"2faf-370"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-589"},{"uid":"2faf-367"},{"uid":"2faf-594"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-371"}]},"2faf-371":{"id":"/src/core/SearchInput/SearchInput.tsx","moduleParts":{"index.es.js":"2faf-372"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-595"},{"uid":"2faf-594"},{"uid":"2faf-591"},{"uid":"2faf-365"},{"uid":"2faf-369"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-515"},{"uid":"2faf-581"},{"uid":"2faf-479"}]},"2faf-373":{"id":"/src/core/Pager/Pager.tsx","moduleParts":{"index.es.js":"2faf-374"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-593"},{"uid":"2faf-341"},{"uid":"2faf-323"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-515"}]},"2faf-375":{"id":"/src/core/Modal/Modal.tsx","moduleParts":{"index.es.js":"2faf-376"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-343"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-377"}]},"2faf-377":{"id":"/src/core/OpenCloseModal/OpenCloseModal.tsx","moduleParts":{"index.es.js":"2faf-378"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-323"},{"uid":"2faf-355"},{"uid":"2faf-341"},{"uid":"2faf-375"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-451"}]},"2faf-379":{"id":"/src/core/Popover/Popover.tsx","moduleParts":{"index.es.js":"2faf-380"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-597"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-515"},{"uid":"2faf-517"}]},"2faf-381":{"id":"/src/core/TextButton/TextButton.tsx","moduleParts":{"index.es.js":"2faf-382"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-515"},{"uid":"2faf-517"},{"uid":"2faf-511"},{"uid":"2faf-481"}]},"2faf-383":{"id":"/src/core/InfoTooltip/InfoTooltip.tsx","moduleParts":{"index.es.js":"2faf-384"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-591"},{"uid":"2faf-307"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-385":{"id":"/src/core/BooleanIcon/BooleanIcon.tsx","moduleParts":{"index.es.js":"2faf-386"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-317"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-387":{"id":"/src/core/SuccessIcon/SuccessIcon.tsx","moduleParts":{"index.es.js":"2faf-388"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-317"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-389":{"id":"/src/core/OrSeparator/OrSeparator.tsx","moduleParts":{"index.es.js":"2faf-390"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-341"},{"uid":"2faf-593"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-391":{"id":"/src/core/lists/AttributeList/AttributeList.tsx","moduleParts":{"index.es.js":"2faf-392"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-393":{"id":"/src/core/lists/AttributeView/AttributeView.tsx","moduleParts":{"index.es.js":"2faf-394"},"imported":[{"uid":"2faf-593"},{"uid":"2faf-592"},{"uid":"2faf-594"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-395":{"id":"/src/core/OpenClose/OpenClose.tsx","moduleParts":{"index.es.js":"2faf-396"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-593"},{"uid":"2faf-591"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-403"}]},"2faf-397":{"id":"/src/core/FavoriteIcon/FavoriteIcon.tsx","moduleParts":{"index.es.js":"2faf-398"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-317"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-399":{"id":"/src/core/ErrorBoundary/ErrorBoundary.tsx","moduleParts":{"index.es.js":"2faf-400"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-329"},{"uid":"2faf-341"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-401"}]},"2faf-401":{"id":"/src/core/Card/Card.tsx","moduleParts":{"index.es.js":"2faf-402"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-343"},{"uid":"2faf-399"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-403":{"id":"/src/core/CardOpenClose/CardOpenClose.tsx","moduleParts":{"index.es.js":"2faf-404"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-395"},{"uid":"2faf-594"},{"uid":"2faf-593"},{"uid":"2faf-343"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-415"}]},"2faf-405":{"id":"/src/form/utils.ts","moduleParts":{"index.es.js":"2faf-406"},"imported":[],"importedBy":[{"uid":"2faf-407"},{"uid":"2faf-437"},{"uid":"2faf-445"},{"uid":"2faf-461"},{"uid":"2faf-463"},{"uid":"2faf-473"},{"uid":"2faf-489"},{"uid":"2faf-491"},{"uid":"2faf-497"},{"uid":"2faf-499"},{"uid":"2faf-501"},{"uid":"2faf-505"},{"uid":"2faf-509"},{"uid":"2faf-515"},{"uid":"2faf-517"},{"uid":"2faf-519"},{"uid":"2faf-511"},{"uid":"2faf-409"}]},"2faf-407":{"id":"/src/core/Tabs/Tab/Tab.tsx","moduleParts":{"index.es.js":"2faf-408"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-591"},{"uid":"2faf-405"},{"uid":"2faf-593"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-411"}]},"2faf-409":{"id":"/src/core/Tabs/TabContent/TabContent.tsx","moduleParts":{"index.es.js":"2faf-410"},"imported":[{"uid":"2faf-405"},{"uid":"2faf-593"},{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-411"}]},"2faf-411":{"id":"/src/core/Tabs/Tabs.tsx","moduleParts":{"index.es.js":"2faf-412"},"imported":[{"uid":"2faf-313"},{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-407"},{"uid":"2faf-593"},{"uid":"2faf-337"},{"uid":"2faf-409"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-413":{"id":"/src/core/AsyncActionButton/AsyncActionButton.tsx","moduleParts":{"index.es.js":"2faf-414"},"imported":[{"uid":"2faf-313"},{"uid":"2faf-592"},{"uid":"2faf-323"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-415":{"id":"/src/core/Debug/Debug.tsx","moduleParts":{"index.es.js":"2faf-416"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-403"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-417":{"id":"/src/form/AutoSave/useActive.ts","moduleParts":{"index.es.js":"2faf-418"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-421"}]},"2faf-419":{"id":"/src/form/AutoSave/usePromise.ts","moduleParts":{"index.es.js":"2faf-420"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-421"}]},"2faf-421":{"id":"/src/form/AutoSave/AutoSave.tsx","moduleParts":{"index.es.js":"2faf-422"},"imported":[{"uid":"2faf-313"},{"uid":"2faf-592"},{"uid":"2faf-598"},{"uid":"2faf-595"},{"uid":"2faf-417"},{"uid":"2faf-419"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-565"}]},"2faf-423":{"id":"/src/form/FormError/utils.tsx","moduleParts":{"index.es.js":"2faf-424"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-339"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-429"}]},"2faf-425":{"id":"/src/form/FormError/useSettledErrors.ts","moduleParts":{"index.es.js":"2faf-426"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-595"}],"importedBy":[{"uid":"2faf-429"}]},"2faf-427":{"id":"/src/form/FormError/useOnChange.ts","moduleParts":{"index.es.js":"2faf-428"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-429"}]},"2faf-429":{"id":"/src/form/FormError/FormError.tsx","moduleParts":{"index.es.js":"2faf-430"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-601"},{"uid":"2faf-423"},{"uid":"2faf-425"},{"uid":"2faf-427"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-437"}]},"2faf-431":{"id":"/src/form/withJarb/useHasErrors/useHasErrors.ts","moduleParts":{"index.es.js":"2faf-432"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-437"}]},"2faf-433":{"id":"/src/config/config.ts","moduleParts":{"index.es.js":"2faf-434"},"imported":[],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-435"}]},"2faf-435":{"id":"/src/form/withJarb/useMarkedAsRequiredLabel/useMarkedAsRequiredLabel.tsx","moduleParts":{"index.es.js":"2faf-436"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-599"},{"uid":"2faf-433"},{"uid":"2faf-341"}],"importedBy":[{"uid":"2faf-437"}]},"2faf-437":{"id":"/src/form/withJarb/withJarb.tsx","moduleParts":{"index.es.js":"2faf-438"},"imported":[{"uid":"2faf-313"},{"uid":"2faf-592"},{"uid":"2faf-598"},{"uid":"2faf-599"},{"uid":"2faf-600"},{"uid":"2faf-601"},{"uid":"2faf-595"},{"uid":"2faf-429"},{"uid":"2faf-405"},{"uid":"2faf-307"},{"uid":"2faf-431"},{"uid":"2faf-435"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-439"},{"uid":"2faf-441"},{"uid":"2faf-445"},{"uid":"2faf-461"},{"uid":"2faf-473"},{"uid":"2faf-489"},{"uid":"2faf-491"},{"uid":"2faf-497"},{"uid":"2faf-499"},{"uid":"2faf-501"},{"uid":"2faf-505"},{"uid":"2faf-509"},{"uid":"2faf-513"},{"uid":"2faf-515"},{"uid":"2faf-517"},{"uid":"2faf-519"},{"uid":"2faf-511"},{"uid":"2faf-529"}]},"2faf-439":{"id":"/src/form/Input/Input.tsx","moduleParts":{"index.es.js":"2faf-440"},"imported":[{"uid":"2faf-313"},{"uid":"2faf-592"},{"uid":"2faf-602"},{"uid":"2faf-594"},{"uid":"2faf-437"},{"uid":"2faf-365"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-529"},{"uid":"2faf-583"}]},"2faf-441":{"id":"/src/form/Textarea/Textarea.tsx","moduleParts":{"index.es.js":"2faf-442"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-603"},{"uid":"2faf-593"},{"uid":"2faf-437"},{"uid":"2faf-365"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-443":{"id":"/src/form/TextEditor/utils.ts","moduleParts":{"index.es.js":"2faf-444"},"imported":[{"uid":"2faf-595"}],"importedBy":[{"uid":"2faf-445"}]},"2faf-445":{"id":"/src/form/TextEditor/TextEditor.tsx","moduleParts":{"index.es.js":"2faf-446"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-604"},{"uid":"2faf-593"},{"uid":"2faf-437"},{"uid":"2faf-405"},{"uid":"2faf-443"},{"uid":"2faf-365"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-447":{"id":"/src/form/DateTimeInput/utils.ts","moduleParts":{"index.es.js":"2faf-448"},"imported":[{"uid":"2faf-606"}],"importedBy":[{"uid":"2faf-461"}]},"2faf-449":{"id":"/src/form/DateTimeInput/DateTimeModal/useValue.ts","moduleParts":{"index.es.js":"2faf-450"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-451"}]},"2faf-451":{"id":"/src/form/DateTimeInput/DateTimeModal/DateTimeModal.tsx","moduleParts":{"index.es.js":"2faf-452"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-605"},{"uid":"2faf-606"},{"uid":"2faf-595"},{"uid":"2faf-341"},{"uid":"2faf-449"},{"uid":"2faf-377"}],"importedBy":[{"uid":"2faf-461"}]},"2faf-453":{"id":"/src/form/DateTimeInput/hooks/useHasFormatError.ts","moduleParts":{"index.es.js":"2faf-454"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-461"}]},"2faf-455":{"id":"/src/form/DateTimeInput/hooks/useIsModalOpen.ts","moduleParts":{"index.es.js":"2faf-456"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-461"}]},"2faf-457":{"id":"/src/form/addons/AddonButton/AddonButton.tsx","moduleParts":{"index.es.js":"2faf-458"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-367"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-461"},{"uid":"2faf-501"}]},"2faf-459":{"id":"/src/form/DateTimeInput/hooks/useSetLastStringValue.ts","moduleParts":{"index.es.js":"2faf-460"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-461"}]},"2faf-461":{"id":"/src/form/DateTimeInput/DateTimeInput.tsx","moduleParts":{"index.es.js":"2faf-462"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-605"},{"uid":"2faf-595"},{"uid":"2faf-606"},{"uid":"2faf-602"},{"uid":"2faf-589"},{"uid":"2faf-447"},{"uid":"2faf-437"},{"uid":"2faf-405"},{"uid":"2faf-451"},{"uid":"2faf-593"},{"uid":"2faf-453"},{"uid":"2faf-455"},{"uid":"2faf-457"},{"uid":"2faf-459"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-463":{"id":"/src/form/DateTimeInput/checkers.ts","moduleParts":{"index.es.js":"2faf-464"},"imported":[{"uid":"2faf-606"},{"uid":"2faf-405"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-465"}]},"2faf-465":{"id":"/src/form/DateTimeInput/validators.ts","moduleParts":{"index.es.js":"2faf-466"},"imported":[{"uid":"2faf-595"},{"uid":"2faf-341"},{"uid":"2faf-463"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-467":{"id":"/src/form/option.ts","moduleParts":{"index.es.js":"2faf-468"},"imported":[],"importedBy":[{"uid":"2faf-473"},{"uid":"2faf-489"},{"uid":"2faf-491"},{"uid":"2faf-499"},{"uid":"2faf-509"},{"uid":"2faf-511"},{"uid":"2faf-471"},{"uid":"2faf-479"}]},"2faf-469":{"id":"/src/utilities/page/page.ts","moduleParts":{"index.es.js":"2faf-470"},"imported":[],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-515"},{"uid":"2faf-471"}]},"2faf-471":{"id":"/src/form/useOptions.ts","moduleParts":{"index.es.js":"2faf-472"},"imported":[{"uid":"2faf-313"},{"uid":"2faf-610"},{"uid":"2faf-592"},{"uid":"2faf-469"},{"uid":"2faf-467"}],"importedBy":[{"uid":"2faf-473"},{"uid":"2faf-489"},{"uid":"2faf-491"},{"uid":"2faf-497"},{"uid":"2faf-499"},{"uid":"2faf-509"},{"uid":"2faf-511"}]},"2faf-473":{"id":"/src/form/Select/Select.tsx","moduleParts":{"index.es.js":"2faf-474"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-437"},{"uid":"2faf-341"},{"uid":"2faf-467"},{"uid":"2faf-471"},{"uid":"2faf-343"},{"uid":"2faf-365"},{"uid":"2faf-405"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-513"},{"uid":"2faf-583"}]},"2faf-475":{"id":"/src/hooks/useBodyFixOnModalClose/useBodyFixOnModalClose.ts","moduleParts":{"index.es.js":"2faf-476"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-479"}]},"2faf-477":{"id":"/src/form/ModalPicker/EmptyModal.tsx","moduleParts":{"index.es.js":"2faf-478"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-329"},{"uid":"2faf-341"}],"importedBy":[{"uid":"2faf-479"}]},"2faf-479":{"id":"/src/form/ModalPicker/ModalPicker.tsx","moduleParts":{"index.es.js":"2faf-480"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-349"},{"uid":"2faf-341"},{"uid":"2faf-371"},{"uid":"2faf-475"},{"uid":"2faf-329"},{"uid":"2faf-477"},{"uid":"2faf-467"}],"importedBy":[{"uid":"2faf-489"},{"uid":"2faf-491"}]},"2faf-481":{"id":"/src/form/ModalPicker/ModalPickerOpener/ModalPickerOpener.tsx","moduleParts":{"index.es.js":"2faf-482"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-593"},{"uid":"2faf-341"},{"uid":"2faf-381"},{"uid":"2faf-591"}],"importedBy":[{"uid":"2faf-489"},{"uid":"2faf-491"}]},"2faf-483":{"id":"/src/form/ModalPicker/ModalPickerValueTruncator/useResizeObserver/useResizeObserver.ts","moduleParts":{"index.es.js":"2faf-484"},"imported":[],"importedBy":[{"uid":"2faf-485"}]},"2faf-485":{"id":"/src/form/ModalPicker/ModalPickerValueTruncator/useComponentOverflow/useComponentOverflow.ts","moduleParts":{"index.es.js":"2faf-486"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-483"}],"importedBy":[{"uid":"2faf-487"}]},"2faf-487":{"id":"/src/form/ModalPicker/ModalPickerValueTruncator/ModalPickerValueTruncator.tsx","moduleParts":{"index.es.js":"2faf-488"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-307"},{"uid":"2faf-485"}],"importedBy":[{"uid":"2faf-489"},{"uid":"2faf-491"}]},"2faf-489":{"id":"/src/form/ModalPicker/single/ModalPickerSingle.tsx","moduleParts":{"index.es.js":"2faf-490"},"imported":[{"uid":"2faf-313"},{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-365"},{"uid":"2faf-467"},{"uid":"2faf-471"},{"uid":"2faf-405"},{"uid":"2faf-437"},{"uid":"2faf-479"},{"uid":"2faf-481"},{"uid":"2faf-487"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-513"}]},"2faf-491":{"id":"/src/form/ModalPicker/multiple/ModalPickerMultiple.tsx","moduleParts":{"index.es.js":"2faf-492"},"imported":[{"uid":"2faf-313"},{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-437"},{"uid":"2faf-405"},{"uid":"2faf-357"},{"uid":"2faf-479"},{"uid":"2faf-467"},{"uid":"2faf-481"},{"uid":"2faf-487"},{"uid":"2faf-365"},{"uid":"2faf-471"},{"uid":"2faf-341"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-513"}]},"2faf-493":{"id":"/src/form/Typeahead/utils.ts","moduleParts":{"index.es.js":"2faf-494"},"imported":[],"importedBy":[{"uid":"2faf-497"},{"uid":"2faf-499"}]},"2faf-495":{"id":"/src/form/Typeahead/single/useAutoSelectOptionWhenQueryMatchesExactly.ts","moduleParts":{"index.es.js":"2faf-496"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-497"}]},"2faf-497":{"id":"/src/form/Typeahead/single/TypeaheadSingle.tsx","moduleParts":{"index.es.js":"2faf-498"},"imported":[{"uid":"2faf-593"},{"uid":"2faf-592"},{"uid":"2faf-607"},{"uid":"2faf-594"},{"uid":"2faf-365"},{"uid":"2faf-471"},{"uid":"2faf-405"},{"uid":"2faf-437"},{"uid":"2faf-493"},{"uid":"2faf-495"},{"uid":"2faf-341"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-499":{"id":"/src/form/Typeahead/multiple/TypeaheadMultiple.tsx","moduleParts":{"index.es.js":"2faf-500"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-607"},{"uid":"2faf-437"},{"uid":"2faf-405"},{"uid":"2faf-493"},{"uid":"2faf-467"},{"uid":"2faf-593"},{"uid":"2faf-357"},{"uid":"2faf-365"},{"uid":"2faf-471"},{"uid":"2faf-341"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-501":{"id":"/src/form/FileInput/FileInput.tsx","moduleParts":{"index.es.js":"2faf-502"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-595"},{"uid":"2faf-594"},{"uid":"2faf-437"},{"uid":"2faf-405"},{"uid":"2faf-457"},{"uid":"2faf-589"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-503":{"id":"/src/form/ImageUpload/utils.ts","moduleParts":{"index.es.js":"2faf-504"},"imported":[{"uid":"2faf-611"}],"importedBy":[{"uid":"2faf-505"}]},"2faf-505":{"id":"/src/form/ImageUpload/ImageUpload.tsx","moduleParts":{"index.es.js":"2faf-506"},"imported":[{"uid":"2faf-313"},{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-608"},{"uid":"2faf-317"},{"uid":"2faf-323"},{"uid":"2faf-437"},{"uid":"2faf-405"},{"uid":"2faf-341"},{"uid":"2faf-503"},{"uid":"2faf-595"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-507":{"id":"/src/core/Toggle/Toggle.tsx","moduleParts":{"index.es.js":"2faf-508"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-593"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-509":{"id":"/src/form/CheckboxMultipleSelect/CheckboxMultipleSelect.tsx","moduleParts":{"index.es.js":"2faf-510"},"imported":[{"uid":"2faf-595"},{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-589"},{"uid":"2faf-365"},{"uid":"2faf-341"},{"uid":"2faf-467"},{"uid":"2faf-471"},{"uid":"2faf-405"},{"uid":"2faf-437"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-513"}]},"2faf-511":{"id":"/src/form/RadioGroup/RadioGroup.tsx","moduleParts":{"index.es.js":"2faf-512"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-437"},{"uid":"2faf-341"},{"uid":"2faf-467"},{"uid":"2faf-405"},{"uid":"2faf-343"},{"uid":"2faf-471"},{"uid":"2faf-381"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-513"}]},"2faf-513":{"id":"/src/form/ValuePicker/ValuePicker.tsx","moduleParts":{"index.es.js":"2faf-514"},"imported":[{"uid":"2faf-313"},{"uid":"2faf-592"},{"uid":"2faf-437"},{"uid":"2faf-491"},{"uid":"2faf-509"},{"uid":"2faf-511"},{"uid":"2faf-473"},{"uid":"2faf-489"},{"uid":"2faf-315"},{"uid":"2faf-341"},{"uid":"2faf-595"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-515":{"id":"/src/form/IconPicker/IconPicker.tsx","moduleParts":{"index.es.js":"2faf-516"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-593"},{"uid":"2faf-437"},{"uid":"2faf-591"},{"uid":"2faf-373"},{"uid":"2faf-405"},{"uid":"2faf-371"},{"uid":"2faf-469"},{"uid":"2faf-329"},{"uid":"2faf-341"},{"uid":"2faf-307"},{"uid":"2faf-379"},{"uid":"2faf-381"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-517":{"id":"/src/form/ColorPicker/ColorPicker.tsx","moduleParts":{"index.es.js":"2faf-518"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-609"},{"uid":"2faf-593"},{"uid":"2faf-437"},{"uid":"2faf-589"},{"uid":"2faf-405"},{"uid":"2faf-341"},{"uid":"2faf-379"},{"uid":"2faf-381"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-519":{"id":"/src/form/Checkbox/Checkbox.tsx","moduleParts":{"index.es.js":"2faf-520"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-437"},{"uid":"2faf-405"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-521":{"id":"/src/form/NewPasswordInput/PasswordStrength/useMeterWidth/useMeterWidth.ts","moduleParts":{"index.es.js":"2faf-522"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-527"}]},"2faf-523":{"id":"/src/form/NewPasswordInput/PasswordStrength/rules.ts","moduleParts":{"index.es.js":"2faf-524"},"imported":[],"importedBy":[{"uid":"2faf-529"},{"uid":"2faf-525"}]},"2faf-525":{"id":"/src/form/NewPasswordInput/PasswordStrength/useRules/useRules.ts","moduleParts":{"index.es.js":"2faf-526"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-523"}],"importedBy":[{"uid":"2faf-527"}]},"2faf-527":{"id":"/src/form/NewPasswordInput/PasswordStrength/PasswordStrength.tsx","moduleParts":{"index.es.js":"2faf-528"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"},{"uid":"2faf-341"},{"uid":"2faf-317"},{"uid":"2faf-521"},{"uid":"2faf-525"}],"importedBy":[{"uid":"2faf-529"}]},"2faf-529":{"id":"/src/form/NewPasswordInput/NewPasswordInput.tsx","moduleParts":{"index.es.js":"2faf-530"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-595"},{"uid":"2faf-439"},{"uid":"2faf-437"},{"uid":"2faf-527"},{"uid":"2faf-523"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-531":{"id":"/src/form/FormButton/FormButton.tsx","moduleParts":{"index.es.js":"2faf-532"},"imported":[{"uid":"2faf-313"},{"uid":"2faf-592"},{"uid":"2faf-323"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-533":{"id":"/src/form/PlainTextFormControl/PlainTextFormControl.tsx","moduleParts":{"index.es.js":"2faf-534"},"imported":[{"uid":"2faf-594"},{"uid":"2faf-592"},{"uid":"2faf-593"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-535":{"id":"/src/table/EpicTable/helpers/GooeyCenter/GooeyCenter.tsx","moduleParts":{"index.es.js":"2faf-536"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-595"},{"uid":"2faf-612"}],"importedBy":[{"uid":"2faf-555"},{"uid":"2faf-539"}]},"2faf-537":{"id":"/src/table/EpicTable/helpers/FixedHeader/useClosestHeaderIndex.ts","moduleParts":{"index.es.js":"2faf-538"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-539"}]},"2faf-539":{"id":"/src/table/EpicTable/helpers/FixedHeader/FixedHeader.tsx","moduleParts":{"index.es.js":"2faf-540"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-535"},{"uid":"2faf-537"}],"importedBy":[{"uid":"2faf-555"}]},"2faf-541":{"id":"/src/table/EpicTable/rows/EpicExpanderRow/EpicExpanderRow.tsx","moduleParts":{"index.es.js":"2faf-542"},"imported":[{"uid":"2faf-313"},{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-547"}]},"2faf-543":{"id":"/src/table/EpicTable/rows/EpicDetailRow/EpicDetailRow.tsx","moduleParts":{"index.es.js":"2faf-544"},"imported":[{"uid":"2faf-313"},{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-547"}]},"2faf-545":{"id":"/src/table/EpicTable/cells/EpicCell/EpicCell.tsx","moduleParts":{"index.es.js":"2faf-546"},"imported":[{"uid":"2faf-313"},{"uid":"2faf-592"},{"uid":"2faf-593"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-547"}]},"2faf-547":{"id":"/src/table/EpicTable/helpers/layout/layout.ts","moduleParts":{"index.es.js":"2faf-548"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-613"},{"uid":"2faf-541"},{"uid":"2faf-543"},{"uid":"2faf-545"}],"importedBy":[{"uid":"2faf-555"}]},"2faf-549":{"id":"/src/table/EpicTable/helpers/useEpicTableRect.ts","moduleParts":{"index.es.js":"2faf-550"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-555"}]},"2faf-551":{"id":"/src/table/EpicTable/helpers/useCalculateActualHeight.tsx","moduleParts":{"index.es.js":"2faf-552"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-555"}]},"2faf-553":{"id":"/src/table/EpicTable/helpers/useAdjustHeightOfActiveDetailRow.tsx","moduleParts":{"index.es.js":"2faf-554"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-555"}]},"2faf-555":{"id":"/src/table/EpicTable/EpicTable.tsx","moduleParts":{"index.es.js":"2faf-556"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-593"},{"uid":"2faf-539"},{"uid":"2faf-535"},{"uid":"2faf-547"},{"uid":"2faf-549"},{"uid":"2faf-551"},{"uid":"2faf-553"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-581"}]},"2faf-557":{"id":"/src/table/EpicTable/cells/EpicHeader/EpicResize/useEpicResizeListenerCleanup.ts","moduleParts":{"index.es.js":"2faf-558"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-559"}],"importedBy":[{"uid":"2faf-559"}]},"2faf-559":{"id":"/src/table/EpicTable/cells/EpicHeader/EpicResize/EpicResize.tsx","moduleParts":{"index.es.js":"2faf-560"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-595"},{"uid":"2faf-557"}],"importedBy":[{"uid":"2faf-561"},{"uid":"2faf-557"}]},"2faf-561":{"id":"/src/table/EpicTable/cells/EpicHeader/EpicHeader.tsx","moduleParts":{"index.es.js":"2faf-562"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-559"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-583"}]},"2faf-563":{"id":"/src/table/EpicTable/cells/EpicCellLayout/EpicCellLayout.tsx","moduleParts":{"index.es.js":"2faf-564"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-583"}]},"2faf-565":{"id":"/src/table/EpicTable/cells/EpicForm/EpicForm.tsx","moduleParts":{"index.es.js":"2faf-566"},"imported":[{"uid":"2faf-313"},{"uid":"2faf-592"},{"uid":"2faf-593"},{"uid":"2faf-598"},{"uid":"2faf-595"},{"uid":"2faf-421"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-567":{"id":"/src/table/EpicTable/cells/EpicFormCell/EpicFormCell.tsx","moduleParts":{"index.es.js":"2faf-568"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-569":{"id":"/src/table/EpicTable/rows/EpicRow/EpicRow.tsx","moduleParts":{"index.es.js":"2faf-570"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-571":{"id":"/src/table/EpicTable/widgets/EpicDetail/EpicDetail.tsx","moduleParts":{"index.es.js":"2faf-572"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-591"},{"uid":"2faf-341"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-573":{"id":"/src/table/EpicTable/widgets/EpicExpander/EpicExpander.tsx","moduleParts":{"index.es.js":"2faf-574"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-323"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-575":{"id":"/src/table/EpicTable/widgets/EpicSelection/EpicSelection.tsx","moduleParts":{"index.es.js":"2faf-576"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-594"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-577":{"id":"/src/table/EpicTable/widgets/EpicSort/utils.ts","moduleParts":{"index.es.js":"2faf-578"},"imported":[],"importedBy":[{"uid":"2faf-579"}]},"2faf-579":{"id":"/src/table/EpicTable/widgets/EpicSort/EpicSort.tsx","moduleParts":{"index.es.js":"2faf-580"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-591"},{"uid":"2faf-577"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-583"}]},"2faf-581":{"id":"/src/table/CrudTable/CrudTable.tsx","moduleParts":{"index.es.js":"2faf-582"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-371"},{"uid":"2faf-555"},{"uid":"2faf-349"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-583":{"id":"/src/table/CrudTable/components/CrudHeader/CrudHeader.tsx","moduleParts":{"index.es.js":"2faf-584"},"imported":[{"uid":"2faf-592"},{"uid":"2faf-563"},{"uid":"2faf-579"},{"uid":"2faf-439"},{"uid":"2faf-561"},{"uid":"2faf-473"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-585":{"id":"/src/hooks/useHover/useHover.ts","moduleParts":{"index.es.js":"2faf-586"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-587":{"id":"/src/hooks/useBootstrapSize/useBootstrapSize.ts","moduleParts":{"index.es.js":"2faf-588"},"imported":[{"uid":"2faf-592"}],"importedBy":[{"uid":"2faf-589"}]},"2faf-589":{"id":"/src/index.ts","moduleParts":{"index.es.js":"2faf-590"},"imported":[{"uid":"2faf-309"},{"uid":"2faf-311"},{"uid":"2faf-323"},{"uid":"2faf-321"},{"uid":"2faf-327"},{"uid":"2faf-325"},{"uid":"2faf-329"},{"uid":"2faf-331"},{"uid":"2faf-591"},{"uid":"2faf-333"},{"uid":"2faf-337"},{"uid":"2faf-343"},{"uid":"2faf-345"},{"uid":"2faf-347"},{"uid":"2faf-349"},{"uid":"2faf-351"},{"uid":"2faf-315"},{"uid":"2faf-355"},{"uid":"2faf-357"},{"uid":"2faf-307"},{"uid":"2faf-359"},{"uid":"2faf-361"},{"uid":"2faf-363"},{"uid":"2faf-371"},{"uid":"2faf-373"},{"uid":"2faf-377"},{"uid":"2faf-379"},{"uid":"2faf-381"},{"uid":"2faf-383"},{"uid":"2faf-385"},{"uid":"2faf-387"},{"uid":"2faf-389"},{"uid":"2faf-391"},{"uid":"2faf-393"},{"uid":"2faf-395"},{"uid":"2faf-397"},{"uid":"2faf-375"},{"uid":"2faf-401"},{"uid":"2faf-403"},{"uid":"2faf-411"},{"uid":"2faf-407"},{"uid":"2faf-413"},{"uid":"2faf-415"},{"uid":"2faf-399"},{"uid":"2faf-421"},{"uid":"2faf-437"},{"uid":"2faf-439"},{"uid":"2faf-441"},{"uid":"2faf-445"},{"uid":"2faf-461"},{"uid":"2faf-463"},{"uid":"2faf-465"},{"uid":"2faf-473"},{"uid":"2faf-489"},{"uid":"2faf-491"},{"uid":"2faf-497"},{"uid":"2faf-499"},{"uid":"2faf-501"},{"uid":"2faf-505"},{"uid":"2faf-507"},{"uid":"2faf-429"},{"uid":"2faf-423"},{"uid":"2faf-509"},{"uid":"2faf-513"},{"uid":"2faf-515"},{"uid":"2faf-517"},{"uid":"2faf-519"},{"uid":"2faf-511"},{"uid":"2faf-529"},{"uid":"2faf-531"},{"uid":"2faf-367"},{"uid":"2faf-457"},{"uid":"2faf-369"},{"uid":"2faf-533"},{"uid":"2faf-555"},{"uid":"2faf-545"},{"uid":"2faf-561"},{"uid":"2faf-563"},{"uid":"2faf-565"},{"uid":"2faf-567"},{"uid":"2faf-569"},{"uid":"2faf-543"},{"uid":"2faf-541"},{"uid":"2faf-571"},{"uid":"2faf-573"},{"uid":"2faf-575"},{"uid":"2faf-579"},{"uid":"2faf-581"},{"uid":"2faf-583"},{"uid":"2faf-341"},{"uid":"2faf-339"},{"uid":"2faf-469"},{"uid":"2faf-433"},{"uid":"2faf-475"},{"uid":"2faf-335"},{"uid":"2faf-585"},{"uid":"2faf-587"}],"importedBy":[{"uid":"2faf-325"},{"uid":"2faf-461"},{"uid":"2faf-501"},{"uid":"2faf-509"},{"uid":"2faf-517"},{"uid":"2faf-369"},{"uid":"2faf-317"}],"isEntry":true},"2faf-591":{"id":"/src/core/Icon/index.ts","moduleParts":{},"imported":[{"uid":"2faf-317"},{"uid":"2faf-319"}],"importedBy":[{"uid":"2faf-589"},{"uid":"2faf-323"},{"uid":"2faf-347"},{"uid":"2faf-349"},{"uid":"2faf-371"},{"uid":"2faf-383"},{"uid":"2faf-395"},{"uid":"2faf-407"},{"uid":"2faf-515"},{"uid":"2faf-571"},{"uid":"2faf-579"},{"uid":"2faf-481"}]},"2faf-592":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-309"},{"uid":"2faf-311"},{"uid":"2faf-323"},{"uid":"2faf-321"},{"uid":"2faf-327"},{"uid":"2faf-325"},{"uid":"2faf-329"},{"uid":"2faf-331"},{"uid":"2faf-333"},{"uid":"2faf-337"},{"uid":"2faf-343"},{"uid":"2faf-345"},{"uid":"2faf-347"},{"uid":"2faf-349"},{"uid":"2faf-351"},{"uid":"2faf-315"},{"uid":"2faf-355"},{"uid":"2faf-357"},{"uid":"2faf-307"},{"uid":"2faf-359"},{"uid":"2faf-361"},{"uid":"2faf-363"},{"uid":"2faf-371"},{"uid":"2faf-373"},{"uid":"2faf-377"},{"uid":"2faf-379"},{"uid":"2faf-381"},{"uid":"2faf-383"},{"uid":"2faf-385"},{"uid":"2faf-387"},{"uid":"2faf-389"},{"uid":"2faf-391"},{"uid":"2faf-393"},{"uid":"2faf-395"},{"uid":"2faf-397"},{"uid":"2faf-375"},{"uid":"2faf-401"},{"uid":"2faf-403"},{"uid":"2faf-411"},{"uid":"2faf-407"},{"uid":"2faf-413"},{"uid":"2faf-415"},{"uid":"2faf-399"},{"uid":"2faf-421"},{"uid":"2faf-437"},{"uid":"2faf-439"},{"uid":"2faf-441"},{"uid":"2faf-445"},{"uid":"2faf-461"},{"uid":"2faf-473"},{"uid":"2faf-489"},{"uid":"2faf-491"},{"uid":"2faf-497"},{"uid":"2faf-499"},{"uid":"2faf-501"},{"uid":"2faf-505"},{"uid":"2faf-507"},{"uid":"2faf-429"},{"uid":"2faf-423"},{"uid":"2faf-509"},{"uid":"2faf-513"},{"uid":"2faf-515"},{"uid":"2faf-517"},{"uid":"2faf-519"},{"uid":"2faf-511"},{"uid":"2faf-529"},{"uid":"2faf-531"},{"uid":"2faf-367"},{"uid":"2faf-457"},{"uid":"2faf-369"},{"uid":"2faf-533"},{"uid":"2faf-555"},{"uid":"2faf-545"},{"uid":"2faf-561"},{"uid":"2faf-563"},{"uid":"2faf-565"},{"uid":"2faf-567"},{"uid":"2faf-569"},{"uid":"2faf-543"},{"uid":"2faf-541"},{"uid":"2faf-571"},{"uid":"2faf-573"},{"uid":"2faf-575"},{"uid":"2faf-579"},{"uid":"2faf-581"},{"uid":"2faf-583"},{"uid":"2faf-475"},{"uid":"2faf-335"},{"uid":"2faf-585"},{"uid":"2faf-587"},{"uid":"2faf-317"},{"uid":"2faf-353"},{"uid":"2faf-365"},{"uid":"2faf-409"},{"uid":"2faf-417"},{"uid":"2faf-419"},{"uid":"2faf-431"},{"uid":"2faf-435"},{"uid":"2faf-451"},{"uid":"2faf-453"},{"uid":"2faf-455"},{"uid":"2faf-459"},{"uid":"2faf-471"},{"uid":"2faf-479"},{"uid":"2faf-481"},{"uid":"2faf-487"},{"uid":"2faf-495"},{"uid":"2faf-425"},{"uid":"2faf-427"},{"uid":"2faf-527"},{"uid":"2faf-539"},{"uid":"2faf-535"},{"uid":"2faf-547"},{"uid":"2faf-549"},{"uid":"2faf-551"},{"uid":"2faf-553"},{"uid":"2faf-559"},{"uid":"2faf-449"},{"uid":"2faf-477"},{"uid":"2faf-485"},{"uid":"2faf-521"},{"uid":"2faf-525"},{"uid":"2faf-537"},{"uid":"2faf-557"}],"isExternal":true},"2faf-593":{"id":"classnames","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-309"},{"uid":"2faf-311"},{"uid":"2faf-323"},{"uid":"2faf-329"},{"uid":"2faf-331"},{"uid":"2faf-333"},{"uid":"2faf-337"},{"uid":"2faf-343"},{"uid":"2faf-345"},{"uid":"2faf-347"},{"uid":"2faf-351"},{"uid":"2faf-315"},{"uid":"2faf-357"},{"uid":"2faf-373"},{"uid":"2faf-389"},{"uid":"2faf-393"},{"uid":"2faf-395"},{"uid":"2faf-403"},{"uid":"2faf-411"},{"uid":"2faf-407"},{"uid":"2faf-441"},{"uid":"2faf-445"},{"uid":"2faf-461"},{"uid":"2faf-497"},{"uid":"2faf-499"},{"uid":"2faf-507"},{"uid":"2faf-515"},{"uid":"2faf-517"},{"uid":"2faf-533"},{"uid":"2faf-555"},{"uid":"2faf-545"},{"uid":"2faf-565"},{"uid":"2faf-317"},{"uid":"2faf-409"},{"uid":"2faf-481"}],"isExternal":true},"2faf-594":{"id":"reactstrap","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-323"},{"uid":"2faf-331"},{"uid":"2faf-333"},{"uid":"2faf-347"},{"uid":"2faf-349"},{"uid":"2faf-371"},{"uid":"2faf-391"},{"uid":"2faf-393"},{"uid":"2faf-375"},{"uid":"2faf-401"},{"uid":"2faf-403"},{"uid":"2faf-411"},{"uid":"2faf-407"},{"uid":"2faf-439"},{"uid":"2faf-441"},{"uid":"2faf-445"},{"uid":"2faf-461"},{"uid":"2faf-473"},{"uid":"2faf-489"},{"uid":"2faf-491"},{"uid":"2faf-497"},{"uid":"2faf-499"},{"uid":"2faf-501"},{"uid":"2faf-505"},{"uid":"2faf-429"},{"uid":"2faf-509"},{"uid":"2faf-515"},{"uid":"2faf-517"},{"uid":"2faf-519"},{"uid":"2faf-511"},{"uid":"2faf-457"},{"uid":"2faf-369"},{"uid":"2faf-533"},{"uid":"2faf-575"},{"uid":"2faf-479"},{"uid":"2faf-481"},{"uid":"2faf-527"}],"isExternal":true},"2faf-595":{"id":"lodash","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-345"},{"uid":"2faf-349"},{"uid":"2faf-371"},{"uid":"2faf-421"},{"uid":"2faf-437"},{"uid":"2faf-461"},{"uid":"2faf-465"},{"uid":"2faf-501"},{"uid":"2faf-505"},{"uid":"2faf-509"},{"uid":"2faf-513"},{"uid":"2faf-529"},{"uid":"2faf-565"},{"uid":"2faf-365"},{"uid":"2faf-443"},{"uid":"2faf-451"},{"uid":"2faf-425"},{"uid":"2faf-535"},{"uid":"2faf-559"}],"isExternal":true},"2faf-596":{"id":"react-router-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-347"}],"isExternal":true},"2faf-597":{"id":"@tippyjs/react","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-307"},{"uid":"2faf-379"}],"isExternal":true},"2faf-598":{"id":"react-final-form","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-421"},{"uid":"2faf-437"},{"uid":"2faf-565"}],"isExternal":true},"2faf-599":{"id":"@42.nl/jarb-final-form","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-437"},{"uid":"2faf-435"}],"isExternal":true},"2faf-600":{"id":"react-display-name","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-437"}],"isExternal":true},"2faf-601":{"id":"@42.nl/react-error-store","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-437"},{"uid":"2faf-429"}],"isExternal":true},"2faf-602":{"id":"react-text-mask","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-439"},{"uid":"2faf-461"}],"isExternal":true},"2faf-603":{"id":"react-textarea-autosize","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-441"}],"isExternal":true},"2faf-604":{"id":"react-quill","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-445"}],"isExternal":true},"2faf-605":{"id":"react-datetime","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-461"},{"uid":"2faf-451"}],"isExternal":true},"2faf-606":{"id":"moment","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-461"},{"uid":"2faf-463"},{"uid":"2faf-447"},{"uid":"2faf-451"}],"isExternal":true},"2faf-607":{"id":"react-bootstrap-typeahead","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-497"},{"uid":"2faf-499"}],"isExternal":true},"2faf-608":{"id":"react-avatar-editor","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-505"}],"isExternal":true},"2faf-609":{"id":"react-color","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-517"}],"isExternal":true},"2faf-610":{"id":"@42.nl/spring-connect","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-471"}],"isExternal":true},"2faf-611":{"id":"pica","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-503"}],"isExternal":true},"2faf-612":{"id":"overlayscrollbars-react","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-535"}],"isExternal":true},"2faf-613":{"id":"react-is","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faf-547"}],"isExternal":true}},"env":{"rollup":"2.75.7"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;